@charset "UTF-8";
.tableSet001 {
  border-top: 1px solid #ccc; }
  .column_a01 .tableSet001 {
    margin-bottom: 5em; }
  .tableSet001 th, .tableSet001 td {
    border-bottom: 1px solid #ccc;
    padding: 0.75em;
    font-size: 1em;
    line-height: 1.75; }
  .tableSet001 th {
    width: 12em;
    background: #eee; }
  .tableSet001 td p {
    margin: 0; }
  .tableSet001 td p + p {
    margin-top: .75em; }
  .tableSet001 ul.support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .tableSet001 ul.support li a {
      display: block; }
      .tableSet001 ul.support li a:after {
        content: "、"; }

@media screen and (max-width: 599px) {
  .tableSet001 {
    border-top: none; }
    .tableSet001 th, .tableSet001 td {
      border: 0;
      display: block;
      width: 100%;
      padding: 0.5em;
      font-size: 0.875rem; }
    .tableSet001 th {
      border-radius: 6px;
      text-align: left;
      border-bottom: 0; }
      .tableSet001 th br {
        display: none; }
    .tableSet001 td {
      margin-bottom: 1em; }
    .tableSet001 ul.support {
      display: block;
      list-style-type: disc;
      margin-left: 1.5em; }
      .tableSet001 ul.support li a {
        display: block; }
        .tableSet001 ul.support li a:after {
          content: ""; } }

.member_wrap {
  margin: 0 1em 3em; }
  @media screen and (max-width: 599px) {
    .member_wrap {
      margin: 0 0.5em 2em; } }
  .member_wrap h3 {
    color: #18be18;
    border-bottom: 1px solid #18be18;
    font-size: 1.25em;
    margin: 0 0 1em;
    padding-bottom: 0.25em; }
  .member_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .member_wrap ul li {
      text-align: center;
      margin: 0 0 1.5em;
      padding: 0 1em;
      width: 20%; }
      @media screen and (max-width: 999px) {
        .member_wrap ul li {
          width: 25%; } }
      @media screen and (max-width: 599px) {
        .member_wrap ul li {
          padding: 0 0.5em;
          width: 50%; } }
    .member_wrap ul .portrait {
      margin: 0 auto 0.75em;
      background: #eee;
      border-radius: 6px;
      width: 100%;
      position: relative;
      padding-bottom: 100%;
      padding-top: 0px;
      height: 0;
      overflow: hidden; }
      .member_wrap ul .portrait .ins {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .member_wrap ul .portrait img {
        width: 100%; }
    .member_wrap ul .name {
      margin: 0 0 0.25em; }
    .member_wrap ul .company {
      font-size: 0.825em;
      line-height: 1.3; }

.chairman_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .chairman_wrap > div {
    width: 50%; }
    .chairman_wrap > div li {
      width: 40%; }
      @media screen and (max-width: 999px) {
        .chairman_wrap > div li {
          width: 50%; } }
  @media screen and (max-width: 599px) {
    .chairman_wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .chairman_wrap > div {
        width: auto; } }

.concept_bg {
  margin-top: -50px;
  background-image: url(../images/concept_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0; }
  @media screen and (max-width: 599px) {
    .concept_bg {
      margin-top: -30px; } }

.concept_title {
  padding: 4em 0 3em;
  text-align: center; }
  .concept_title img {
    width: 100%;
    max-width: 750px; }

.concept_summary {
  color: #fff;
  background: rgba(45, 77, 129, 0.5); }
  .concept_summary .set_width {
    padding: 4em 0; }
  .concept_summary h2 {
    font-size: 1.375em;
    line-height: 1.325;
    font-weight: bold;
    margin-bottom: 1.5rem;
    padding-bottom: 0.25em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .concept_summary p {
    font-size: 1.125em;
    line-height: 1.75;
    margin-top: 1em; }
  @media screen and (max-width: 999px) {
    .concept_summary h2 {
      font-size: 1.5em; }
      .concept_summary h2 br {
        display: none; } }

.concept_img {
  margin: 40px auto 0;
  max-width: 900px;
  padding: 4px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  position: relative;
  background: #fff; }

.concept_img img {
  width: 100%; }

.member_wrap {
  margin: 0 1em 3em; }
  @media screen and (max-width: 599px) {
    .member_wrap {
      margin: 0 0.5em 2em; } }
  .member_wrap h3 {
    color: #18be18;
    border-bottom: 1px solid #18be18;
    font-size: 1.25em;
    margin: 0 0 1em;
    padding-bottom: 0.25em; }
  .member_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .member_wrap ul li {
      text-align: center;
      margin: 0 0 1.5em;
      padding: 0 1em;
      width: 20%; }
      @media screen and (max-width: 999px) {
        .member_wrap ul li {
          width: 25%; } }
      @media screen and (max-width: 599px) {
        .member_wrap ul li {
          padding: 0 0.5em;
          width: 50%; } }
    .member_wrap ul .portrait {
      margin: 0 auto 0.75em;
      background: #eee;
      border-radius: 6px;
      width: 100%;
      position: relative;
      padding-bottom: 100%;
      padding-top: 0px;
      height: 0;
      overflow: hidden; }
      .member_wrap ul .portrait .ins {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .member_wrap ul .portrait img {
        width: 100%; }
    .member_wrap ul .name {
      margin: 0 0 0.25em; }
    .member_wrap ul .company {
      font-size: 0.825em;
      line-height: 1.3; }

.chairman_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .chairman_wrap > div {
    width: 50%; }
    .chairman_wrap > div li {
      width: 40%; }
      @media screen and (max-width: 999px) {
        .chairman_wrap > div li {
          width: 50%; } }
  @media screen and (max-width: 599px) {
    .chairman_wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .chairman_wrap > div {
        width: auto; } }

.dlselect_wrap {
  margin: 2em 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .dlselect_wrap .oneSet {
    background: #f6f6f6;
    border: 1px solid #ccc;
    width: calc(50% - 0.75em);
    margin-bottom: 1.5em; }
    @media screen and (max-width: 767px) {
      .dlselect_wrap .oneSet {
        width: 100%;
        margin-bottom: 2em; } }
  .dlselect_wrap .lg {
    padding: 10px; }
  .dlselect_wrap img {
    width: 100%; }
  .dlselect_wrap ul {
    padding: 0.5em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .dlselect_wrap li {
    width: 22.5%; }
  .dlselect_wrap a {
    display: block;
    font-size: 1.125em;
    background: #666;
    color: #fff;
    text-align: center;
    padding: 0.5em 0;
    margin: 0 2px 4px; }
    .dlselect_wrap a:hover {
      opacity: 0.8; }

a.offset {
  pointer-events: none;
  opacity: 0.5; }

/*-----------------------------------------------------
来場登録について（FAQ）
-----------------------------------------------------*/
h2.pgh2_02 {
  color: #09f;
  background: rgba(0, 153, 255, 0.1);
  padding: 0.3125em 0.5em;
  border-top: 2px solid #09f;
  border-bottom: 2px solid #09f;
  font-size: 1.6125em;
  font-weight: bold;
  line-height: 1.25;
  margin: 0 0 1.25em; }

dl.faq_visitors_pre_reg {
  margin: 0 1em 3em; }
  @media screen and (max-width: 599px) {
    dl.faq_visitors_pre_reg {
      margin: 0 0 3em; } }
  dl.faq_visitors_pre_reg > dt, dl.faq_visitors_pre_reg > dd {
    font-size: 1.125em;
    line-height: 1.6;
    position: relative;
    padding-left: 5em; }
  dl.faq_visitors_pre_reg span.mmq, dl.faq_visitors_pre_reg span.mma {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 4em;
    text-align: center;
    color: #fff;
    padding: 0;
    border-radius: 4px;
    font-size: 1em;
    line-height: 1.6;
    font-weight: bold; }
  dl.faq_visitors_pre_reg span.mmq {
    background: #009e41; }
  dl.faq_visitors_pre_reg span.mma {
    background: #bbb; }
  @media screen and (max-width: 599px) {
    dl.faq_visitors_pre_reg > dt, dl.faq_visitors_pre_reg > dd {
      font-size: 1em;
      padding-left: 2.5em; }
    dl.faq_visitors_pre_reg span.mmq, dl.faq_visitors_pre_reg span.mma {
      width: 2em; } }
  dl.faq_visitors_pre_reg > dt {
    margin-bottom: 0.5em;
    color: #009e41;
    font-weight: bold; }
  dl.faq_visitors_pre_reg > dd {
    margin: 0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px dotted #666; }
    dl.faq_visitors_pre_reg > dd:last-child {
      border-bottom: none; }
    dl.faq_visitors_pre_reg > dd p {
      font-size: 1em;
      line-height: 1.6;
      margin-bottom: 0.325em; }
      dl.faq_visitors_pre_reg > dd p:last-child {
        margin-bottom: 0; }
    dl.faq_visitors_pre_reg > dd a {
      color: #009e41;
      font-weight: bold; }
      dl.faq_visitors_pre_reg > dd a:hover {
        opacity: 0.7; }
    dl.faq_visitors_pre_reg > dd .link_ics {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 6px; }
      dl.faq_visitors_pre_reg > dd .link_ics a {
        display: block;
        color: #fff;
        font-weight: normal;
        margin-top: 0.5em;
        background: #009e41;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
        border: 2px solid #fff;
        padding: 0.5em 2em;
        border-radius: 6px; }
      @media screen and (max-width: 599px) {
        dl.faq_visitors_pre_reg > dd .link_ics {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          dl.faq_visitors_pre_reg > dd .link_ics a {
            width: calc(100% - 0.5em);
            padding: 0.75em 0;
            text-align: center; } }
  dl.faq_visitors_pre_reg .l_lead {
    margin-top: 1.25em;
    font-weight: bold; }
  dl.faq_visitors_pre_reg .l_list {
    margin-left: 1.5em;
    font-size: 1rem;
    list-style-type: disc; }
    @media screen and (max-width: 599px) {
      dl.faq_visitors_pre_reg .l_list {
        font-size: 1em; } }
    dl.faq_visitors_pre_reg .l_list li {
      padding: 0.125em 0; }
  dl.faq_visitors_pre_reg .supported_wrap {
    margin: 1em 0 0;
    border: 1px solid #ccc;
    padding: 1em; }
    dl.faq_visitors_pre_reg .supported_wrap > div h3 {
      font-weight: bold;
      font-size: 1em;
      background: #ccc;
      padding: 0.25em 0.75em;
      border-radius: 6px; }
    dl.faq_visitors_pre_reg .supported_wrap > div h4 {
      font-weight: bold;
      margin-top: 0.5em;
      margin-left: 10px;
      font-size: 1em; }
    dl.faq_visitors_pre_reg .supported_wrap > div ul {
      margin-left: 10px; }
      dl.faq_visitors_pre_reg .supported_wrap > div ul li {
        font-size: 0.875em; }
    @media screen and (min-width: 1000px) {
      dl.faq_visitors_pre_reg .supported_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        dl.faq_visitors_pre_reg .supported_wrap > div {
          width: 49%; } }
    @media screen and (max-width: 999px) {
      dl.faq_visitors_pre_reg .supported_wrap .browsers {
        margin-top: 1.5em; } }
    @media screen and (max-width: 599px) {
      dl.faq_visitors_pre_reg .supported_wrap {
        border: 0px solid #ccc;
        padding: 0em; }
        dl.faq_visitors_pre_reg .supported_wrap > div h4, dl.faq_visitors_pre_reg .supported_wrap > div ul {
          margin-left: 5px; } }
  dl.faq_visitors_pre_reg dl.step_guide {
    border-left: 6px solid rgba(0, 169, 157, 0.25);
    padding-left: 1em;
    margin: 1.2em 0;
    font-size: 1rem; }
    dl.faq_visitors_pre_reg dl.step_guide dt {
      float: left;
      width: 4em;
      color: #00a99d;
      font-weight: bold; }
    dl.faq_visitors_pre_reg dl.step_guide dd {
      padding-left: 4.5em;
      margin-bottom: 0.5em;
      padding-bottom: 0.5em;
      border-bottom: 1px solid #ccc; }
      dl.faq_visitors_pre_reg dl.step_guide dd:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; }
      dl.faq_visitors_pre_reg dl.step_guide dd p {
        margin-bottom: 0.325em; }
  dl.faq_visitors_pre_reg h3 {
    font-size: 1.125em;
    font-weight: bold; }
  dl.faq_visitors_pre_reg dl.step_guide + h3 {
    margin-top: 2em; }

dl.faq_visitors_pre_reg dd .stepArea p {
  padding-left: 5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  line-height: 1.6; }

dl.faq_visitors_pre_reg dd .stepArea p:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0; }

dl.faq_visitors_pre_reg dd .stepArea span.num {
  display: block;
  margin-left: -5em;
  float: left;
  width: 5em;
  color: #00a99d;
  font-weight: bold; }

h3.notice {
  margin: -0.25em 0 2em;
  background: #fff;
  border: 1px solid #e33;
  color: #e33;
  font-weight: normal;
  font-size: 1.25em;
  padding: 0.5em 1em;
  border-radius: 6px; }

.intro {
  font-size: 1em;
  line-height: 1.5; }

.jfd {
  margin-top: 1em;
  margin-bottom: 3em;
  text-align: right; }

ul.ms_list {
  margin: 1.5em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  ul.ms_list li {
    width: 33.33%; }
    @media screen and (max-width: 999px) {
      ul.ms_list li {
        width: 50%; } }
    @media screen and (max-width: 349px) {
      ul.ms_list li {
        width: 100%; } }
  ul.ms_list a {
    display: block;
    font-size: 1.125em;
    line-height: 1.3125;
    padding: 0.5em 0;
    text-decoration: underline; }
    ul.ms_list a:before {
      display: none;
      content: "\f0a9";
      font-family: "Font Awesome 5 Solid"; }
    ul.ms_list a:hover {
      text-decoration: none; }
    @media screen and (max-width: 999px) {
      ul.ms_list a {
        font-size: 1em; } }

ul.ms_data li {
  margin: 6em 0;
  margin-top: -90px;
  padding-top: 90px; }
  ul.ms_data li h2 {
    border-top: 1px solid #666;
    padding-top: 0.5em;
    font-size: 1.75em;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    ul.ms_data li h2 span.url {
      display: block;
      font-size: 1rem; }
  ul.ms_data li img {
    width: 100%; }
  ul.ms_data li .com_wrap {
    margin-top: 1.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  ul.ms_data li .com_site {
    width: 20%;
    text-align: center; }
    ul.ms_data li .com_site img {
      border: 1px solid #ccc; }
  ul.ms_data li .com_data {
    margin: 0 2em;
    width: 22.5%; }
    ul.ms_data li .com_data .logo {
      margin-bottom: 1em;
      text-align: center;
      padding: 0 2em;
      border: 1px solid #ccc;
      overflow: hidden; }
    ul.ms_data li .com_data p {
      font-size: 0.9375em;
      line-height: 1.35;
      margin-top: 0.25em;
      word-break: break-all; }
      ul.ms_data li .com_data p.name {
        font-size: 1.125em;
        font-weight: bold;
        margin-bottom: 0.25em; }
      ul.ms_data li .com_data p.address {
        line-height: 1.5; }
      ul.ms_data li .com_data p.ad {
        margin-top: 0.5em; }
  ul.ms_data li .com_txt {
    margin-left: 1em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    ul.ms_data li .com_txt p {
      font-size: 1em;
      line-height: 1.75; }
  @media screen and (max-width: 999px) {
    ul.ms_data li .com_wrap {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    ul.ms_data li .com_site,
    ul.ms_data li .com_data {
      width: 40%;
      margin: 0 2% 1em; }
    ul.ms_data li .com_txt {
      width: 100%;
      margin: 0;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none; } }
  @media screen and (max-width: 599px) {
    ul.ms_data li h2 {
      font-size: 2em;
      padding-top: 0.3125em; }
    ul.ms_data li .com_wrap {
      margin-top: 1.25em;
      padding: 0 0.5em; }
      ul.ms_data li .com_wrap > div {
        width: 100%;
        margin: 0 0 1.25em; }
    ul.ms_data li .com_site,
    ul.ms_data li .com_data .logo {
      margin-right: auto;
      margin-left: auto;
      max-width: 200px;
      margin-bottom: 1.25em; } }