iframe {
  margin-top:5px;
  margin-bottom:5px;
  width:560px;
  height:315px;
}

/* ボタン */
.header_button {
  width:350px;
  height:50px;
  border: 2px solid #999;
  border-radius: 0;
  background: #fff;
  text-align:center;
  color: #999;
  margin-bottom:10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header_button:hover {
  color: #fff;
  background: #999;
}
.header_button_outer {
  margin-top:20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:100%;
}


.middle_h1 {
  color: #666;
  border-bottom:2px solid #999;
  font-size:1.5em;
  margin-top:10px;
  margin-bottom:10px;
}

.h1_dx_middle {
  background: #eaf5f9;
  padding: 1rem 1rem 1rem 2.5rem;
  position: relative;
  font-size:2em;
  margin-top:10px;
  margin-bottom:10px;
  }

  .h1_dx_middle:before {
    position: absolute;
    top: 20%;
    left: 20px;
    width: 6px;
    height: 60%;
    content: '';
    border-radius: 3px;
    background: #27acd9;
}

.middle_h2 {
  color: #333;
  font-size:1.2em;
  margin-top:5px;
  margin-bottom:5px;
}

section[id^="section"]  {
  padding-top: 120px;
  margin-top:-120px;
}


.to_form {
  width: 220px;
  height: 34px;
  border-radius: 3px;
  background: linear-gradient(90deg, crimson 10%, mediumvioletred 60%, deeppink 100%) left center / 200% 100%;
  box-shadow: 0 5px #8a0d0d;
  color: #fff;
  font-size: 16px;
  transition: background-position .6s;
  display: flex;
  justify-content: center;
  align-items: center;
}
a.to_form {
  background: linear-gradient(90deg, #8360c3 10%, #2ebf91 60%, #8360c3 100%) left center / 200% 100%;
  box-shadow: 0 5px #331451;
}
.to_form:hover {
  background-position: right center;
  box-shadow: none;
  transform: translateY(5px);
}
.to_form_outer {
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:10px;
  margin-bottom:30px;
}

.list_box {
  border: 2px solid #ffdab9;
  margin-top:10px;
  margin-bottom:10px;
  padding: 5px;
}

.insert_img {
  margin-top:5px;
  margin-bottom:5px;
}

/* 画像中央寄せ */
.img_block img{
  display: block;
  margin:auto;
}
/* 画像中央寄せ ここまで */

.l_mainContents  {
  line-height: 200%;
}

/* 表　ここから */
.dx_tbl {
  border-collapse: collapse;
  width: 730px;
  font-size: 10px
}

.dx_tbl tr {
  height: 50px
}

.dx_tbl_head {
  height: 25px
}

.dx_tbl td {
  border: solid 1px gray;
  vertical-align: middle
}

.dx_tbl_bg_blue {
  background-color: #00bfff;
  color: #fff;
  font-weight: 700;
  text-align: center
}

.dx_tbl_cols {
  line-height: 1.5em;
  text-align: center;
  background-color: #e0ffff
}

.dx_tbl_cols a {
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54.75px;
  height: 50px;
  text-decoration: none;
  color: #000
}

.dx_tbl_cols a:hover {
  text-decoration: none;
  color: #00bfff
}

.dx_tbl_cell {
  font-size: 20px;
  text-align: center;
  color: #00bfff;
  font-weight: 700
}

.dx_tbl_expression {
  font-size: 8px
}

.dx_tbl_target {
  background-color: #fff;
  text-align: center
}

.hs_tbl {
  border-collapse: collapse;
  width: 730px;
  font-size: 14px
}

.hs_tbl tr {
  height: 50px
}

.hs_tbl_head {
  height: 25px
}

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

.hs_tbl_bg_blue {
  background-color: #9e2730;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-align: center
}

.hs_tbl_cols {
  text-align: center;
  background-color: #e0ffff
}

.hs_tbl_cols a {
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54.75px;
  height: 50px;
  text-decoration: none;
  color: #000
}

.hs_tbl_cols a:hover {
  text-decoration: none;
  color: #00bfff
}

.hs_tbl_cell {
  font-size: 20px;
  text-align: center;
  color: #00bfff;
  font-weight: 700
}

.hs_tbl_expression {
  font-size: 14px
}

.hs_tbl_target {
  text-align: center
}
/* 列固定してスクロール */
.fixed01{
  position: sticky;
  left: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}

.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}

/*スクロールバー全体の高さ*/

.scroll-box::-webkit-scrollbar {
  height: 4px;
}

/*スクロールバー全体の背景*/

.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}

/*スクロールバーの動く部分*/

.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}

/*スクロールバーの動く部分のホバー（マウスオーバー）*/

.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}


/* 表 ここまで */

/* アコーディオンメニューここから */
.accordion {
  width: 100%;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block;
  padding: 10px 80px 10px 10px;
  background: #00BFFF;
  /* cursor: pointer; */
  margin: 5px 15px 5px 15px;
  position: relative;
  font-size:1.3em;
  color: #fff;
}

/* ＋アイコン */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}
/* アコーディオンメニューここまで　*/


@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
/*
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
*/

.btn, 
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap-pc-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  /*テスト表示用*/
  max-width: 435px;
  margin: 0 auto 20px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;
}

a.btn-pc-sp {
  line-height: 1.4;

  width: 49.5%;
  padding: 1.25rem 0;

  color: #ffff;
}

a.btn-pc-sp--contact {
  color: #fff;
  background: #eb6100;
}

a.btn-pc-sp--list {
  color: #fff;
  background: #094;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}

a.btn-pc-sp {
  width: 49.5%;
  padding-right: 1.5rem;

  color: #ffff;
}

a.btn-pc-sp--contact {
  color: #fff;
}

a.btn-pc-sp--contact.btn-pc-sp--2 {
  border-bottom: 5px solid #d25600;
  background: #eb6100;
}

a.btn-pc-sp--list.btn-pc-sp--2 {
  border-bottom: 5px solid #008039;
  background: #094;
}

a.btn-pc-sp .number {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
a.btn-c i.fa {
  margin-right: 1rem;
}

/* ボトムカテゴリアイコン？　*/
.p_lineupBoxList {
  margin: 0 0 20px
}

.p_heading+.p_lineupBoxList {
  margin: 0 0 10px
}

.p_lineupBoxList_item {
  margin-top: 4px
}

.p_heading+.p_lineupBoxList .p_lineupBoxList_item {
  margin-top: 4px
}

.p_lineupBoxList_item a {
  display: inline-block;
  color: #002d8e;
  position: relative;
  padding-left: 67px
}

.p_lineupBoxList_item a::before {
  content: "\6D3E\9063";
  display: inline-block;
  margin-right: 4px;
  padding: 3px 0;
  background: #c9202d;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  min-width: 60px;
  text-align: center;
  position: absolute;
  top: 3px;
  left: 0
}

.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,
.p_lineupBoxList_item a[href*="/ctc/"]::before,
.p_lineupBoxList_item a[href*="/ogs/"]::before,
.p_lineupBoxList_item a[href*="/kkg/"]::before,
.p_lineupBoxList_item a[href*="/efl/"]::before,
.p_lineupBoxList_item a[href*="/imp/"]::before,
.p_lineupBoxList_item a[href*="/neu/"]::before,
.p_lineupBoxList_item a[href*="/tnc/"]::before,
.p_lineupBoxList_item a[href*="/iln/"]::before {
  content: "\516C\958B";
  background: #0f71c1
}

.p_lineupBoxList_item a[href*="/kiyo/"]::before,
.p_lineupBoxList_item a[href*="/movie/"]::before,
.p_lineupBoxList_item a[href*="/dougahyakkaten/"]::before,
.p_lineupBoxList_item a[href^="/hia_e/"]::before,
.p_lineupBoxList_item a[href^="/kkg/KKe"]::before,
.p_lineupBoxList_item a[href^="/kkg/KKm"]::before,
.p_lineupBoxList_item a[href^="/nco/"]::before,
.p_lineupBoxList_item a[href^="/ina/"]::before {
  content: "e\30E9\30F3";
  background: #e23f7c
}

.p_lineupBoxList_item a[href*="/it-tool/"]::before {
  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D";
  background: #00c77f
}

.p_lineupBoxList_item a[href*="/ucn/"]::before {
  content: "\901A\4FE1\6559\80B2";
  background: #8e6301
}

.p_lineupBoxList_item a[href*="/consulting/"]::before {
  content: "\30b3\30f3\30b5\30eb";
  background: #6e4a26
}

.p_lineupBoxList_item a[href*="/seminar/"]::before {
  content: "\30BB\30DF\30CA\30FC";
  background: #0b1a6f
}

.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 {
  content: "\6559\6750";
  background: #517cf1
}

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

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

.p_lineupBoxList_item a[href*="/nbpm/dvd"]::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 {
  content: "DVD";
  background: #517cf1
}

.p_lineupBoxList_item a[href*="/cleativeln/"]::before,
.p_lineupBoxList_item a[href*="/comu_design/"]::before,
.p_lineupBoxList_item a[href*="www.mitemo.co.jp"]::before {
  content: "ＷＳ";
  background: #ed6d00
}

.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-"]::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,
.p_lineupBoxList_item a[href*="/edusolution/"]::before,
.p_lineupBoxList_item a[href*="/gam-batte/"]::before {
  content: "\8AAD\307F\7269";
  background: #00774e
}

.p_lineupBoxList_item a[href*="/online/"]::before {
  content: "online";
  background: #5558af
}

.p_lineupBoxList_item a[href*="/package/"]::before {
  content: "\30D7\30E9\30F3";
  background: #6e4a26;
  color: #fff
}

.p_lineupBoxList_item a[service_type=jirei]::before {
  content: "\4E8B\4F8B";
  background: #333
}

.p_lineupBoxList_item a[service_type=other]::before {
  content: none
}
/* ボトムカテゴリアイコンここまで　*/


/* RPA リニュアルのお知らせ 梅原記述 23/12/28 */
.rpa-renewal{
    padding:20px 0;
    text-align:center;
}
.rpa-renewal h2{
    margin-bottom:10px;
}
.rpa-renewal h2 .sp_break-point{
   display:none;
}
.rpa-renewal h2 span{
    font-size: 18px;
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: rgba(255, 228, 0, 0.4);
    text-underline-offset: -0.2em;
}
.rpa-renewal__btn{
    margin-top:40px;
}
.rpa-renewal__btn a{
    width:100%;
    background-color: #0073C0;
    padding: 10px 60px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: larger;
    letter-spacing: 3px;
    position: relative;
}
.rpa-renewal__btn a:hover{
    opacity:0.6;
    transition:0.5;
}
.rpa-renewal__btn a::after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    transform: rotate(45deg);
}
@media screen and (max-width :768px){
.rpa-renewal h2 .sp_break-point{
   display:block;
}
｝

/* RPA リニュアルのお知らせ 梅原記述 23/12/28 ここまで */