.header h1 {
  width: 400px;
}

.brand-logo {
  width:34%;
}

.requirement-infos {
    display:grid;
    grid-template-columns: repeat(6,1fr);
    gap: 15px 20px;
    margin-top: 20px;
}

.pdf-btn {
    border-radius: 10px;
    text-align: center;
    border: 1px solid black;
    padding: 5px;
}

@media screen and (max-width: 1050px) {
  .header h1 {
    width: 380px;
  }
}

@media screen and (max-width: 950px) {
  .header h1 {
    width: 360px;
  }
}

@media screen and (max-width: 900px) {
  .header h1 {
    width: 340px;
  }
}

@media screen and (max-width: 800px) {
  .header h1 {
    width: 330px;
  }
}

@media screen and (max-width: 767px) {
  .header h1 {
    width: 200px;
    height: auto;
    float: left;
  }
}


.text-red{color:#cc0000;}
		small, .small{font-size:85%;}
		dl.tokuten dt{font-weight: bold;}
		.info01 h2 .eventTitleText01 {
				background: rgb(0 38 102);
		}
		.info01 {
				background-color: #fbfbfb;
		}
		.info01 .eventBtnArea01 li {
				background: #004b80;
		}
		.eventPage01 {
				background-image: none;
		}
    .eventPage01 h3{
      font-size:125%;
      font-weight:bold;
    }
  .eventBtnArea01 a {
    padding: 12px 30px;
    }
  .strong{font-weight: bold;}
@media screen and (max-width: 500px){
.eventCopy01 {
    font-size: 16px;
}

.requirement-infos {

    grid-template-columns: repeat(2,1fr);
  
}

}
/* Google Mapを囲う要素 */
		.map {
			position: relative;
			width: 100%;
			height: 0;
			padding-top: 75%; /* 比率を4:3に固定 */
		}

		/* Google Mapのiframe */
		.map iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}