@charset "utf-8";
/*=====================================================
ビジネスマッチングフェア2021
======================================================*/
/*---------------------------------------------------
アイコン
---------------------------------------------------*/
.f_details_title_kinzoku {
 border: solid 2px #ff9402;
 color: #727171;
}
.f_details_title_kagaku {
 border: solid 2px #e81c24;
 color: #727171;
}
.f_details_title_kami {
 border: solid 2px #5404ce;
 color: #727171;
}
.f_details_title_shien {
 border: solid 2px #2dca32;
 color: #727171;
}
.f_details_title_denki {
 border: solid 2px #00b9ff;
 color: #727171;
}
.f_details_title_daigaku {
 border: solid 2px #ff6692;
 color: #727171;
}
.f_details_title_kenchiku {
 border: solid 2px #0b5dff;
 color: #727171;
}
.f_details_title_seikatsu {
 border: solid 2px #b25d22;
 color: #727171;
}
.f_details_title_kinzoku::before, .f_details_title_kagaku::before, .f_details_title_kami::before, .f_details_title_shien::before, .f_details_title_daigaku::before, .f_details_title_kenchiku::before, .f_details_title_denki::before, .f_details_title_seikatsu::before {
 content: '';
 display: inline-block;
 width: 50px;
 height: 50px;
 vertical-align: middle;
 margin-right: 10px;
}
.f_details_title_kinzoku::before {
 background: url("../img/icon_kinzoku.png") no-repeat;
 background-size: contain;
 background-position: center;
}
.f_details_title_kagaku::before {
 background: url("../img/icon_kagaku.png") no-repeat;
 background-size: contain;
 background-position: center;
}
.f_details_title_kami::before {
 background: url("../img/icon_kami.png") no-repeat;
 background-size: contain;
 background-position: center;
}
.f_details_title_shien::before {
 background: url("../img/icon_shien.png") no-repeat;
 background-size: contain;
 background-position: center;
}
.f_details_title_seikatsu::before {
 background: url("../img/icon_seikatsu.png") no-repeat;
 background-size: contain;
 background-position: center;
}
.f_details_title_kenchiku::before {
 background: url("../img/icon_kentiku.png") no-repeat;
 background-size: contain;
 background-position: center;
}
.f_details_title_daigaku::before {
 background: url("../img/icon_daigaku.png") no-repeat;
 background-size: contain;
 background-position: center;
}
.f_details_title_denki::before {
 background: url("../img/icon_denki.png") no-repeat;
 background-size: contain;
 background-position: center;
}
/* ボタン背景色 */
.detail-link.bg_kinzoku a {
 background: #ff9402;
}
.detail-link.bg_kagaku a {
 background: #e81c24;
}
.detail-link.bg_kami a {
 background: #5404ce;
}
.detail-link.bg_shien a {
 background: #2dca32;
}
.detail-link.bg_daigaku a {
 background: #ff6692;
}
.detail-link.bg_seikatsu a {
 background: #b25d22;
}
.detail-link.bg_denki a {
 background: #00b9ff;
}
.detail-link.bg_kenchiku a {
 background: #0b5dff;
}
/*---------------------------------------------------
トップページ
---------------------------------------------------*/
#f_search {
 width: 100%;
 margin: 0 auto;
}
.f_main_image_Area {
 position: relative;
 width: 100%;
 margin: 85px auto 60px;
 background: url(../img/f_main_image_o.png) no-repeat;
 /*padding: 60px 0px;*/
 height: auto;
 background-size: contain;
 background-position: top center;
 min-height: 63.75vw;
}
@media screen and (max-width: 960px){
  .f_main_image_Area {
    padding: 0 20px;
  }
}
@media screen and (max-width: 560px){
  .f_main_image_Area {
    min-height: auto;
    background-position: top center;
    padding: 0;
  }
}

.f_thanks {
  width: 80%;
  background: #14a226;
  color: #FFF;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px 20px;
  text-align: center;
  border: 2px solid #FFF;
  font-size: 120%;
}
}

@media screen and (max-width: 560px){
  .f_thanks{
    margin-bottom: 30px;
  }
}

.f_main_image_Area_sample {
 position: relative;
width: 100%;
margin: 85px auto 0px;
background: url(../img/fair2021_sample.jpg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
padding: 60px 0px;
height: auto;
background-size: cover;
background-position-x: center;
background-position-y: center;
min-height: 1500px;
}
@media screen and (max-width: 560px){
  .f_main_image_Area_sample{
    /*margin: 0 auto;*/
  }
}
.f_business-chance img{
  max-width: 100%;
}

.f_main_image_Area_inner {
 width: 100%;
 margin: auto;
 max-width: 1240px;
}
.f_main_image_Area h1 {
 margin: 0 auto;
 text-align: center;
 width: 90%;
 /*padding: 30px 0 0 0;*/
  padding: 6.060606060606061vw 0 3.125vw;
}
/*@media screen and (max-width: 560px){
  .f_main_image_Area h1 {
    padding-top: 6.060606060606061vh;
  }
}*/
@media screen and (max-width: 560px){
  .f_main_image_Area h1 {
    padding: 20px 0 10px;
  }
  
}
.f_main_image_Area h1 img {
 width: 100%;
 height: auto;
 object-fit: cover;
}
.f_main_image_Area h2.f_present {
 margin: 0 auto 40px auto;
 width: 80%;
 text-align: center;
}
.f_main_image_Area h2.f_present img {
 width: 100%;
 height: auto;
 object-fit: cover;
}
/* リンクボタン */
.fair_link-list {
 width: 80%;
 /*max-width: 1000px;*/
 margin: 0 auto 60px;
}
@media screen and (max-width: 960px){

}

@media screen and (max-width: 560px){
  .fair_link-list{
    margin-bottom: 20px;
  }
}
.fair_link-list ul {
 display: flex;
 flex-flow: row wrap;
 align-content: center;
 padding: 0;
  margin: 0;
}
.fair_link-list ul li {
 width: calc(100% / 3);
 padding: 0 10px;
  max-width: 33.33%;
}
.fair_link-list ul li img {
 width: 100%;
}

/* ご来場に際してのお願い */
.f_attention{
  background: #951816;
  max-width: 1090px;
  margin: 0 auto;
  padding: 10px;
}
.f_attention dl,.f_attention dt,.f_attention dd,
.f_attention ul,.f_attention li{
  padding: 0;
  margin: 0;
}
.f_attention p.strong{
  text-align: center;
  color: #FFF;
  margin: 0 0 10px;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
}
.f_attention p.strong::before,
.f_attention p.strong::after{
  content: "―";
  padding: 0 20px;
}
.f_attention dl{
  display: flex;
  flex-flow: row wrap;
}
.f_attention dl dt{
  width: 30%;
  padding-right: 20px;
  display: flex;
  flex-flow: row nowrap;
}
.f_attention dl dd{
  width: 70%;
}

@media screen and (max-width: 560px){
  .f_attention dl dt,.f_attention dl dd{
    width: 100%;
  }
  .f_attention dl dt{
    padding-right: 0;
    justify-content: center;
    margin: 10px 0;
  }
}
.f_attention_icon-area figure{
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.f_attention_icon-area figure img{
  max-width: 100%;
  border-radius: 5px;
}
.f_attention_message-area{
  color: #FFF;
  font-size: 15px;
}
.f_attention_message-area li{
  padding-left: 1em;
}
.f_attention_message-area li::before{
  content: "・";
  display: inline-block;
  text-indent: -1em;
}

.f_search_contents-area{
  background: #ef8201;
  padding: 30px 10px;
}
/* 検索ウインドウ */
.f_search_contents {
 position: relative;
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 /*background: rgba(255, 255, 255, 0.76);*/
  background: #FFF;
 z-index: 1;
 padding: 40px 0;
}
/*.f_search_contents::before {
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: rgba(255, 255, 255, 0.76);
 clip-path: polygon(0 0, 100% 0%, 0 100%);
 z-index: -1;
}*/
.f_searchBox_Area {
 width: 80%;
 margin: 0 auto;
}
.f_searchBox_Area .f_input-area {
 display: flex;
 flex-flow: row wrap;
 justify-content: center;
}

.f_searchBox_Area dl {
 width: 30%;
 /*  display: flex;
  flex-flow: row nowrap;
  justify-content:flex-start;
  align-items: center;*/
}

.f_searchBox_Area dl dt {
 /*width: 30%;*/
 font-weight: bold;
 text-align: center;
 /*text-align: left;*/
 font-size: 18px;
}
.f_searchBox_Area dl dd {
 /*width: 35%;*/
 margin: 10px 0 0;
 padding: 0 20px;
}
.f_searchBox_Area dl dd input, .f_searchBox_Area dl dd select {
 width: 100%;
 padding: 15px;
 border: solid 1px #000;
}

@media screen and (max-width: 960px){
  .f_searchBox_Area{
    width: 100%;
  }
  .f_searchBox_Area dl{
    width: 32%;
  }
  .f_searchBox_Area dl dd{
    padding: 0 5px;
  }
}
@media screen and (max-width: 560px){
  .f_searchBox_Area{
    width: 80%;
  }
  .f_searchBox_Area dl{
    width: 100%;
    margin-bottom: 0;
  }
}

.search-button button {
 background-color: #56A546;
 border: none;
 width: 100%;
 max-width: 500px;
 border-radius: 50px;
 letter-spacing: 1em;
 padding: 10px;
 display: block;
 outline: none;
 text-align: center;
 margin: 0 auto;
 cursor: pointer;
}
.search-button button span {
 font-size: 16px;
 font-weight: bold;
 color: #fff;
}
.search-button button span::before {
 display: inline-block;
 content: "";
 background: url("../img/icon_search.png") no-repeat;
 background-size: contain;
 background-position: center;
 width: 20px;
 height: 20px;
 vertical-align: middle;
 margin-right: 10px;
}
/* カテゴリから探す */
.f_category_Area {
 text-align: center;
 width: 100%;
 margin: 0 auto;
}
.f_category {
 /*padding: 20px 0;*/
 margin: 50px auto 0 auto;
}
.f_category dt {
 font-weight: bold;
 font-size: 18px;
 text-align: center;
}
.f_category dd {
 width: 100%;
 padding: 0;
 margin: 0;
}
.f_category dd ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 max-width: 960px;
 margin: 0 auto;
 text-align: center;
 -ms-flex-pack: distribute;
 justify-content: space-around;
 padding: 0;
 flex-wrap: wrap;
}
.f_category dd li {
 text-align: left;
 width: 24%;
 font-size: 15px;
 font-weight: bold;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin-top: 10px;
}
.f_category dd li a {
 display: flex;
 align-items: center;
 /*display: block;*/
 width: 100%;
 height: 100%;
 color: #727171;
 /*border: solid 2px #727171;*/
 background-color: rgba(255, 255, 255, 0.8);
 padding: 9px 12px;
}
@media screen and (max-width: 960px){
  .f_category dd li{
    width: 32%;
  }
}
@media screen and (max-width: 560px){
  .f_category dd li{
    width: 49%;
  }
}


.list_overview p a {
 text-align: center;
 color: #fff;
 font-weight: bold;
 font-size: 15px;
 text-decoration: none;
 letter-spacing: 0.3em;
 display: block;
}
.detail-link a {
 background: #40784D;
 height: 40px;
 border-radius: 9px;
 line-height: 2.5em;
}



/*---------------------------------------------------
詳細ページ
---------------------------------------------------*/
#f_search {
 width: 100%;
 margin: 0 auto;
}
.f_search_inner_page {
 background: url(../img/f_header_main.png) no-repeat;
 background-position-x: center;
 background-position-y: center;
 background-size: cover;
 padding: 31px 0;
 filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.6));
}

@media screen and (max-width: 960px){
  .f_search_inner_page {
    background: url("../img/f_header_main_sp.png") no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 560px){
  .f_search_inner_page {
    padding: 0;
  }
}


.f_main_logo_Area {
 padding: 63px 0;
 text-align: center;
 color: transparent;
}
@media screen and (max-width: 560px){

}

#fair_company small {
 font-size: 14px;
}
#fair_company .booth_no {
 display: inline-block;
 font-size: .8em;
 padding: 0 2rem;
}
.f_details_catch_p, .f_details_item_p {
 padding: 30px;
 margin: 0 auto;
 text-align: center;
 width: 80%;
 font-weight: bold;
 font-size: 29px;
 color: #606160;
}
/*.booth_detail{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.fair_category span{
  padding: 5px 10px;
}
.cate_a{
  border: solid 2px #ff6561;
}*/
#fair_detail_area .details_mainCOn {
 margin-bottom: 20px;
}
.f_details_image {
 width: 60%;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.f_details_image p, .f_details_catalog p {
 width: 100%;
 margin-top: 50px;
 font-size: 18px;
}
.f_details_image p::before, .f_details_catalog p::before {
 content: '';
 display: inline-block;
 width: 20px;
 height: 20px;
 background-image: url(../img/icon_search_gray.png);
 background-size: contain;
 vertical-align: middle;
 margin-right: 10px;
 background-repeat: no-repeat;
}
.f_details_image h2, .f_details_text h2 {
 background-color: #333;
 color: #fff;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 padding: 15px 0;
 border-radius: 22px;
 position: relative;
 width: 100%;
}
.f_details_text {
 width: 35%;
}
.f_details_image p span {
 font-weight: bold;
}
.details-list {
 width: 100%;
 display: flex;
 flex-flow: row wrap;
 align-items: center;
 font-size: 15px;
 margin: 0;
}
.details-list dt {
 border: #424141 solid 1px;
 width: 28%;
 padding: 3px 1px;
 text-align: center;
 margin-right: 2%;
 margin-bottom: 10px;
 border-radius: 15px;
 font-size: 14px;
}
.details-list dd {
 width: 70%;
 margin: 0;
 margin-bottom: 10px;
 padding: 0;
}
.corp_url {
 margin-top: 0;
}
.corp_url a {
 color: #000;
 text-decoration: underline;
 font-size: 13px;
 display: block;
}
.corp_url img {
 display: inline-block;
 width: 35px;
 vertical-align: middle;
 margin-right: 10px;
}
/*#corp_url.details-list dt{
  border: none;
  text-align: right;
  padding: 0 1px;
}
#corp_url.details-list dt img{
  width: 35px;
}
#corp_url.details-list dd a{
  font-weight: bold;
  color: #1c67ff;
}*/
.f_itemArea p {
 margin: 5px 0;
}
.f_itemArea .item_chatch {
 font-weight: bold;
}
.f_itemArea .item_url {
 text-align: right;
 position: relative;
}
.f_itemArea .item_url a {
 display: inline-block;
 position: relative;
 padding-right: 30px;
 color: #1c67ff;
 font-weight: bold;
}
.f_itemArea .item_url a::before {
 content: "";
 position: absolute;
 display: inline-block;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 5px;
 width: 18px;
 height: 18px;
 background: #1c67ff;
 border-radius: 15px;
}
.f_itemArea .item_url a::after {
 content: "";
 position: absolute;
 display: inline-block;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 5px;
 border: solid 5px transparent;
 border-left: solid 6px #FFF;
 width: 0;
 height: 0;
}
/* 表示切り替え */
/* デフォルト */
.f_item-A, .f_item-B, .f_item-C {
 display: none;
}
/*20211005追記　検索ボックス*/
.f_free_Area {
 padding: 40px 0;
}
.f_free_AreaTitle {
 font-weight: bold;
 font-size: 18px;
 text-align: center;
}
.f_search_free {
 max-width: 960px;
 margin: 0 auto;
 height: 75px;
}
.f_search_free > dl {
 width: 100%;
 display: flex;
 flex-flow: row nowrap;
 justify-content: center;
 align-items: center;
 flex-direction: column;
}
.f_search_free > dl > dt {
 width: 70%;
 font-weight: bold;
 text-align: left;
 font-size: 18px;
 padding: 15px;
 border: solid 1px #000;
 background-color: #fff;
}
.f_search_free > dl > dd {
 width: 30%;
 margin: 0 auto;
}
.f_searchfreeBox {
 border: none;
 width: 100%;
 height: 80%;
 padding-left: 30px;
 color: #000000;
 font-size: 18px;
 letter-spacing: 2px;
 outline: none;
}
.f_searchBtn {
 background-color: #56A546;
 border: none;
 width: 100%;
 max-width: 500px;
 border-radius: 50px;
 letter-spacing: 1em;
 padding: 10px;
 display: block;
 outline: none;
 text-align: center;
 margin: 0 auto;
 cursor: pointer;
}
.f_searchBtn > span {
 font-size: 16px;
 font-weight: bold;
 color: #fff;
}
.f_searchBtn > span::before {
 display: inline-block;
 content: "";
 background: url("../img/icon_search.png") no-repeat;
 background-position-x: 0%;
 background-position-y: 0%;
 background-size: auto;
 background-size: contain;
 background-position: center;
 width: 20px;
 height: 20px;
 vertical-align: middle;
 margin-right: 10px;
 }
.sp_br{
display: none;
}

/*---------------------------------------------------
出展社一覧
---------------------------------------------------*/
.inner_area{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 560px){
  .inner_area{
    /*padding: 0 10px;*/
  }
}
#exhibitor-lists h2{
  text-align: center;
  font-size: 38px;
  margin: 120px 0 40px;
  color: #333;
}
.category-list{
  background: #e6e6e6;
  padding: 20px 50px;
  margin-bottom: 120px;
}

@media screen and (max-width: 960px){
  .category-list{
    padding: 20px 0;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 560px){

}

.category-list ul{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.category-list ul li{
  width: calc(100% / 8 - 1px);
  border-right: solid 1px #FFF;
  position: relative;
}
.category-list ul li:last-child{
  border: none;
}
@media screen and (max-width: 560px){
  .category-list ul li{
    width: calc(100% / 4 - 1px);
    margin-bottom: 20px;
  }
  .category-list ul li:nth-child(4){
    border: none;
  }
}
.category-list li a.f_details_title_kinzoku,
.category-list li a.f_details_title_kagaku,
.category-list li a.f_details_title_kami,
.category-list li a.f_details_title_shien,
.category-list li a.f_details_title_denki,
.category-list li a.f_details_title_daigaku,
.category-list li a.f_details_title_kenchiku,
.category-list li a.f_details_title_seikatsu{
  border: none;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding-bottom: 20px;
}
.category-list li a::before{
  display: block;
  margin: 0 auto 10px;
}
.category-list ul li a::after{
  position: absolute;
  content: "";
  display: block;
  border-right: solid 2px #222;
  border-bottom: solid 2px #222;
  width: 10px;
  height: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  transform: rotate(45deg);
}
.exhibitor-list-area{
  margin-bottom: 120px;
}
@media screen and (max-width: 560px){
  .exhibitor-list-area{
    margin-bottom: 40px;
  }
}
.exhibitor-list-area h3.f_details_title_kinzoku,
.exhibitor-list-area h3.f_details_title_kagaku,
.exhibitor-list-area h3.f_details_title_kami,
.exhibitor-list-area h3.f_details_title_shien,
.exhibitor-list-area h3.f_details_title_denki,
.exhibitor-list-area h3.f_details_title_daigaku,
.exhibitor-list-area h3.f_details_title_kenchiku,
.exhibitor-list-area h3.f_details_title_seikatsu {
 border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: solid 1px #222;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.exhibitor-list{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.exhibitor-list table{
  width: 49%;
  margin-right: 2%;
  border-collapse: collapse;
  border-spacing: 10px;
  border-spacing: 0;
}
@media screen and (max-width: 560px){
  .exhibitor-list table{
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}

.exhibitor-list table:last-of-type{
  margin-right: 0;
}
.exhibitor-list table tr:nth-of-type(2) td{
  padding-top: 30px;
}

.exhibitor-list table th,
.exhibitor-list table td{
  font-size: 14px;
}
.exhibitor-list table th{
  background: #f2f2f2;
  color: #222222;
  font-weight: normal;
  border-right: solid 10px #FFF;
  padding: 5px 10px;
}
.exhibitor-list table th:last-of-type{
  border-right: none;
}
.exhibitor-list table td{
  border-bottom: dashed 1px #222;
  padding: 10px;
}
.exhibitor-list table .corpname{
  width: 50%;
}
.exhibitor-list table .hplink{
  width: 30%;
}
.exhibitor-list table .booth{
  width: 20%;
}

.exhibitor-list table .hplink,
.exhibitor-list table .booth{
  text-align: center;
}
.exhibitor-list table .corpname a{
  text-decoration: none;
  color: #222;
}
.exhibitor-list table .hplink a{
  color: #00b9ff;
}

p.hosoku{
color: #393939;
font-size: small;
font-weight: bold;
text-align: center;
width: 100%;
margin: 0 auto 15px auto;
}

/*---------------------------------------------------
会場マップ
---------------------------------------------------*/
#map_Area{
width: 100%;
margin: 0 auto;
}
#map_Area > div{
    width: 100%;
    margin: 80px auto;
    max-width: 1240px
;
}
#map_Area > div > img{
width: 100%;
height: auto;
object-fit: cover;
}
#map_Area > p{
width: 30%;
margin: 0 auto 80px auto;
text-align: center;
    
    }
#map_Area > p > a{
background-color: #ef8200;
color: #fff;
text-decoration: navajowhite;
padding: 20px 10px;
border-radius: 41px;
font-size: 14px;
display: block;
}

/*-----------------------

フェア2021トップ 211122スマホ調整

------------------------*/
@media screen and (max-width: 560px){
.fair_link-list {
    width: 95%;
    /* max-width: 1000px; */
    margin: 0 auto 60px;
}

.f_main_image_Area{
margin: 0 auto;

}

.f_search_free > dl > dd{
width: 80%;
}

.fair_link-list ul li{
padding: 0 2px;
  
}
}


/*-----------------------

フェア2021詳細 211122スマホ調整

------------------------*/
@media screen and (max-width: 560px){
.f_main_logo_Area{
padding: 45px 0;
}

.f_main_logo_Area > h1{
font-size:inherit;
}

.f_details_catch_p, .f_details_item_p {
    padding: 31px 0 0 0;
    }
.f_details_text {
    width: 90%;
    margin: 0 auto;
}
    }
    
    
/*-----------------------

フェア2021出展社一覧 211122スマホ調整

------------------------*/
@media screen and (max-width: 560px){

#exhibitor-lists h2{
margin: 0px 0 40px;
}
p.hosoku{
    font-size: 12px;
}
}


/*-----------------------

フェア2021map 211201スマホ調整

------------------------*/
@media screen and (max-width: 560px){

#exhibitor-lists h2{
margin: 0px 0 40px;
}
#map_Area > p{
width: 80%;
}
}