@charset "UTF-8";
.beams-anaWrap {
width: 100%;
max-width: 1020px;
margin: 0 auto;
}
.beams-anaWrap a {
display: block;
}
.beams-anaWrap img {
vertical-align: top;
}
.ichioshiBlock {
text-align: center;
}
.block-separat:last-child {
display: none;
}
h1 {
margin-top: 0;
}
h2 {
background-color: initial;
}
.spOnly{
display: none;
}
.sp-content {
display: none;
}
.mb90{
margin-bottom: 90px !important;
}
.mb140{
margin-bottom: 140px !important;
}

/* wrap */
.beams-anaWrap {
width:100%;
max-width:1010px;
margin: 0 auto;
box-sizing: border-box;
}
.beams-anaWrap img {
vertical-align:top;
}
.beams-anaWrap h2 {
margin-top: 100px;
margin-bottom: 40px;
}
/* navBlockA01 */
.navBlockA01{
margin-top: 30px;
}
.navBlockA01 ul{
display: flex;
gap: 25px;
}
/* itemLineupBlock */
.comingSoon{
text-align: center;
}
.itemImg{
margin-top: 45px;
}
/* conceptBlock */
.conceptBlock{
margin-top: 110px;
padding: 100px 80px;
background: url(/contents/0018/img/event/beams-ana/beams-ana_bg_001_260817.jpg) no-repeat;
background-size: contain;
}
.conceptBlock h2{
margin: 0;
}
.conceptBlock h3{
margin-top: 60px;
}
.conceptBlock p{
margin-top: 40px;
font-size: 16px;
line-height: 1.5;
}
.conceptBlock .conceptImg{
margin-top: 34px;
}
/* designerBlock */
.designerBlock{
margin-top: 100px;
padding: 100px 80px;
background: url(/contents/0018/img/event/beams-ana/beams-ana_bg_002_260817.jpg) no-repeat;
background-size: contain;
}
.designerBlock h2{
margin: 0;
}
.designerBlock h3{
margin-top: 60px;
}
.designerBlock .designerProfile{
display: flex;
margin-top: 40px;
gap: 40px;
}
.designerBlock .lineBlock{
margin-top: 40px;
border-top: 1px solid #ccc;
}
.designerBlock .designerProfile p{
font-size: 16px;
line-height: 1.5;
margin-top: 30px;
}
.designerBlock .designerTxt{
max-width: 590px;
}
/* imgBlock */
.imgBlock{
text-align: center;
margin-top: 50px;
}
/* ttlBlockA01 */
.ttlBlockA01{
margin-top: 100px;
margin-bottom: 40px;
}
/* bannerWrap */
.bannerWrap {
  margin: 30px auto;
}
.titleBlock-h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}
.bannerList {
  margin-top: 30px;
  margin-inline: auto;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}
.bannerWrap .bannerItem img {
  width: 100%;
}
.col3-286_286 .bannerList {
  width: 600px;
  --gap: 20px;
  gap: var(--gap);
}
.col3-286_286 .bannerItem {
  width: calc((100% / 3) - var(--gap) * 2 / 3);
}
.col4-286_286 .bannerList,.col5-286_286 .bannerList {
  max-width: 1010px;
  --gap: 20px;
  gap: var(--gap);
}
.col4-286_286 .bannerItem {
  width: calc(25% - var(--gap) * 3 / 4);
}
.col5-286_286 .bannerItem {
  width: calc(20% - var(--gap) * 4 / 5);
}
.noteBox {
  margin-top: 30px;
  margin-inline: auto;
  max-width: 1010px;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.3px;
}
.noteBox.gray {
  margin-top: 30px;
  margin-inline: auto;
  padding: 1em;
  max-width: 1010px;
  background-color: #e3e5ed;
}
.noteBox.gray .noteText {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.3px;
  line-height: 1.3;
  font-size: 14px;
  font-weight: bold;
}
