@charset "UTF-8";

/* アンカーリンク */
.movie_anchor_items {
  column-gap: 32px;
}
.movie_anchor_item {
  width: 210px;
}
.movie_anchor_item_btn {
  padding-left: 0;
  padding-right: 0;
}
/* アンカーリンクここまで */

.common_page_anchor + .common_section.movie_first_section {
  padding-top: 0;
  background-color: var(--white);
  overflow-x: hidden;
}

/* 会社概要動画*/
.movie_video_heading {
  text-align: center;
}
.movie_video_heading_en {
  display: inline-block;
}
.movie_video_section .movie_video_content.js-yt {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  height: 578px;
  border-radius: 39.8px;
  overflow: hidden;
}
.movie_video_section .yt-play{
  right: 50%;
  bottom: 50%;
  transform: translateX(50%) translateY(50%);
}
.movie_video_content.js-yt{
  position: relative;
  width: 100%;
  aspect-ratio: 46 / 26;
  width: 460px;
  height: 258.75px;
  border-radius: 8px;
  margin-top: 16px;
  overflow: hidden;
}
/* iframe/カバーを同じ枠に重ねる */
.movie_video_content.js-yt iframe,
.movie_video_content.js-yt .yt-cover,
.movie_video_content.js-yt .yt-frame{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.yt-cover{
  display: block;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  overflow: hidden;
}
.yt-thumb{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: .3s;
}
.yt-cover:hover .yt-thumb{
  transform: scale(1.1);
}

/* 再生ボタン */
.yt-play{
  position: absolute;
  right: 10px;
  bottom: 29px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-image: url(../img/movie/icon/play.png);
  background-size: cover;
}
/* 会社概要動画ここまで */

/* 共通パーツ */
.movie_about {
  position: relative;
  padding-left: 47px;
}
.movie_about_heading {
  width: 263.46px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 16px;
  background-color: var(--white);
  padding: 30px 0 41px;
  text-align: center;
}
.movie_about_heading::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -2px;
  transform: translateY(-50%);
  width: 9px;
  height: 20px;
  background-color: var(--white);
}
.movie_about_heading::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  width: 40px;
  height: 2px;
}
.movie_about_heading_en {
  position: relative;
  display: inline-block;
  padding-left: 46px;
  font-family: 'poppins';
  font-size: 14px;
  font-weight: 600;
  line-height: calc(21 / 14);
  letter-spacing: 0.071428571em;
}
.movie_about_heading_en::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 36.36px;
  height: 10px;
  background-size: cover;
}
.movie_about_heading_title {
  margin-top: 9px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.movie_about_slider_wrapper {
  position: initial;
  width: calc(100% + (100vw - 100%) / 2);
  overflow: hidden;
  border-radius: 80px 0 0 80px;
  padding: 30px 26px 56px 289px;
}
.movie_about_slide {
  text-align: center;
  margin-right: 40px;
}
.movie_about_slider_department {
  display: inline-block;
  width: 220px;
  font-size: 15px;
  line-height: 39px;
  font-weight: 700;
  color: var(--white);
  border-radius: 80.24px;
}
.movie_about_slider_movie {
  margin-top: 16px;
}
.movie_about_slider_movie iframe {
  display: block;
}
.movie_about_slider_dots {
  display: flex;
  margin-top: 38px;
  width: 714px;
}
.movie_about_slider_dots li {
  width: 25%;
}
.movie_about_slider_dots button {
  position: relative;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  appearance: none;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 96, 176, 0.25);
}
.movie_about_slider_controls {
  position: absolute;
  bottom: 32px;
  right: 0;
  column-gap: 16px;
  z-index: 9998;
  pointer-events: auto;
}
.movie_about_slider_controls_btn {
  width: 48px;
  height: 48px;
  background-color: transparent;
}
/* 共通パーツここまで */

/* 1日の働き方について */
.movie_workStyle_section {
  padding-top: 108px;
}
.movie_workStyle_heading {
  border: solid 2px var(--primary);
}
.movie_workStyle_heading::after {
  background-color: var(--primary);
}
.movie_workStyle_heading_en, .movie_workStyle_heading_title {
  color: var(--primary);
}
.movie_workStyle_heading_en::before {
  background-image: url(../img/movie/icon/blue.png);
}
.movie_workStyle_slider_wrapper {
  background-color: rgba(0, 96, 176, 0.1);
}
.movie_workStyle_slider_department {
  background-color: var(--primary);
}
.movie_workStyle_slider_wrapper .movie_about_slider_dots button {
  background-color: rgba(0, 96, 176, 0.25);
}
.movie_workStyle_slider_wrapper .movie_about_slider_dots .slick-active button {
  background-color: var(--primary);
}
/* 1日の働き方についてここまで */

/* 働く環境について */
.movie_workingEnvironment_section {
  padding-top: 80px;
}
.movie_workingEnvironment_heading {
  border: solid 2px #DF6519;
}
.movie_workingEnvironment_heading::after {
  background-color: #DF6519;
}
.movie_workingEnvironment_heading_en, .movie_workingEnvironment_heading_title {
  color: #DF6519;
}
.movie_workingEnvironment_heading_en::before {
  background-image: url(../img/movie/icon/orange.png);
}
.movie_workingEnvironment_slider_wrapper {
  background-color: rgba(223, 101, 25, 0.1);
}
.movie_workingEnvironment_slider_department {
  background-color: #DF6519;
}
.movie_workingEnvironment_slider_wrapper .movie_about_slider_dots button {
  background-color: rgba(216, 106, 89, 0.25);
}
.movie_workingEnvironment_slider_wrapper .movie_about_slider_dots .slick-active button {
  background-color: #DF6519;
}
.movie_workingEnvironment_slider_controls_btn {
  border-color: rgba(216, 106, 89, 0.4);
}
.movie_workingEnvironment_slider_controls_prevBtn::before {
  background-image: url(../img/common/slider/orange/arrow-left.png);
}
.movie_workingEnvironment_slider_controls_nextBtn::before {
  background-image: url(../img/common/slider/orange/arrow-right.png);
}
/* 働く環境についてここまで */

.movie_second_section {
  overflow-x: hidden;
  background-color: var(--white);
  padding-bottom: 0;
}

/* 働く人について */
.movie_aboutWorker_heading {
  border: solid 2px #AE9D50;
}
.movie_aboutWorker_heading::after {
  background-color: #AE9D50;
}
.movie_aboutWorker_heading_en, .movie_aboutWorker_heading_title {
  color: #AE9D50;
}
.movie_aboutWorker_heading_en::before {
  background-image: url(../img/movie/icon/yellow.png);
}
.movie_aboutWorker_slider_wrapper {
  background-color: rgba(174, 157, 80, 0.1);
}
.movie_aboutWorker_slider_department {
  background-color: #AE9D50;
}
.movie_aboutWorker_slider_wrapper .movie_about_slider_dots button {
  background-color: rgba(174, 157, 80, 0.25);
}
.movie_aboutWorker_slider_wrapper .movie_about_slider_dots .slick-active button {
  background-color: #AE9D50;
}
.movie_aboutWorker_slider_controls_btn {
  border-color: rgba(174, 157, 80, 0.4);
}
.movie_aboutWorker_slider_controls_prevBtn::before {
  background-image: url(../img/common/slider/yellow/arrow-left.png);
}
.movie_aboutWorker_slider_controls_nextBtn::before {
  background-image: url(../img/common/slider/yellow/arrow-right.png);
}
/* 働く人についてここまで */

/* 入社後の様子について */
.movie_companyAfterJoining_section {
  padding-top: 80px;
}
.movie_companyAfterJoining_heading {
  border: solid 2px #9F91D2;
}
.movie_companyAfterJoining_heading::after {
  background-color: #9F91D2;
}
.movie_companyAfterJoining_heading_en, .movie_companyAfterJoining_heading_title {
  color: #9F91D2;
}
.movie_companyAfterJoining_heading_en::before {
  background-image: url(../img/movie/icon/purple.png);
}
.movie_companyAfterJoining_slider_wrapper {
  background-color: rgba(159, 145, 210, 0.1);
}
.movie_companyAfterJoining_slider_department {
  background-color: #9F91D2;
}
.movie_companyAfterJoining_slider_wrapper .movie_about_slider_dots button {
  background-color: rgba(159, 145, 210, 0.25);
}
.movie_companyAfterJoining_slider_wrapper .movie_about_slider_dots .slick-active button {
  background-color: #9F91D2;
}
.movie_companyAfterJoining_slider_controls_btn {
  border-color: rgba(159, 145, 210, 0.4);
}
.movie_companyAfterJoining_slider_controls_prevBtn::before {
  background-image: url(../img/common/slider/purple/arrow-left.png);
}
.movie_companyAfterJoining_slider_controls_nextBtn::before {
  background-image: url(../img/common/slider/purple/arrow-right.png);
}
/* 入社後の様子についてここまで */

/* 人事課採用担当について */
.movie_recruitmentOfficer_section {
  padding-top: 80px;
}
.movie_recruitmentOfficer_heading {
  border: solid 2px #67C4BE;
}
.movie_recruitmentOfficer_heading::after {
  background-color: #67C4BE;
}
.movie_recruitmentOfficer_heading_en, .movie_recruitmentOfficer_heading_title {
  color: #67C4BE;
}
.movie_recruitmentOfficer_heading_en::before {
  background-image: url(../img/movie/icon/green.png);
}
.movie_recruitmentOfficer_slider_wrapper {
  background-color: rgba(103, 196, 190, 0.1);
}
.movie_recruitmentOfficer_slider_department {
  background-color: #67C4BE;
}
.movie_recruitmentOfficer_slider_wrapper .movie_about_slider_dots button {
  background-color: rgba(103, 196, 190, 0.25);
}
.movie_recruitmentOfficer_slider_wrapper .movie_about_slider_dots .slick-active button {
  background-color: #67C4BE;
}
.movie_recruitmentOfficer_slider_controls_btn {
  border-color: rgba(103, 196, 190, 0.4);
}
.movie_recruitmentOfficer_slider_controls_prevBtn::before {
  background-image: url(../img/common/slider/green/arrow-left.png);
}
.movie_recruitmentOfficer_slider_controls_nextBtn::before {
  background-image: url(../img/common/slider/green/arrow-right.png);
}
/* 人事課採用担当についてここまで */

@media(max-width: 1439px){
/* アンカーリンク */
.movie_anchor_items {
  column-gap: calc(32/var(--view-size)*100vw);
}
.movie_anchor_item {
  width: calc(210/var(--view-size)*100vw);
}
/* アンカーリンクここまで */

/* 会社概要動画*/
.movie_video_section .movie_video_content.js-yt {
  margin-top: calc(40/var(--view-size)*100vw);
  height: calc(578/var(--view-size)*100vw);
  width: calc(1000/var(--view-size)*100vw);
  border-radius: calc(39.8/var(--view-size)*100vw);
}
.movie_video_content.js-yt{
  width: calc(460/var(--view-size)*100vw);
  height: calc(258.75/var(--view-size)*100vw);
  border-radius: calc(8/var(--view-size)*100vw);
  margin-top: calc(16/var(--view-size)*100vw);
}
/* 再生ボタン */
.yt-play{
  right: calc(10/var(--view-size)*100vw);
  bottom: calc(29/var(--view-size)*100vw);
  width: calc(100/var(--view-size)*100vw);
  height: calc(100/var(--view-size)*100vw);
}
/* 会社概要動画ここまで */

/* 共通パーツ */
.movie_about {
  padding-left: calc(47/var(--view-size)*100vw);
}
.movie_about_heading {
  width: calc(263.46/var(--view-size)*100vw);
  border-radius: calc(16/var(--view-size)*100vw);
  padding: calc(30/var(--view-size)*100vw) 0 calc(41/var(--view-size)*100vw);
}
.movie_about_heading::before {
  right: calc(-2/var(--view-size)*100vw);
  width: calc(9/var(--view-size)*100vw);
  height: calc(20/var(--view-size)*100vw);
}
.movie_about_heading::after {
  right: calc(-40/var(--view-size)*100vw);
  width: calc(40/var(--view-size)*100vw);
  height: calc(2/var(--view-size)*100vw);
}
.movie_about_heading_en {
  padding-left: calc(46/var(--view-size)*100vw);
  font-size: calc(14/var(--view-size)*100vw);
}
.movie_about_heading_en::before {
  width: calc(36.36/var(--view-size)*100vw);
  height: calc(10/var(--view-size)*100vw);
}
.movie_about_heading_title {
  margin-top: calc(9/var(--view-size)*100vw);
  font-size: calc(20/var(--view-size)*100vw);
}
.movie_about_slider_wrapper {
  border-radius: calc(80/var(--view-size)*100vw) 0 0 calc(80/var(--view-size)*100vw);
  padding: calc(30/var(--view-size)*100vw) calc(26/var(--view-size)*100vw) calc(56/var(--view-size)*100vw) calc(289/var(--view-size)*100vw);
}
.movie_about_slide {
  margin-right: calc(40/var(--view-size)*100vw);
}
.movie_about_slider_department {
  width: calc(220/var(--view-size)*100vw);
  font-size: calc(15/var(--view-size)*100vw);
  line-height: calc(39/var(--view-size)*100vw);
  border-radius: calc(80.24/var(--view-size)*100vw);
}
.movie_about_slider_movie {
  margin-top: calc(16/var(--view-size)*100vw);
  width: calc(460/var(--view-size)*100vw);
  aspect-ratio: 460 / 260;
}
.movie_about_slider_movie iframe {
  width: 100%;
  height: 100%;
}
.movie_about_slider_dots {
  margin-top: calc(38/var(--view-size)*100vw);
  width: calc(714/var(--view-size)*100vw);
}
.movie_about_slider_dots button {
  text-indent: calc(-9999/var(--view-size)*100vw);
}
.movie_about_slider_controls {
  bottom: calc(32/var(--view-size)*100vw);
  column-gap: calc(16/var(--view-size)*100vw);
}
.movie_about_slider_controls_btn {
  width: calc(48/var(--view-size)*100vw);
  height: calc(48/var(--view-size)*100vw);
}
/* 共通パーツここまで */

/* 1日の働き方について */
.movie_workStyle_section {
  padding-top: calc(108/var(--view-size)*100vw);
}
.movie_workStyle_heading {
  border: solid calc(2/var(--view-size)*100vw) var(--primary);
}
/* 1日の働き方についてここまで */

/* 働く環境について */
.movie_workingEnvironment_section {
  padding-top: calc(80/var(--view-size)*100vw);
}
.movie_workingEnvironment_heading {
  border: solid calc(2/var(--view-size)*100vw) #DF6519;
}
/* 働く環境についてここまで */

/* 働く人について */
.movie_aboutWorker_heading {
  border: solid calc(2/var(--view-size)*100vw) #AE9D50;
}
/* 働く人についてここまで */

/* 入社後の様子について */
.movie_companyAfterJoining_section {
  padding-top: calc(80/var(--view-size)*100vw);
}
.movie_companyAfterJoining_heading {
  border: solid calc(2/var(--view-size)*100vw) #9F91D2;
}
/* 入社後の様子についてここまで */

/* 人事課採用担当について */
.movie_recruitmentOfficer_section {
  padding-top: calc(80/var(--view-size)*100vw);
}
.movie_recruitmentOfficer_heading {
  border: solid calc(2/var(--view-size)*100vw) #67C4BE;
}
/* 人事課採用担当についてここまで */
}

@media(max-width: 768px){
/* アンカーリンク */
.movie_anchor_items {
  column-gap: calc(20/var(--view-size)*100vw);
}
.movie_anchor_item {
  width: calc(50% - (10/var(--view-size)*100vw));
}
/* アンカーリンクここまで */

/* 会社概要動画*/
.movie_video_section .movie_video_content.js-yt {
  margin-top: calc(24/var(--view-size)*100vw);
  height: calc(200/var(--view-size)*100vw);
  border-radius: calc(8 / var(--view-size) * 100vw);
  width: 100%;
}
.movie_video_content.js-yt{
  width: calc(300/var(--view-size)*100vw);
  height: calc(170/var(--view-size)*100vw);
  border-radius: calc(8/var(--view-size)*100vw);
  margin-top: calc(11/var(--view-size)*100vw);
}
/* 再生ボタン */
.yt-play{
  right: calc(6.52/var(--view-size)*100vw);
  bottom: calc(13.68/var(--view-size)*100vw);
  width: calc(65.22/var(--view-size)*100vw);
  height: calc(65.22/var(--view-size)*100vw);
}
/* 会社概要動画ここまで */

/* 共通パーツ */
.movie_about {
  padding-left: 0;
}
.movie_about_heading {
  top: calc(-9/var(--view-size)*100vw);
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: calc(280/var(--view-size)*100vw);
  border-radius: calc(10/var(--view-size)*100vw);
  padding: calc(7/var(--view-size)*100vw) 0 calc(12/var(--view-size)*100vw);
}
.movie_about_heading::before {
  right: initial;
  left: 50%;
  transform: translateX(-50%);
  top: initial;
  bottom: calc(-2.5/var(--view-size)*100vw);
  width: calc(20/var(--view-size)*100vw);
  height: calc(2.5/var(--view-size)*100vw);
}
.movie_about_heading::after {
  right: initial;
  left: 50%;
  transform: translateX(-50%);
  top: initial;
  bottom: calc(-13/var(--view-size)*100vw);
  width: calc(2/var(--view-size)*100vw);
  height: calc(15/var(--view-size)*100vw);
}
.movie_about_heading_en {
  padding-left: calc(37/var(--view-size)*100vw);
  font-size: calc(12/var(--view-size)*100vw);
}
.movie_about_heading_en::before {
  width: calc(29/var(--view-size)*100vw);
  height: calc(8/var(--view-size)*100vw);
}
.movie_about_heading_title {
  margin-top: calc(4/var(--view-size)*100vw);
  font-size: calc(16/var(--view-size)*100vw);
}
.movie_about_slider_wrapper {
  border-radius: calc(20/var(--view-size)*100vw) 0 0 calc(20/var(--view-size)*100vw);
  padding: calc(63/var(--view-size)*100vw) 0 calc(60/var(--view-size)*100vw) calc(25/var(--view-size)*100vw);
}
.movie_about_slide {
  margin-right: calc(30/var(--view-size)*100vw);
}
.movie_about_slider_department {
  width: calc(176/var(--view-size)*100vw);
  font-size: calc(12/var(--view-size)*100vw);
  line-height: calc(32/var(--view-size)*100vw);
  border-radius: calc(64.2/var(--view-size)*100vw);
}
.movie_about_slider_movie {
  margin-top: calc(10/var(--view-size)*100vw);
  width: calc(300/var(--view-size)*100vw);
  aspect-ratio: 300 / 170;
}
.movie_about_slider_movie iframe {
  width: 100%;
  height: 100%;
}
.movie_about_slider_dots {
  display: none!important;
}
.movie_about_slider_controls {
  right: 50%;
  transform: translateX(50%);
  bottom: calc(9/var(--view-size)*100vw);
  column-gap: calc(10/var(--view-size)*100vw);
}
.movie_about_slider_controls_btn {
  width: calc(36/var(--view-size)*100vw);
  height: calc(36/var(--view-size)*100vw);
}
.movie_about_slider_controls_btn::before,
.movie_about_slider_controls_btn::after {
  width: calc(6.84 / var(--view-size) * 100vw);
  height: calc(10.8 / var(--view-size) * 100vw);
}
/* 共通パーツここまで */

/* 1日の働き方について */
.movie_workStyle_section {
  padding-top: calc(86/var(--view-size)*100vw);
}
.movie_workStyle_heading::before {
  background-color: #E6EFF7;
}
/* 1日の働き方についてここまで */

/* 働く環境について */
.movie_workingEnvironment_section {
  padding-top: calc(90/var(--view-size)*100vw);
}
.movie_workingEnvironment_heading::before {
  background-color: #FBECE6;
}
/* 働く環境についてここまで */

/* 働く人について */
.movie_second_section {
  padding-top: calc(110/var(--view-size)*100vw);
}
.movie_aboutWorker_heading::before {
  background-color: #F6F4EC;
}
/* 働く人についてここまで */

/* 入社後の様子について */
.movie_companyAfterJoining_section {
  padding-top: calc(90/var(--view-size)*100vw);
}
.movie_companyAfterJoining_heading::before {
  background-color: #F2F1FA;
}
/* 入社後の様子についてここまで */

/* 人事課採用担当について */
.movie_recruitmentOfficer_section {
  padding-top: calc(90/var(--view-size)*100vw);
}
.movie_recruitmentOfficer_heading::before {
  background-color: #F0F9F9;
}
/* 人事課採用担当についてここまで */
}