@charset "UTF-8";
.contents_inner.app{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:40px;
}
.contents_inner.app dl{
	background-color:#ffffff;
	padding:2em;
	text-align:center;
}
.contents_inner.app dl dt{
	font-family: 'M PLUS 1p', sans-serif;
	color:#0058A5;
	font-weight:500;
	font-size:1.2em;
	text-align:center;
}
.contents_inner.app dl dd{
	font-family: 'M PLUS 1p', sans-serif;
	font-size:1.6rem;
	margin-top:0.7em;
}
.contents_inner.app dl dd img{
	width:20%;
	margin:2em;
}

.app_button a.more{
	border:solid 3px #0058A5;
	border-radius:50px;	
	padding:3px 10px 5px 15px;
	display:inline;
	transition:.5s;
	background-color:#0058A5;
}
.app_button a:hover.more{
	border:solid 3px #0058A5;
	background-color:#ffffff;
}
.app_button .more span{
	font-family: 'Lato', sans-serif;
	color:#ffffff;
	font-size:1.5rem;
	transition:.5s;
	font-weight:600;
}
.app_button .more .svg-inline--fa {
	font-size:1.3rem;
	padding-left:0.5em;
	color:#ffffff;
	transition:.5s;
}
.app_button a:hover.more span,.app_button a:hover.more .svg-inline--fa {
	color:#0058A5;
}

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

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

}

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

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

@media screen and (max-width:640px){
	.contents_inner.app{
		grid-template-columns:1fr;
		grid-column-gap:inherit;
		grid-row-gap:20px;
	}
	.contents_inner.app dl{
		background-color:#ffffff;
		padding:2em;
	}
	.contents_inner.app dl dt{
		font-size:1.8rem;
	}
	.contents_inner.app dl dd{
		font-size:1.4rem;
	}
	.contents_inner.app dl dd img{
		width:15%;
		margin:1em 0 1.5em;
	}
}

@media screen and (max-width:480px){
}
	
@media screen and (max-width:360px){
}