@charset "utf-8";
#campcp{
	background: rgba(73,38,105,0.5);
	position: relative;
	font-family: 'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	transition: .5s;
	
}
#campcp .pchide{
    display:none;
}
#campcp .clrTxt {
	text-indent:-10000px;
	text-decoration:none;
	overflow:hidden;
    position:absolute;
}
#campcp img{
	width: 100%;
}
#campcp #wrap {
	background: #fff;
	max-width: 1280px;
	margin: 0 auto;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	padding-bottom: 15%;
	position: relative;
}
#campcp .inner{
    background: url("../images/pc_main.jpg?210805") no-repeat top center;
    background-size: cover;
    padding-top: 128.125%;
    position: relative;
    width: 100%;
    /* margin-bottom: 100px; */
}


#campcp .btnhp {
	max-width: 400px;
	margin: 0 auto;
	position: absolute;
	display: inline-block;
	bottom: 2%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transition-duration: .3s;
}

@media screen and (max-width:1000px){
	#campcp .btntfb {
	max-width: 300px;
	margin: 0 auto;
	position: absolute;
	display: inline-block;
	bottom: -7%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transition-duration: .3s;
}
	#campcp .btntfb02 {
	max-width: 300px;
	margin: 0 auto;
	position: absolute;
	display: inline-block;
	bottom: -7%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transition-duration: .3s;
}
	#campcp .btnhp {
	max-width: 350px;
	margin: 0 auto;
	position: absolute;
	display: inline-block;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transition-duration: .3s;
}
}
#campcp .btntfb:hover img {
  opacity: .7;
	transition-duration: .3s;
}
#campcp .btntfb2:hover img {
  opacity: .7;
	transition-duration: .3s;
}
#campcp .btnhp:hover img {
  opacity: .5;
	transition-duration: .3s;
}