@font-face{ 
  font-family: 'mplus-1c-light';
  src: url('../fonts/mplus-1c-light.eot');
  src: url('../fonts/mplus-1c-light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/mplus-1c-light.woff') format('woff'),
       url('../fonts/mplus-1c-light.ttf') format('truetype');
}
*{
  margin: 0;
  padding: 0;
  font-family: "mplus-1c-light";
}
p{
  font-family: "mplus-1c-light";
}
img{
  width: 100%;
}
/*全体*/
.container-fluid{
  width: 100%;
}

.logo{
  text-align: center;
  padding: 4%;
}

.twitter img{
  max-width: 10%;
  width: 80%;
}

.followImg{
  text-align: center;
}
.followTitle{
  width:8%;
}
.followImg img{
  width: 40%;
}

.mainText{
  width: 80%;
  margin: 0 10%;
}

.workText p{
  width: 80%;
  margin: 0 10%;
}

.contactText p {
  width: 70%;
  margin: 0 15%;
  margin-top: 3%;
  margin-left: 25%;
}
.contact img{
  width: 70%;
  margin: 0 15%;
  margin-top: 4%;
}
.contactImg img{
  width: 80%;
  margin: 3% 10%;
}

#map{
  width: 100%;
  height: 400px;
}
.relatedEventsText img{
  width: 50%;
  margin: 0 25%;
}

.eventText{
  width: 50%;
  margin: 0 25%;
  margin-bottom: 20%;
}
.eventText h2{
  font-size: 130%;
  margin-top: 15%;
  font-weight:700;
}
.youM{
  color: #999999;
}
.colorBlue{
  color: #0000FF;
  text-decoration: underline;
}

.downloadImg img{
  width: 60%;
  margin: 0.5% 20%;
}

.downloadText {
  margin-top: 17pt;
  text-align: center;
  width: 60%;
  margin: 0.5% 20%;
}
.downloadText p{
  font-size: 110%;
  color: #666666;
}
.downloadText p.just{
  
}

.pageTop img{
  width: 11.2%;
  margin-top: 20%;
}

.about{
  margin-top: 15%;
}

.work{
  margin-top: 2%;
}

.workText{
  margin-top: 13%;
}
.down{
  max-width: 16%;
}
footer{
  text-align: center;
}
footer img{
  width: 30%;
}

.bx-wrapper {
  margin:0;
  border: 0px solid #fff;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc; 
}
.bx-wrapper .bx-prev {
  margin-left: 30%;
}
.bx-wrapper .bx-next {
  margin-right: 30%;
}
.bx-wrapper .bx-pager .bx-pager-item {
  display: none;
}

.imageSlide li img{
  position: absolute;
  top: 0;
}
/*SP　PC　画像切り替え*/
.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width:750px) { 
  .container{
    width: 100%;
    background-color: white
  }
  .logo img{
    max-width: 40%;
  }
  
  .twitter img{
    max-width: 40%;
  }

  .followTitle{
    width:17%;
  }
  
  .followImg img{
    width: 60%;
  }
  .relatedEvents img{
    width: 60%;
    max-width: 60%;
  }
  .relatedEventsText img{
    width: 90%;
    margin: 0 5%;
  }

  .eventText{
    width: 90%;
    margin: 0 5%;
    margin-bottom: 20%;
  }
  
  .eventText h2{
    font-size: 100%;

  }
  .download img{
    width: 45%;
  }

  .downloadImg img{
    width: 90%;
    margin: 0.5% 5%;
  }

  .downloadText{
    width: 90%;
    margin: 0.5% 5%;
  }
  .downloadText p{
    font-size: 100%;
  }

  .contactImg img{
    width: 90%;
    margin: 3% 5%;
  }

  .contactText p {
    font-size: 9.5pt;
    width: 90%;
    margin: 0 5%;
    margin-top: 3%;
  }

  .pageTop img{
    width: 16.2%;
  }

  footer img{
    width: 50%;
  }
  img.down{
    max-width: 37%;
  }

  .bx-wrapper .bx-prev {
    margin-left: initial;
  }
  .bx-wrapper .bx-next {
    margin-right: initial;
  }
  /*SP　PC　画像切り替え*/
  .pc { display: none !important; }
  .sp { display: block !important; }
}
@media screen and (min-width:751px){ 
  .container{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background-color: white
  }
  .logo img{
    max-width: 21.5%;
  }
  .relatedEvents img{
    max-width: 27%;
  }
  img.down{
    max-width: 16%;
  }
}
@media screen and (min-width:950px){
  .container{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background-color: white
  }
}
@media screen and (min-width:1200px){
}