@charset "UTF-8";
.addLink {
	display: flex;
}
.addLink > a {
	display: block;
	text-decoration: none;
	background-color: #48A0D4;
	border-radius: 3px;
	font-size: 112.5%;
	color: #fff;
	padding: 9px 20px;
	line-height: 1;
	border: 1px solid #48A0D4;
	box-sizing: border-box;
	transition-property: color, background-color;
	transition-duration: .3s;
}
.addLink > a::before {
	content: "";
}
.addLink > a::after {
	content: "";
}
.contents_vis {
	background-image: url(../jpg/pt-visual%402x.jpg);
	height: 372px;
	margin-left: calc((50vw - 550px) * -1);
	position: relative;
	z-index: 1;
	margin-right: calc((50vw - 550px) * -1);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 70px;
}
.contents_vis::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .3;
}
@media screen and (max-width:1139px) {
	.contents_vis {
		margin-left: -20px;
		margin-right: -20px;
	}
}
@media screen and (min-width:1000px) {
	.addLink > a:hover {
		background-color: #fff;
		color: #48A0D4;
	}
}
@media screen and (max-width:999px) {
	.contents_vis {
		height: 280px;
		margin-bottom: 50px;
	}
	.contents_vis::before {}
}
@media screen and (max-width:699px) {
	.contents_vis {
		height: 170px;
		margin-bottom: 25px;
	}
	.contents_vis::before {}
}