@charset "utf-8";
/* CSS Document */
/*===============================

    layout

================================*/
.l_section_box {
}

.l_section_box + .l_section_box {
  margin-top: 45px;
}

@media screen and (max-width:599px) {
  .l_section_box + .l_section_box {
    margin-top: 60px;
  }

}

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

    common

================================*/
.p_mainContainer {
  color: #333;
  font: 500 14px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  letter-spacing: 0;
  line-height: 1.6;
}

#base {
  width: 1220px;
}

.p_wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.p_mainContainer {
  order: 2;
  width: 750px;
}

[v-cloak] {
  display: none;
}

#vueSearch[v-cloak] {
  display: block;
}

@media screen and (max-width:768px) {
  #base {
    width: 100%;
  }

  .p_mainContainer {
    width: 100%;
  }

  .p_wrapper {
    display: block;
  }

  #sideNavRev {
    display: none;
  }

}

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

.m_heading_primaryMain {
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
}

.m_heading_fill {
  background-color: #981616;
  padding: 4px 0;
}

.m_heading_fillMain {
  color: #fff;
}

/* 左ナビのCS上書き */
#bottomLineups .ap_ttl--subRelativeTraining {
}

#bottomLineups .ap_ico--middle {
}

#bottomLineups .ap_ico--drop--red {
}

.side_rslt > dt::before {
  border-color: #e40056;
}

.side_rslt > dt > img {
  background-color: #e40056;
}

/* アイコンモジュール */
.m_hasIco {
  display: block;
  position: relative;
}

.m_hasIco__item,
.m_hasIco::before,
.m_hasIco::after {
  position: absolute;
}

.m_hasIco__item,
.m_hasIco::before {
  left: 0;
}

.m_hasIco::after {
  right: 0;
}

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

.m_hasIco--ast {
  padding-left: 1em;
}

.m_hasIco--ast::before {
  content: "※";
}

/*
    トップ画
================================*/
/* 2016/09/26
 新デザインTOP画まわり用 */
.top_section {
  margin-bottom: 10px;
}

.top_section .top_box {
  display: table;
}

.top_section .top_image {
  display: table-cell;
  vertical-align: top;
}

.top_section .top_info {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
  width: 420px;
}

.top_section .top_titleBox {
  height: 155px;
  margin-bottom: 15px;
  position: relative;
}

.top_section h1 {
  font-family: "游ゴシック";
  font-size: 25px;
  line-height: 1.4em;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
}

.top_section .notice_box a {
  color: #333;
}

.top_section .notice_box a:hover {
  text-decoration: none;
}

.var_program {
  bottom: 0;
  list-style: none;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.var_program li a {
  border: 1px solid #555;
  color: white;
  display: block;
  font-family: 游ゴシック;
  font-size: 13px;
  font-weight: 700;
  padding: 2px;
  text-align: center;
}

.var_program li a:hover {
  background-color: white;
  border: 1px solid;
  text-decoration: none;
}

.var_program li {
  float: left;
  margin-right: 7px;
  width: 32%;
}

.var_program li:last-child {
  margin-right: 0;
}

@media (max-width: 430px) {
  .var_program li a {
    font-size: 11px;
    height: 40px;
  }

  .var_program li {
    width: 31%;
  }

}

/* 2016/10/25 研修コード用 */
.top_section .code_box {
  color: #ccc;
}

@media(max-width:768px) {
  .top_section .code_box {
    display: none;
  }

}

/***********
2018/9/12トップ画500-200対応
***********/
/*reset*/
/*2016テンプレート*/
.top_section.top_section--w500 {
  display: block;
  height: auto;
}

.p_heading--500w > .p_heading__ttl {
  position: static;
  transform: none;
}

.top_section.top_section--w500 .notice_box__w500 {
  position: static;
}

/*標準テンプレート*/
#cont #chead .top_section--w500 h1 {
  border-top: none;
  padding: 0;
  text-indent: 0;
}

/*new*/
/*全体構造*/
.top_section--w500 {
  font-family: "游ゴシック","Yu Gothic",sans-serif;
  font-weight: 500;
}

.top_section__imageWrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 3px;
}

.top_section__comment {
  background-color: #FCE7EE;
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 100%;
}

.top_section__comment__logo {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin: 0 0 10px;
  width: 100%;
}

.top_section__comment__text {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 10px;
  padding: 0 15px;
  word-break: break-all;
}

/* ▼画像サイズ500*150▼ */
.top_section__comment.short {
  padding: 5px;
}

.top_section__comment__logo.short {
  margin-bottom: 5px;
}

.top_section__comment__text.short {
  font-size: 14px;
}

/* ▲画像サイズ500*150▲ */
.top_section__image {
  text-align: center;
}

.top_section__image img {
  vertical-align: bottom;
}

.top_section__aside {
  display: flex;
  font-size: 11px;
  justify-content: flex-end;
  line-height: 1;
}

.top_section__code + .top_section__date {
  padding-left: 16px;
}

.top_section__image + .top_section__aside {
  margin-top: 8px;
}

.top_section__aside + .notice_box__w500 {
  margin-top: 8px;
}

.top_section__ida {
  line-height: 0;
  margin: 0 0 0 auto;
}

.top_section__ida a:hover {
  opacity: .6;
}

@media screen and (max-width: 599px) {
  .top_section__code + .top_section__date {
    padding-left: 8px;
  }

  .top_section__imageWrap {
    display: block;
  }

  .top_section__comment__logo {
    display: none;
  }

  .top_section__comment {
    margin-bottom: 0;
    padding: 10px;
  }

  .top_section__comment__text {
    font-size: 13px;
  }

}

@media screen and (max-width: 768px) {
  .top_section__comment__logo {
    margin-bottom: 0;
  }

  .top_section__comment {
    margin-bottom: 0;
    padding: 0;
  }

  .top_section__comment__text {
    font-size: 13px;
  }

}

/*見出し*/
.p_heading {
}

.p_heading--500w {
  border-top: 3px solid #e40056;
  padding: 8px 0 8px 72px;
  position: relative;
}

.p_heading--500w::before {
  content: url(/resource/img/icons/bottom_movie.svg);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
}

.p_heading--dvd::before {
  content: url(/resource/img/icons/bottom_dvd.svg);
}

.p_heading--500w > .p_heading__ttl, #cont #chead .p_heading--500w > .p_heading__ttl {
  font-size: 15px;
  line-height: 1.4;
}

@media screen and (max-width:599px) {
  .p_heading--500w {
    padding-left: 56px;
  }

  .p_heading--500w::before {
    width: 48px;
  }

}

/*キャッチコピー*/
.p_catchCopy {
  font-weight: bold;
  line-height: 1;
}

.p_catchCopy--500w {
  color: #e40056;
}

/* 講師派遣 */
.top_section .notice_box {
  width: 100%; /*max-height:155px;*/
}

.top_section .notice_box li {
  list-style-type: none;
}

.top_section .notice_box .fl {
  width: 45%;
}

.top_section .notice_box .fr {
  width: 53%;
}

.top_section .notice_box .notice_koushi {
  border: 1px solid #333;
  border-radius: 2px;
  font-size: 14px;
  height: 140px;
  padding: 10px;
  position: relative;
}

.top_section .notice_box .notice_koushi p {
  font-family: "游ゴシック";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
  position: absolute;
  text-align: center;
  top: 30%;
  right: 0;
  left: 0;
}

.top_section .notice_box .notice_koushi p a {
  display: block;
  font-family: "游ゴシック";
}

.top_section .notice_box .notice_koushi p span {
  font-family: "游ゴシック";
  font-size: 20px;
}

.top_section .notice_box .notice_koushi ul {
}

.top_section .notice_box .notice_koushi ul li {
  border-bottom: 1px solid #333;
  margin-bottom: 5px;
  padding-bottom: 5px;
  position: relative;
}

.top_section .notice_box .notice_koushi ul li:last-child {
  margin-bottom: 0;
}

.top_section .notice_box .notice_koushi ul li span.price {
  font-weight: bold;
  position: absolute;
  right: 0;
}

.top_section .notice_box .notice_koushi ul li a {
  display: block;
  text-decoration: none;
}

.top_section .notice_box .notice_koushi:hover {
  border-color: #c23535;
  cursor: pointer;
}

.top_section .notice_box .notice_koushi:hover * {
  border-color: #c23535;
  color: #c23535;
}

/* 公開講座＆eラーニング (2019/6/24 追記)*/
.top_section .notice_box .notice_bup {
  border: 1px solid #333;
  border-radius: 2px;
  margin-bottom: 12px;
  text-align: center;
}

.top_section .notice_box .notice_bup span {
  display: block;
  font-family: "游ゴシック";
  font-size: 12px;
}

.top_section .notice_box .notice_bup a {
  display: block;
  font-family: "游ゴシック";
  font-size: 14px;
  font-weight: bold;
  height: 62px;
  padding: 8px;
}

.top_section .notice_box .notice_bup:hover,
.top_section .notice_box .notice_bup a:hover {
  border-color: #c23535;
  color: #c23535;
}

.top_section .notice_box .notice_elearning {
  border: 1px solid #333;
  border-radius: 2px;
  font-family: "游ゴシック";
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.top_section .notice_box .notice_elearning span {
  display: block;
  font-family: "游ゴシック";
  font-size: 12px;
}

.top_section .notice_box .notice_elearning a {
  display: block;
  font-family: "游ゴシック";
  height: 62px;
  padding: 8px;
}

.top_section .notice_box .notice_elearning:hover,
.top_section .notice_box .notice_elearning a:hover {
  border-color: #c23535;
  color: #c23535;
}

/* 2019/6/24ドロップダウン追加 */
.subNav {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: -4px;
}

.subNav__item {
  display: block;
  padding: 4px;
  width: 33.333%;
}

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

}

.subNav__inner {
  border-radius: 2px;
  position: relative;
}

.subNav__btn {
  align-items: center;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: center;
  padding: 8px 24px 8px 8px;
  position: relative;
  text-decoration: none;
}

.subNav__msg {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

.subNav__btn::after {
  align-items: center;
  border: 1px solid #333;
  content: "";
  display: flex;
  font-size: 12px;
  height: 16px;
  justify-content: center;
  line-height: 1;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 16px;
}

.subNav__btn.is_show::after {
  content: "-";
}

.subNav__btn.is_hide::after {
  content: "+";
}

.subNav__list {
  background: #f3f3f3;
  padding: 8px 4px;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.subNav__listItem {
  line-height: 1.2;
  padding-left: 28px;
  position: relative;
}

.subNav__listItem::before {
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.subNav__listItem + .subNav__listItem {
  margin-top: 16px;
}

.subNav__listItem--same::before {
  content: url(/common/img/bottom/icon_sameContents.png);
}

.subNav__listItem--ask::before {
  content: url(/common/img/bottom/icon_ask.png);
}

.subNav__listItem--lineup::before {
  content: url(/common/img/bottom/icon_lineup.png);
}

.subNav__target {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  text-decoration: none;
}

.subNav__target:hover {
  /* カスケード対応 */
  text-decoration: underline;
}

.subNav__subMsg {
  font-size: 10px;
}

.js_subNavList {
  display: none;
  overflow: hidden;
  transition: .5s height, .5s padding;
}

/* 全力Q&Aの見出し上書き */
.simple.faq {
  border: 1px solid #e40056;
  padding: 20px;
}

.faq__ttl {
  border-bottom: 1px solid #e40056;
  color: #e40056;
  font-size: 18px;
  margin-bottom: 16px;
  padding-bottom: 5px;
}

.faq__ttl img {
  margin-right: 10px;
  vertical-align: bottom;
}

.faq__lead {
  margin-bottom: 10px;
}

.faq__listItem + .faq__listItem {
  margin-top: 8px;
}

.faq__link {
  display: block;
  padding-left: 16px;
  position: relative;
}

.faq__link:hover {
  text-decoration: underline;
}

.faq__link::before {
  border: 8px solid transparent;
  border-left: 8px solid;
  border-right: none;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 3px;
  left: 0;
  width: 0;
}

/*18/8/13　見出しに研修コード追加*/
.programHeading {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.programHeading--hasMargin {
  margin-bottom: 20px;
}

#cont .simple .programHeading__ttl {
  margin-bottom: 0; /*要素に直に当てているCSSキャンセル（カスケーディングも実施）*/
}

.programHeading__code {
  border: 1px solid #ccc;
  padding: 8px;
}

@media screen and (max-width:599px) {
  .programHeading {
    justify-content: flex-end;
  }

  .programHeading--resSmHasMargin {
    margin-bottom: 20px;
  }

  .programHeading__ttl {
    flex: 0 0 100%;
  }

  .programHeading__code {
    padding: 4px;
  }

}

/*
    ナビゲーション
================================*/
.bottomNavWrapper {
  margin: 10px 0;
}

.bottomNavWrapper-box {
  background-color: #fff;
  width: 750px;
}

.bottomNavWrapper-box.is-fixed {
  box-shadow: 0 1px 8px rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  /* test */
  width: 100%;
  z-index: 999;
}

.bottomNavWrapper-search {
}

.bottomNav {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  background: #f3f3f3 content-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  /* test */
  max-width: 750px;
  /*justify-content: space-between;*/
  /*margin-top: 15px;*/
  padding-bottom: 5px;
  width: 100%;
}

.bottomNav_item {
  /*
  -webkit-flex: 1 0 25%;
  -moz-flex: 1 0 25%;
  -ms-flex: 1 0 25%;
  -o-flex: 1 0 25%;
  flex: 1 0 25%;
  */
  -webkit-flex: 0 0 25%;
  -moz-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  -o-flex: 0 0 25%;
  flex: 0 0 25%;
  font-size: 14px;
}

.bottomNav_link {
  /*background-color: #f3f3f3;*/
  border: 1px solid transparent;
  color: #333;
  display: block;
  font-weight: bold;
  padding: 5px;
  /*text-align: center;*/
}

.bottomNav_link >　span {
}

.bottomNav_link:hover {
  background-color: #e40056;
  /*border: 1px solid #bbb;*/
  color: #fff;
  text-decoration: none;
}

.bottomNav_link span::before {
  color: #e40056;
  display: inline;
  font-family: "fontAwesome";
  font-size: 1em;
  margin-right: 5px;
  vertical-align: baseline;
}

.bottomNav_link.programMenu span::before {
  content: '\f0ce';
}

.bottomNav_link.needs span::before {
  content: '\f2b5';
}

.bottomNav_link.attainmentTarget span::before {
  content: '\f024';
}

.bottomNav_link.programExample span::before {
  content: '\f03a';
}

.bottomNav_link.qa span::before {
  content: '\f2c4';
}

.bottomNav_link.image span::before {
  content: "\f04b";
}

.bottomNav_link.sampleMovie span::before {
  content: "\f03d";
}

.bottomNav_link.faq span::before {
  content: "\f059";
}

.bottomNav_link.price span::before {
  content: "\f157";
}

.bottomNav_link.link span::before {
  content: "\f0c1";
}

.bottomNav_link.impressions span::before {
  content: '\f086';
}

.bottomNav_link.comment span::before {
  content: '\f075';
}

.bottomNav_link.search-bup span::before {
  content: '\f0fe';
}

.bottomNav_link.search-elearning span::before {
  content: '\f0fe';
}

.bottomNav_link.trainer span::before {
  content: '\f007';
}

.bottomNav_link.attention span::before {
  content: '\f12a';
}

.bottomNav_link:hover span::before {
  color: #fff;
}

.bottomNav_link.recommended span::before {
  content: '\f087';
}

/* サブナビ（お問合せ＆印刷ボタン） */
.bottomSubNav {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 6px;
  justify-content: space-between;
  /*margin: 15px 0 0;*/
  /* test */
  margin: 0 auto;
  padding-bottom: 0;
  position: relative;
}

.bottomSubNav_item {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}

.bottomSubNav_item.search {
  flex: 1 0 auto;
  width: auto;
}

.bottomSubNav_item.column {
  align-self: center;
}

.bottomSubNav_item.print {
}

.bottomSubNav_item.contact {
  width: 142px;
}

.c_navLink-btn {
  -ms-align-items: center;
  align-items: center;
  background-color: #ff9e1d;
  border-radius: 5px;
  box-shadow: inset -2px 2px 0 rgba(255, 255, 255, 0.4), -2px 2px 0 rgba(115, 99, 87, 1);
  color: #1a1a1a;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1.3;
  padding: 7px;
  transition: .3s;
  width: 100%;
}

.c_navLink-btn:hover {
  opacity: .6;
  text-decoration: none;
}

.c_navLink-btn::before {
  content: "\f040";
  display: block;
  font-family: "FontAwesome";
  font-size: 1.2em;
  margin-right: 5px;
}

/* 読み物・コラム */
.c_navLink-banner {
  display: flex;
  transition: .3s;
}

.c_navLink-banner:hover {
  opacity: .6;
}

/* 印刷ボタン打消し */
div#print_preview_button {
  margin-top: 0 !important;
}

/* importantの打消し */
div#print_preview_button img {
  display: block;
  float: none;
  margin: 0;
}

/* オンライン研修導線 */
.p_mid_attentionBox {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 10px;
}

.p_mid_attentionBox_img {
  margin-right: 10px;
}

.p_mid_attentionBox_txt {
}

.p_mid_attentionBox_txt > span:first-of-type {
  color: #e40056;
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
}

.p_mid_attentionBox_txt > span:last-of-type {
  color: #333;
  display: block;
  font-size: .8em;
  font-weight: normal;
}

/* 検索窓上書き */
#searchField .searchField__heading,
#searchField .js_themeSearch {
  display: none;
}

#searchField .searchField__item + .searchField__item {
  margin-top: 0 !important;
}

@media screen and (max-width:768px) {
  .bottomNavWrapper-box {
    width: 100%;
  }

  .bottomNavWrapper-box.is-fixed {
    left: 0;
  }

  .bottomNav_link {
    font-size: 13px;
    font-weight: normal;
  }

  .bottomNav_item {
    flex: 0 1 33.333%;
  }

  .bottomSubNav {
    width: auto;
  }

}

@media screen and (max-width:599px) {
  /*.bottomNav_item { width: auto;flex: 1 1 50%; }*/
  .bottomNav_item {
    flex: 0 1 50%;
    width: auto;
  }

  .bottomNav_link {
    font-size: 11px;
  }

  .bottomSubNav {
    flex-wrap: wrap;
    width: auto;
  }

  .bottomSubNav_item.search {
    width: 50%;
  }

}

@media screen and (max-width:320px) {
  .bottomNav_item {
    flex: auto;
    width: 100%;
  }

  .bottomNav_link {
    font-size: 13px;
  }

  .bottomSubNav_item + .bottomSubNav_item {
    margin-left: 0;
  }

}

/* トップ画像下の注意書き */
.topImgAttention {
  border: 1px solid;
  margin-bottom: 16px;
  padding: 16px;
  position: relative;
}

.topImgAttention::before {
  border-left: 6px solid #333;
  border-top: 8px solid #333;
  border-right: 6px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.topImgAttention__txt {
  font-size: 15px;
}

.topImgAttention__em {
  color: #e40056;
  text-decoration: underline;
}

/*
    動画百貨店の特徴
================================*/
.p_feature {
  /*padding: 12px 10px 15px; 
  border: 1px solid #8F0F1B; */
  margin-bottom: 30px;
  position: relative;
}

.p_feature::before {
  background-image: url(/resource/img/icons/bottom_movie_feature_icon.jpg);
  content: "";
  height: 40.5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 47px;
}

.p_featureTtl {
  border: 1px solid #8F0F1B;
  color: #8F0F1B;
  line-height: 1.3;
  padding: 9px 0 10px 60px;
}

.p_featureList {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 12px;
}

.p_featureList_itm {
  display: flex;
  gap: 4px;
}

.p_featureList_itm-img img {
  aspect-ratio: 1 / 1;
  height: 30px;
  min-width: 30px;
  width: 30px;
}

.p_featureList_itm-hd {
  color: #8F0F1B;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

.p_featureList_itm-txt {
  font-size: 11.5px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.4;
  margin-top: 6px;
}

.p_featureList_itm-txt b {
  font-weight: 700;
}

.p_featureList_itm-note {
  font-size: 12px;
  letter-spacing: 0.36px;
}

.p_featureLinkCnt {
  margin-top: 8px;
  text-align: right;
}

.p_featureLink {
  color: #052674;
  font-size: 11px;
  font-weight: 400;
  padding-right: 11px;
  position: relative;
}

.p_featureLink::after {
  background-image: url(/resource/img/icons/bottom_movie_feature_arrow.svg);
  background-size: cover;
  content: "";
  height: 8px;
  position: absolute;
  top: 55%;
  right: 0;
  transform: translateY(-50%);
  width: 5px;
}

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

}

@media (max-width: 768px) {
  .p_feature {
    border: none;
    padding: 0 10px;
  }

  .p_feature::before {
    left: 10px;
  }

  .p_featureTtl {
    border: 1px solid #8F0F1B;
    line-height: 1.3;
    padding: 9px 0 10px 60px;
  }

  .p_featureList_itm-txt {
    margin-top: 8px;
  }

}

/*
    カタログ・初めての方追従バナー
================================
*/
.p_sideBnr {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  bottom: 0;
  transform: translateY(0);
  transition: transform 0.4s ease;
  width: 320px;
  z-index: 9999;
}

.p_sideBnr_close {
  height: 32px;
}

.p_sideBnr_close_target {
  background-color: #333;
  display: block;
  height: 32px;
  margin-left: auto;
  position: relative;
  width: 32px;
}

.p_sideBnr_close_target::after {
  background-image: url(/resource/img/new_bup/chatbot/close.png);
  background-size: cover;
  content: "";
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
}

.p_sideBnr_open {
  background-color: #A11F24;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 14px;
  height: 32px;
  text-align: center;
}

.p_sideBnr_open_target {
  align-items: center;
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

.p_sideBnr_open_target::after {
  background-image: url(/resource/img/new_bup/chatbot/up-arrow.png);
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 10px;
  width: 17px;
}

/* catalog */
.p_sideBnr_catalog {
  background-color: #A11F24;
}

.p_sideBnr_catalog-img img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.p_sideBnr_catalog-txt {
  color: #ffffff;
  font-size: 13px;
  padding: 0 37px 16px 16px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.p_sideBnr_catalog-txt::after {
  background-color: #ffffff;
  bottom: 20px;
  content: "";
  height: 8px;
  mask-image: url(/resource/img/icons/bottom_movie_feature_arrow.svg);
  mask-size: cover;
  position: absolute;
  right: 16px;
  width: 5px;
}

/* faq */
.p_sideBnr_faq {
  background-color: #F3F3F3;
}

.p_sideBnr_faq-link a {
  color: #052674;
  display: block;
  font-size: 14px;
  letter-spacing: 0.42px;
  line-height: 1.4;
  padding: 8px 16px;
  position: relative;
  text-decoration: underline;
}

.p_sideBnr_faq-link a::after {
  background-image: url(/resource/img/icons/bottom_movie_feature_arrow.svg);
  background-size: cover;
  content: "";
  height: 8px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 5px;
}

.p_sideBnr_open__firstview {
  background-color: #E40056;
}

.p_sideBnr_firstview-img img {
  width: 100%;
}

.p_sideBnr.is-closed {
  transform: translateY(calc(100% - 32px));
}

.p_sideBnr.is-closed .p_sideBnr_close {
  display: none;
}

.p_sideBnr.is-closed .p_sideBnr_open {
  display: block;
}

/* 表示関連 */
.js_firstVisit_bnr,
.js_catalog_bnr {
  display: none;
}

.js_firstVisit_bnr.is-active,
.js_catalog_bnr.is-active {
  display: flex;
}

@media (any-hover: hover) {
  .p_sideBnr_close_target:hover,
  .p_sideBnr_catalog:hover,
  .p_sideBnr_faq-link a:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
  }

}

@media (max-width: 768px) {
  .p_sideBnr {
    display: none;
  }

}

/*
    見出し
================================*/
.p_heading-main {
  -ms-align-items: center;
  align-items: center;
  background: none;
  border-bottom: 1px solid #e40056;
  color: #e40056;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 4px;
  margin-bottom: 10px;
  padding: 3px 10px;
  position: relative;
}

.p_heading-main::before {
  display: block;
  flex: none;
  font-family: "FontAwesome";
  font-size: 1.2em;
  margin-right: 10px;
  text-align: center;
  width: 32px;
}

#target::before {
  content: "\f007";
}

#needs::before {
  content: "\f2b5";
}

#programMenu::before {
  content: "\f0ce";
}

#recommendPoint::before {
  content: "\f0a6";
}

#attainmentTarget::before {
  content: "\f024";
}

#programExample::before {
  content: "\f03a";
}

#comment::before {
  content: "\f075";
}

#schedule::before {
  content: "\f073";
}

/*#faq::before { content: "\f059"; }*/
#evaluation::before {
  content: "\f086";
}

#relatedTraining::before {
  content: "\f0c1";
}

#relatedColumn::before {
  background-image: url("../../img/bup/icon_column_heading2.gif");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  height: 34px;
  width: 32px;
}

#image::before {
  content: "\f04b";
}

#sampleMovie::before {
  content: "\f03d";
}

/*#faq::before { content: "\f059"; }*/
#price::before {
  content: "\f157";
}

#trainer::before {
  content: "\f007";
}

#link::before {
  content: "\f0c1";
}

#recommended::before {
  content: "\f087";
}

#similar::before {
  content: "\f0eb";
}

#remarks::before {
  content: "\f08d";
}

.p_heading-main_subtxt {
  display: inline-block;
  font-size: .6em;
  font-weight: normal;
  letter-spacing: 5px;
  margin-left: 15px;
  text-transform: uppercase;
}

#attention::before {
  content: "\f12a";
}

#specific::before {
  content: "\f0ad";
}

#programMenu,
#attainmentTarget,
#programExample,
#evaluation,
#attention,
#price,
#recommended,
#link,
#qna {
  scroll-margin-top: 127px;
}

@media screen and (max-width:600px) {
  .p_heading-main_subtxt {
    display: none;
  }

}

/* 枠線の中のh3 */
.p_heading-inner {
  font-size: 14px;
  margin-bottom: 20px;
}

.p_heading-inner img {
  background-color: #e40056;
  margin-right: 5px;
  vertical-align: -6px;
}

/* 全力Q&A */
.p_heading--qa {
  align-items: center;
  border-bottom: 1px solid #e40056;
  display: flex;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.p_heading--qa > .p_heading__img {
  filter: hue-rotate(154deg) contrast(2) saturate(70%); /*仮*/
  line-height: 0;
  margin-right: 12px;
}

.p_heading--qa > .p_heading__sub {
  font-size: 15px;
}

.p_heading--commonQa {
  margin-bottom: 12px;
  padding-left: 1.5em;
  position: relative;
}

.p_heading--commonQa::before {
  color: #9E2730;
  content: "?";
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.p_heading--commonQa > .p_heading__ttl {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 1px;
}

.p_heading--commonQa .p_heading__sub {
}

.p_heading--trainer {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 16px;
}

/*
    対象者タグ
================================*/
.p_tagWrapper {
  -ms-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.p_targetTags {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}

.p_targetTags.besideHeading {
  max-width: 80%;
}

/* 対象者見出しの横に表示する場合 */
.p_targetTags_item {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -o-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 3px 0;
}

.c_targetTags {
  background-color: #fff;
  border: 1px solid #aaa;
  /* border-radius: 25px; */
  color: #333;
  display: block;
  font-size: 11px;
  margin: 0 1px;
  padding: 1px 5px;
  text-align: center;
}

/* .c_targetTags.young { background-color: #00a99d; }
.c_targetTags.middle { background-color: #ff9e1d; }
.c_targetTags.leader { background-color: #cc1b5b; }
.c_targetTags.naiteisha { background-color: #09a2c6; }
.c_targetTags.newcom { background-color: #1eba2c; }
.c_targetTags.head { background-color: #b865c1; }
.c_targetTags.mng { background-color: #8e6747; }
.c_targetTags.all { background-color: #e80000; } */
.p_targetTags--list {
  display: block;
}

.p_targetTags--list .p_targetTags_item {
  margin: 0;
}

.p_targetTags--list .p_targetTags_item + .p_targetTags_item {
  margin-top: 8px;
}

.p_targetTags--list  .c_targetTags {
  background-color: transparent;
  color: inherit;
  font-size: 15px;
  margin: 0;
  padding: 0;
  text-align: left;
}

/*
    おすすめポイント
================================*/
.p_recommendPointList {
}

.p_recommendPointList li {
  padding-left: 24px;
  position: relative;
}

.p_recommendPointList li::before {
  color: #e40056;
  content: "\f046";
  display: block;
  font-family: "fontAwesome";
  font-size: 20px;
  position: absolute;
  top: -3px;
  left: 0;
}

.p_recommendPointList li + li {
  margin-top: 16px;
}

/*
    各カスタムフィールドの中身
================================*/
.p_cntContainer {
  font-size: 15px;
  line-height: 1.5;
  position: relative;
}

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

/****** ▼対象者＆ニーズ▼ */
.p_notice {
  display: flex;
  gap: 16px;
}

.p_notice .p_cntContainer {
  flex: 1;
}

.p_notice .p_cntContainer + .p_cntContainer {
  margin-top: 0;
}

.p_notice .p_heading-main {
  width: 100%;
}

.p_notice .main_box p + p {
  padding-top: 5px;
}

@media screen and (max-width:768px) {
  .p_notice {
    flex-direction: column;
    gap: 24px;
  }

}

/****** ▲対象者＆ニーズ▲ */
.main_box p {
  padding-bottom: 0;
}

.main_box p + p {
  padding-top: 8px;
}

.main_box-hasMovie {
}

.main_box-hasMovie::after {
  clear: both;
  content: "";
  display: block;
}

.main_box__movie {
  float: right;
  margin: 0 0 20px 20px;
  width: 50%;
}

.main_box-attention {
  border: 4px double #e60012;
  padding: 10px;
}

@media screen and (max-width: 599px) {
  .main_box-hasMovie {
    display: flex;
    flex-direction: column-reverse;
  }

  .main_box__movie {
    float: none;
    margin: 20px 0 0 0;
    width: 100%;
  }

  .main_box__msg {
    width: 100%;
  }

}

/* ニーズにお応えします（チェックマーク） */
.p_needsBox_item {
  padding-left: 2em;
  position: relative;
}

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

.p_needsBox_item::before {
  border-right: 4px solid #E51E19;
  border-bottom: 4px solid #E51E19;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  top: 0;
  left: 0.7em;
  transform: rotate(45deg);
  width: 4px;
}

.cf_box {
  border-color: #D9D0BB;
  border-style: solid;
  border-width: 4px 1px 1px;
  margin-bottom: 20px;
  padding: 20px;
}

/* 全力QA */
.p_faq {
  border: 1px solid #e40056;
}

.p_faq__item {
  padding: 12px 16px;
}

.p_faq__item--common {
  background: #ffe9e9;
}

.p_faq__listItem {
}

.p_faq__listItem + .p_faq__listItem {
  margin-top: 8px;
}

.p_faq__qa {
  padding-left: 1.5em;
  position: relative;
}

.p_faq__qa::before {
  color: #9E2730;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.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__link {
  display: block;
  font-size: 16px;
  padding-left: 1.4em;
  position: relative;
}

.p_faq__link::before {
  content: "▲";
  display: block;
  left: 0;
  position: absolute;
  transform: rotate(90deg);
}

/* プランナー動画 */
.p_movie {
  padding-top: calc(100% * 9 / 16);
  position: relative;
  width: 100%;
}

.p_movie > iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.p_movieTtl {
  font-weight: bold;
  margin-top: 8px;
  padding-left: 24px;
  position: relative;
}

.p_movieTtl::before {
  color: #e40056;
  content: "\f01d";
  display: block;
  font-family: "fontAwesome";
  font-size: 24px;
  height: 1em;
  line-height: 1;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

/* 動画リスト */
.p_thumbnailMovieList {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -8px;
}

.p_thumbnailMovieList__item {
  align-items: center;
  padding: 8px;
  width: 33.333%;
}

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

}

/* プランナー動画のサムネイル */
.p_thumbnailMovie {
  line-height: 0;
  text-align: center;
}

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

.p_thumbnailMovie__target {
  color: inherit;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.p_thumbnailMovie__target::before {
  background: radial-gradient(circle at center, rgba(255, 255, 255, .8) calc(100% * .707), transparent 0);
  content: "";
  display: block;
  padding-top: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s transform;
  width: 20%;
  z-index: 1;
}

.p_thumbnailMovie__target:hover::before {
  transform: translate(-50%, -50%) scale(1.6);
}

.p_thumbnailMovie__target::after {
  content: "▼";
  font-size: 24px;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  z-index: 2;
}

/* モーダル */
.p_modal {
  max-width: 980px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  z-index: 10001;
}

.p_modal__inner {
  background: #fff;
}

.p_modal__close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.p_modal__closeTarget {
  line-height: 0;
}

.p_modal__closeTarget:hover {
  opacity: .8;
}

@media screen and (max-width:599px) {
  .p_modal {
    min-width: auto;
  }

}

/* オーバーレイ */
.p_overlay {
  background: #333;
  min-height: 100vh;
  min-width: 100vw;
  opacity: .9;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

/*
    ご提供のコンテンツ
================================*/
.p_lineupBoxList {
  margin-bottom: 24px;
}

.p_lineupBoxList_item {
}

.p_lineupBoxList_item + .p_lineupBoxList_item {
  margin-top: 8px;
}

.p_lineupBoxList_item a {
  display: inline;
}

.p_lineupBoxList_item a::before {
  background: #A52215;
  color: #fff;
  content: "\6D3E\9063";
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  margin-right: 4px;
  padding: 2px 4px;
}

/*派遣*/
.p_lineupBoxList_item a[href*="/bup/"]::before,
.p_lineupBoxList_item a[href*="/nmp/"]::before,
.p_lineupBoxList_item a[href*="/hia/"]::before,
.p_lineupBoxList_item a[href*="/nbs/"]::before,
.p_lineupBoxList_item a[href*="/kkk/"]::before,
.p_lineupBoxList_item a[href*="/psp/"]::before,
.p_lineupBoxList_item a[href*="/biz-lesson/"]::before,
.p_lineupBoxList_item a[href*="/gtc/"]::before,
.p_lineupBoxList_item a[href*="/toac/"]::before,
.p_lineupBoxList_item a[href*="/crl/"]::before {
  background: #194A72;
  content: "\516C\958B";
}

/*公開*/
.p_lineupBoxList_item a[href*="mitemo.co.jp/"]::before,
.p_lineupBoxList_item a[href*="/kiyo/"]::before {
  background: #ed6d00;
  content: "e\30E9\30F3";
}

/*eラン*/
.p_lineupBoxList_item a[href*="/it-tool/"]::before {
  background: #00c77f;
  content: "IT\30B5\30FC\30D3\30B9";
}

/*ITサービス*/
.p_lineupBoxList_item a[href*="/consulting/"]::before,
.p_lineupBoxList_item a[href*="mitemo.co.jp/service/way_management"]::before {
  background: #e6002e;
  content: "\30B3\30F3\30B5\30EB";
}

/*コンサル*/
.p_lineupBoxList_item a[href*="/seminar/"]::before {
  background: green;
  content: "\30BB\30DF\30CA\30FC";
}

/*セミナー*/
.p_lineupBoxList_item a[href*="/video-slide-sale/"]::before,
.p_lineupBoxList_item a[href$="/contents/ins_compliance.html"]::before
.p_lineupBoxList_item a[href*="/book_dvd/"]::before {
  background: #46bebf;
  content: "\6559\6750";
}

/*教材*/
.p_lineupBoxList_item a[href$="/shinjin/bunsyo-text_sales.html"]::before,
.p_lineupBoxList_item a[href$="/shinjin/text_sales.html"]::before {
  background: crimson;
  content: "\30C6\30AD\30B9\30C8";
}

/*テキスト*/
.p_lineupBoxList_item a[href*="/video-slide-production/"]::before {
  background: #F54B1A;
  content: "\6559\6750\5236\4F5C";
}

/*教材制作*/
.p_lineupBoxList_item a[href*="/nbpm/dvd"]::before,
.p_lineupBoxList_item a[href*="/movie/video/"]::before,
.p_lineupBoxList_item a[href$="/book_dvd/harasment_dvd.html"]::before,
.p_lineupBoxList_item a[href$="/contents/ins_compliance.html"]::before,
.p_lineupBoxList_item a[href$="/book_dvd/koumuin_rinri.html"]::before {
  background: #517CF1;
  content: "DVD";
}

/*DVD*/
.p_lineupBoxList_item a[href*="/cleativeln/"]::before,
.p_lineupBoxList_item a[href*="/comu_design/"]::before,
.p_lineupBoxList_item a[href*="mitemo.co.jp/service/1hourchallenge"]::before,
.p_lineupBoxList_item a[href*="mitemo.co.jp/service/designthinking"]::before {
  background: #ed6d00;
  content: "\30EF\30FC\30AF\30B7\30E7\30C3\30D7";
}

/*ワークショップ*/
.p_lineupBoxList_item a[href*="/contents/"]::before,
.p_lineupBoxList_item a[href*="/kataru/"]::before,
.p_lineupBoxList_item a[href*="/keywords/"]::before,
.p_lineupBoxList_item a[href*="/hatara-column/"]::before,
.p_lineupBoxList_item a[href*="/3minute-kensyugaku/"]::before,
.p_lineupBoxList_item a[href*="/ginko-no-ikku/"]::before,
.p_lineupBoxList_item a[href*="/month-inquiry/"]::before,
.p_lineupBoxList_item a[href*="/ranking/"]::before,
.p_lineupBoxList_item a[href*="/training-memoirs/"]::before,
.p_lineupBoxList_item a[href*="/interview-relay/"]::before,
.p_lineupBoxList_item a[href*="/mailmagazine/"]::before,
.p_lineupBoxList_item a[href*="/businessbunsho/"]::before {
  background: #b73535;
  content: "\8AAD\307F\7269";
}

/*読み物*/
.p_lineupBoxList_item a[href*="/online/"]::before {
  background: #20bce3;
  content: "\30AA\30F3\30E9\30A4\30F3";
}

/*オンライン*/
/*
    金額の箱_検索から流入時の表示
================================*/
/*
.p_priceBox__inner-organic{
  display:none;
}
*/
.p_priceBox-organic.p_priceBox-2col {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

.p_priceBox-organic.p_priceBox-1col {
  margin-top: 24px;
}

.p_priceBox-organic .p_priceBox__item-2col {
  width: 48.8%;
}

.p_priceBox-organic .p_priceBox__item-1col {
  width: 100%;
}

.p_priceBox-organic .p_priceBox__item-2col + .p_priceBox__item-2col {
  margin-top: 0;
}

.p_priceBox-organic .p_priceBox__msg + .p_priceBox__merit {
  margin-top: 20px;
}

.p_priceBox-organic .p_priceBox__item-buy .p_priceBox__merit {
  margin-bottom: 5px;
}

.p_priceBox-organic .p_priceBox__item-rental .p_priceBox__merit {
  margin-bottom: 27px;
}

.p_priceBox-organic .p_priceBox__merit {
  background-color: #FBE6E5;
  padding: 15px;
}

.p_priceBox-organic .p_priceBox__meritStr {
  padding-left: 28px;
  position: relative;
  text-indent: -28px;
}

.p_priceBox-organic .p_priceBox__meritStr:before {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #e40056;
  content: "\f00c";
  display: inline-flex;
  font-family: fontawesome;
  font-size: 20px;
  height: 23px;
  justify-content: center;
  margin-right: 5px;
  position: relative;
  text-indent: 0;
  top: 0;
  left: 0;
  width: 23px;
}

.p_priceBox-organic .p_priceBox__meritStr + .p_priceBox__meritStr {
  margin-top: 10px;
}

.p_priceBox-organic .p_priceBox__msg-priceMain {
  padding-top: 10px;
}

.p_priceBox-organic .p_priceBox__link {
  color: #052674;
  cursor: pointer;
  font-size: 15px;
  padding-right: 20px;
  position: relative;
}

.p_priceBox-organic .p_priceBox__link:after {
  border-right: 2px solid;
  border-top: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: rotate(45deg);
  width: 8px;
}

.p_priceBox-organic .p_priceBox__link:hover {
}

.p_priceBox-organic .p_priceBox__link--blank {
  padding-right: 10px;
  position: relative;
}

.p_priceBox-organic .p_priceBox__link--blank:after {
  border-right: none;
  border-top: none;
  content: "\f08e";
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 600;
  height: auto;
  padding-left: 5px;
  position: relative;
  transform: none;
  vertical-align: middle;
}

.p_priceBox-organic .p_priceBox__btnList {
  margin-top: 20px;
}

.p_priceBox-organic.p_priceBox-1col .p_priceBox__btnList {
  display: flex;
  justify-content: space-between;
}

.p_priceBox-organic .p_priceBox__btn {
  line-height: inherit;
}

.p_priceBox-organic.p_priceBox-1col .p_priceBox__btn {
  width: 46%;
}

.p_priceBox-organic .p_priceBox__btn + .p_priceBox__btn {
  margin-top: 20px;
}

.p_priceBox-organic.p_priceBox-1col .p_priceBox__btn + .p_priceBox__btn {
  margin-top: 0px;
}

.p_priceBox-organic .p_priceBox__btnTarget {
  align-items: center;
  box-shadow: 3px 3px 10px rgb(158 39 48 / 16%);
  color: inherit;
  cursor: pointer;
  display: inline-block;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  justify-content: center;
  line-height: initial;
  text-decoration: none;
  transition: .3s opacity;
  width: 100%;
  width: 100%;
}

.p_priceBox-organic .p_priceBox__btnTarget--hasBorder {
  border: 1px solid #e5002d;
  border-radius: 4px;
  padding: 25px 20px;
}

.p_priceBox-organic .p_priceBox__btnList + .p_priceBox__msg-footer {
  margin-top: 20px;
}

.p_priceBox-organic .p_priceBox__msg-footer {
  margin-top: 10px;
  text-align: right;
}

.p_priceBox-organic .p_priceBox__msg-footer + .p_priceBox__msg-footer {
  margin-top: 10px;
}

.p_priceBox-organic .p_priceBox__msg-footer .p_priceBox__link {
  display: inline-block;
  text-align: left;
}

@media screen and (max-width:768px) {
  .p_priceBox-organic.p_priceBox-2col {
    display: block;
  }

  .p_priceBox-organic .p_priceBox__item-2col {
    width: 100%;
  }

  .p_priceBox-organic.p_priceBox-2col .p_priceBox__item-rental {
    margin-top: 20px;
  }

  .p_priceBox-organic .p_priceBox__item-buy .p_priceBox__merit {
    margin-bottom: 10px;
  }

  .p_priceBox-organic .p_priceBox__item-rental .p_priceBox__merit {
    margin-bottom: 10px;
  }

  .p_priceBox-organic.p_priceBox-2col .p_priceBox__btnList,
  .p_priceBox-organic.p_priceBox-1col .p_priceBox__btnList {
    display: block;
  }

  .p_priceBox-organic.p_priceBox-2col .p_priceBox__btn,
  .p_priceBox-organic.p_priceBox-1col .p_priceBox__btn {
    margin: auto;
    width: 70%;
  }

  .p_priceBox-organic.p_priceBox-2col .p_priceBox__btn + .p_priceBox__btn,
  .p_priceBox-organic.p_priceBox-1col .p_priceBox__btn + .p_priceBox__btn {
    margin-top: 20px;
  }

  .p_priceBox-organic .p_priceBox__btnTarget--hasBorder {
    padding: 25px 17px;
  }

}

@media screen and (max-width:599px) {
  .p_priceBox-organic.p_priceBox-2col .p_priceBox__btn,
  .p_priceBox-organic.p_priceBox-1col .p_priceBox__btn {
    margin: auto;
    width: 100%;
  }

}

@media screen and (max-width:399px) {
  .p_priceBox-organic .p_priceBox__btnTarget--hasBorder {
    padding: 25px 8px;
  }

  .p_priceBox-organic .p_priceBox__btnTarget {
    font-size: 16px;
  }

}

.p_priceBox__banner-2col {
  margin-top: 20px;
}

.p_priceBox__banner-1col {
  margin-top: 20px;
}

.p_priceBox__banner-2col .p_priceBox__bannerList {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.p_priceBox__banner-2col .p_priceBox__bannerItem {
  text-align: center;
  width: 48.8%;
}

.p_priceBox__banner-2col .p_priceBox__bannerLink,
.p_priceBox__banner-1col .p_priceBox__bannerLink {
  transition: .3s;
}

.p_priceBox__banner-2col .p_priceBox__bannerLink:hover,
.p_priceBox__banner-1col .p_priceBox__bannerLink:hover {
  opacity: .6;
}

.p_priceBox__banner-1col {
  border: 1px solid #CCCCCC;
  padding: 20px;
}

.p_priceBox__banner-1col .p_priceBox__bannerList {
  display: block;
}

.p_priceBox__banner-1col .p_priceBox__bannerItem {
  text-align: center;
  width: 100%;
}

.p_priceBox__banner-2col .p_priceBox__bannerImg {
}

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

@media screen and (max-width:599px) {
  .p_priceBox__banner-2col,
  .p_priceBox__banner-1col {
    margin-bottom: 30px;
  }

  .p_priceBox__banner-2col .p_priceBox__bannerList {
    display: block;
  }

  .p_priceBox__banner-2col .p_priceBox__bannerItem {
    width: 100%;
  }

  .p_priceBox__banner-2col .p_priceBox__bannerItem + .p_priceBox__bannerItem {
    margin-top: 10px;
  }

}

.p_priceBox_modal__bg {
  background-color: rgba(0,0,0,0.8);
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 100001;
}

.p_priceBox_modal__bg[data-modal='rental'] iframe {
  height: 40vh;
}

.p_priceBox_modal__cont {
  background-color: #fff;
  border: 1px solid #707070;
  max-width: 800px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
  z-index: 100002;
}

.p_priceBox_modal__inner {
  max-height: 80vh;
  overflow: auto;
  padding: 35px;
}

.p_priceBox_modal__close {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #707070;
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
}

.p_priceBox_modal__close:before {
  color: #000000;
  content: "×";
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  transition: .3s;
}

.p_priceBox_modal__close:hover:before {
  opacity: 0.6;
}

.p_modal__bg {
  position: relative;
}

.p_priceBox_modal__cont iframe {
}

@media screen and (max-width: 599px) {
  .p_priceBox_modal__inner {
    padding: 15px;
  }

}

/*金額　js*/
.js_priceBox__none {
  display: none;
}

.js_priceBox_modal__none {
  opacity: 0;
  visibility: hidden;
}

.js_priceBox_modal__show {
  opacity: 1;
  transition: .3s;
  visibility: visible;
}

/*
    金額の箱
================================*/
.p_priceBox {
}

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

/* .p_priceBox__item--hasBorder{
  padding: 16px;
  border: 1px solid #ccc;
} */
.p_priceBox__ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}

.p_priceBox__msg + .p_priceBox__msg {
  margin-top: 12px;
}

.p_priceBox__scheduleHeading {
  display: flex;
}

.p_priceBox__scheduleTtl {
  border-bottom: 1px solid #333;
  border-left: 4px solid #333;
  font-weight: bold;
  margin-bottom: 4px;
  padding: 2px 0 2px 4px;
}

.p_priceBox__scheduleTtl + .p_priceBox__scheduleSubTtl {
  padding-left: 1em;
}

.p_priceBox__scheduleSubTtl {
  border-bottom: 1px solid #333;
  flex: 1 1 auto;
  margin-bottom: 4px;
  padding: 2px 0 2px 4px;
}

.p_priceBox__scheduleSubTtl--em {
  color: #8D1321;
  font-weight: bold;
}

.p_priceBox__schedule {
}

.p_priceBox__schedule > iframe {
  width: 100%;
}

.p_priceBox__btn + .p_priceBox__msg,
.p_priceBox__msg + .p_priceBox__btn {
  margin-top: 12px;
}

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

.p_priceBox__msg {
}

.p_priceBox__msg--attention {
  border: 6px double #e6002d;
  padding: 16px;
}

.p_priceBox__link {
}

.p_priceBox__link:hover {
  text-decoration: underline;
}

.p_priceBox__btnTarget {
  display: inline-block;
  line-height: 0;
}

.p_priceBox__btnTarget:hover {
  opacity: .6;
}

.p_priceBox__txt {
}

.p_priceBox__txt--attention {
  color: #e6002d;
  font-weight: bold;
}

.p_priceBox__footnote {
  font-size: 13px;
  padding-left: 1em;
  position: relative;
}

.p_priceBox__footnote::before {
  content: "※";
  left: 0;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .p_priceBox__scheduleHeading {
    display: block;
    margin-bottom: 10px;
  }

  .p_priceBox__scheduleTtl + .p_priceBox__scheduleSubTtl {
    padding-left: 0;
  }

  .p_priceBox__scheduleSubTtl {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
    text-align: right;
  }

}

/*
    金額
================================*/
.p_price {
  font-size: 24px;
}

/*
   定額制
================================*/
/* 定額制リスト */
.p_flatRateList {
  align-items: stretch;
  display: flex;
  justify-contents: flex-start;
  margin: 0 -9px;
}

.p_flatRateList__item {
  display: flex;
  padding: 0 9px;
  width: 100%;
}

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

@media screen and (max-width:768px) {
  .p_flatRateList {
    display: block;
    margin: 0;
  }

  .p_flatRateList__item {
    padding: 0;
  }

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

}

/* 定額制ラッパー */
.p_flatRateCardWrap {
  margin: 0 auto;
  max-width: 366px;
}

.p_flatRateCardWrap__problemsWrap {
  align-items: center;
  display: flex;
  height: 56px;
  margin-bottom: 16px;
}

.p_flatRateCardWrap__problems {
  padding-left: 40px;
  position: relative;
  width: 100%;
}

.p_flatRateCardWrap__problems::before {
  content: "\f27b";
  display: block;
  font-family: FontAwesome;
  font-size: 32px;
  height: 1em;
  line-height: 1;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.p_flatRateCardWrap__body {
  height: calc(100% - 72px);
}

@media screen and (max-width:768px) {
  .p_flatRateCardWrap__problemsWrap {
    height: auto;
  }

  .p_flatRateCardWrap__body {
    height: auto;
  }

}

/* 定額制カード */
.p_flatRateCard {
  border: 3px solid;
  display: block;
}

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

.p_flatRateCard__btnTarget {
  display: inline-block;
}

.p_flatRateCard__btnTarget:hover {
  opacity: .7;
}

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

.p_flatRateCard__body {
  padding: 20px;
}

.p_flatRateCard__msg + .p_flatRateCard__msg {
  margin-top: 20px;
}

.p_flatRateCard__msg--footer {
  font-size: 12px;
}

.p_flatRateCard--studio {
  border-color: #b92932;
}

.p_flatRateCard--inorder {
  border-color: #9a0323;
}

登壇講師
================================*/
.p_trainer {
}

.p_trainer::after {
  clear: both;
  content: "";
  display: block;
}

.p_trainer__name {
}

.p_trainer__flex {
  display: flex;
  margin-top: 10px;
}

.p_trainer__thumb {
}

.p_trainer__thumb_main {
  vertical-align: bottom;
}

.p_trainer__str {
  padding-left: 10px;
  width: 100%;
}

.p_trainer__history {
  margin-top: 10px;
}

.p_trainer__historyItem {
  padding-left: 1rem;
  text-indent: -1rem;
}

.p_trainer__msg {
}

.p_trainer__msg + .p_trainer__msg {
  margin-top: 10px;
}

@media screen and (max-width: 599px) {
  .p_trainer__flex {
    display: block;
    margin-top: 10px;
  }

  .p_trainer__thumb {
    text-align: center;
  }

  .p_trainer__str {
    margin-top: 10px;
    padding-left: 0;
  }

}

studio価格表
================================*/
.p_studisPrice {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  margin: -20px;
}

.p_studisPrice__item {
  display: flex;
  padding: 20px;
  width: 50%;
}

.p_studisPrice__item + .p_studisPrice__item {
  position: relative;
}

.p_studisPrice__item + .p_studisPrice__item::before {
  content: "＋";
  display: block;
  font-size: 32px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.p_studisPrice__inner {
  border: 2px solid #ccc;
  display: block;
  padding: 16px;
  position: relative;
  width: 100%;
}

.p_studisPrice__ttl {
  font-weight: bold;
  margin-bottom: 10px;
}

.p_studisPrice__ttlNote {
  font-size: 12px;
}

.p_studisPrice__body {
  width: 100%;
}

.p_studisPrice__body--initial {
  color: #e40056;
  font-size: 36px;
  font-weight: bold;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.p_studisPrice__body--id {
  border-collapse: collapse;
  table-layout: fixed;
}

.p_studisPrice__tableH {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.p_studisPrice__tableD {
  border: 1px solid #e6e6e6;
  padding: 10px;
  text-align: center;
}

.p_studisPrice__tableD--price {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .p_studisPrice {
    display: block;
  }

  .p_studisPrice__item {
    width: 100%;
  }

  .p_studisPrice__item + .p_studisPrice__item::before {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .p_studisPrice__body--initial {
    position: static;
    transform: none;
  }

}

/*
    テキスト付きeランのフロー
================================*/
.p_txtFlow {
}

.p_txtFlow__item {
  align-items: stretch;
  display: flex;
  position: relative;
}

.p_txtFlow__heading {
  align-items: center;
  background: #ccc;
  display: flex;
  flex: 0 0 64px;
  justify-content: center;
  position: relative;
  text-align: center;
}

.p_txtFlow__step {
  font-size: 15px;
  font-weight: bold;
}

.p_txtFlow__num {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
}

.p_txtFlow__item + .p_txtFlow__item .p_txtFlow__heading::before,
.p_txtFlow__item + .p_txtFlow__item .p_txtFlow__heading::after {
  background: #fff;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  top: 0;
  width: 50%;
}

.p_txtFlow__heading::before {
  left: 0;
  transform: skew(20deg) rotate(20deg) translateY(-6px);
}

.p_txtFlow__heading::after {
  right: 0;
  transform: skew(-20deg) rotate(-20deg) translateY(-6px);
}

.p_txtFlow__ttl {
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 16px;
  padding: 4px 8px;
}

.p_txtFow__human {
}

.p_txtFlow__human--customer {
  color: #282663;
}

.p_txtFlow__human--ins {
  color: #a72a31;
}

.p_txtFlow__human--student {
  color: #29683f;
}

.p_txtFlow__body {
  flex: 1 1 auto;
  padding: 0 0 20px 16px;
}

.p_txtFlow__sec {
  font-size: 13px;
}

.p_txtFlow__sec + .p_txtFlow__sec {
  margin-top: 6px;
}

.p_txtFlow__note {
  font-size: 11px;
  padding-left: 1.2em;
  position: relative;
}

.p_txtFlow__note::before {
  content: "※";
  display: block;
  left: 0;
  position: absolute;
}

@media screen and (max-width: 599px) {
  .p_txtFlow__heading {
    flex-basis: 40px;
  }

  .p_txtFlow__step {
    font-size: 12px;
  }

  .p_txtFlow__num {
    font-size: 20px;
  }

}

/*
    おすすめeラーニング
================================*/
.p_reccomendElearningList {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}

.p_reccomendElearningList__item {
  display: flex;
  padding: 8px;
  width: 33.333%;
}

.p_reccomendElearningList__target {
  border: 2px solid #ccc;
  color: inherit;
  display: block;
  width: 100%;
}

.p_reccomendElearningList__target:hover {
  opacity: .7;
}

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

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

.p_reccomendElearningList__ttl {
  font-weight: bold;
  padding: 10px;
}

.p_reccomendElearningList__body {
  font-size: 12px;
  padding: 0 10px 10px;
}

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

}

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

}

/*
    問い合わせボタン
================================*/
.p_btnAsk {
  display: flex;
  justify-content: flex-end;
}

.p_btnAsk__target {
  align-items: center;
  background: #c23535;
  border-radius: 12px;
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 0 40px;
}

.p_btnAsk__target:hover {
  opacity: .7;
}

.p_btnAsk__target::before {
  content: "";
  display: block;
  height: 3.5em;
}

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

}

/*
    カリキュラムテーブル
================================*/
#programTable,
.programTable {
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
}

#programTable td,
.programTable td {
  background-color: white;
  border-width: 0px;
  padding: 4px;
  text-align: center;
}

#programTable td.tblTitle,
.programTable td.tblTitle {
  background-color: transparent;
  color: white;
  height: 29px;
  padding: 0px 0.5em;
  text-align: left;
  vertical-align: middle;
}

#programTable td.tblSubTitle1,
.programTable td.tblSubTitle1 {
  height: 2em;
  padding: 1px;
  vertical-align: middle;
  width: 35px;
}

#programTable td.tblSubTitle2,
.programTable td.tblSubTitle2 {
  height: 2em;
  padding: 1px;
  vertical-align: middle;
  width: 406px;
}

#programTable td.tblSubTitle3,
.programTable td.tblSubTitle3 {
  height: 2em;
  padding: 1px;
  vertical-align: middle;
  width: 55px;
}

#programTable td *,
.programTable td * {
  text-align: left;
}

#programTable td center,
.programTable td center {
  text-align: center;
}

#programTable ul,
.programTable ul {
  line-height: 1.6em;
  list-style: none outside;
  margin-left: 0px;
  padding-left: 0px;
}

#programTable ul li,
.programTable ul li {
  list-style: none outside;
  margin-left: 0.5em;
  padding-left: 0px;
}

#programTable ol,
.programTable ol {
  list-style: decimal outside;
  margin-left: 0px;
  padding-left: 2.2em;
}

#programTable ol li,
.programTable ol li {
  list-style: decimal outside;
  margin-left: 0px;
  padding-left: 0px;
}

#programTable .style1,
#programTable .emphasis,
.programTable .style1,
.programTable .emphasis {
  font-weight: bolder;
  line-height: 1.6em;
}

#programTable, 
.programTable {
  background-color: #666666;
}

#programTable td.tblSubTitle1,
#programTable td.tblSubTitle2,
#programTable td.tblSubTitle3,
.programTable td.tblSubTitle1,
.programTable td.tblSubTitle2,
.programTable td.tblSubTitle3 {
  background-color: #C0C0C0;
}

#programTable .style1,
#programTable .emphasis {
  /*color: #666666;*/
}

/* カリキュラム下の関連リンク */
.var_program_bottom {
  list-style: none;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}

.var_program_bottom li a {
  background-color: #5f4f3d;
  border: 1px solid #555;
  color: white;
  display: block;
  font-family: 游ゴシック;
  font-size: 13px;
  font-weight: 700;
  padding: 2px;
  text-align: center;
}

.var_program_bottom li a:hover {
  background-color: white;
  border: 1px solid #5f4f3d;
  color: #5f4f3d;
  text-decoration: none;
}

.var_program_bottom li {
  float: left;
  margin-right: 7px;
  width: 32%;
}

.var_program_bottom li:last-child {
  margin-right: 0;
}

@media (max-width: 430px) {
  .var_program_bottom li a {
    font-size: 11px;
    height: 40px;
  }

  .var_program_bottom li {
    width: 31%;
  }

}

/*
    受講者の声
================================*/
.ibox {
  margin-bottom: 20px;
}

.ibox {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.ibox:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.ibox dt {
  margin-bottom: 5px;
}

.ibox dd + dt {
  margin-top: 10px;
}

.ibox dd:nth-of-type(3) {
  display: flex;
  font-size: 20px;
  font-weight: bold;
}

.ibox dd:nth-of-type(3) span {
  font-size: 16px;
  font-weight: normal;
}

.ibox dd:nth-of-type(3) img {
  height: 10px;
  margin-right: 15px;
}

.ibox dd:nth-of-type(3) div {
  width: 50%;
}

@media screen and (max-width:599px) {
  .ibox dd:nth-of-type(3) {
    flex-direction: column;
  }

  .ibox dd:nth-of-type(3) div {
    width: 100%;
  }

}

.ibox ul {
}

.ibox li {
  padding-left: 27px;
  position: relative;
}

.ibox li + li {
  margin-top: 10px;
}

.ibox li::before {
  color: #e40056;
  content: "\f2bd";
  font-family: "fontAwesome";
  font-size: 1.3em;
  position: absolute;
  top: 0;
  left: 0;
}

/*
    旧デザインからの引継ぎ
================================*/
/*「流れ」「ポイント」ボックス*/
.pointBoxChara {
  margin-bottom: 35px;
}

.pointFlowBox {
  margin-bottom: 30px;
}

.pointFlowBox .seminarPointBox {
  background-color: #EFF8F5;
  line-height: 1.5em;
  margin-bottom: 10px;
  width: 100%;
}

.pointFlowBox .seminarPointBox dt img {
  height: 29px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.pointFlowBox .seminarPointBox dt {
  height: 29px;
  margin-top: auto;
  margin-bottom: auto;
}

.pointFlowBox .seminarPointBox dd {
  color: #005B5B;
  font-size: 14px;
  font-weight: bold;
  list-style-type: none;
  margin-top: -20px;
  padding-top: 3px;
  padding-bottom: 11px;
  padding-left: 92px;
}

.flowBox {
  border-width: 0px 0px 1px 0px; /* 下だけ引く */
  border-color: #9BCDD2;
  border-style: solid;
  /*padding: 0.3em; /* セル内側の余白 */
  line-height: 1.5em;
  width: 100%;
}

.flowBox tr {
  background-color: #EFF8F5;
}

.flowBox td {
  border-width: 1px 0px 0px 0px; /* 上だけ引く */
  border-color: #9BCDD2;
  border-style: solid;
}

.pointFlowBox .flowBox .flowLeftBox p {
  color: #29728D;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 0px;
}

.pointFlowBox .flowBox .flowLeftLastBox p {
  color: #29728D;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 0px;
}

.flowBox .flowLeftBox {
  background-image: url(/common/images/arrow_flow.png);
  background-position: bottom;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  padding-top: 17px;
  padding-bottom: 30px;
  text-align: center;
  width: 64px;
}

.flowBox .flowLeftLastBox {
  background-image: url(/common/images/arrow_base_green_2_2.gif);
  background-repeat: repeat;
  color: #29728D;
  font-size: 14px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 15px;
  text-align: center;
  width: 105px;
}

.pointFlowBox .flowBox .flowRightBox {
  padding-left: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
  vertical-align: center;
  width: 395px;
}

.pointFlowBox .flowBox .flowRightBox p {
  color: #445751;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.charaTitle {
  background-image: url(/common/images/caption_chara_blue.gif);
  background-position: left;
  background-repeat: no-repeat;
  color: #005B5B;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 20px;
}

.pointFlowBox .goalBox {
  margin-bottom: 10px;
}

.pointFlowBox .goalBox p {
  border: 1px solid #9BCDD2;
  color: #333333;
  margin-left: 0px;
  padding: 15px;
  width: 100%;
}

/* 受講者の声をもっと見る */
.m_link a:hover {
  background-color: transparent;
  color: #666;
  opacity: 0.7;
  text-decoration: none;
}

.m_link a {
  color: #666;
  padding: 0;
}

#cont .m_link p {
  margin-bottom: 0;
  position: relative;
  width: 184px;
  z-index: 1;
}

.m_link p span {
  cursor: pointer;
  font-size: 13px;
  left: 12px;
  position: absolute;
  top: 3px;
  z-index: 5;
}

/* 本研修のねらいのボックス部分 */
.p_cntContainer .box-green {
  border: 4px solid;
  color: #33CC99;
  font-weight: bold;
  margin: 16px 0;
  padding: 9px;
  width: 100%;
}

.p_cntContainer .box-pink {
  border: 2px solid;
  color: #ff5f86;
  margin-bottom: 17px;
  margin: 16px 0;
  padding: 9px;
  width: 100%;
}

/* テキスト試し読み */
.trial-reading {
  overflow: hidden;
}

/*
    他の推奨プログラム
================================*/
/* ラッパー */
.p_recommendCourseWrap:not(:has(.p_recommendCourse_inner)) {
  display: none;
}

.p_recommendCourse {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p_cntContainer:has(.p_recommendCourse) {
  display: none;
}

.p_cntContainer:has(.p_recommendCourse_inner) {
  display: block;
}

.p_recommendCourse_inner {
  margin: 10px 0;
  width: 48%;
}

@media screen and (max-width:600px) {
  .p_recommendCourse_inner {
    width: 100%;
  }

}

.p_recommendLink {
  display: block;
  /*flex-direction: column;
  justify-content: space-between;
  height: 100%;*/
  transition: .3s;
}

.p_recommendLink:hover {
  opacity: .6;
  text-decoration: none;
}

.p_recommendTtl {
  background-image: url("../../img/bup/icon_recommend2.gif");
  background-position: left top;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  /*display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;*/
  min-height: 37px; /* アイコンの高さに合わせる */
  padding-left: 47px;
}

.p_recommendTtl_icon {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  display: block;
  flex: 0 0 auto;
  height: 100%;
  margin-right: 10px;
}

/*
    仕様
================================*/
.p_specific {
}

.p_specific__item {
}

.p_specific__item + .p_specific__item {
  margin-top: 20px;
}

.p_specific__ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  padding-left: 1.5em;
  position: relative;
}

.p_specific__ttl::before {
  content: "";
  font-family: "FontAwesome";
  left: 0;
  position: absolute;
}

.p_specific__ttl--code::before {
  content: "\f03d";
}

.p_specific__ttl--time::before {
  content: "\f017";
}

.p_specific__ttl--text::before {
  content: "\f02d";
}

.p_specific__ttl--test::before {
  content: "\f29c";
}

.p_specific__ttl--other::before {
  content: "\f00c";
}

.p_specific__list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
}

.p_specific__listItem {
  padding: 4px;
  width: 33.333%;
}

.p_specific__listItem {
  align-items: center;
  display: flex;
}

.p_specific__listTtl {
  border: 1px solid;
  border-radius: 4px;
  line-height: 1;
  padding: 4px 8px;
}

.p_specific__listTtl + .p_specific__listBody {
  margin-left: 8px;
}

.p_specific__listBody {
  display: flex;
}

.p_specific__time + .p_specific__size {
  margin-left: 4px;
  padding-left: 10px;
  position: relative;
}

.p_specific__time + .p_specific__size::before {
  content: "/";
  left: 0;
  position: absolute;
}

.p_specific__body {
}

.p_specific__body p + p {
  margin-top: 4px;
}

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

}

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

}

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

    左右ナビ

================================*/
/*
    別カテゴリから探す
================================*/
.p_sideSection {
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}

.p_sideSection_ttl {
  background-color: #9E2730;
  color: #fff;
  padding: 5px 5px 5px 10px;
}

.p_sideSecList {
  margin-bottom: 20px;
}

.p_sideSecList_item {
  border-bottom: 1px solid #7c7b7c;
}

.c_sideSec_link {
  color: currentColor;
  display: block;
}

.c_sideSec_link:hover {
  text-decoration: underline;
}

.c_sideSec_link.hasIcon {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 5px 0;
}

.c_sideSec_link.hasIcon img {
  background-color: #9E2730;
  margin-right: 8px;
}

/* QAへのリンク */
.m_qaLink {
  text-align: center;
}

.m_qaLink__ttl {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  padding: 0 2em;
  position: relative;
}

.m_qaLink__ttl::before,
.m_qaLink__ttl::after {
  background: #333;
  border-radius: 100px;
  content: "";
  display: block;
  height: 2px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.4em;
}

.m_qaLink__ttl::before {
  left: 0;
  transform: rotate(45deg);
}

.m_qaLink__ttl::after {
  right: 0;
  transform: rotate(-45deg);
}

.m_qaLink__ttl + .m_qaLink__bn {
  margin-top: 12px;
}

.m_qaLink__target {
  display: inline-block;
  line-height: 0;
  transition: .3s opacity;
}

.m_qaLink__target:hover {
  opacity: .7;
}

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

@media screen and (max-width: 768px) {
  .m_qaLink__ttl {
    font-size: 18px;
  }

}

@media screen and (max-width: 599px) {
  .m_qaLink__ttl {
    font-size: 16px;
  }

}

/* 回遊ボタンのラッパー */
.m_migrationWrap {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  margin: -12px;
}

.m_migrationWrap__item {
  display: flex;
  margin: 0 auto;
  max-width: 360px;
  padding: 12px;
  width: 33.333%;
}

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

@media screen and (max-width: 768px) {
  .m_migrationWrap {
    display: block;
  }

  .m_migrationWrap__item {
    width: 100%;
  }

}

/* 回遊ボタン */
.m_migrationBtn {
  align-items: stretch;
  display: flex;
}

.m_migrationBtn::before {
  content: "";
  display: block;
  height: 96px;
}

.m_migrationBtn__target {
  align-items: center;
  border: 3px solid #e5002d;
  border-radius: 4px;
  box-shadow: 3px 3px 6px rgba(48, 48, 48, .3);
  color: #333;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: relative;
  transition: .3s opacity;
  width: 100%;
}

.m_migrationBtn__target:hover {
  opacity: .7;
}

.m_migrationBtn__inner {
}

.m_migrationBtn__catch {
  background: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 12px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* イージーオーダーへのリンク */
.m_bnEasyOrder__target {
  background: #fbe9e9;
  box-shadow: 3px 3px 6px rgba(48, 48, 48, .3);
  color: inherit;
  display: block;
  padding: 16px 12px;
  transition: .3s opacity;
}

.m_bnEasyOrder__target:hover {
  opacity: .7;
}

.m_bnJirei__target {
  background: #E6F1FD;
  box-shadow: 3px 3px 6px rgba(48, 48, 48, .3);
  color: inherit;
  display: block;
  padding: 16px 12px;
  transition: .3s opacity;
}

.m_bnJirei__target:hover {
  opacity: .7;
}

.m_bnEasyOrder__inner {
  align-items: center;
  display: flex;
}

.m_bnEasyOrder__img {
  flex: 0 0 200px;
  line-height: 0;
  text-align: center;
}

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

.m_bnEasyOrder__body {
  flex: 1 1 auto;
}

.m_bnEasyOrder__img + .m_bnEasyOrder__body {
  padding-left: 16px;
}

.m_bnEasyOrder__ttl {
  border-bottom: 1px solid;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 12px;
  padding-bottom: 6px;
}

.m_bnEasyOrder__msg {
  font-size: 13px;
}

.m_bnEasyOrder__msg + .m_bnEasyOrder__msg {
  margin-top: 6px;
}

.m_bnEasyOrder__msgEm {
  color: #a11e24;
  font-weight: bold;
}

@media screen and (max-width: 599px) {
  .m_bnEasyOrder__target {
    margin: 0 auto;
    max-width: 360px;
  }

  .m_bnEasyOrder__inner {
    display: block;
  }

  .m_bnEasyOrder__img + .m_bnEasyOrder__body {
    padding: 16px 0 0 0;
  }

}

/* 吹き出し */
.m_bubble {
  padding-top: 15px;
  padding-bottom: 24px;
  position: relative;
}

.m_bubble__inner {
  border: 1px solid;
  padding: 20px;
}

.m_bubble__item + .m_bubble__item {
  margin-top: 20px;
}

.m_bubble__ttl {
  border-bottom: 1px solid;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 8px;
  padding-bottom: 6px;
}

.m_bubble__msg {
  font-size: 13px;
}

.m_bubble__msg + .m_bubble__msg {
  margin-top: 4px;
}

.m_bubble__msgLink {
  color: #052674;
  text-decoration: underline;
}

.m_bubble__footer {
  margin-top: 10px;
}

.m_bubble__footnote {
  font-size: 11px;
  padding-left: 1em;
  position: relative;
}

.m_bubble__footnote::before {
  content: "※";
  left: 0;
  position: absolute;
}

.m_bubble__btnWrap {
  margin-top: 24px;
}

.m_bubble__btn {
  align-items: stretch;
  display: flex;
  font-size: 16px;
}

.m_bubble__btn::before {
  content: "";
  display: block;
  height: 2.5em;
}

.m_bubble__btnTarget {
  align-items: center;
  background: #fff;
  border: 2px solid #d23680;
  border-radius: 100px;
  color: #d23680;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin: 0 auto;
  max-width: 480px;
  transition: .3s background, .3s color;
  width: 100%;
}

.m_bubble__btnTarget:hover {
  background: #d23680;
  color: #fff;
}

.m_bubble__btn + .m_bubble__btnOption {
  margin-top: 16px;
}

.m_bubble__btnOption {
  text-align: right;
}

/* WEBinsourceお得情報 */
.p_webinsInfo {
}

.p_webinsInfo__msg + .p_webinsInfo__msg {
  margin-top: 10px;
}

.p_webinsInfo__msg--footnote {
  font-size: 11px;
  padding-left: 1em;
  position: relative;
}

.p_webinsInfo__msg--footnote::before {
  content: "※";
  left: 0;
  position: absolute;
}

.p_webinsInfo__msg--link {
  display: flex;
  justify-content: flex-end;
}

.p_webinsInfo__msg--link + .p_webinsInfo__msg--link {
  margin-top: 2px;
}

.p_webinsInfo__link {
  display: block;
  padding-right: 20px;
  position: relative;
}

.p_webinsInfo__link:hover {
  text-decoration: underline;
}

.p_webinsInfo__link::before {
  border-right: 2px solid;
  border-top: 2px solid;
  content: "";
  display: block;
  height: 8px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: rotate(45deg);
  width: 8px;
}

.p_fullvideo {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.p_fullvideo_btn {
  background-color: #e40056;
  border-radius: 5px;
  color: white;
  display: block;
  font-weight: bold;
  padding: 8px 16px;
}

.bottomSubNav_itm_video {
  width: 142px;
}

.p_navLink-video {
  background: linear-gradient(90deg, #C51B2E 0%, #92000E 100%);
  color: white;
  display: block;
  font-size: 12px;
  line-height: 20px;
  padding: 7px 14px;
  text-align: center;
  text-wrap: nowrap;
  width: 100%;
}

.bottomNavWrapper-search {
  min-width: 448px;
  width: 100%;
}

.p_navLink-inqury {
  background: linear-gradient(90deg, #1179C0 0%, #005392 100%);
  color: white;
  display: block;
  font-size: 12px;
  line-height: 20px;
  padding: 7px 14px;
  text-align: center;
  width: 100%;
}

.bottomSubNav_itm_btns {
  display: flex;
  gap: 6px;
}

.p_heading-target {
  white-space: nowrap;
}

.m_searchBox__fieldWrap {
  background: white !important;
  border: solid 1px #666;
  border-radius: 0 !important;
}

.m_searchBox__field {
  font-size: 15px !important;
  text-indent: 0.5em !important;
}

.m_searchBox__submit {
  width: 32px !important;
}

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

  .p_navLink-video:hover {
    opacity: 0.6;
    transition: 0.3s;
  }

  .p_navLink-inqury:hover {
    opacity: 0.6;
    transition: 0.3s;
  }

}

@media screen and (max-width:768px) {
  .bottomSubNav {
    flex-direction: column-reverse;
    gap: 0;
  }

  .bottomSubNav_itm_search {
    width: 100%;
  }

  .bottomSubNav_itm_btns {
    gap: 10px;
    width: 100%;
  }

  .bottomSubNav_itm_video {
    flex: 1;
    width: 100%;
  }

  .bottomSubNav_item.contact {
    flex: 1;
    width: 100%;
  }

  .bottomNavWrapper-search {
    min-width: auto;
  }

}

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

    Utility

================================*/
/* color */
.u_color-coral {
  color: #ff7f50 !important;
}

.u_color-rouge {
  color: #ec2c43 !important;
}

.u_color-crimson {
  color: #e6002d !important;
}

/* display */
.u_d-b {
  display: block !important;
}

.u_d-fx {
  display: flex !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_py0 {
  padding-top: 0 !important;
  padding-bottom: 0 !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;
}

.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_ml4 {
  margin-left: 4px !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_mr4 {
  margin-right: 4px !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_mt16 {
  margin-top: 16px !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_mb5 {
  margin-bottom: 5px !important;
}

.u_mb10 {
  margin-bottom: 10px !important;
}

.u_mb15 {
  margin-bottom: 15px !important;
}

.u_mb16 {
  margin-bottom: 16px !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;
}

/* 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 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.u_ti-0 {
  padding-left: 0em !important;
  text-indent: 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;
}

/* 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_super {
  font-size: 11px;
  vertical-align: super;
}

/* 文字太さ */
.u_fb {
  font-weight: bold;
}

/* 要素を出す/隠す */
.u_hide {
  display: none;
}

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

  .u_resMdInline {
    display: inline;
  }

}

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

  .u_resSmInline {
    display: inline;
  }

}