@charset "UTF-8";

.exhibitors_area .list_area {
  background: url(../images/bg_exhibitorarea.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  text-align: center;
  position: relative;
  padding-bottom: 70px;
}


.introduction {
  max-width: 900px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media screen and (max-width: 1085px) {
  .introduction {
    text-align: left;
  }
}

/* topic*/
.topics_area .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3em;
  justify-content: space-between;
}

.topics_area .list li {
  width: 32%;
  margin-top: 2em;
}

@media screen and (max-width: 767px) {
  .topics_area .list li {
    width: 100%;
    margin-top: 2em;
  }
}

.topics_area .list li h5 {
  margin-top: 1em;
}

.topics_area .list p {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
}

.topics_area .list li.automobile p {
  border-bottom: 1px solid rgba(240, 69, 78, 1);
}

.topics_area .list li.parts p {
  border-bottom: 1px solid rgba(255, 159, 56, 1);
}

.topics_area .list li.material p {
  border-bottom: 1px solid rgba(117, 105, 205, 1);
}

.topics_area .list li.testing p {
  border-bottom: 1px solid rgba(0, 123, 208, 1);
}

.topics_area .list li.cae p {
  border-bottom: 1px solid rgba(0, 160, 125, 1);
}

.topics_area .list li.software p {
  border-bottom: 1px solid rgba(64, 104, 255, 1);
}

.topics_area .list li.electronics p {
  border-bottom: 1px solid rgba(231, 76, 155, 1);
}

.topics_area .list li.rpa p {
  border-bottom: 1px solid rgba(0, 196, 221, 1);
}

.topics_area .list li .startup p {
  border-bottom: 1px solid rgba(216, 226, 139, 1);
}

.topics_area .list li.automobile p span {
  color: rgba(240, 69, 78, 1);
}

.topics_area .list li.parts p span {
  color: rgba(255, 159, 56, 1);
}

.topics_area .list li.material p span {
  color: rgba(117, 105, 205, 1);
}

.topics_area .list li.testing p span {
  color: rgba(0, 123, 208, 1);
}

.topics_area .list li.cae p span {
  color: rgba(0, 160, 125, 1);
}

.topics_area .list li.software p span {
  color: rgba(64, 104, 255, 1);
}

.topics_area .list li.electronics p span {
  color: rgba(231, 76, 155, 1);
}

.topics_area .list li.rpa p span {
  color: rgba(0, 196, 221, 1);
}

.topics_area .list li .startup p span {
  color: rgba(216, 226, 139, 1);
}

body.pages.areatop .contents {
  padding-top: 45px;
}

.areatop .btn_large+.btn_large {
  margin-top: 1em;
}

/* allリスト以下 */
body.area .contents {
  padding-top: 0px;
}

body.exhibitor_all .main_contents .search_area h3.c_title,
body.area .main_contents .area_ttl h3.c_title {
  margin-top: 0px;
}

.exhibitor_all .container.listContainer {
  margin-top: 60px;
}

.list_exhibitor {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.startup .list_exhibitor {
  margin-top: 0px;
}

.list_exhibitor li {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  margin-left: 0.66%;
  margin-right: 0.66%;
}

.list_exhibitor li a {
  display: block;
  height: 100%;
  text-decoration: none;
  position: relative;
}

.list_exhibitor li a figure {
  position: relative;
}

.list_exhibitor li a figure:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.list_exhibitor li a figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: contain;
}

.list_exhibitor li.automobile .category {
  background-color: rgba(240, 69, 78, 1);
}

.list_exhibitor li.parts .category {
  background-color: rgba(255, 159, 56, 1);
}

.list_exhibitor li.material .category {
  background-color: rgba(117, 105, 205, 1);
}

.list_exhibitor li.testing .category {
  background-color: rgba(0, 123, 208, 1);
}

.list_exhibitor li.cae .category {
  background-color: rgba(0, 160, 125, 1);
}

.list_exhibitor li.software .category {
  background-color: rgba(64, 104, 255, 1);
}

.list_exhibitor li.electronics .category {
  background-color: rgba(231, 76, 155, 1);
}

.list_exhibitor li.rpa .category {
  background-color: rgba(0, 196, 221, 1);
}

.list_exhibitor li.startup .category {
  background-color: rgba(216, 226, 139, 1);
}

.list_exhibitor li h4 {
  padding-top: 0.5em;
  line-height: 1.4;
}

.list_exhibitor li .category {
  font-size: 1.2rem;
  padding: 0 5px;
  color: var(--cl-contrast);
}

.list_exhibitor li .description {
  font-size: 1.4rem;
}

/**/

.exhibitor_all .plan_s li a,
.area .plan_s li a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-decoration: none;
  position: relative;
}

.exhibitor_all .plan_s li h4,
.area .plan_s li h4 {
  height: 100%;
}

.plan_l li h4 {
  font-size: 2rem;
}

.plan_m li h4 {
  font-size: 1.8rem;
}

.plan_s li h4 {
  font-size: 1.6rem;
}

.exhibitor_all .list_exhibitor.plan_eco li h4 {
  font-size: 1.8rem;
  padding-bottom: 0.5em;
  border-top-width: 1px !important;
}

.area .list_exhibitor.plan_s li.automobile h4,
.area .list_exhibitor.plan_eco li.automobile h4,
.exhibitor_all .list_exhibitor.plan_s li.automobile h4,
.exhibitor_all .list_exhibitor.plan_eco li.automobile h4 {
  border-top: 3px solid rgba(240, 69, 78, 1);
}

.area .list_exhibitor.plan_s li.parts h4,
.area .list_exhibitor.plan_eco li.parts h4,
.exhibitor_all .list_exhibitor.plan_s li.parts h4,
.exhibitor_all .list_exhibitor.plan_eco li.parts h4 {
  border-top: 3px solid rgba(255, 159, 56, 1);
}

.area .list_exhibitor.plan_s li.material h4,
.area .list_exhibitor.plan_eco li.material h4,
.exhibitor_all .list_exhibitor.plan_s li.material h4,
.exhibitor_all .list_exhibitor.plan_eco li.material h4 {
  border-top: 3px solid rgba(117, 105, 205, 1);
}

.area .list_exhibitor.plan_s li.testing h4,
.area .list_exhibitor.plan_eco li.testing h4,
.exhibitor_all .list_exhibitor.plan_s li.testing h4,
.exhibitor_all .list_exhibitor.plan_eco li.testing h4 {
  border-top: 3px solid rgba(0, 123, 208, 1);
}

.area .list_exhibitor.plan_s li.cae h4,
.area .list_exhibitor.plan_eco li.cae h4,
.exhibitor_all .list_exhibitor.plan_s li.cae h4,
.exhibitor_all .list_exhibitor.plan_eco li.cae h4 {
  border-top: 3px solid rgba(0, 160, 125, 1);
}

.area .list_exhibitor.plan_s li.software h4,
.area .list_exhibitor.plan_eco li.software h4,
.exhibitor_all .list_exhibitor.plan_s li.software h4,
.exhibitor_all .list_exhibitor.plan_eco li.software h4 {
  border-top: 3px solid rgba(64, 104, 255, 1);
}

.area .list_exhibitor.plan_s li.electronics h4,
.area .list_exhibitor.plan_eco li.electronics h4,
.exhibitor_all .list_exhibitor.plan_s li.electronics h4,
.exhibitor_all .list_exhibitor.plan_eco li.electronics h4 {
  border-top: 3px solid rgba(231, 76, 155, 1);
}

.area .list_exhibitor.plan_s li.rpa h4,
.area .list_exhibitor.plan_eco li.rpa h4,
.exhibitor_all .list_exhibitor.plan_s li.rpa h4,
.exhibitor_all .list_exhibitor.plan_eco li.rpa h4 {
  border-top: 3px solid rgba(0, 196, 221, 1);
}

.area .list_exhibitor.plan_s li.startup h4,
.area .list_exhibitor.plan_eco li.startup h4,
.exhibitor_all .list_exhibitor.plan_s li.startup h4,
.exhibitor_all .list_exhibitor.plan_eco li.startup h4 {
  border-top: 3px solid rgba(216, 226, 139, 1);
}

.plan_s {
  padding-bottom: 100px;
}

.plan_eco {
  padding-bottom: 50px;
}

.startup .plan_s {
  padding-top: 35px;
  padding-bottom: 50px;
}

.plan_l li {
  width: 32%;
}

.plan_m li {
  width: 23.6%;
}

.plan_s li {
  width: 15.32%;
}

.plan_eco li {
  width: 48%;
}

@media screen and (max-width: 920px) {
  .plan_l li {
    width: 48.3%;
  }

  .plan_m li {
    width: 32%;
  }

  .plan_s li {
    width: 23.6%;
  }
}

@media screen and (max-width: 580px) {
  .plan_l li {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
  }

  .plan_m li {
    width: 48.3%;
  }

  .plan_s li {
    width: 32%;
  }

  .plan_eco li {
    width: 100%;
  }
}

.search_alphabetical_order {
  margin-top: 30px;
  justify-content: space-between;
}

.search_alphabetical_order,
.alphabetical_order {
  display: flex;
  flex-wrap: wrap;
}

.alphabetical_order li {
  text-align: center;
}

.alphabetical_order li a,
.all_choice a {
  display: block;
  border-radius: 50px;
  border: 1px solid var(--cl-navy);
  text-decoration: none;
  line-height: 2.4em;
  font-size: 14px;
  padding-left: 1em;
  padding-right: 1em;
  cursor: pointer;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

.all_choice.current a,
.alphabetical_order li a.active,
.search_alphabetical_order .active {
  border: 1px solid var(--cl-contrast);
  color: #000;
  background-color: var(--cl-contrast);
  cursor: pointer;
}

.area_ttl {
  position: relative;
  text-align: center;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 
.automobile .area_ttl {
  background-image: url(/asset/images/bg_automobile.webp);
  background-position: center bottom;
}

.parts .area_ttl {
  background-image: url(/asset/images/bg_material.webp);
}

.material .area_ttl {
  background-image: url(/asset/images/bg_parts.webp);
}

.testing .area_ttl {
  background-image: url(/asset/images/bg_testing.webp);
}

.cae .area_ttl {
  background-image: url(/asset/images/bg_cae.webp);
}

.electronics .area_ttl {
  background-image: url(/asset/images/bg_electronics.webp);
}

.rpa .area_ttl {
  background-image: url(/asset/images/bg_rpa.webp);
} */
/* 
.startup .area_ttl {
  background-image: url(/asset/images/bg_startup.webp);
}
 */

.automobile .area_ttl {
  border: 1px solid rgba(217, 20, 30, 0.8);
  background-color: rgba(217, 20, 30, 0.8);
}

.parts .area_ttl {
  border: 1px solid rgba(255, 160, 57, 0.8);
  background-color: rgba(255, 160, 57, 0.8);
}

.material .area_ttl {
  border: 1px solid rgba(143, 135, 202, 0.8);
  background-color: rgba(143, 135, 202, 0.8);
}

.testing .area_ttl {
  border: 1px solid rgba(68, 147, 201, 0.8);
  background-color: rgba(68, 147, 201, 0.8);
}

.cae .area_ttl {
  border: 1px solid rgba(68, 174, 151, 0.8);
  background-color: rgba(68, 174, 151, 0.8);
}

.software .area_ttl {
  border: 1px solid rgba(64, 104, 255, 0.8);
  background-color: rgba(64, 104, 255, 0.8);
}

.electronics .area_ttl {
  border: 1px solid rgba(225, 119, 173, 0.8);
  background-color: rgba(225, 119, 173, 0.8);
}

.rpa .area_ttl {
  border: 1px solid rgba(32, 180, 206, 0.8);
  background-color: rgba(32, 180, 206, 0.8);
}

.startup .area_ttl {
  border: 1px solid rgba(216, 226, 139, 0.8);
  background-color: rgba(216, 226, 139, 0.8);
}


.automobile .area_ttl,
.parts .area_ttl,
.material .area_ttla,
.testing .area_ttl,
.cae .area_ttl,
.software .area_ttl,
.electronics .area_ttl,
.rpa .area_ttl,
.startup .area_ttl {
  border-left: none;
  border-right: none;
}

.area_ttl h4 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  /*   text-shadow: #000000 0px 0 5px, #000000 0px 0 15px;
 */
}

.area_ttl .c_title {
  position: relative;
  z-index: 2;
  font-size: 1.6rem;
}

.area_ttl .c_title .cat {
  font-size: 22px;
  font-weight: 700;
  position: relative;
}

.area_ttl h4.c_title .cat::before {
  display: none;
}

.exhibition .area_ttl .c_title span {
  display: block;
  padding-top: 5px;
  color: rgba(255, 255, 255, .4);
}

/* 
.automobile .area_ttl .c_title span {
  color: rgba(240, 69, 78, 1);
}

.parts .area_ttl .c_title span {
  color: rgba(255, 159, 56, 1);
}

.material .area_ttl .c_title span {
  color: rgba(117, 105, 205, 1);
}

.testing .area_ttl .c_title span {
  color: rgba(0, 123, 208, 1);
}

.cae .area_ttl .c_title span {
  color: rgba(0, 160, 125, 1);
}

.electronics .area_ttl .c_title span {
  color: rgba(231, 76, 155, 1);
}

.rpa .area_ttl .c_title span {
  color: rgba(0, 196, 221, 1);
}

.startup .area_ttl .c_title span {
  color: rgba(216, 226, 139, 1);
}
 */
.area_category_type {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
  justify-content: space-between;
  margin-top: 25px;
}

.area_category_type .area_category_type_item {
  width: 24.5%;
  margin-bottom: 5px;
}

/* 横浜のみ使用
.area_category_type .area_category_type_item:nth-of-type(n + 5) {
  width: 33%;
} */

.area_category_type .area_category_type_item:last-child {
  width: 100%;
  margin-bottom: 0px;
}

@media screen and (max-width: 580px) {
  .area_category_type .area_category_type_item {
    width: 33%;
  }

  .area_category_type .area_category_type_item:nth-of-type(n + 7) {
    width: 49.4%;
  }

  /* 名古屋のみ使用 */
  .area_category_type .area_category_type_item:nth-of-type(n + 9) {
    width: 100%;
  }
}

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

  .area_category_type .area_category_type_item,
  .area_category_type .area_category_type_item:nth-of-type(n + 5),
  .area_category_type .area_category_type_item:nth-of-type(6) {
    width: 49.4%;
    font-size: 10px;
  }

  /* 名古屋のみ使用 */
  .area_category_type .area_category_type_item:nth-of-type(n + 9) {
    width: 100%;
  }
}

.area_category_type .area_category_type_item .btn_border {
  display: block;
  color: var(--cl-contrast);
  border: 1px solid var(--cl-contrast);
  font-size: 12px;
  border-radius: 60px;
  background-color: transparent;
  padding: 5px 0px;
  white-space: nowrap;
  transition: all 0.2s;
  text-align: center;
  text-decoration: none;
}

.en .area_category_type .area_category_type_item.rpa .btn_border {
  font-size: 10px;
}

.area_category_type .area_category_type_item.current .btn_border {
  color: #000;
  background-color: var(--cl-contrast);
  border: 1px solid var(--cl-contrast);
}

/* 検索エリア ＞ 全出展社一覧ボタン非表示 */
.exhibitor_all .btn_search_all {
  display: none;
}