@charset "utf-8";

#mainContent {width: 1062px;}
.shingaku_douga {color: #333;margin: 60px 0;padding: 0 41px;}
.shingaku_douga * {box-sizing: border-box;}
.shingaku_douga a {color: #000; transition: .4s;}
.shingaku_douga a:hover {text-decoration: none; opacity: .8;}
.douga_h2 {font-size: 40px;font-weight: bold;text-align: center;margin-bottom: 23px;}
.h2_sub {font-size: 16px;text-align: center;margin-bottom: 72px;}
ul.link_tab {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #C1C1C1;
	margin-bottom: 65px;
	padding: 0 200px;
}
ul.link_tab > li {
	height: 80px;
	width: calc(33.333% - 35px * 2 / 3);
	text-align: center;
	padding: 32px 0 40px 30px;
	position: relative;
	font-size: 14px;
	color: #000;
	cursor: pointer;
	border-bottom: 5px solid transparent;
	bottom: -3px;
}
ul.link_tab > li:nth-child(1) {background: url(/common_img/movie/top_link_img01.png) left bottom 25px no-repeat;}
ul.link_tab > li:nth-child(2) {background: url(/common_img/movie/top_link_img02.png) left 20px bottom 25px no-repeat;}
ul.link_tab > li:nth-child(3) {background: url(/common_img/movie/top_link_img03.png) left 20px bottom 25px no-repeat; padding-left: 60px;}
ul.link_tab > li:hover, ul.link_tab > li.on {border-bottom: 5px solid #0096D8;}
ul.link_tab li > a {
	font-size: 14px;
	padding-left: 10px;
	font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "メイリオ", Meiryo, sans-serif;
}
ul.sub_category {
	background: #E9FFFE;
  padding: 30px 44px 3px;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  width: 778px;
  transform: translateX(-50%);
  z-index: 2;
  border-radius: 13px;
	display: none;
}
ul.link_tab > li:hover ul.sub_category {display: flex;}
ul.sub_category li {margin-bottom: 30px;width: 33.333%;text-align: left;}
ul.sub_category li > a {font-size: 15px;padding-left: 0px;}
.douga_h3 {font-size: 20px;font-weight: bold;margin-bottom: 30px;}
.douga_h3 span {font-size: 15px;font-weight: normal;margin-left: 120px;}
ul.douga_link {display: flex;flex-wrap: wrap;margin-bottom: 74px;}
ul.douga_link li {width: 170px;margin: 40px 32px 0 0;}
ul.douga_link li:nth-child(5n) {margin-right: 0;}
ul.douga_link li:nth-child(-n+5) {margin-top: 0;}
ul.douga_link .link_img {
	border-radius: 8px;
	height: 127px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}
ul.douga_link .link_img::before, ul.douga_link .link_img::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
ul.douga_link .link_img::before {
	width: 41px;
	height: 41px;
	border-radius: 50%;
	background: rgba(255,255,255,.68);
	left: 50%;
}
ul.douga_link .link_img::after {
	border: 15px solid transparent;
	border-left-color: rgba(148,148,148,.71);
	border-top-width: 9px;
	border-bottom-width: 9px;
	left: calc(50% + 10px);
}
ul.douga_link .link_img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
ul.douga_link p.job_name {
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	color: #333;
}
ul.douga_link p.job_name2 {
	margin-top: 10px;
	font-size: 12px;
	color: #333;
}
.pro_video {display: flex;justify-content: space-between;margin-bottom: 78px;}
.pro_video #m_box {width: 397px;}
.pro_video .txt {
	flex: 1;
	padding: 88px 0 0 28px;
	font-size: 14px;
	position: relative;
}
.pro_video .txt .job_category {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.job_scl_link,
.job_scl_link2 {
	display: inline-flex;
	position: absolute;
	left: 28px;
	bottom: 5px;
	color: #01AFEC !important;
	padding: 16px 47px 17px 33px;
	border: 2px solid #01AFEC;
	border-radius: 3px;
	font-size: 14px;
	align-items: center;
}
.job_scl_link span,
.job_scl_link2 span {
	font-size: 18px;
	line-height: 20px;
	position: relative;
	margin-right: 8px;
	font-weight: bold;
}
.job_scl_link2 span {width: 84%;}
.job_scl_link::after {
	content: "";
  width: 9px;
  height: 9px;
  border-bottom: 2px solid #01AFEC;
  border-right: 2px solid #01AFEC;
  transform: rotate(-45deg);
  position: absolute;
  right: 25px;
  top: 22px;
}
.job_scl_link2::after {
	content: "";
  width: 9px;
  height: 9px;
  border-bottom: 2px solid #01AFEC;
  border-right: 2px solid #01AFEC;
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 32px;
}