@charset "UTF-8";

.page_ttl {
  width: min(100%, 1600px);
  margin-inline: auto;
  container-type: inline-size;
  margin-block: 0 30px;
  position: relative;
  overflow: hidden;
}
.page_ttl:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background-color: rgba(19, 44, 170, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}
.page_ttl > img {
  display: block;
  aspect-ratio: 1600 / 390;
  object-fit: cover;
  object-position: 50% 100%;
}
.page_ttl h1 {
  display: block;
  width: calc(490 / 1600 *100cqi);
  aspect-ratio: 490 / 103;
  position: absolute;
  top: calc(144 / 1600 *100cqi);
  left: calc(290 / 1600 *100cqi);
  z-index: 2;
}

@media screen and (max-width: 600px) {

  .page_ttl:after {
    content: none;
  }
  .page_ttl > img {
    aspect-ratio: auto;
  }
  .page_ttl h1 {
    aspect-ratio: auto;
    position: relative;
    background-color: #132caa;
    padding: 20px;
    width: 100%;
    inset: 0;
  }

}/* SPこまで */


.page_main {
  width: min(100% - 32px, 900px);
  margin-inline: auto;
  padding-bottom: 60px;
}

.page-header {
  margin: 60px;
}
.page-header h1 {
  font-size: 32px;
  text-align: center;
}
.page-header p {
  font-size: 18px;
  text-align: center;
}

.page_main h2 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.25;
  margin-block: 2lh 1lh;
}
.page_main p {
  font-size: 16px;
  line-height: 1.75;
  margin-block: 0;
}

.page_main p +  p,
.page_main ul +  p {
  margin-top: 1em;
}

.list-01 {
  list-style-type: none;
  font-size: 16px;
  line-height: 1.75;
}
.list-01 > li {
  margin-block: 0;
}
.list-01 > li + li {
  margin-top: 0.5em;
}

.list-02 {
  list-style-type: disc;
  font-size: 16px;
  line-height: 1.75;
  margin-left: 1.5em;
}
.list-02 > li {
  margin-block: 0;
}

/**************************************************************
共通
**************************************************************/


@media print,all and (min-width: 641px) {

	.info_ttl{
		width: 100%;
		max-width: 1600px;
		height: 390px;
		margin: 0 auto 80px;
		background-image: url(./img/info_bg_title.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
	}

	.info_ttl img.mv{
		display: none;
	}

	.info_ttl h1{
		width: 50%;
		height: 390px;
		padding: 0 20px;
		background-color: rgba(19, 44, 170, 0.6);
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		box-sizing: border-box;
	}

	.info_ttl h1 img{
		width: 100%;
		max-width: 490px;
	}

	h2 {
		font-size: 1.8rem;
	}

}



@media screen and (max-width: 640px) {

	.info_ttl{
		background-color: #132caa;
	}

	.info_ttl h1{
		padding: 20px;
	}

	h2 {
		font-size: 1.8rem;
	}

}