main {
  color:#000;
}
.sec.ptop>.container {
}
.sec.ptop>.container:before {
}
.top-v {
  position: relative;
  margin:0 -12px;
  padding:9vw 12px 40px;
}
.ptop .top-bg {
  content:"";
  position: absolute;
  top:8.3vw;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/exhibitor/title-bg@2x.png);
  width:100%;
  height: 100%;
  z-index: 1;
}
.top-v .t {
  position: relative;
  text-align: center;
  z-index: 5;
  margin-top:-5px;
  margin-bottom: 30px;
  left: 2vw;
}

.exh-list {
  position: relative;
  z-index: 3;
  margin:-62px -12px 0;
  background: #E4F8FA;
  padding:66px 12px 30px;
}
.exh-list:before {
  content:"";
  position: absolute;
  top:10px;
  left: 25px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/exhibitor/fish@2x.png);
  width:110px;
  height: 65px;
}
.exh-list .exh-inn {
  max-width: 750px;
  margin:auto;

  font-size: 17px;
  line-height: 36px;
  font-weight: bold;
}
.exh-list .fg {
  position: absolute;
  right: 40px;
  bottom: -10px;
}
main .exh-info>.container {
  padding-top:80px;
  padding-bottom:80px;
}

.exh-row .exh-i {
  position: relative;
  max-width: 780px;
  margin: 0 auto 120px;
  border:5px solid #1F3D8A;

  padding:60px 0;
}
.exh-row .exh-i:last-child {
  margin-bottom: 0;
}
.exh-i .n {
  position: absolute;
  top:-40px;
  left: -30px;
  color:#fff;
  font-weight: bold;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
  background: #1F3D8A;
  padding:8px;
  display: inline-block;
  width: 630px;
  border-radius: 38px;
}
#e7.exh-i .n {
  font-size: 36px;
}
.exh-i .n:before {
  content:"";
  position: absolute;
  top:-40px;
  right: -36px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/exhibitor/wave.svg);
  width: 70px;
  height: 78px;
}
.exh-i .type {
  position: absolute;
  top: -6px;
  right: -30px;
  color:#fff;
  font-weight: bold;
  font-size: 30px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  border-radius: 28px;
  min-width: 258px;
  padding:8px 20px;
  background: #6AC5D0;
}
.exh-i .type.sm {
  font-size: 24px;
}
#e14.exh-i .type {
  font-size: 20px;
}
.exh-i .desc {
  padding:0 35px 35px;
}
.exh-i .desc .no-img {
  position: relative;
  height: 218px;
  background: #D9D9D9;
}
.exh-i .desc .no-img:before {
  content:"";
  position: absolute;
  right: 0;
  left: 0;
  margin:auto;
  top:50%;
  transform: translateY(-50%);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/common/logo-ryoman@2x.png);
  width: 76px;
  height: 95px;
}
.exh-i .c-desc .t {
  font-weight: bold;
  color:#EF7C00;
  font-size: 18px;
  margin-bottom: 18px;
}
.exh-i .c-desc .txt {
  font-size: 14px;
  line-height: 24px;
}
.exh-i .hope-p {
  position: relative;
  background: #F8F6DE;
  padding:5px;
  font-weight: bold;
  margin-bottom: 54px;
  min-height: 80px;
}
.exh-i .hope-p .t {
  position: absolute;
  left: 0;
  top:50%;
  transform: translateY(-50%);

  display: inline-block;
  background: #1F3D8A;
  padding:5px 12px 5px 30px;
  color:#fff;
  font-size: 24px;
  line-height: 26px;
}
.exh-i .hope-p .t:before {
  content: "";
  position: absolute;
  top:0;
  right: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid #1F3D8A;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;

}
.exh-i .hope-p .val {
  font-size: 25px;
  line-height: 35px;
  margin-left: 220px;
  display: flex;
  align-items: center;
  min-height: 70px;
}
.exh-i .e-info {
  max-width: 670px;
  margin:auto;
}
.e-info>.row {
  margin:0 -35px;
}
.e-info>.row>div {
  padding:0 35px;
}
.e-info>.row>div:first-child {
  border-right: 1px solid #1F3D8A;
}
.e-info .tt {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 18px;
}
.e-info .tt span {
  position: relative;
  display: inline-block;
}
.e-info .tt span:before,
.e-info .tt span:after {
  content:"";
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.e-info .tt span:before {
  left: -15px;
}
.e-info .tt span:after {
  right:-15px;
}
.e-info .col-comp .tt span:before,
.e-info .col-comp .tt span:after {
  background: #6AC5D0;
}
.e-info .col-job .tt span:before,
.e-info .col-job .tt span:after {
  background: #EF7C00;
}
.e-info dl dt {
  color:#fff;
  font-weight: bold;
  border-radius: 14px;
  padding:2px 20px;
}
.e-info .col-comp dl dt {
  background: #6AC5D0;
}
.e-info .col-job dl dt {
  background: #EF7C00;
}
.e-info dl dd {
  font-size: 15px;
  margin-bottom: 8px;
  padding: 4px 12px;
}

.sec-btm>.container {
  padding-top: 50px;
}
.sec-btm .btm {
  text-align: center;
}
.l-top a {
  position: relative;
  display: inline-block;
  font-weight: bold;
}
.l-top a:hover {
  text-decoration: none;
}
.l-top a:after {
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  margin:auto;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background: #707070;
}


@media (max-width:1199px) {
  .exh-list .fg {
    right: 25px;
  }
  .exh-i .n {
    width: 600px;
    font-size: 38px;
    line-height: 42px;
    padding:12px 8px;
  }
}

@media (max-width:992px) {
  .exh-list .exh-inn {
    max-width: 450px;
  }
  .exh-i .n {
    width: 590px;
    font-size: 36px;
    line-height: 40px;
    top:-60px;
    border-radius: 34px;
  }
  .exh-i .n:before {
    top: -2px;
    right: -34px;
    width: 55px;
    height: 60px;
  }
  .exh-i .type {
    top:-6px;
  }
  .exh-row .exh-i {
    padding:50px 0;
  }
  .exh-i .desc .no-img {
    height: 180px;
  }
}

@media (max-width:767px) {
  .sec.ptop>.container {
    padding-top: 15vw;
  }
  .ptop .top-bg {
    background-image: url(../img/exhibitor/title-bg-sp@2x.png);
    height: 100%;
    top:6vw;
  }
  .top-v {
    padding-bottom: 20px;
  }
  .top-v .t {
    margin-top:8px;
    margin-bottom: 0;
    left: -8vw;
    width: 116%;
    height: 43vw;
  }

  .exh-list {
    margin-top: 0;
    padding:20px 12px;
  }
  .exh-list:before {
    content:none;
  }
  .exh-list .exh-inn {
    font-size: 15px;
    line-height: 40px;
  }
  .exh-list .fg {
    bottom: auto;
    top: -10px;
    right: 10px;
  }
  main .exh-info>.container {
    padding:20px 15px;
  }
  .exh-row .exh-i {
    padding:0;
    border:none;
    margin-bottom: 30px;
  }
  .exh-i .n {
    position: relative;
    display: block;
    width: 92%;
    font-size: 20px;
    line-height: 22px;
    top: auto;
    left: auto;
    border-radius: 25px;
    padding:10px;
    margin: auto;
    margin-bottom: 36px;
  }
  .exh-i .n:before {
    background-image: url(../img/exhibitor/wave-sp.svg);
    width: 39px;
    height: 45px;
    right: -21px;
    top: -14px;
  }
  .exh-i .type,
  .exh-i .type.sm {
    font-size: 14px;
    line-height: 16px;
    min-width: 114px;
    top:38px;
    right: 0;
    padding:6px 18px;
  }
  .exh-i .desc {
    padding:0 15px 15px;
  }
  .exh-i .desc figure,
  .exh-i .desc .no-img {
    margin-bottom: 15px;
  }
  .exh-i .c-desc .t {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .exh-i .hope-p {
    width: 92%;
    padding:0;
    margin:auto;
    margin-bottom: 20px;
  }
  .exh-i .hope-p .t {
    font-size: 12px;
    line-height: 16px;
    padding:2px 15px;
    top:0;
    transform: none;
  }
  .exh-i .hope-p .t:before {
    right: -5px;
    border-left: 5px solid #1F3D8A;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
  .exh-i .hope-p .val {
    min-height: auto;
    margin-left: 0;
    padding:26px 15px 15px;
    display: block;
    font-size: 15px;
    line-height: 20px;
  }

  .exh-i .e-info {
    width: 92%;
  }
  .e-info>.row>div:first-child {
    border:none;
  }
  .e-info .tt {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .e-info dl dt {
    font-size: 15px;
    line-height: 24px;
  }


}