@charset "UTF-8";

.titlearea {
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #cce0f0;
}
.titlearea h1.h1title1 {
  font-size: 32px;
  font-weight: 700;
  color: #0066b4;
  padding-left: 0.5em;
  letter-spacing: 0.5em;
}
.e-publicnotice .inner{
	max-width: 1100px;
    padding: 0 50px;
}
.cont1 .sec {
  margin-top: 50px;
}
.cont1 .sec dl{
	display: flex;
	margin-bottom: 15px;
	gap: 20px;
}

@media screen and (max-width: 1099px) {
	.cont1 .sec dl {
    margin-bottom: 2em;
  }}

@media screen and (max-width: 767px) {
	.e-publicnotice .inner{
    width: 100%;
    padding: 0 25px;
  }

	.titlearea {
		height: 25vw;
		margin-bottom: 5vw;
	}
	.titlearea h1.h1title1 {
		font-size: 6vw;
	}
	.cont1 .sec {
		margin-top: 10vw;
	}
	.cont1 .sec dl{
		flex-direction: column;
		gap: 0;
	}
}