.c_intr, .con_roo_tra, .con_en_cere .box_prog, .con_en_cere .box_photo, .con_follow_tra {
    width: 90%;
    max-width: 1200px;
    margin: auto
}
@media only screen and (max-width: 1199px) {
    .c_intr, .con_roo_tra, .con_en_cere .box_prog, .con_en_cere .box_photo, .con_follow_tra {
        width: 83%
    }
}
.c_intr {
    position: relative;
    margin-bottom: 5rem
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .c_intr {
        margin-bottom: 2.5rem
    }
}
@media only screen and (max-width: 767px) {
    .c_intr {
        margin-bottom: 2em
    }
}
.c_intr .t {
    max-width: 630px;
    width: 52.5%;
    margin-top: 2.5rem
}
@media only screen and (max-width: 767px) {
    .c_intr .t {
        max-width: none;
        width: 100%;
        margin-top: 1.5em
    }
}



*[data-view=pc] {
    display: block !important;
}
*[data-view=sp] {
    display: none !important;
}
@media screen and (max-width: 767px) {
    *[data-view=pc] {
        display: none !important;
    }
    *[data-view=sp] {
        display: block !important;
    }
}

#contents img {
  display: block;
}

#contents a {
  text-decoration: none;
  transition: 0.5s ease all;
}

#contents a:hover {
  opacity: 0.75;
}
#contents .career {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}
@media only screen and (max-width: 1199px) {
	#contents .career {
		width: 83%;
	}
}
#contents .career > .inner {
	position: relative;
}
#contents .career .wrap {
	position: relative;
}
#contents .career img {
	
}
#contents .career a {
	position: absolute;
	background: #fff;
	border-radius: 100px;
	height: 10.8%;
	width: 30.6%;
	top: 0;
	left: 0;
	overflow: hidden;
	text-indent: -9999px;
	opacity: 0;
}
#contents .career a:hover {
	opacity: 0.25;
}
#contents .career a.bt2 {
	left: 34.7%;
}
#contents .career a.bt3 {
	left: 69.6%;
}


@media screen and (max-width: 767px) {
	#contents a:hover {
	  opacity: 1;
	}
	#contents .career {
		width: 100%;
		max-width: 1000px;
		position: relative;
	}
	#contents .career::before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 165px;
		height: 193px;
		background: url(../../recruit_it/career/images/icon_scroll.webp) no-repeat center center / contain;
		z-index: 1;
		transition: 0.3s ease all;
		pointer-events: none;
	}
	#contents .career.scrolled::before {
		opacity: 0;
	}
	#contents .career > .inner {
		position: relative;
		overflow: scroll;
	}
	#contents .career .wrap {
		position: relative;
		width: 734px;
		padding: 0 5vw 10px 5vw;
	}
	#contents .career img {
		margin: 0;
	}
	#contents .career a {
		position: absolute;
		background: #fff;
		border-radius: 100px;
		height: 10.8%;
		width: 27%;
		top: 4%;
		left: 6%;
		overflow: hidden;
		text-indent: -9999px;
		opacity: 0;
	}
	#contents .career a:hover {
		opacity: 0;
	}
	#contents .career a.bt2 {
		left: 36.4%;
	}
	#contents .career a.bt3 {
		left: 66.8%;
	}
}