@charset "UTF-8";
.capability_icon-button {
		float: none;
}
.sectionGrid_01{
	display:grid;
	grid-template-columns:47% 47%;
	grid-template-areas:
		"area1 area2"
		"area1 area3"
		"area1 area4";
	justify-content:space-around;
	margin-bottom:30px;
	grid-template-rows: max-content max-content 1fr ;
}
.gridOrder > section:nth-of-type(2n){
	grid-template-areas:
		"area2 area1"
		"area3 area1"
		"area4 area1";
}
.sectionGrid_01 > img{
	display:block;
	grid-area:area1;
}
.sectionGrid_01 > h4{
	grid-area:area2;
}
.sectionGrid_01 > p{
	grid-area:area3;
	margin-bottom:20px;
}
.sectionGrid_01 > div{
	grid-area:area4;
}
.capability_icon-button{
	width:100%;
}
.summary {
	color: #367DDD;
	font-weight: bold;
	margin-bottom: 1em;
	display: block;
}
.button04 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 250px;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #2285b1;
	position:relative;
  color: #2285b1;
}
.button04::after {
  content: '';
  width: 10px;
	display:inline-block;
  height: 10px;
  border-top: 3px solid #2285b1;
  border-right: 3px solid #2285b1;
  transform: rotate(45deg);
	position:absolute;
	right:40px;
}
.button04:hover {
  text-decoration: none;
  background-color: #a0c4d3;
	color:#fff;
	cursor:pointer;
}
.button04:hover::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.button04 > a{
  color:unset;
}
@media screen and (max-width:768px){
	.gridOrder{
		width:100%;
		margin:0;
	}
	.sectionGrid_01{
		display:flex;
		flex-wrap:wrap;
		justify-content:unset;
		padding:0 4.5%;
		margin-bottom:15px;
	}
	.gridOrder > section:nth-of-type(2n){
		background:#eaeaea;
		padding:15px 4.5% 10px;
	}
	.sectionGrid_01 > img,
	.sectionGrid_02 > img{
		order:3;
		margin-inline:auto;
		width:75%;
		padding-bottom:15px;
	}
	.sectionGrid_01 > h4,
	.sectionGrid_02 > h4{
		order:1;
	}
	.sectionGrid_01 > p,
	.sectionGrid_02 > p{
		order:2;
		margin-bottom:15px;
	}
	.sectionGrid_01 > div{
		order:4;
	}
	.button03{
		border-radius:6px;
		border:1px solid #367DDB;
		display:block;
		cursor:pointer;
		color:#367DDB;
		background:#fff;
		font-family:Arial;
		font-size:14px;
		padding:6px 15px;
		text-decoration:none;
		margin:0;
		position:relative;
		width:100%;
		margin-inline:auto;
	}
	.button03::after{
		content: "∨";
		position: absolute;
		right: 15px;
		transform: scale(1.2, 0.6);
	}
	.button03.active{
		border-radius:6px 6px 0 0;
		border-top:1px solid #367DDB;
		border-right:1px solid #367DDB;
		border-left:1px solid #367DDB;
		border-bottom:none;
		font-weight:bold;
		background:#367DDB;
		color:#fff;
	}
	.button03.active::after{
		content: "∧";
	}
	.capability_icon-button > .txt-sentence{
		border:1px solid #367DDB;
		padding:15px;
		border-radius: 0 0 6px 6px;
		background:#fff;
	}
	.button04 {
		margin: 0.5em auto 0;
		padding: 0.5em 1em;
		width: 100%;
		font-size: 4vw;
		border: 1px solid #2285b1;
		border-radius:5px;
	}
}