#footerTVer{
display: inline-block;
margin: 30px auto 0;
min-height: 280px;
width: 100%;
}
#footerTVer a{
text-decoration: none!important;
}
#footerTVer > div:nth-child(1){
display: flex;
margin: 0 auto;
text-align: left;
width: 1300px;
}
#footerTVer > div:nth-child(1) p:nth-child(1){
background: linear-gradient(0deg, #005fb7 0%, #42bfc3 100%);
color: transparent;-webkit-text-fill-color: transparent;text-fill-color: transparent;
-webkit-background-clip: text;background-clip: text;
font-size: min(1.8em, 5.0vw);
font-weight: bold;
line-height: 1.5;
}
#footerTVer > div:nth-child(1) p:nth-child(2){
color: #333;
font-size: min(1.2em, 3.0vw);
line-height: 2.5;
margin: 0 0 0 5%;
}
#footerTVer ol {
display: flex;
gap: 10px;
list-style: none;
padding: 0;
margin: 0 auto;
width: 1300px;
}
#footerTVer ol li {
background: white;
border: #007ec5 solid 1px;
border-radius: 4px;
box-sizing: border-box;
overflow: hidden;
padding: 6px;
text-align: left;
max-width: 250px;
width: 20%;
}
#footerTVer ol li a,
#footerTVer ol li .thumn {
display: block;
text-decoration: none!important;
}
#footerTVer ol li a:hover{
opacity: 0.6;
}
#footerTVer ol li img{
display: block;
height: auto;
width: 100%;
}
#footerTVer ol li .ttl{
display: flex;
margin: 0 auto 0.5em;
}
#footerTVer ol li .ttl strong {
color: white !important;
border-radius: 2px;
background: #007bc2;
padding: 2px 5px;
white-space: nowrap;
text-align: center;
width: 15%;
}
#footerTVer ol li .ttl span {
color: #007bc2;
font-weight: bold;
margin: 0 0 0 3%;
overflow: hidden;
padding: 2px 0;
text-overflow: ellipsis;
white-space: nowrap;
width: 78%;
}
#footerTVer .end {
color: #333;
font-size: min(0.9em, 2.5vw);
margin: 1em auto;
text-align: right;
width: 1300px;
}
#footerTVer a.link {
background: #007bc2;
border-radius: 8px;
color: white;
display: block;
margin: 0 auto;
padding: 1em 0;
text-align: center;
min-width: 240px;
width: 20%;
}
#footerTVer a.link:hover{
opacity: 0.6;
}
/* SP  -------------------------------------------------- */
@media screen and (max-width:640px) {
	#footerTVer{
	min-height: 80px;
	width: 100%;
	}
	#footerTVer > div:nth-child(1) {
	display: block;
	width: 95%;
	}
	#footerTVer > div:nth-child(1) p:nth-child(2){
	margin: 0;
	}
    #footerTVer ol {
	gap: 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 3%;
	width: 100%;
	}
	#footerTVer ol li {
	flex: 0 0 70%;
	width: auto;
	}
	#footerTVer .end {
	width: 95%;
	}
}