/* ----------
page-recruitmentexhibitors
---------- */

.wrap_exhibit .txt-small {
  font-size: .75rem !important;
}
.wrap_exhibit .num {
  padding: 0 .5em;
  margin-right: .5em;
  background-color: #300204;
  color: #fff;
  line-height: 2;
}
.wrap_exhibit .breadcrumb-item.active {
  color: #300204;
  font-weight: bold;
}
.wrap_exhibit > .wrap_exhibitcontent > .wrap_title {
  background-color:#300204;
}
.wrap_exhibit h4,
.wrap_exhibit h5 {
  font-size: 15px;
  line-height: 1.75;
}

/* top */
.wrap_exhibit .main_nav {
  width: 100%;
  margin: 0 auto;
  background-color: sandybrown;
}

.wrap_exhibit .main_nav > div > div a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 135px;
  background-color: sandybrown;
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: .85rem;
}
.wrap_exhibit .main_nav > div > div a:hover {
  background-color: rgb(161, 120, 84);
}
.wrap_exhibit .main_nav .active a {
  background-color: rgb(161, 120, 84);
}
.wrap_exhibit .main_nav > div i {
  font-size: 2em;
}
/* 出展ガイド */
.wrap_exhibit .nav_guide {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}

.wrap_exhibit .nav_guide > div > div a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 135px;
  background-color: #f9f1eb;
  border: 1px solid sandybrown;
  color: sandybrown;
  font-weight: bold;
  text-decoration: none;
  font-size: .85rem;
}
.wrap_exhibit .nav_guide > div > div a:hover {
  background-image:none !important;
  background-color: #fff !important;
}
.wrap_exhibit .nav_guide .active a {
  background-image:none !important;
  background-color: #fff !important;
}
.wrap_exhibit .nav_guide > div i {
  font-size: 2em;
}


/* 広島カラー設定 */
/* .wrap_hiroshima > .wrap_exhibitcontent > .wrap_title {
 background-color:#196484;
} */
.wrap_hiroshima .main_nav {
  background-color: #4e8aa3;
}
.wrap_hiroshima .main_nav > div > div a {
  background-color: #4e8aa3;
}
.wrap_hiroshima .main_nav > div > div a:hover {
  background-color: #186383;
}
.wrap_hiroshima .main_nav .active a {
  background-color: #186383;
}
.wrap_hiroshima .main_nav {
  background-color: #4e8aa3;
}
.wrap_hiroshima .main_nav > div > div a {
  background-color: #4e8aa3;
}
.wrap_hiroshima .main_nav > div > div a:hover {
  background-color: #186383;
}
.wrap_hiroshima .main_nav .active a {
  background-color: #186383;
}

/* 淡路島カラー設定 */
/* .wrap_awaji > .wrap_exhibitcontent > .wrap_title {
 background-color:#196484;
} */
.wrap_awaji .main_nav {
  background-color: #9BC2AB;
}
.wrap_awaji .main_nav > div > div a {
  background-color: #9BC2AB;
}
.wrap_awaji .main_nav > div > div a:hover {
  background-color: #88a393;
}
.wrap_awaji .main_nav .active a {
  background-color: #88a393;
}
.wrap_awaji .main_nav {
  background-color: #9BC2AB;
}
.wrap_awaji .main_nav > div > div a {
  background-color: #9BC2AB;
}
.wrap_awaji .main_nav > div > div a:hover {
  background-color: #88a393;
}
.wrap_awaji .main_nav .active a {
  background-color: #88a393;
}


/* 出展ガイド */
.wrap_hiroshima .nav_guide > div > div a {
  background-color: #d0e0e6;
  color: #4e8aa3;
  border: 1px solid #4e8aa3;
}

/* 東京カラー設定 */
/* .wrap_tokyo > .wrap_exhibitcontent > .wrap_title {
 background-color:#882929;
} */
.wrap_tokyo .main_nav {
  background-color: #8DB1CF;
}
.wrap_tokyo .main_nav > div > div a {
  background-color: #8DB1CF;
}
.wrap_tokyo .main_nav > div > div a:hover {
  background-color: #6989a3;
}
.wrap_tokyo .main_nav .active a {
  background-color: #6989a3;
}

/* vintageカラー設定 */
/* .wrap_vintage > .wrap_exhibitcontent > .wrap_title {
 background-color:#882929;
} */
.wrap_vintage .main_nav {
  background-color: #e0d7c5;
}
.wrap_vintage .main_nav > div > div a {
background-image: linear-gradient(45deg, rgba(240, 224, 215, 1), rgba(240, 231, 211, 1));
border: 1px solid #806d2c;
color: #806d2c;
}

.wrap_exhibit .wrap_content {
  margin: 3em 0;
}

/*  */
.page_exhibit h2 {
  color: #fff;
}
.page_exhibit .main_nav {
  margin-top: -50px !important;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
}
.page_exhibit .main_nav > div > div a {
  height: 60px;
  flex-direction: initial;
  font-size: .75rem;
}

.page_exhibit i {
  margin-right: .25em;
}

.wrap_exhibitcontent {
  margin: 2em 0;
}
.wrap_exhibitcontent .breadcrumb {
  font-size: .75rem;
  background-color: #fbfbfb;
}
.block_procedure {
  position: relative;
  padding-bottom: .5em;
  margin-bottom: 5em;
}
.block_procedure::before {
  content: "▼";
  width: 100%;
  position: absolute;
  bottom: -1.5em;
  color: rgba(48, 2, 4, 1);
  font-size: 3rem;
  text-align: center;
}
.block_procedure:last-of-type::before {
  content: "";
}
.block_procedure > .step > h4 {
  background-color: #f5f1ec;
  font-size: 1rem;
  line-height: 2;
}

.block_procedure > .step > h4 .num::before {
  content: "STEP";
}
.block_procedure > .step > p {
  margin-bottom: .5em;
  font-weight: bold;
}
.block_procedure > .step > .block_text {
  padding-left: 1.5em;
}
.wrap_exhibit .other_nav > div > div a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  background-color: rgb(189, 100, 104);
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: .85rem;
}
.wrap_exhibit .other_btn > div > div a {
  display: flex;
  flex-direction: initial;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  background-color: rgb(189, 100, 104);
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: .85rem;
}
.wrap_exhibit .other_nav > div > div a:hover,
.wrap_exhibit .other_btn > div > div a:hover
 {
  background-color: rgb(139, 53, 56);
}
.wrap_exhibit .other_btn > div .btn_requestmain > a {
  background-color: rgb(1,153,216);
}
.wrap_exhibit .other_btn > div .btn_requestmain > a:hover {
  background-color: rgb(1, 127, 216);
}
.wrap_exhibit .other_btn > div i {
  margin-right: .5em;
  font-size: 2rem;
}
.wrap_exhibit .nav {
  flex-wrap: nowrap;
}
.wrap_exhibit .nav .nav-item {
  text-align: center;
}

.wrap_exhibit .nav-tabs .nav-item.show .nav-link,
.wrap_exhibit .nav-tabs .nav-link.active {
  color: #300204;
  background-color: #f5f1ec;
  border-color: #300204 #300204 #f5f1ec;
  text-decoration: none;
  font-weight: bold;
}

.wrap_exhibit .nav-tabs .nav-link {
  border: 1px solid #300204;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  text-decoration: none;
  font-size: .85rem;
}
.wrap_exhibit .nav-tabs {
    border-bottom: 1px solid #300204;
}
.wrap_exhibit .tab-content {
  background-color: #f5f1ec;
}
.wrap_exhibit .tab_inner {
  background-color: #fff;
}
.wrap_exhibit .tab-content table {
  font-size: .85rem;
}
.wrap_exhibit .tab-content table th {
  text-align: left;
}
.wrap_exhibit .tab-content table th,
.wrap_exhibit .tab-content table td {
  padding: .25rem;
}
.wrap_exhibit .list_cation {
  list-style: none;
  font-size: .75rem;
  padding-left: 0;
}
.wrap_exhibit .list_cation li {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}
.wrap_exhibit .list_cation li::before {
  content:"※";
  position: absolute;
  left: 0;
  padding-right: 0.25em;
}
.wrap_exhibit .block_cation {
  border: 2px solid #dc3545;
  background-color: #fff;
  line-height: 1.5;
  font-size: .85rem;
}
.wrap_exhibit .btngroup * p {margin: 0;}
.wrap_exhibit .btngroup > div {margin-top:1em;}
.wrap_exhibit .btngroup a {text-decoration: none;}
.wrap_exhibit .btngroup a .block_btn {position: relative; border-radius: 7.5px; border: 1px solid #300204; text-align: center; background-color: #f5f1ec; }
.wrap_exhibit .btngroup a .block_btn::before {position: absolute; content: "＞"; right: 1em; top:33.33%;}
.wrap_exhibit .btngroup a .block_btn .h_title {font-size:1.25rem; color: #300204;}
.wrap_exhibit .btngroup a .block_btn .h_cate {background-color: #300204; color: #fff;}
.wrap_exhibit .btngroup a .block_btn .midashi {color:#300204; font-weight: normal;}
.wrap_exhibit .btngroup a .fes_hiroshima {border: 1px solid #1F6887;}
.wrap_exhibit .btngroup a .fes_hiroshima .h_fes {background-color: #1F6887;}
.wrap_exhibit .btngroup a .fes_tokyo {border: 1px solid #a74848;}
.wrap_exhibit .btngroup a .fes_tokyo .h_fes {background-color: #a74848;}
.wrap_exhibit .btngroup .nolink {pointer-events: none;}
.wrap_exhibit .btngroup .nolink .block_btn {background-color: #ccc; opacity: .5;}
.wrap_exhibit .btngroup a:hover .block_btn {opacity: .5;}



/* pc */
@media (min-width: 768px) {
  /* top */
  .wrap_exhibit .nav .nav-item {
    width: 33.33%;
  }
}