@charset "UTF-8";


/*common.css打ち消し
---------------------------------------------------------- */
/* 見出し */
h2 {
	font-size: 268%;
}

h2 span {
	font-size: 37.2%;
}

.entry_area,
.movie_area {
	min-width: 1280px;
	margin: 0 auto;
}

.entry_block {
	position: relative;
	z-index: 100;
}


.entry_block h2 span {
	font-size: 46.8%;
}

header,
footer {
	min-width: 1280px;
}

@media screen and (max-width: 798px) {
	h2 {
		font-size: 175%;
		margin-bottom: 30px;
	}

	header,
	footer {
		min-width: 100%;
	}

	.entry_area,
	.movie_area {
		min-width: 100%;
		margin: 0 auto;
	}
}



/*共通パーツ
---------------------------------------------------------- */
.btn_link {
	margin: 30px auto 0;
	width: 200px;
}

.btn_link a {
	padding: 10px 15px 15px;
	text-align: center;
	display: block;
	font-family: 'Reem Kufi', sans-serif;
	font-weight: 500;
	font-size: 150%;
	background: #424242;
	color: #ffffff;
	box-sizing: border-box;
}

/* 複数ボタンパーツ */
.btn_block {
	text-align: center;
	margin-bottom: 30px;
}

.btn_block .btn_link {
	display: inline-block;
	margin: 0 5px;
}

.btn_block .btn_link[data-lang="ja"] a {
	font-size: 125%;
	padding-top: 15px;
}


@media screen and (max-width: 798px) {
	.btn_link {
		min-width: 150px;
		width: auto;
		max-width: 45%;
	}

	.btn_link a {
		padding: 5px 2% 10px;
		text-align: center;
		display: block;
		font-family: 'Reem Kufi', sans-serif;
		font-weight: 500;
		font-size: 175%;
		background: #424242;
		color: #ffffff;
	}

	.btn_block .btn_link {
		display: block;
		margin: 0 auto 15px;
	}

	.btn_block .btn_link[data-lang="ja"] a {
		padding-top: 10px;
	}
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*メインビジュアル
---------------------------------------------------------- */
.main_area {
	width: 100%;
	min-width: 1280px;
	background: url(../img/index/bg_main.jpg) no-repeat top center;
	background-size: cover;
	text-align: center;
	padding-top: 100px;
	margin-bottom: -60px;
	position: relative;
}

.main_area h2 {
	line-height: 0;
	min-width: 1280px;
	margin: 0 auto;
}

.main_area .pickup_box {
	background: url("../img/index/bg_ma_movie_pc.png") no-repeat;
	position: absolute;
	bottom: 80px;
	left: 5%;
	text-align: center;
	width: 400px;
	height: 283px;
	padding: 20px;
}

.main_area .pickup_box h3 {
	color: #fff;
	line-height: 0;
	text-align: center;
	font-weight: bold;
	margin-bottom: 9px;
}

.pickup_box ul {
	display: table;
	width: 560px;
}

.pickup_box ul li {
	display: table-cell;
	margin: 0;
	padding: 0 0 0 5px;
	width: 50%;
	box-sizing: border-box;
	text-align: right;
	line-height: 0;
}

.pickup_box ul li:first-child {
	padding: 0 5px 0 0;
	text-align: left;
}

.movie_main_block {
	position: relative;
	width: 1000px;
	box-sizing: border-box;
	margin: 0 auto 50px;
	background: #b9cd00;
	background-image: -webkit-linear-gradient(315deg, #b9cd00 44%, #adbf01 44%, #b9cd00 55%);
	background-image: linear-gradient(135deg, #b9cd00 44%, #adbf01 44%, #b9cd00 55%);
}

.movie_main_block h2 {
	color: #ffffff;
	margin: 5px auto 20px;
}

.movie_main_block h2 span {
	color: #ffffff;
	margin: 0 auto 20px;
	font-size: 55.55%;
}

.movie_main_block .movie_box {
	box-sizing: border-box;
	padding: 35px 160px 30px;
	text-align: center;
	background: #fbfbfb url("../img/common/bg02.gif") repeat left top;
}





/*SNS誘導バナー（LINE）
---------------------------------------------------------- */

.fixed_banner {
	position: fixed;
	/* 追従させる為にfixedの値を記述します */
	z-index: 99999;
	/* 他の要素の下に隠れないように全面配置させます */
	bottom: 5px;
	/* 下から5pxのところにバナーを配置します */
	right: 20px;
	/* 左から20pxのところにバナーを配置します */
}

.fixed_banner_width {
	width: 220px;
	/* バナーの横幅を指定してあげます */
}

.btn {
	color: #adadad;
	text-align: center;
	display: table;
	cursor: pinter;
}

.btn:hover {
	cursor: pinter;
}

/* close button */
.action-close {
	position: relative;
}

.action-close .btn {
	position: absolute;
	right: 15px;
	top: 35px;
}

.action-close .box {
	margin-bottom: 1em;
}

/* checkbox 非表示 */
.add-control .checkbox {
	display: none;
}

/* close button's control */
.add-control .action-close #close:checked~.btn {
	display: none;
}

.add-control .action-close #close:checked~.box {
	display: none;
}

@media screen and (max-width: 798px) {
	/* メディアクエリを使ってスマホ用のブレイクポイントを指定 */

	.fixed_banner {
		bottom: 0px;
		/* 下から0pxのところにバナーを配置します */
		right: 0px;
		/* 右から0pxのところにバナーを配置します */
	}

	.fixed_banner_width {
		width: 180px;
		/* バナーの横幅を指定してあげます */
	}

}

/*----------------------------*/

/*SNS誘導バナー（X）
---------------------------------------------------------- */
@media screen and (max-width: 798px) {
	.x_sp_only {
		display: none;
	}
}

/*----------------------------*/

/* インターン */
.intern_block {
	position: relative;
	z-index: 100;
	width: 1000px;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 auto 50px;
	background: url(../img/index/ph_intern_pc.png) no-repeat center top;
}

.intern_block div {
	box-sizing: border-box;
	padding: 220px 160px 35px;
	text-align: center;
}

.intern_block div ul {
	display: table;
	margin-bottom: 15px;
}

.intern_block div ul li {
	display: table-cell;
	width: 50.1%;
}

.intern_block div ul li:first-child {
	padding-right: 10px;
}

.intern_block div ul li:last-child {
	padding-left: 10px;
}






@media screen and (max-width: 798px) {
	.main_area {
		min-width: 100%;
		background: none;
		padding: 0;
		margin: 0;
	}

	.main_area h2 {
		min-width: 100%;
	}

	.main_area .pickup_box {
		background: url("../img/index/bg_ma_movie_sp.jpg") no-repeat center top;
		/*position: relative;*/
		background-size: cover;
		border: solid 1px #ffffff;
		overflow: hidden;
		padding: 0;
		width: 100%;
		bottom: 0;
		left: 0;
		height: auto;
		text-align: center;
	}

	.main_area .pickup_box h3 {
		margin-bottom: 0;
	}

	.pickup_box div img {
		width: 48%;
		padding: 8px;
		text-align: center;
	}

	.pickup_box ul li {
		padding: 0 0 0 8px;
	}

	.pickup_box ul li:first-child {
		padding: 0 8px 0 0;
	}


	.intern_block {
		max-width: 100%;
		padding: 15px 4%;
		margin-bottom: 0;
		background: url(../img/index/ph_intern_sp.png) no-repeat center top;
		background-size: 100%;
	}

	.intern_block h2 {
		color: #ffffff;
		margin: 0 auto 20px;
		font-size: 175%;
	}

	.intern_block div {
		box-sizing: border-box;
		padding: 72% 2% 15px;
		text-align: center;
		border: none;
	}

	.intern_block div ul {
		width: 100%;
		display: table;
	}

}


/*採用ショートムービー
---------------------------------------------------------- */
.movie_main_block {
	position: relative;
	z-index: 100;
	width: 1000px;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 auto 50px;
	background: #b9cd00;
	background-image: -webkit-linear-gradient(315deg, #b9cd00 44%, #adbf01 44%, #b9cd00 55%);
	background-image: linear-gradient(135deg, #b9cd00 44%, #adbf01 44%, #b9cd00 55%);
}

.movie_main_block h2 {
	color: #ffffff;
	margin: 5px auto 20px;
}

.movie_main_block h2 span {
	color: #ffffff;
	margin: 0 auto 20px;
	font-size: 55.55%;
}

.movie_main_block .movie_box {
	box-sizing: border-box;
	padding: 35px 160px 30px;
	text-align: center;
	background: #fbfbfb url("../img/common/bg02.gif") repeat left top;
}

.movie_box a {
	display: block;
	line-height: 0;
}

/* 一覧 */
.movie_block {
	min-width: 1280px;
}

.movie_block .movie_list {
	width: 1000px;
	margin: 0 auto 50px;
}

.movie_block .movie_list .movie_box {
	display: inline-block;
	width: 48%;
	text-align: center;
	vertical-align: middle;
}

.movie_block .movie_list .movie_text {
	display: inline-block;
	width: 48%;
	padding-left: 30px;
	vertical-align: middle;
}

.movie_block .movie_list .movie_text h3 {
	color: #004d92;
	font-size: 186.6%;
	text-align: center;
	margin-bottom: 35px;
}

.movie_block .movie_list .movie_text h3:after {
	display: block;
	content: "";
	width: 60px;
	height: 3px;
	background: #004d92;
	margin: 15px auto 0;
}

.movie_block .movie_box a img {
	max-width: 100%;
	height: auto;
}

.-bc-youtube-player-frame-element {
	display: none !important;
}

@media screen and (max-width: 798px) {
	.movie_main_block {
		width: 100%;
		padding: 15px 4%;
		margin-bottom: 0;
	}

	.movie_main_block h2 {
		color: #ffffff;
		margin: 0 auto 20px;
		font-size: 175%;
	}

	.movie_main_block .movie_box {
		box-sizing: border-box;
		padding: 15px 4% 10px;
		text-align: center;
		border: none;
	}

	/* 一覧 */
	.movie_block {
		min-width: 100%;
	}

	.movie_block .movie_list {
		width: 100%;
		margin-bottom: 50px;
	}

	.movie_block .movie_list .movie_box,
	.movie_block .movie_list .movie_text {
		display: block;
		width: 100%;
		padding: 0 4%;
	}

	.movie_block .movie_list .movie_text h3 {
		font-size: 150%;
		margin-bottom: 25px;
	}

	.movie_block .movie_box {
		width: 90%;
		margin: 0 auto 15px;
	}

	.movie_block .movie_box a img {
		width: 100%;
	}
}

/*応研を知る
---------------------------------------------------------- */
.about_block {
	background: url(../img/index/bg_about_pc.jpg) no-repeat center top;
	background-size: cover;
	min-width: 1280px;
	padding: 70px 140px 40px;
	margin-bottom: 50px;
}

.about_block h2 {
	color: #ffffff;
	margin-bottom: 30px;
}

.about_block h2:after {
	display: block;
	content: "";
	width: 80px;
	height: 3px;
	background: #e60012;
	margin: 20px auto 0;
}

.about_block p {
	color: #ffffff;
	width: 590px;
	margin: 0 auto 40px;
}

.about_block ul {
	max-width: 730px;
	margin: 0 auto 20px;
}

.about_block ul li {
	display: inline-block;
	margin: 0 25px 30px 0;
	width: 220px;
	box-sizing: border-box;
}

.about_block ul li:nth-child(3n) {
	margin-right: 0;
}

.about_block ul li {
	box-sizing: border-box;
	padding: 105px 50px;
	background: rgba(255, 255, 255, 0.3);
	border: 1px solid transparent;
	border-radius: 10px;
	font-family: 'Reem Kufi', sans-serif;
	font-size: 400%;
	color: #ffffff;
	line-height: 0;
	text-align: center;
}

.about_block .btn_link {
	width: 200px;
}

.about_block .btn_link a {
	background: #ffffff;
	color: #1f5d98;
}


@media screen and (max-width: 798px) {
	.about_block {
		background: url(../img/index/bg_about_sp.jpg) no-repeat center top;
		background-size: cover;
		min-width: 100%;
		padding: 50px 4%;
	}

	.about_block p {
		width: 100%;
		text-align: center;
		margin: 0 auto 50px;
	}

	.about_block ul {
		max-width: 100%;
	}

	.about_block ul li {
		margin: 0 2.5% 25px 0;
		width: 30%;
		box-sizing: border-box;
	}

	.about_block ul li {
		padding: 15% 2%;
		font-size: 218%;
		color: #ffffff;
	}

	.about_block .btn_link {
		width: 100%;
	}
}

/*働く人を知る
---------------------------------------------------------- */
.person_block {
	min-width: 1280px;
}

.person_block h2 {
	color: #022222;
	margin-bottom: 40px;
}

.person_block h2 span {
	color: #216098;
}

.person_block .person_link {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	display: table;
	position: relative;
}

.person_block .person_link li {
	display: table-cell;
	vertical-align: top;
	width: 25%;
	border-top: 5px solid #1f5d98;
	background: #ffffff;
}

.person_block .person_link li a {
	background: #ffffff;
	background: linear-gradient(top, #ffffff 50%, #f4f6f9 50%);
	background: -webkit-linear-gradient(top, #ffffff 50%, #f4f6f9 50%);
	background: -moz-linear-gradient(top, #ffffff 50%, #f4f6f9 50%);
	border-right: 2px solid #dbdbdb;
	border-bottom: 2px solid #dbdbdb;
	display: block;
	padding: 35px 0 35px;
	text-align: center;
	color: #022222;
	font-size: 112.5%;
	font-weight: 700;
	line-height: 1.4;
}

.person_block .person_link li a span {
	display: block;
	background: url(../img/common/icon_arrow02.gif) no-repeat 92% center;
	background-size: 100%;
	background-size: 8px 23px;
	padding: 0 40px 0 25px;
}

.person_block .person_link li:first-child a {
	border-left: 2px solid #dbdbdb;
}

.person_block .person_people {
	padding: 90px 0 60px;
	background: #e9e9e9;
	margin-top: -50px;
	margin-bottom: 50px;
}

.person_block .person_interview {
	padding: 90px 0 60px;
	background: #d2e8fb;
}

.person_block ul {
	width: 1000px;
	margin: 0 auto 40px;
	text-align: center;
}

.person_block ul li {
	width: 486px;
	margin: 0 20px 25px 0;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.person_block ul li:nth-child(2n) {
	margin-right: 0;
}

.person_block ul li a {
	display: block;
	background: #ffffff url(../img/common/icon_arrow01.gif) no-repeat 96% center;
	padding: 20px 20px 15px 20px;
}

.person_block ul li a figure {
	display: inline-block;
	margin-right: 15px;
	float: left;
}

.person_block ul li a div {
	display: inline-block;
	width: 245px;
}

.person_block ul li a div h4 {
	color: #004d92;
	font-size: 125%;
	line-height: 1.4;
	margin-bottom: 30px;
}

.person_block ul li a div p {
	color: #8b8b8b;
}

.person_block h3 {
	color: #004d92;
	font-size: 186.6%;
	text-align: center;
	margin-bottom: 35px;
}

.person_block h3:after {
	display: block;
	content: "";
	width: 60px;
	height: 3px;
	background: #004d92;
	margin: 15px auto 0;
}

@media screen and (max-width: 798px) {
	.person_block {
		min-width: 100%;
	}

	.person_block h2 {
		margin-bottom: 30px;
	}

	.person_block .person_interview {
		padding: 40px 3% 45px;
	}

	.person_block .person_link {
		width: 100%;
		padding: 0 3%;
	}

	.person_block .person_link li {
		background: none;
	}

	.person_block .person_link li a {
		font-size: 3.5vmin;
		box-sizing: border-box;
		text-align: left;
		display: table;
		width: 100%;
		padding: 20% 0;
	}

	.person_block .person_link li a span {
		padding: 0 15% 0 9%;
		background-position: 95% center;
		display: table-cell;
		vertical-align: middle;
		background-size: 8% auto;
	}

	.person_block .person_people {
		margin-top: -11%;
		padding: 15% 3% 60px;
	}

	.person_block ul {
		width: 100%;
	}

	.person_block ul li {
		width: 100%;
		margin: 0 0 20px;
		display: block;
	}

	.person_block ul li a {
		padding: 20px 5% 15px;
	}

	.person_block ul li a figure {
		width: 25%;
		margin-right: 5%;
	}

	.person_block ul li a div {
		display: inline-block;
		width: 62%;
	}

	.person_block ul li a div h4 {
		color: #004d92;
		font-size: 112.5%;
		line-height: 1.4;
		margin-bottom: 15%;
	}
}


/*オフィスツアー
---------------------------------------------------------- */
.tour_block {
	margin: 60px auto;
	min-width: 1280px;
	overflow: hidden;
	position: relative;
}

.tour_block h2 {
	margin-bottom: 40px;
}

.tour_block h2 span {
	color: #216098;
	font-size: 46.5%;
}

/* スライド */
.slide_box li {
	width: 510px;
	margin: 0 10px;
	list-style: none;
	float: left;
}

.slide_box li img {
	width: 100%;
}

.slide_pager .prev {
	position: absolute;
	left: 0;
	bottom: 215px;
	cursor: pointer;
	margin: 0;
}

.slide_pager .next {
	position: absolute;
	right: 0;
	bottom: 215px;
	cursor: pointer;
	text-align: right;
	margin: 0;
}



@media screen and (max-width: 798px) {
	.tour_block {
		margin: 50px auto;
		min-width: 100%;
		overflow: hidden;
	}

	/* スライド */

	.slide_box {
		width: 92%;
		margin: 0 auto;
		overflow: hidden;
	}

	.slide_box ul li {
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		text-align: center;
	}

	.slide_box ul li img {
		width: 100%;
		height: auto;
	}

	.slide_pager .prev,
	.slide_pager .next {
		width: 12%;
		height: 12%;
		position: absolute;
		top: 44%;
		padding: 0;
		z-index: 1000;
		display: block;
	}

	.slide_pager .prev img,
	.slide_pager .next img {
		height: auto;
		display: block;
	}
}







/*お知らせ
---------------------------------------------------------- */
.news_block {
	min-width: 1280px;
	margin-bottom: 80px;
}

.news_block h2 {
	margin-bottom: 35px;
}

.news_block h2 span {
	color: #216098;
	font-size: 37.2%;
}

.news_block ul {
	width: 1000px;
	margin: 0 auto 30px;
}

.news_block ul li {
	border-top: 1px solid #dbdbdb;
}

.news_block ul li a {
	padding: 30px 30px 25px;
	display: block;
}

.news_block ul li:last-child {
	border-bottom: 1px solid #dbdbdb;
}

.news_block ul li .date {
	display: inline-block;
	vertical-align: top;
	font-family: 'Reem Kufi', sans-serif;
	color: #212121;
	font-size: 112.5%;
	margin-right: 40px;
	max-width: 90px;
	line-height: 1.1;
}

.news_block ul li a p {
	display: inline-block;
	vertical-align: top;
	max-width: 800px;
	font-weight: bold;
	color: #004d92;
}

.news_block ul li span {
	vertical-align: top;
	font-family: 'Reem Kufi', sans-serif;
	display: block;
	padding: 30px 30px 25px;
	margin-top: 10px;
	vertical-align: top;
	color: #212121;
}


@media screen and (max-width: 798px) {
	.news_block {
		margin: 50px auto;
		min-width: 100%;
		overflow: hidden;
		padding: 50px 4%;
	}

	.news_block ul {
		width: 100%;
	}

	.news_block ul li a {
		padding: 30px 4% 25px;
	}

	.news_block ul li .date {
		display: block;
		margin-bottom: 3px;
	}


}


/*問い合わせ
---------------------------------------------------------- */
.inquiry_block {
	min-width: 1280px;
	margin-bottom: 80px;
}

.inquiry_block h2 {
	margin-bottom: 35px;
}

.inquiry_block h2 span {
	color: #216098;
	font-size: 37.2%;
}

.inquiry_block .inquiry {
	padding: 60px 0 60px;
	background: #e9e9e9;
}


@media screen and (max-width: 798px) {
	.inquiry_block {
		min-width: 100%;
	}

	.inquiry_block h2 {
		margin-bottom: 30px;
	}

	.inquiry_block .inquiry {
		padding: 40px 3% 45px;
	}
}





/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_only {
	display: block !important;
}

.sp_only {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
	.pc_only {
		display: none !important;
	}

	.sp_only {
		display: block !important;
	}
}