@charset "UTF-8";

.area1050 {
	max-width: 1050px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.whatChange img {
		width: 100%;
	}
}


#out h2 {
	padding: 12px 10px 8px;
	font-size: 28px;
}
#out .outInner {
	padding: 40px;
}
#out .c-heading3--line {
	margin-bottom: 20px;
	font-size: 20px;
}
@media screen and (max-width: 1050px) {
	#out .outInner {
		padding: 40px 20px;
	}
}
@media screen and (max-width: 768px) {
	#out h2 {
		font-size: 18px;
	}
	#out .outInner {
		padding: 30px 15px;
	}
}

.outImage {
	margin-bottom: 50px;
	justify-content: space-between;
	align-items: center;
	gap: 0 1%;
}
.outImage dl {
	width: 37%;
}
.outImage dl dt {
	padding: 12px 20px 14px;
	font-size: 20px;
}
.outImage dl dd {
	padding: 30px 20px;
}
.outImage > div {
	text-align: center;
}
.outImage > div p {
	font-size: 14px;
}
.outImage > div strong {
	color: #004A90;
}
.outImage img {
	margin: 10px 0 0;
	display: inline;
}
.outImage table {
	width: 42%;
}
.outImage table tbody th {
	padding: 10px 20px 7px;
	font-size: 20px;
}
.outImage table tbody td {
	padding: 35px 15px;
	font-size: 18px;
}
@media screen and (max-width: 768px) {
	.outImage {
		display: flex;
		margin-bottom: 40px;
		flex-direction: column;
		gap: 20px 0;
	}
	.outImage dl {
		margin-bottom: 0;
		width: 100%;
	}
	.outImage dl dt {
		font-size: 18px;
	}
	.outImage > div p {
		font-size: 16px;
	}
	.outImage img {
		width: 80px;
	}
	.outImage table {
		width: 100%;
	}
	.outImage table tbody th {
		font-size: 18px;
	}
	.outImage table tbody td {
		font-size: 16px;
	}
}

@media screen and (min-width: 769px) {
	#out ol {
		justify-content: space-between;
	}
	#out ol li {
		width: 18.8%;
		margin: 0;
		box-sizing: border-box;
		padding: 20px 15px;
	}
	#out ol li:after {
		top: 0;
		right: -12px;
		bottom: 0;
		width: 0;
		height: 0;
		border-left: 12px solid #004a90;
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
		background: none;
	}
	#out ol li:last-child:after {
		display: none;
	}
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	#out ol li br {
		display: none;
	}
}
@media screen and (max-width: 768px) {
}

.detail dl dd {
	text-align: center;
	font-size: 18px;
}