@charset "utf-8";


#cctv-gaiyo{margin:0 1em;}

#cctv-gaiyo dt{
font-size:1.2em;
font-weight:bold;
margin-bottom:.25rem;}

#cctv-gaiyo dd{
margin-left:1.2em;
margin-bottom:1.5rem;}

#cctv-gaiyo dd ul{
margin:0;
}

#cctv-gaiyo dd ul li{
margin-bottom:.5em;
}


.cctv-photo{margin-bottom:2em;text-align:center;}
.cctv-photo p{font-weight:bold;}

/*yhptz41b.html*/
.col-flex{
display:flex;
justify-content:center;
gap:0 1em;
}
.col-flex  > div{
flex-basis:240px;
}

/*index*/
.index-lineup{
display:flex;
justify-content:center;
gap:1em 2em;

}

.index-lineup > div{
text-align:center;
}

.index-lineup > .cctv-photo span{display:block;}
.index-lineup > .cctv-photo a img{transition: all .3s;}
.index-lineup > .cctv-photo a:hover img{opacity:.75;}





.link-contact{
	background:#1461b6;
	background:#e0e0e0;

	margin:3em auto;
	width:280px;
	height:60px;

	padding:2px;

	box-sizing:border-box;
}
.link-contact a{
	background:#166bc8;
	border:solid 2px #fff;

	color:#fff;
	font-weight:bold;

	display:flex;
	justify-content:center;
	align-items:center;
	gap:0 .5em;

	width:100%;
	height:100%;

	text-decoration:none;
	box-sizing:inherit;

}
.link-contact img{width:24px;height:24px;}

/*hover時、背景色スライド*/

.link-contact a{position:relative;z-index:1;}
.link-contact a::after{
  background:#1256a0;

  position:absolute;
  top:0;
  left:0;
  content:"";
  width:100%;
  height:100%;
  transform: scale(1, 0); /*X軸 , Y軸*/
  transform-origin: bottom;
  transition: .2s linear;
  z-index:-1;
}
.link-contact a:hover::after{transform: scale(1, 1);}