@charset "UTF-8";

/* ===================================
	File Name   : module.css
	Description : Exhibitor Contents CSS
	Editor      : Bface Saeki
	Last Editor : Bface Chiba
	
	Update Description :
	[2021/12/24] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Share Elements
	2. Index page Setting


====================================== */



/*===== ■1. Share Elements =====*/

/*===== ■2. Index page Setting =====*/
#achievement ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#achievement ul:after {
  content: "";
  display: block;
  width: 50%;
}

#achievement li{
  text-align: center;
  margin-bottom: 20px;
}

#achievement .brochure li{
  width: calc(12% - 10px);
  margin: 0 5px 20px;
}


#achievement .brochure img{
  border: 1px solid #ededed;
}

#achievement .photo::after{
  content: "";
  display: block;
  width: calc(40% - 20px);
}

#achievement .photo li{
  width: calc(20% - 10px);
}

#achievement figcaption{
  font-weight: bold;
  margin-top: 5px;
}

@media (max-width: 768px){
  #achievement li{
    margin-bottom: 5.33vw;
  }
  
  #achievement .brochure li{
    width: calc(30% - 1.33vw);
    margin: 0 1.33vw 5.33vw;
  }
  
  #achievement .brochure::after{
    content: "";
    display: block;
    width: calc(30% + 1.33vw);
  }
  
  #achievement .brochure img{
    border: 0.266vw solid #ededed;
  }

  #achievement .photo li{
    width: calc(50% - 10px);
  }

  #achievement figcaption{
    margin-top: 1.33vw;
  }
  
}

/*===== 3. Section [about_outline]  =====*/
#about_outline {
  margin-bottom: 90px;
  position: relative;
}

#about_outline::before {
  position: absolute;
  bottom: calc(-30px);
  right: 0vw;
  z-index: -1;
  width: 87.5vw;
  height: calc(100% - 30px);
  background: rgba(170,170,170,.25);
  content: "";
}

@media (max-width: 1024px) {
  #toabout_outlinep_outline::before {
    bottom: calc(-40px);
    height: calc(100% - 60px);
  }
}

@media (max-width: 768px) {
  #about_outline { margin: 0 2.67vw 10.67vw;}

  #about_outline::before {
    bottom: -2.67vw;
    right: -2.67vw;
    width: calc(87.5vw + 2.67vw);
    height: calc(100% - 10.67vw);
  }
}