@charset "utf-8";
.activity01{
    font-family: 'Noto Serif JP', serif;
}
.page_nav01 li{
	width: 360px;
}
.experience_list01 li .image{
	width: 100%;
	aspect-ratio: 108 / 49;
}
.experience_list01 li .box .sub_image{
	width: calc(260px + 260px + 10px);
}
.experience_list01 li .box .sub_image div{
	width: 260px;
	aspect-ratio: 1 / 1;
}
.experience_list01 li .box .text{
	width: calc(100% - 260px - 260px - 10px - 32px);
}
.activity_list li{
	width: calc(33% - 10px);
}
.activity_list li .image{
	aspect-ratio: 525 / 525;
}
.button01 {
	background-color: #294678;
	color: #fff;
	padding: 20px 60px;
	text-decoration: none;
	font-size: 1em;
}

.button01:hover {
		color: #fff;
		opacity: 0.8;
	}
.contact_text {
	text-align: center !important;
	display: block !important;
	width: auto !important;
	margin: 0 auto !important;
}
/*************追加分20250728*********/
.br560{
    display: none !important;
}
h3{
    font-size: 1.5em;
    font-weight: bolder;
}
.large, .large02{
    font-size: 2.6em;
    font-weight: bolder;
}
.pp{
    letter-spacing: -0.01em;
    font-size: 0.9em;
}
.box2{
    max-width: 80%;
    margin: 0 auto;
}
.flex{
  display:flex;
  width:100%;
  margin:0;
} 
.flex>div{
  max-width: 500px !important;
  width:48% !important;
  margin:0 1%;
}
p.mt24.fadein.active {
  text-align: center;
}

    /*************追加分*********/


@media only screen and (max-width: 540px) {
	.experience_list01 li .image{
		aspect-ratio: 3 / 2;
	}
	.experience_list01 li .box{
		margin-top: 8px;
	}
	.experience_list01 li .box .sub_image div{
		width: calc(50% - 4px);
	}
	.experience_list01 li .box .text{
		width: 100%;
		margin-top: 24px;
	}
	.activity_list li{
		width: 100%;
	}
	.button01 {
		background-color: #294678;
		color: #fff;
		padding: 20px 60px;
		text-decoration: none;
		font-size: 1em;
	}

		.button01:hover {
			color: #fff;
			opacity: 0.8;
		}

/*************追加分ここから*********/
.br560{
    display: block !important;
}
.large02{
    font-size: 1.5em;
    margin-bottom: 30px;
}
.box002{
    margin-top: 50px !important;
}
.flex{
  display:block !important;
  width:98%;
  margin:0 auto;
} 
.flex>div{
  max-width: 540px !important;
  width:98% !important;
  margin:0 1%;
}

/*************追加分ここまで*********/
}
/*@media screen and (max-width: 540px) {
  .container1080.mt64.fadein.active {
    display: block !important;
    text-align: center;
  }
}