@charset "UTF-8";

/*------------------------------------------------------------
icon-group
------------------------------------------------------------*/
.icon-block {
  padding: 0 10px;
}

.icon-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 1060px) {
  .icon-list {
    justify-content: flex-start;
  }
}


.icon-item {
  text-align: center;
  width: 97px;
}

.icon-item a {
  opacity: 1;
  transition: opacity 0.3s;
}

.icon-item a:hover {
  opacity: .7;
  transition: opacity 0.3s;
}

.icon-text {
  margin-top: 3px;
  background: #fff;
  font-size: 11px;
  padding: 2px 4% 2px;
  border-radius: 10px;
  width: 100%;
  font-weight: 700;
  color: #928178;
}

/*------------------------------------------------------------
category
------------------------------------------------------------*/
.icon-block {
  padding: 0 10px;
}

.icon-group {
  background: #F3F2F0;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  border-radius: 25px;
  padding: 10px 30px 10px;
  margin-bottom: 50px;
}

@media (max-width: 1060px) {
  .icon-group {
    padding: 10px 20px 10px;
  }
}

.icon-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.icon-item {
  text-align: center;
  width: 120px;
}

.icon-item .icon-top_page {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}

.icon-item .icon-higoto {
  width: 80px;
  padding: 13px 0 5px 12px;
}
.icon-item .icon-kisyubetu {
  width: 78px;
  padding: 7px 0 7px 2px;
}
.icon-item .icon-simulation {
  width: 66px;
  padding: 10px 0 5px 12px;
}
.icon-item .icon-kaigi {
  width: 50px;
  padding: 8px 0 5px 0;
}
.icon-item .icon-bunseki {
  width: 32px;
  padding: 2px 0 6px 0;
}
.icon-item .icon-eigyou {
  width: 60px;
  padding: 15px 0 9px 0;
}
.icon-item .icon-event {
  width: 50px;
  padding: 6px 0 5px 0;
}
.icon-item .icon-register {
  width: 56px;
  padding: 11px 0 5px 0;
}

.icon-item a {
  opacity: 1;
  transition: opacity 0.3s;
}

.icon-item a:hover {
  opacity: .7;
  transition: opacity 0.3s;
}

.icon-text {
  margin-top: 3px;
  background: #fff;
  font-size: 13px;
  padding: 2px 4% 2px;
  border-radius: 10px;
  width: 100%;
  font-weight: 700;
  color: #928178;
}


.category-block {
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.category-wrapper {
  padding: 30px 40px;
  width: 1200px;
  max-width: 100%;
  margin-inline: auto;
  border-radius: 20px;
  border-width: 2px;
  position: relative;
  z-index: 1;
}

.category-higoto {
  border: 1px solid #00A0EA;
}
.category-kisyubetu {
  border: 1px solid #00A5A8;
}
.category-simulation {
  border: 1px solid #F3C3BA;
}
.category-eigyou {
  border: 1px solid #89bc56;
}
.category-event {
  border: 1px solid #d31377;
}
.category-pachinko_setting {
  border: 1px solid #ce9913;
}
.category-bunseki {
  border: 1px solid #ae5f9b;
}

.category-title {
  position: absolute;
  content: "";
  top: -43px;
  left: 8px;
  width: 250px;
  height: 50px;
  padding: 12px 0 12px;
  text-align: center;
  color: #fff;
}

.category-title-higoto {
  background: url(../img/title-higoto.png)no-repeat center center / 70% 70%;
}
.category-title-kisyubetu {
  background: url(../img/title-kisyubetu.png)no-repeat center center / 70% 70%;
}
.category-title-simulation {
  background: url(../img/title-simulation.png)no-repeat center center / 70% 70%;
}
.category-title-kaigi {
  background: url(../img/title-kaigi.png)no-repeat center center / 70% 70%;
}
.category-title-bunseki {
  background: url(../img/title-bunseki.png)no-repeat center center / 70% 70%;
}
.category-title-eigyou {
  background: url(../img/title-eigyou.png)no-repeat center center / 70% 70%;
}
.category-title-event {
  background: url(../img/title-event.png)no-repeat center center / 70% 70%;
}
.category-title-register {
  background: url(../img/title-register.png)no-repeat center center / 70% 70%;
}
.category-title-pachinko_setting {
  background: url(../img/title-pachinko_setting.png)no-repeat center center / 70% 70%;
}

.category-title span {
  position: absolute;
  content: "";
  top: 13px;
  left: -10px;
  width: 250px;
  height: 50px;
  color: #fff;
  z-index: 1;
}

.category_list {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 40px;
}

@media (max-width: 1024px) {
  .category_list {
    gap: 20px;
  }
}

.category_item {
  list-style: none;
  position: relative;
  z-index: 1;
  cursor: pointer;
  width: 190px;
}

@media (max-width: 1024px) {
  .category_item {
    list-style: none;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 120px;
  }
}

.category_item:hover a::before {
  opacity: .4;
  z-index: 1000;
  transition: opacity 0.3s;
}

.category_item a {
  transition: top 0.3s;
  position: relative;
  top: 0;
}

.category_link {
  cursor: pointer;
}

.category_img {
  position: relative;
  width: 190px;
  height: 190px;
  display: block;
}

@media (max-width: 1024px) {
  .category_img {
    position: relative;
    width: 120px;
    height: 120px;
    display: block;
  }
}


.category_img::after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0;
  width: 190px;
  height: 190px;
  text-align: center;
  color: #fff;
  transition: background 0.3s;
}

@media (max-width: 1024px) {
  .category_img::after {
    width: 120px;
    height: 120px;
  }
}

/* 新規作成 */
.sinki-sausei::after {
  background: url(../img/sinki-sausei.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .sinki-sausei::after {
  background: url(../img/sinki-sausei-hover.svg)no-repeat center center / 100% 100%;
}
/* 計画修正 */
.keikaku-syuusei::after {
  background: url(../img/keikaku-syuusei.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .keikaku-syuusei::after {
  background: url(../img/keikaku-syuusei-hover.svg)no-repeat center center / 100% 100%;
}
/* 予算対比 */
.yosan-taihi::after {
  background: url(../img/yosan-taihi.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .yosan-taihi::after {
  background: url(../img/yosan-taihi-hover.svg)no-repeat center center / 100% 100%;
}
/* 着地見込み */
.tyakuti-mikomi::after {
  background: url(../img/tyakuti-mikomi.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .tyakuti-mikomi::after {
  background: url(../img/tyakuti-mikomi-hover.svg)no-repeat center center / 100% 100%;
}
/* 日毎実績 */
.higoto-jisseki::after {
  background: url(../img/higoto-jisseki.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .higoto-jisseki::after {
  background: url(../img/higoto-jisseki-hover.svg)no-repeat center center / 100% 100%;
}
/* 実績グラフ */
.jisseki-graph::after {
  background: url(../img/jisseki-graph.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .jisseki-graph::after {
  background: url(../img/jisseki-graph-hover.svg)no-repeat center center / 100% 100%;
}
/* 計画作成 */
.keikaku-sakusei::after {
  background: url(../img/keikaku-sakusei.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .keikaku-sakusei::after {
  background: url(../img/keikaku-sakusei-hover.svg)no-repeat center center / 100% 100%;
}
/* 計画作成 */
.keikaku::after {
  background: url(../img/keikaku.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .keikaku::after {
  background: url(../img/keikaku-hover.svg)no-repeat center center / 100% 100%;
}
/* 実績 */
.jisseki::after {
  background: url(../img/jisseki.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .jisseki::after {
  background: url(../img/jisseki-hover.svg)no-repeat center center / 100% 100%;
}
/* 予実 */
.yojitsu::after {
  background: url(../img/yojitsu.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .yojitsu::after {
  background: url(../img/yojitsu-hover.svg)no-repeat center center / 100% 100%;
}
/* タイプ計画 */
.type-keikaku::after {
  background: url(../img/type-keikaku.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .type-keikaku::after {
  background: url(../img/type-keikaku-hover.svg)no-repeat center center / 100% 100%;
}
/* タイプ実績 */
.type-jisseki::after {
  background: url(../img/type-jisseki.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .type-jisseki::after {
  background: url(../img/type-jisseki-hover.svg)no-repeat center center / 100% 100%;
}
/* タイプ予実 */
.type-yojitus::after {
  background: url(../img/type-yojitus.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .type-yojitus::after {
  background: url(../img/type-yojitus-hover.svg)no-repeat center center / 100% 100%;
}
/* P-シミュレーション */
.p-simulation::after {
  background: url(../img/p-simulation.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .p-simulation::after {
  background: url(../img/p-simulation-hover.svg)no-repeat center center / 100% 100%;
}
/* S-シミュレーション */
.s-simulation::after {
  background: url(../img/s-simulation.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .s-simulation::after {
  background: url(../img/s-simulation-hover.svg)no-repeat center center / 100% 100%;
}
/* 設置台数 */
.setti-daisu::after {
  background: url(../img/setti-daisu.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .setti-daisu::after {
  background: url(../img/setti-daisu-hover.svg)no-repeat center center / 100% 100%;
}
/* P-島図 */
.p-shimazu::after {
  background: url(../img/p-shimazu.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .p-shimazu::after {
  background: url(../img/p-shimazu-hover.svg)no-repeat center center / 100% 100%;
}
/* S-島図 */
.s-shimazu::after {
  background: url(../img/s-shimazu.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .s-shimazu::after {
  background: url(../img/s-shimazu-hover.svg)no-repeat center center / 100% 100%;
}
/* 営業実績閲覧 */
.eigyou-jisseki::after {
  background: url(../img/eigyou-jisseki.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .eigyou-jisseki::after {
  background: url(../img/eigyou-jisseki-hover.svg)no-repeat center center / 100% 100%;
}
/* 会議資料 */
.kaigi-siryou::after {
  background: url(../img/kaigi-siryou.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .kaigi-siryou::after {
  background: url(../img/kaigi-siryou-hover.svg)no-repeat center center / 100% 100%;
}
/* イベント一覧 */
.event-index::after {
  background: url(../img/event-index.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .event-index::after {
  background: url(../img/event-index-hover.svg)no-repeat center center / 100% 100%;
}
/* 店舗別イベント一覧 */
.tenpobetsu-event::after {
  background: url(../img/tenpobetsu-event.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .tenpobetsu-event::after {
  background: url(../img/tenpobetsu-event-hover.svg)no-repeat center center / 100% 100%;
}
/* イベント登録 */
.event-register::after {
  background: url(../img/event-register.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .event-register::after {
  background: url(../img/event-register-hover.svg)no-repeat center center / 100% 100%;
}
/* イベント一括登録 */
.event-all-register::after {
  background: url(../img/event-all-register.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .event-all-register::after {
  background: url(../img/event-all-register-hover.svg)no-repeat center center / 100% 100%;
}
/* パチンコ初期設定 */
.pachinko-ini::after {
  background: url(../img/pachinko-ini.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .pachinko-ini::after {
  background: url(../img/pachinko-ini-hover.svg)no-repeat center center / 100% 100%;
}
/* スロット出玉 */
.slot-dedama::after {
  background: url(../img/slot-dedama.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .slot-dedama::after {
  background: url(../img/slot-dedama-hover.svg)no-repeat center center / 100% 100%;
}
/* 競合店設定 */
.kyougoutenn::after {
  background: url(../img/kyougoutenn.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .kyougoutenn::after {
  background: url(../img/kyougoutenn-hover.svg)no-repeat center center / 100% 100%;
}
/* 機種カテゴリー */
.kisyu-category::after {
  background: url(../img/kisyu-category.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .kisyu-category::after {
  background: url(../img/kisyu-category-hover.svg)no-repeat center center / 100% 100%;
}
/* 機種マスター */
.kisyu-master::after {
  background: url(../img/kisyu-master.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .kisyu-master::after {
  background: url(../img/kisyu-master-hover.svg)no-repeat center center / 100% 100%;
}
/* 機種別マスター */
.kisyubetsu-master::after {
  background: url(../img/kisyubetsu-master.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .kisyubetsu-master::after {
  background: url(../img/kisyubetsu-master-hover.svg)no-repeat center center / 100% 100%;
}
/* 自己分析 */
.jikobunseki::after {
  background: url(../img/jikobunseki.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .jikobunseki::after {
  background: url(../img/jikobunseki-hover.svg)no-repeat center center / 100% 100%;
}
/* 競合市場分析 */
.kyougou::after {
  background: url(../img/kyougou.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .kyougou::after {
  background: url(../img/kyougou-hover.svg)no-repeat center center / 100% 100%;
}
/* 集客データ */
.syuukyaku::after {
  background: url(../img/syuukyaku.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .syuukyaku::after {
  background: url(../img/syuukyaku-hover.svg)no-repeat center center / 100% 100%;
}
/* ppm */
.ppm::after {
  background: url(../img/ppm.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .ppm::after {
  background: url(../img/ppm-hover.svg)no-repeat center center / 100% 100%;
}
/* kisyukennsaku */
.kisyukennsaku::after {
  background: url(../img/kisyukennsaku.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .kisyukennsaku::after {
  background: url(../img/kisyukennsaku-hover.svg)no-repeat center center / 100% 100%;
}
/* ranking */
.ranking::after {
  background: url(../img/ranking.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .ranking::after {
  background: url(../img/ranking-hover.svg)no-repeat center center / 100% 100%;
}
.category_text {
  text-align: center;
}
/* cacheclear */
.cacheclear::after {
  background: url(../img/cacheclear.svg)no-repeat center center / 100% 100%;
}
.category_item:hover .cacheclear::after {
  background: url(../img/cacheclear-hover.svg)no-repeat center center / 100% 100%;
}
/*------------------------------------------------------------
アラート
------------------------------------------------------------*/

.alert-box {
  /* width: 98%; */
  width: 1280px;
  max-width: 100%;
  margin: 30px auto 20px;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px 20px 0;
}

.alert-header {
  background-color: #00A0EA;
  color: white;
  text-align: center;
  padding: 7px 0 6px;
  border-radius: 50px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

.alert-header span {
  position: relative;
}

.alert-header span::after {
  position: absolute;
  content: "";
  background: url(../img/bell.png)no-repeat center center / 100% 100%;
  width: 16px;
  height: 16px;
  top: 0px;
  left: -26px;
  z-index: 1;
}

.alert-block {
  margin-top: 20px;
  border: 2px solid #00A0EA;
  border-radius: 25px;
  border-width: 100%;
  padding: 15px 20px 20px;
}

.alert-date {
  padding: 0px 20px 25px;
  font-size: 20px;
  text-align: center;
  color: #928177;
}

.alert-tag {
  background: #fff;
  padding: 2px 10px;
  border-radius: 25px;
}

.alert-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 20px 8px 20px;
  border-radius: 30px;
}

.alert-row:nth-child(n+2) {
  margin-top: 10px;
}

.flex-left {
  flex: 8;
}
.flex-right {
  display: flex;
  flex: 0 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.sub-left {
  margin-left: auto;
}

.sub-right {
  padding-left: 10px;
}

.alert-row {
  background: #E0F2FC;
  color: #928177;
}

.alert-row.text-danger {
  background-color: #E95378;
  color: #FFF !important;
}

.alert-row.text-danger .alert-text {
  color: #fff;
}