@charset "UTF-8";

/*
下層ページ共通css
*/

/* タイトルエリア */
.common_page_titleArea {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.common_page_titleArea_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: ellipse(100% 64% at 25% 35%);
  overflow: hidden;
}
.common_page_titleArea_bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 96, 176, 0.5);
}
.common_page_titleArea_bg_img, .common_page_titleArea_bg_img picture {
  width: 100%;
  height: 100%;
}
.common_page_titleArea_bg_img img {
  width: 100%;
  height: 100%;
  /* object-position: 50% 32%; */
}
.common_page_titleArea_title {
  position: relative;
  padding: 220px 0 180px;
  font-size: 60px;
  font-weight: 700;
  line-height: calc(72 / 60);
  letter-spacing: 0.03333333333em;
  color: var(--white);
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
/* タイトルエリアここまで */

/* ぱんくずリスト */
.common_page_breadcrumb {
  margin-top: -10px;
  margin-bottom: 50px;
}
.common_page_breadcrumb_items {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 40px;
}
.common_page_breadcrumb_item {
  position: relative;
}
.common_page_breadcrumb_item:not(:last-child) {
  white-space: nowrap;
}
.common_page_breadcrumb_item:last-child{
  opacity: .5;
}
.common_page_breadcrumb_item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background-color: var(--black);
  opacity: 0.4;
}
.common_page_breadcrumb_item:first-child:before {
  display: none;
}
.common_page_breadcrumb_link {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(17 / 14);
  letter-spacing: 0.142857em;
}
.common_page_breadcrumb_item .common_page_breadcrumb_link::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(32, 32, 80, 0.3);
}
.common_page_breadcrumb_item:last-child .common_page_breadcrumb_link::after{
  content: none;
}
/* ぱんくずリストここまで */

/* アンカーリンク */
.common_page_anchor {
  position: relative;
  margin-bottom: 80px;
  z-index: 1;
}
.common_page_anchor_items {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 60px;
}
.common_page_anchor_item {
  width: 190px;
}
.common_btn.common_btn_white.common_page_anchor_item_btn::before,
.common_btn.common_btn_white.common_page_anchor_item_btn::after{
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.common_btn.common_btn_white.common_page_anchor_item_btn::before{
  width: 100%;
  background: rgba(32, 32, 80, 0.1);
}
.common_btn.common_btn_white.common_page_anchor_item_btn::after{
  width: 0%;
  background: rgba(32, 32, 80, 1);
  transition: .3s;
}
.common_btn.common_btn_white.common_page_anchor_item_btn:hover:after{
  width: 100%;
}
.common_page_anchor_item_btn {
  justify-content: space-between;
  padding: 0 5px 16px;
}
.common_page_anchor_item_btn > span:first-child {
  font-size: 16px;
  font-weight: 500;
  line-height: calc(23 / 16);
  letter-spacing: 0;
}
.common_page_anchor_item_btn_arrow {
  position: relative;
  width: 24px;
  height: 24px;
  border: solid rgba(0, 96, 176, 0.4) 1px;
  border-radius: 50%;
  background-image: url(../img/common/anchor/arrow-bottom.png);
  background-size: 7.5px 4.5px;
  background-repeat: no-repeat;
  background-position: center;
}
/* アンカーリンクここまで */

/* リンクボックスエリア */
.common_page_linkBox_section {
  padding-top: 100px;
  padding-bottom: 100px;
}
.common_section + .common_page_linkBox_section {
  padding-top: 100px;
}
.common_page_linkBoxes {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  justify-content: space-between;
}
.common_page_linkBox {
  position: relative;
  height: 150px;
  border-radius: 16px;
  overflow: hidden;
  justify-content: space-between;
}
.common_page_linkBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform .4s ease;
  z-index: -2;
  background-size: cover;
}
.common_page_linkBox:hover::before {
  transform: scale(1.1);
}
.common_page_linkBox:nth-child(1),
.common_page_linkBox:nth-child(2) {
  width: 100%;
  padding-right: 56px;
  padding-left: 63.5px;
}
.common_page_linkBox:nth-child(1)::before {
  background-image: url(../img/common/linkBox/1minutes.webp);
}
.common_page_linkBox:nth-child(2)::before {
  background-image: url(../img/common/linkBox/movie.webp);
}
.common_page_linkBox:nth-child(3) {
  padding-top: 8px;
  width: calc(50% - 5px);
  padding-right: 66px;
  padding-left: 66px;
}
.common_page_linkBox:nth-child(3)::before {
  background-image: url(../img/common/linkBox/representative-message.webp);
}
.common_page_linkBox:nth-child(4) {
  padding-top: 8px;
  width: calc(50% - 5px);
  padding-right: 57.27px;
  padding-left: 64.84px;
}
.common_page_linkBox:nth-child(4)::before {
  background-image: url(../img/common/linkBox/recruitment-message.webp);
}
.common_page_linkBox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 96, 176, 0.5);
  background-image: url(../img/common/bg/noise.png);
  background-size: 160px 160px;
  background-repeat: repeat;
  pointer-events: none;
}
.common_page_linkBox.common_post_linkBox_interview::before{
  background-image: url(../img/common/linkBox/interview.webp);
}
.common_page_linkBox > span {
  position: relative;
  z-index: 1;
}
.common_page_linkBox > span:first-child {
  font-size: 20px;
  font-weight: 700;
  line-height: calc(39 / 20);
  letter-spacing: 0.1em;
  color: var(--white);
}
.common_page_linkBox:nth-child(1) > span:first-child,
.common_page_linkBox:nth-child(2) > span:first-child {
  position: relative;
  padding-left: 68.5px;
}
.common_page_linkBox:nth-child(1) > span:first-child::before,
.common_page_linkBox:nth-child(2) > span:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background-size: cover;
}
.common_page_linkBox:nth-child(1) > span:first-child::before {
  background-image: url(../img/common/linkBox/icon-1minutes.png);
}
.common_page_linkBox:nth-child(2) > span:first-child::before {
  background-image: url(../img/common/linkBox/icon-movie.png);
}
.common_page_linkBox > span:last-child {
  background-color: var(--white);
}
/* リンクボックスエリアここまで */

/* リンクカードエリア */
.common_page_linkCard_section {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #F9F9F9;
}
.common_page_linkCards {
  display: flex;
  column-gap: 3.12%;
}
.common_page_linkCard {
  width: 31.25333333%;
  border-radius: 13.83px;
  overflow: hidden;
}
.common_page_linkCard_img{
  overflow: hidden;
}
.common_page_linkCard_img img {
  width: 100%;
  transition: .3s;
}
.common_page_linkCard:hover .common_page_linkCard_img img{
  transform: scale(1.1);
}
.common_page_linkCard_body {
  padding: 25.7px 8.4% 37.68px;
  background-color: var(--white);
}
.common_linkCard_body_btn {
  justify-content: center;
  column-gap: initial;
  font-weight: 500;
}
.common_linkCard_body_btn::after {
  top: 50%!important;
  transform: translateY(-50%)!important;
}
.common_linkCard_body_btn > span:first-child {
  position: relative;
}
.common_linkCard_body_btn > span:first-child::before{
  content: "";
  position: absolute;
  bottom: -6px;
  left: -4.5px;
  width: 0;
  height: 1px;
  background-color: rgba(32, 32, 80, 1);
  transition: .3s;
}
.common_page_linkCard:hover .common_linkCard_body_btn > span:first-child::before{
  width: calc(100% + 9px);
}
.common_linkCard_body_btn > span:first-child::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: -4.5px;
  width: calc(100% + 9px);
  height: 1px;
  background-color: rgba(32, 32, 80, 0.1);
}
.common_linkCard_body_btn > span:last-child {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
/* リンクカードエリアここまで */

@media(max-width: 1439px){
/* タイトルエリア */
.common_page_titleArea_title {
  padding: calc(220/var(--view-size)*100vw) 0 calc(180/var(--view-size)*100vw);
  font-size: calc(60/var(--view-size)*100vw);
}
/* タイトルエリアここまで */

/* ぱんくずリスト */
.common_page_breadcrumb {
  margin-top: calc(-10/var(--view-size)*100vw);
  margin-bottom: calc(50/var(--view-size)*100vw);
}
.common_page_breadcrumb_items {
  column-gap: calc(40/var(--view-size)*100vw);
}
.common_page_breadcrumb_item::before {
  left: calc(-30/var(--view-size)*100vw);
  width: calc(20/var(--view-size)*100vw);
}
.common_page_breadcrumb_link {
  font-size: calc(14/var(--view-size)*100vw);
}
.common_page_breadcrumb_item .common_page_breadcrumb_link::after {
  bottom: calc(-6/var(--view-size)*100vw);
}
/* ぱんくずリストここまで */

/* アンカーリンク */
.common_page_anchor {
  margin-bottom: calc(80/var(--view-size)*100vw);
}
.common_page_anchor_items {
  column-gap: calc(60/var(--view-size)*100vw);
}
.common_page_anchor_item {
  width: calc(190/var(--view-size)*100vw);
}
.common_page_anchor_item_btn {
  padding: 0 calc(5/var(--view-size)*100vw) calc(16/var(--view-size)*100vw);
}
.common_page_anchor_item_btn > span:first-child {
  font-size: calc(16/var(--view-size)*100vw);
}
.common_page_anchor_item_btn_arrow {
  width: calc(24/var(--view-size)*100vw);
  height: calc(24/var(--view-size)*100vw);
  background-size: calc(7.5/var(--view-size)*100vw) calc(4.5/var(--view-size)*100vw);
}
/* アンカーリンクここまで */

/* リンクボックスエリア */
.common_page_linkBox_section {
  padding-top: calc(100/var(--view-size)*100vw);
  padding-bottom: calc(100/var(--view-size)*100vw);
}
.common_section + .common_page_linkBox_section {
  padding-top: calc(100/var(--view-size)*100vw);
}
.common_page_linkBoxes {
  row-gap: calc(10/var(--view-size)*100vw);
}
.common_page_linkBox {
  height: calc(150/var(--view-size)*100vw);
  border-radius: calc(16/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(1),
.common_page_linkBox:nth-child(2) {
  padding-right: calc(56/var(--view-size)*100vw);
  padding-left: calc(63.5/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(3) {
  padding-top: calc(8/var(--view-size)*100vw);
  padding-right: calc(66/var(--view-size)*100vw);
  padding-left: calc(66/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(4) {
  padding-top: calc(8/var(--view-size)*100vw);
  padding-right: calc(57.27/var(--view-size)*100vw);
  padding-left: calc(64.84/var(--view-size)*100vw);
}
.common_page_linkBox::after {
  background-size: calc(160/var(--view-size)*100vw) calc(160/var(--view-size)*100vw);
}
.common_page_linkBox > span:first-child {
  font-size: calc(20/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(1) > span:first-child,
.common_page_linkBox:nth-child(2) > span:first-child {
  padding-left: calc(68.5/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(1) > span:first-child::before,
.common_page_linkBox:nth-child(2) > span:first-child::before {
  width: calc(45/var(--view-size)*100vw);
  height: calc(45/var(--view-size)*100vw);
}
/* リンクボックスエリアここまで */

/* リンクカードエリア */
.common_page_linkCard_section {
  padding-top: calc(100/var(--view-size)*100vw);
  padding-bottom: calc(100/var(--view-size)*100vw);
}
.common_page_linkCard {
  border-radius: calc(13.83/var(--view-size)*100vw);
}
.common_page_linkCard_body {
  padding: calc(25.7/var(--view-size)*100vw) 8.4% calc(37.68/var(--view-size)*100vw);
}
.common_linkCard_body_btn {
  column-gap: calc(66/var(--view-size)*100vw);
}
.common_linkCard_body_btn > span:first-child::after {
  bottom: calc(-6/var(--view-size)*100vw);
  left: calc(-4.5/var(--view-size)*100vw);
  width: calc(100% + (9/var(--view-size)*100vw));
}
.common_linkCard_body_btn > span:first-child::before{
  bottom: calc(-6/var(--view-size)*100vw);
  left: calc(-4.5/var(--view-size)*100vw);
}
.common_page_linkCard:hover .common_linkCard_body_btn > span:first-child::before{
  width: calc(100% + (9/var(--view-size)*100vw));
}
/* リンクカードエリアここまで */
}

@media(max-width: 768px){
/* タイトルエリア */
.common_page_titleArea_bg {
  clip-path: ellipse(100% 54% at 36% 42%);
}
.common_page_titleArea_bg_img img {
  /* object-position: 44% 41%; */
}
.common_page_titleArea_title {
  line-height: 1.4;
  padding: calc(120/var(--view-size)*100vw) 0 calc(80/var(--view-size)*100vw);
  font-size: calc(24/var(--view-size)*100vw);
  letter-spacing: 0.08333333333em;
}
.common_page_titleArea_title span {
  /* font-size: calc(20/var(--view-size)*100vw);
  letter-spacing: 0.1em; */
}
/* タイトルエリアここまで */

/* ぱんくずリスト */
.common_page_breadcrumb {
  margin-top: calc(7/var(--view-size)*100vw);
  margin-bottom: calc(40/var(--view-size)*100vw);
}
.common_page_breadcrumb_items {
  column-gap: calc(30/var(--view-size)*100vw);
}
.common_page_breadcrumb_item {
  line-height: 1;
}
.common_page_breadcrumb_item::before {
  top: calc(50% + calc(1/var(--view-size)*100vw));
  left: calc(-20/var(--view-size)*100vw);
  width: calc(10/var(--view-size)*100vw);
}
.common_page_breadcrumb_link {
  font-size: calc(10/var(--view-size)*100vw);
  letter-spacing: 0.1em;
}
.common_page_breadcrumb_item .common_page_breadcrumb_link::after {
  bottom: calc(-4/var(--view-size)*100vw);
}
/* ぱんくずリストここまで */

/* アンカーリンク */
.common_page_anchor {
  margin-bottom: calc(40/var(--view-size)*100vw);
}
.common_page_anchor_items {
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: calc(20/var(--view-size)*100vw);
  row-gap: calc(20/var(--view-size)*100vw);
  padding: 0;
}
.common_page_anchor_item {
  width: calc(50% - (10/var(--view-size)*100vw));
}
.common_page_anchor_item_btn {
  padding: 0 0 calc(20/var(--view-size)*100vw);
}
.common_page_anchor_item_btn > span:first-child {
  font-size: calc(13/var(--view-size)*100vw);
}
.common_page_anchor_item_btn_arrow {
  width: calc(16/var(--view-size)*100vw);
  height: calc(16/var(--view-size)*100vw);
  background-size: calc(4.95/var(--view-size)*100vw) calc(3/var(--view-size)*100vw);
}
.common_btn.common_btn_white.common_page_anchor_item_btn:hover:after{
  width: 0%;
}
/* アンカーリンクここまで */

/* リンクボックスエリア */
.common_page_linkBox_section {
  padding-top: calc(40/var(--view-size)*100vw);
  padding-bottom: calc(40/var(--view-size)*100vw);
}
.common_section + .common_page_linkBox_section {
  padding-top: calc(40/var(--view-size)*100vw);
}
.common_page_linkBoxes {
  row-gap: calc(10/var(--view-size)*100vw);
}
.common_page_linkBox {
  height: calc(100/var(--view-size)*100vw);
  border-radius: calc(16/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(1),
.common_page_linkBox:nth-child(2) {
  padding-right: calc(17/var(--view-size)*100vw);
  padding-left: calc(19/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(3) {
  width: 100%;
  padding-top: 0;
  padding-bottom: calc(2/var(--view-size)*100vw);
  padding-right: calc(17/var(--view-size)*100vw);
  padding-left: calc(45/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(4) {
  width: 100%;
  padding-top: 0;
  padding-bottom: calc(2/var(--view-size)*100vw);
  padding-right: calc(17/var(--view-size)*100vw);
  padding-left: calc(45/var(--view-size)*100vw);
  background-position: 0 57%;
}
.common_page_linkBox > span:first-child {
  font-size: calc(14/var(--view-size)*100vw);
  letter-spacing: 0.071428571em;
}
.common_page_linkBox:nth-child(1) > span:first-child,
.common_page_linkBox:nth-child(2) > span:first-child {
  padding-left: calc(26/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(1) > span:first-child::before,
.common_page_linkBox:nth-child(2) > span:first-child::before {
  width: calc(20/var(--view-size)*100vw);
  height: calc(20/var(--view-size)*100vw);
}
.common_page_linkBox:nth-child(1) > span:first-child,
.common_page_linkBox:nth-child(2) > span:first-child {
  font-size: calc(14/var(--view-size)*100vw);
  letter-spacing: 0.058333333333em;
}
.common_page_linkBox:nth-child(1) > span:first-child > span,
.common_page_linkBox:nth-child(2) > span:first-child > span {
  font-size: calc(14/var(--view-size)*100vw);
  letter-spacing: 0.0466666666em;
}
.common_page_linkBox > span:last-child {
  width: calc(40 / var(--view-size) * 100vw);
  height: calc(28 / var(--view-size) * 100vw);
  border-radius: calc(30 / var(--view-size) * 100vw);
  background-size: calc(12 / var(--view-size) * 100vw) calc(8 / var(--view-size) * 100vw);
}
/* リンクボックスエリアここまで */

/* リンクカードエリア */
.common_page_linkCard_section {
  padding-top: calc(32/var(--view-size)*100vw);
  padding-bottom: calc(32/var(--view-size)*100vw);
}
.common_page_linkCards {
  display: block;
}
.common_page_linkCard {
  width: 100%;
  margin-top: calc(9/var(--view-size)*100vw);
  border-radius: calc(8/var(--view-size)*100vw);
  display: flex;
  align-items: stretch;
}
.common_page_linkCard:first-child {
  margin-top: 0;
}
.common_page_linkCard_img {
  width: 36%;
  height: calc(100/var(--view-size)*100vw);
}
.common_page_linkCard_body {
  width: 64%;
  padding: 0 calc(32/var(--view-size)*100vw) calc(7/var(--view-size)*100vw) 0;
  display: flex;
  align-items: center;
}
.common_linkCard_body_btn {
  width: 100%;
  margin-left: calc(-6/var(--view-size)*100vw);
  letter-spacing: 0;
}
.common_linkCard_body_btn::after {
  top: 56%!important;
  right: calc(-6/var(--view-size)*100vw)!important;
}
.common_linkCard_body_btn > span:first-child {
  font-weight: 500;
}
.common_linkCard_body_btn > span:first-child::after {
  left: 50%;
  transform: translateX(-50%);
  width: calc(89/var(--view-size)*100vw);
  bottom: calc(-2/var(--view-size)*100vw);
}
.common_page_linkCard:hover .common_linkCard_body_btn > span:first-child::before{
  content: none;
}
.common_page_linkCard_img img{
  height: 100%;
  object-position: 100%;
}
.common_page_linkCard:hover .common_page_linkCard_img img{
  transform: scale(1);
}
.common_linkCard_body_btn > span:last-child {
  top: 56%;
  width: calc(40 / var(--view-size) * 100vw);
  height: calc(28 / var(--view-size) * 100vw);
  border-radius: calc(30 / var(--view-size) * 100vw);
  background-size: calc(12 / var(--view-size) * 100vw) calc(8 / var(--view-size) * 100vw);
  right: calc(-20 / var(--view-size) * 100vw);
}
/* リンクカードエリアここまで */
}