body {
  width:100%;
}

@media only screen and (max-width: 640px) {
  .sp_none {display:none;}
}

@media only screen and (min-width: 640px) , print {
  .pc_none {display:none;}
}

@media only screen and (min-width: 768px) , print {
body {  font-size:1.1em;}
}

h2 {text-align:center;}

.contents {
  font-size:1.4em;
  font-weight:normal;
  color: #313131;
}

.wrapper {
  width:100%;
  overflow:hidden;
}

.comingsoon_txt {
  font-size:1.2em;
  text-align:center;
  padding-bottom:100px;
}


/*受付時間表示の調整ここから*/
.event-lp__summary-data-text.manual {
  text-align:center;
}

.event-lp__summary-data-text.manual:first-line {
  font-size:1.1em;
}

.event-lp__summary-data-text.manual span {
  font-size:0.9em;
}
/*受付時間表示の調整ここまで*/


/***************************************/
/*-------------infection---------------*/
/***************************************/

.infection {
  padding-bottom:50px;
}

.infection img {
  margin-bottom:10px;
}

.infection a {
  color: #19a4b9;
  text-decoration:underline;
}

.infection a:hover {
  opacity: 0.75;
}

@media only screen and (max-width: 768px) {
  .infection {
    margin-bottom:80px;
  }

  .infection p {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) , print {
  .infection {
    width:1000px;
    margin:0 auto 80px;
  }

  .infection p {
    text-align: center;
  }
}

/***************************************/
/*----------------lead-----------------*/
/***************************************/

.lead {
  width:90%;
  margin:0 auto 30px;
}

.lead h3 {
  width:90%;
  margin:0 auto 20px;
}

.lead h3 img {
  width:100%;
}

.lead p {
  font-weight:bold;
  font-size:1.2em;
  text-align:center;
  margin-bottom:20px;
}

.lead p span {
  background: linear-gradient(transparent 60%, #FFEB3B 0%);
}

@media only screen and (min-width: 768px) , print {

.lead {
  width:1000px;
  margin:10px auto 120px;
}

.lead h3 {
  width:600px;
}



}

.arrow{
  width: 30px;
  height: 30px;
  border: 5px solid;
  margin:20px auto;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);
}

/***************************************/
/*---------------point-----------------*/
/***************************************/

.point_wrap {
  padding-bottom:20px;
  margin-bottom:80px;
}

.point {
  width:90%;
  margin:10px auto;
}

.point ul {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  -o-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:10px;
}

/*.point ul li {
  width:48%;
  margin-bottom:10px;
}

.point ul li img {
  width:100%;
}
*/

.point ul li {
  width: 100%;
  margin-bottom:20px;
  border-radius:10px;
  background-color:#fff;
  border: #E53935 solid 4px;
  padding:24px 16px;
}

.point ul li {
  line-height:1.4;
  text-align:center;
}

.point ul li span {
  display:block;
  font-size:1.3em;
  line-height:1.4;
  color: #E53935;
  font-weight:bold;
  margin-bottom:10px;
  text-align:center;
}

.point ul li span.notice {
  font-size: 0.9em;
  vertical-align: top;
  color: #000;
  display:inline;
  font-weight:normal;
}

.point ul li.point_top {
  background-color:#E53935;
  color: #fff;
  font-size:2.0em;
  text-align:center;
  line-height:1.2;
  font-weight:bold;
  padding-top:30px;
}

.point ul li.point_top span {
  font-size:0.7em;
  margin-bottom:6px;
  color: #fff;
}

.point p {
  font-size:0.9em;
  text-align:right;
}



@media only screen and (min-width: 768px) , print {

.point {
  max-width:900px;
}

.point ul li {
  width:32%;
  text-align:left;
}

.point ul li span br {
  display:inline;
}

.point ul li br {
  display:none;
}

}


/***************************************/
/*--------------company----------------*/
/***************************************/

.company {
  background-color:#fff;
  margin-bottom:40px;
  padding-top:50px;
  padding-bottom:50px;
}

.company ul {
  width:60%;
  margin:0 auto 30px;
}

.company ul li {
  font-size:1.2em;
  text-align:center;
  margin-bottom:6px;
}

.company ul li a {
  color: #039BE5;
  text-decoration:underline;
}

.company ul li a:hover {
  color: #4FC3F7;
  text-decoration:none;
}

.company p {
  width:90%;
  margin:10px auto;
  text-align:center;
}

@media only screen and (min-width: 768px) , print {

.company {
  margin-bottom:140px;
}

}



/***************************************/
/*--------------fair_site----------------*/
/***************************************/

.fair_site {
  margin-bottom:50px;
  padding-bottom:50px;
}

.fair_site h2 {
  text-align:center;
}

.fair_site .link {
  width:80%;
  font-size:1.4em;
  text-align:center;
  margin:30px auto;
}

.fair_site .link a {
  display:block;
  color: #fff;
  background-color:#E53935;
  font-weight:bold;
  padding:20px 10px;
  border-radius:8px;
}

.fair_site .link a:hover {
  text-decoration:none;
  opacity: 0.75;
}

.fair_site p {
  text-align:center;
  margin-bottom:50px;
}

@media only screen and (min-width: 768px) , print {

.fair_site .link {
  width:400px;
}

}



/*comingsoon*/
.cs {display:none !important;}

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

.event-lp__summary-res-button.-res:before {
  left:-100px;
}

.event-lp__summary-res-button.-res {
  width:80%;
  margin:0 auto;
}

.event-lp__summary-title {
  font-size:2.3em;
}

.js-summary-target-year,
.js-summary-target-year-text {
  font-size:0.8em;
}

.event-lp__summary-data-text {
  text-align:center;
}

}

.event-lp__summary-place-text {
  text-align:center;
}

.event-lp__summary-bus-value-link:before,
.event-lp__summary-place-map:before {
  content: none;
}

.event-lp__summary-title {
  line-height:1.4;
  margin-bottom:40px;
}

@media only screen and (min-width: 768px) , print {
.event-lp__summary-res-button.-res {
  width:500px;
  margin:0 auto;
}

/*.event-lp__summary-data-text br {
  display:none;
}*/

}

.event-lp__summary-companylist-list {
  margin-top:30px;
  justify-content:center;
}

.event-lp__summary-companylist-list a {
  color: #039BE5;
  text-decoration:underline;
}

.event-lp__summary-companylist-list a:hover {
  color: #4FC3F7;
  text-decoration:none;
}


.box-links {
  justify-content:center;
}

.box-links a {
  width:100%;
  font-size:1.4em;
}


@media only screen and (min-width: 640px) , print {

.event-lp__summary-res-button.-res:before {
  left:-130px;
}


}