@charset "utf-8";

.l-pc-hide {
	display:none !important
}/*tuika*/

.info-local-nav h3 {
	margin: 0 0 20px;
	font-size: 18px;
	line-height: 1.25;
}
.info-local-nav .info-local-nav-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.info-local-nav .info-local-nav-list li {
	width: 25%;
	text-align: center;
	vertical-align: top;
	background: #fff;
	letter-spacing: normal;
}

.info-local-nav .info-local-nav-list li a {
	font-size: 12px;
	text-decoration: none;
	display: block;
	padding: 30px 25px 15px;
	color: #777777;
	min-height: 155px;
}

.info-local-nav .info-local-nav-list .local-nav-icon {
	display: block;
	margin: 0 auto 25px;
	width: 65px;
	height: 64px;
	background-image: url(../png/info_icon_local_nav_icon9023.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.info-local-nav .info-local-nav-list .local-nav-icon-mobile {
	background-image: url(../png/icon_019023.png);
}
.info-local-nav .info-local-nav-list .local-nav-icon-internet {
	background-image: url(../png/icon_029023.png);
}
.info-local-nav .info-local-nav-list .local-nav-icon-content {
	background-image: url(../png/icon_039023.png);
}
.info-local-nav .info-local-nav-list .local-nav-icon-wallet {
	background-image: url(../png/icon_049023.png);
}
/*　2追加 */
.info-local-nav .info-local-nav-list .local-nav-icon-electric {
	background-image: url(../png/icon_059023.png);
}
.info-local-nav .info-local-nav-list .local-nav-icon-finance {
	background-image: url(../png/icon_069023.png);
}
.info-local-nav .info-local-nav-list .local-nav-icon-austar {
	background-image: url(../png/icon_079023.png);
}
.info-local-nav .info-local-nav-list .local-nav-icon-auhome {
	background-image: url(../png/icon_089023.png);
}
/* 190412追加 */
.info-local-nav .info-local-nav-list .local-nav-icon-payment {
	background-image: url(../png/icon_099023.png);
}

.info-local-nav .info-local-nav-list .local-nav-icon-auid {
	background-image: url(../png/icon_109023.png);
}

/* 3カラム */
.info-local-nav .info-local-nav-list.--list-clm-3 li {
	width: calc(100% / 3);
}

@media screen and (min-width: 768px) and (max-width: 980px) {
	.info-local-nav .info-local-nav-list li a {
		padding: 25px 5px 5px;
	}
}
@media screen and (max-width: 767px) {
	.info-local-nav h3 {
		margin-bottom: 10px;
	}
	.info-local-nav .info-local-nav-list {
		padding: 0;
		text-align:left;
	}
	.info-local-nav .info-local-nav-list li {
		width: 50%;
	}
	.info-local-nav .info-local-nav-list li a {
		font-size: 12px;
		padding: 10px 5px;
		min-height: 0;
	}

	.info-local-nav .info-local-nav-list li a br.for-pc {
		display: none;
	}
	.info-local-nav .info-local-nav-list .local-nav-icon {
		display: block;
		margin: 0 auto 10px;
		width: 30px; /*25*/
		height: 30px; /*25*/
		background-size: auto 100%;
	}
	.info-local-nav h3 {
		margin-bottom: 10px;
	}
	.l-sp-hide {
		display:none !important
	}

	.info-local-nav .info-local-nav-list.--list-clm-3 li {
		width: calc(100% / 2);
	}
	
}