@charset "UTF-8";

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: var(--white-color);
}

/* Set core root defaults */
/* html:focus-within {
  scroll-behavior: smooth;
} */

/* Set core body defaults */
body {
  cursor: default;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  object-fit: cover;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  /* html:focus-within {
   scroll-behavior: auto;
  } */
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    /* scroll-behavior: auto !important; */
  }
}

@font-face {
  font-family: 'poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v24-latin-400.woff2') format('woff2'),
  url('../fonts/poppins-v24-latin-400.woff') format('woff');
}
@font-face {
  font-family: 'poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2'),
  url('../fonts/poppins-v24-latin-600.woff') format('woff');
}
@font-face {
  font-family: 'poppins';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2'),
  url('../fonts/poppins-v24-latin-700.woff') format('woff');
}


body{
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.06666667em;
  color: var(--black);
  overflow-x: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
body.is-nav-hover{
  overflow: hidden;
}

/* :rootのCSS変数の宣言 */
:root {
  /* vies size PC */
  --view-size: 1440;
  --white: #fff;
  --black: #202050;
  --border: #BBBCBC;
  --primary: #0060B0;
}

@media(max-width: 768px){
  body {
    font-size: calc(14/var(--view-size)*100vw);
  }
  :root {
    /* vies size PC */
    --view-size: 390;
  }
}

.common_pc_only {
  display: block!important;
}
.common_sp_only {
  display: none!important;
}
.common_inner {
  margin: 0 auto;
  max-width: 1200px;
}
.common_page_titleArea .common_inner{
  max-width: 1400px;
}
.common_inner.single_linkbox{
  max-width: 1000px;
}
.common_inner_wrap_xl {
  padding-left: 40px;
  padding-right: 40px;
}
.common_inner_wrap_l {
  padding-left: 100px;
  padding-right: 100px;
}
.common_inner_wrap_ml {
  padding-left: 120px;
  padding-right: 120px;
}
.common_inner_wrap_m {
  padding-left: 150px;
  padding-right: 150px;
}
.common_inner_wrap_s {
  padding-left: 160px;
  padding-right: 160px;
}
.common_inner_wrap_xs {
  padding-left: 220px;
  padding-right: 220px;
}
.common_inner_wrap_xxs {
  padding-left: 320px;
  padding-right: 320px;
}

@media(max-width: 768px){
  .common_pc_only {
    display: none!important;
  }
  .common_sp_only {
    display: block!important;
  }
}

/* ヘッダー */
body.is-nav-hover .common_header_wrapper {
	position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
	z-index: 80;
}
body.is-nav-hover::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
  pointer-events: none;
}
body.is-nav-hover .common_header_inner {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: transparent;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  padding-top: 22px;
  width: 100%;
  transition: transform .4s ease;
  will-change: transform;
}
header.is-hidden {
  transform: translateY(-100%);
}
header.is-over-hero {
  color: var(--white);
}
.common_header_inner {
  padding: 0 40px;
  width: 100%;
}
.common_header_top {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
}
.common_header_top_items {
  display: flex;
  column-gap: 24px;
}
.common_header_top_link {
  position: relative;
  display: inline-block;
  padding-right: 16.81px;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(20/14);
  letter-spacing: 0;
  transition: .3s;
}
.common_header_top_link:hover{
  opacity: .8;
}
.common_header_top_link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url(../img/common/header/tab.png);
  background-size: cover;
}
header.is-over-hero .common_header_top_link::after {
  background-image: url(../img/common/header/tab-page.png);
}
.common_header_content {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common_header_content_logo {
  width: 428px;
  position: relative;
  z-index: 2;
}
.common_header_content_logo_link {
  display: block;
}
.common_header_content_logo_link img {
  width: 100%;
}
.common_header_content_hum {
  display: none;
}
.common_header_content_nav {
  display: flex;
  align-items: center;
  column-gap: 39px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.common_header_content_items {
  display: flex;
  column-gap: 32px;
}
.common_header_content_item_hov {
  position: relative;
}
.common_header_content_link {
  font-weight: 500;
  line-height: calc(22 / 15);
  letter-spacing: 0;
  display: block;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.common_header_content_link::after{
  content: "";
  width: 0%;
  height: 1px;
  background: var(--black);
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: .3s;
}
.is-over-hero .common_header_content_link::after{
  background: var(--white);
}
.common_header_content_item_hov.is-active .common_header_content_link::after{
  width: 100%;
}
.common_header_content_item_hov .common_header_content_link{
  padding-right: 16px;
}
.common_header_content_item_hov .common_header_content_link::before{
  content: "";
  background-image: url(../img/common/header/arrow-bottom-bl.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 8px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.is-over-hero .common_header_content_item_hov .common_header_content_link::before{
  background-image: url(../img/common/header/arrow-bottom-wh.png);
}
.common_header_content_link:hover::after{
  width: 100%;
}
.common_header_content_btn_wrapper{
  position: relative;
  z-index: 2;
}
.common_header_content_item_hov > ul {
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: #f9f9f9;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 145px 40px 80px;
}
.common_header_content_item_hov.is-active > ul{
  /* display: block; */
  opacity: 1;
  visibility: visible;
}
.common_header_content_item_hov > ul li:first-child{
  width: 100%;
  margin-bottom: 50px;
  padding-top: 40px;
  text-align: center;
}
.common_header_content_item_hov > ul li:first-child a{
  display: flex;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  align-items: center;
  justify-content: center;
  column-gap: 25px;
}
.common_header_content_item_hov > ul li:first-child a::after{
  content: "";
  background-color: var(--primary);
  border-radius: 18px;
  background-image: url(../img/common/btn/white/arrow-right.png);
  background-size: 16px 7.5px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 48px;
  height: 36px;
  /* position: absolute;
  top: 50%;
  right: -73px;
  transform: translateY(-50%); */
}
.common_header_content_item_hov > ul li:first-child a span{
  position: relative;
}
.common_header_content_item_hov > ul li:first-child a span::after{
  content: "";
  width: 0%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: .3s;
}
.common_header_content_item_hov > ul li:first-child a:hover span::after{
  width: 100%;
}
.common_header_content_item_hov > ul > li{
  width: 23.5%;
  position: relative;
}
.common_header_content_item_hov > ul > li::after{
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(32,32,60,.1);
  position: absolute;
  bottom: 0;
  left: 0;
}
.common_header_content_item_hov > ul li:first-child::after{
  bottom: auto;
  top: 0;
}
.common_header_content_item_hov > ul > li:last-child{
  margin-right: 0;
}
.common_header_content_item_hov > ul > li:nth-child(6){
  margin-top: 35px;
}
.common_header_content_item_hov > ul > li a::after{
  content: "";
  background-image: url(../img/common/btn/blue/arrow-right.png);
  background-size: 16px 7.5px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 16px;
  height: 10px;
}
/* .common_header_content_item_hov:hover > ul {
  display: block;
  position: absolute;
  top: 100%;
  padding-top: 18.5px;
  left: 0;
  width: 300px;
} */
 /* .common_header_content_item_hov a{
  pointer-events: none;
 }
 .common_header_content_item_hov.is-active > ul li a{
  pointer-events: all;
 } */
.common_header_content_item_hov > ul > li:first-child {
  /* display: none; */
}
.common_header_content_item_hov > ul a {
  display: block;
  font-weight: 500;
  line-height: calc(22 / 15);
  letter-spacing: 0;
  color: var(--black);
  font-size: 16px;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.common_header_content_item_hov > ul li:first-child a{
  padding-bottom: 0;
}
.common_header_content_item_hov > ul li::before{
  content: "";
  width: 0%;
  height: 1px;
  background: #202050;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: .3s;
}
.common_header_content_item_hov > ul li:hover::before{
  width: 100%;
}
.common_header_content_item_hov > ul li:first-child:hover:before{
  width: 0%;
}

.common_header_content_btn {
  display: inline-block;
  padding: 10px 28px;
  background-color: var(--black);
  color: var(--white);
  border: 1px solid var(--black);
  font-weight: 500;
  line-height: calc(22 / 15);
  letter-spacing: 0;
  border-radius: 1000px;
  transition: .3s;
}
.common_header_content_btn:hover{
  background-color: #fff;
  color: var(--black);
}
header.is-over-hero .common_header_content_btn {
  background-color: var(--white);
  color: var(--black);
  border: 1px solid var(--white);
}
header.is-over-hero .common_header_content_btn:hover{
  background: var(--black);
  border: 1px solid var(--black);
  color: #fff;
}
.common_header_bottom_items {
  display: none;
}
/* ヘッダーここまで */

/* セクション共通 */
.common_section {
  padding-top: 100px;
  padding-bottom: 100px;
}
.common_page_breadcrumb + .common_section {
  padding-top: 50px;
}
.common_page_anchor + .common_section {
  padding-top: 20px;
}
.common_section_both {
  position: relative;
  border-radius: 80px;
}
.common_section_top {
  position: relative;
  border-radius: 80px 80px 0 0;
}
.common_section_bottom {
  position: relative;
  border-radius: 0 0 80px 80px;
}
.common_section_heading {
  margin-bottom: 32px;
}
.common_section_heading_en {
  position: relative;
  display: block;
  padding-left: 46px;
  font-family: 'poppins';
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.07142857em;
  color: #0060B0;
}
.common_section_heading_en::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 36.36px;
  height: 10px;
  background-image: url(../img/common/heading/icon.png);
  background-size: cover;
}
.common_section_heading_title {
  margin-top: 14px;
  font-size: 36px;
  font-weight: 700;
  line-height: calc(43 / 36);
  letter-spacing: 0.0555555em;
}
.common_section_heading .common_section_heading_en,
.common_section_heading .common_section_heading_title {
  overflow: hidden;
}
.common_section_heading .common_section_heading_en span,
.common_section_heading .common_section_heading_en::before,
.common_section_heading .common_section_heading_title span {
  display: block;
  transform: translateY(100%);
}
.common_section_heading.is_active .common_section_heading_en span,
.common_section_heading.is_active .common_section_heading_title span {
  transform: translateY(0);
}
.common_section_heading.is_active .common_section_heading_en::before {
  transform: translateY(-50%);
}
.common_section_heading.is_active .common_section_heading_en span,
.common_section_heading .common_section_heading_en::before {
  transition: transform .7s cubic-bezier(.18, .06, .23, 1);
}
.common_section_heading.is_active .common_section_heading_title span {
  transition: transform .4s cubic-bezier(.18, .06, .23, 1);
  transition-delay: .3s;
}
/* セクション共通ここまで */

/* スライダー共通 */
.common_slider_wrapper {
  position: relative;
}
.common_slider_controls {
  display: flex;
  column-gap: 10px;
}
.common_slider_controls_btn {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: solid 1.56px rgba(0, 96, 176, 0.4);
  background-color: var(--white);
  background-color: transparent;
}
.common_slider_controls_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}
.common_slider_controls_prevBtn::before,
.common_slider_controls_nextBtn::before {
  width: 9.5px;
  height: 15px;
}
.common_slider_controls_prevBtn::before {
  background-image: url(../img/common/slider/blue/arrow-left.png);
}
.common_slider_controls_nextBtn::before {
  background-image: url(../img/common/slider/blue/arrow-right.png);
}
.common_slider_controls_pauseBtn {
  --p: 0deg;
}
.common_slider_controls_pauseBtn::before {
  width: 11.5px;
  height: 13.5px;
  background-image: url(../img/common/slider/blue/pause.png);
}
.common_slider_controls_pauseBtn.paused::before {
  width: 10.5px;
  height: 15px;
  background-image: url(../img/common/slider/blue/restart.png);
}
.common_slider_controls_pauseBtn::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  pointer-events: none;

  /* 念のため既存ボーダーなどを無効化 */
  border: none;
  transform: none;

  /* 角度をそのまま使う（掛け算しない） */
  background: conic-gradient(#0060B0 0 var(--p), transparent 0);

  /* リング化（太さ 1.56px） */
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.56px), #000 0);
          mask: radial-gradient(farthest-side, transparent calc(100% - 1.56px), #000 0);

  /* まれに重なりで負ける環境があるので保険 */
  z-index: 1;
}
/* スライダー共通ここまで */

/* セクション間画像 */
.common_nextArea_wrapper {
  width: 100%;
  height: 810px;
  z-index: -1;
  position: relative;
  overflow: hidden;
}
.common_nextArea_first {
  margin-top: -100px;
  margin-bottom: -130px;
}
.common_nextArea_second {
  margin-top: -234px;
  margin-bottom: -76px;
}
.common_nextArea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;     /* 100%より大きくしておく */
  object-fit: cover;
  object-position: center;
  transform: translate3d(0,0,0);
  will-change: transform;
  backface-visibility: hidden;
}
/* 動きを減らす設定 */
@media (prefers-reduced-motion: reduce){
  .parallax-strip__img{ transform: none !important; }
}
/* セクション間画像ここまで */



/* ボタン */
.common_btn {
  position: relative;
  display: flex;
  align-items: center;
}
.common_btn:not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.3s;
  border-radius: 16px;
  width: 48px;
  height: 36px;
  background-color: var(--primary);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover::after {
  width: 100%;
}
.common_btn_center_wrapper {
  text-align: center;
}
.common_btn_center {
  display: inline-flex;
  column-gap: 30px;
  justify-content: center;
  font-weight: 500;
}
.common_btn >  span:first-child {
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
.common_btn_center > span:first-child {
  position: relative;
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover > span:first-child {
  transform: translateX(23px);
}
.common_btn_center > span:first-child::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 9px);
  height: 1px;
  background-color: rgba(32, 32, 80, 0.1);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover > span:first-child::after {
  display: none;
}
.common_btn_arrow {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 48px;
  height: 36px;
  border-radius: 18px;
  background-size: 16px 7.5px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.common_btn_arrow_white {
  background-color: var(--primary);
  background-image: url(../img/common/btn/white/arrow-right.png);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover span:first-child:has(+ .common_btn_arrow_white) {
  color: var(--white);
}
.common_btn_arrow_yellow {
  background-image: url(../img/common/btn/yellow/arrow-right.png);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover span:first-child:has(+ .common_btn_arrow_yellow) {
  color: #C4B15B;
}
.common_btn_arrow_blue {
  background-image: url(../img/common/btn/blue/arrow-right.png);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover span:first-child:has(+ .common_btn_arrow_blue) {
  color: var(--primary);
}
.common_btn_arrow_purple {
  background-image: url(../img/common/btn/purple/arrow-right.png);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover span:first-child:has(+ .common_btn_arrow_purple) {
  color: #9F93CC;
}
.common_btn_arrow_green {
  background-image: url(../img/common/btn/green/arrow-right.png);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover span:first-child:has(+ .common_btn_arrow_green) {
  color: #5EB3AD;
}
.common_btn_arrow_orange {
  background-image: url(../img/common/btn/orange/arrow-right.png);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover span:first-child:has(+ .common_btn_arrow_orange) {
  color: #D86A59;
}
.common_followBtn_wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 17.5px 0;
  text-align: center;
  z-index: 98;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .35s ease, transform .35s ease, visibility .35s ease;
  pointer-events: none; /* 非表示中はクリック不可 */
  background: rgba(255, 255, 255, 0.6);
}
.common_followBtn_wrapper.is_show{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.common_followBtn_wrapper.is_hide{
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;
}
.common_followBtn {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 60px;
  width: 316px;
  border-radius: 1000px;
  border: solid 1px #202050;
  background-color: #202050;
  padding: 17px 18px;
  transition: .3s;
}
.common_followBtn:hover{
  background-color: var(--primary);
}
.requirements_link_btn_wrapper .common_followBtn:hover{
  background-color: var(--primary);
}
.requirements_link_btn_wrapper .common_btn:not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover::after{
  background: #202050;
}
.requirements_link_btn_wrapper .common_followBtn > span:first-child{
  position: relative;
  position: relative;
  left: auto;
  transform: inherit;
}
.requirements_link_btn_wrapper .common_followBtn > span:first-child:after{
  content: "";
  width: 0%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: .3s;
}
/* .requirements_link_btn_wrapper .common_followBtn:hover > span:first-child::after{
  width: 100%;
} */

.common_followBtn:hover
.common_followBtn::after {
  top: 17px!important;
  right: 18px!important;
  background-color: var(--white)!important;
}
.common_followBtn::after{
  top: 17px!important;
  right: 18px!important;
}
.common_followBtn > span:first-child {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: calc(19 / 16);
  letter-spacing: 0;
  color: var(--white);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.common_followBtn_arrow {
  background-color: var(--white);
  background-image: url(../img/common/btn/follow/arrow-right.png);
}
/* ボタンここまで */

/* 吹き出し共通 */
.common_balloon_wrapper {
  padding-left: 100px;
  padding-right: 100px;
}
.common_balloon {
  display: flex;
  align-items: flex-start;
  column-gap: 50px;
}
.common_balloon_img {
  width: 136px;
  border-radius: 50%;
  overflow: hidden;
}
.common_balloon_img img {
  width: 100%;
  aspect-ratio: 1 / 1;
}
.common_balloon_text {
  position: relative;
  text-align: center;
  width: calc(100% - 160px);
  padding: 27px 50px 22px;
  border: solid 2px var(--primary);
  background-color: var(--white);
  border-radius: 16px;
  color: var(--primary);
  font-size: 20px;
  line-height: calc(39 / 20);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.common_balloon_text::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8.51px;
  height: 16.6px;
  background-color: var(--white);
}
.common_balloon_text_left::before {
  left: -2px;
}
.common_balloon_text::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26.21px;
  height: 2px;
  background-color: var(--primary);
}
.common_balloon_text_left::after {
  left: -24px;
}
.common_balloon_text_right::before {
  right: -2px;
}
.common_balloon_text_right::after {
  right: -24px;
}
/* 吹き出し共通ここまで */

/* フッター */
footer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 30px;
  background-color: var(--primary);
  border-radius: 80px 80px 0 0;
  color: var(--white);
  background-image: url(../img/common/bg/noise.png);
  background-size: 160px 160px;
  background-repeat: repeat;
}
footer::before {
  content: "";
  position: absolute;
  top: -200.97px;
  right: -75.8px;
  width: 760px;
  height: 760px;
  background-image: url(../img/common/footer/ring.png);
  background-size: cover;
  background-repeat: no-repeat;
  animation: rotation 24s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.common_footer_inner {
  position: relative;
}
.common_footer_content {
  position: relative;
  padding: 100px 100px 80px;
}
.common_footer_content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  width: calc(100% - 120px);
  height: 1px;
  background-color: var(--white);
  opacity: .3;
}
.common_footer_content_columns {
  display: flex;
}
.common_footer_content_info {
  width: 58.2%;
}
.common_footer_content_info_copy {
  position: relative;
  margin-top: 24.5px;
  padding-left: 4px;
  display: flex;
  align-items: flex-end;
}
.common_footer_content_info_copy_img {
  position: relative;
  display: block;
  overflow: hidden;
}
.common_footer_content_info_copy_img:nth-child(1) {
  width: 89.9px;
  height: 89.3px;
  margin-right: 10.3px;
}
.common_footer_content_info_copy_img:nth-child(2) {
  width: 89.9px;
  height: 89.4px;
  margin-right: 14px;
}
.common_footer_content_info_copy_img:nth-child(3) {
  width: 26.3px;
  height: 24px;
  margin-right: 69.2px;
}
.common_footer_content_info_copy_img:nth-child(4) {
  width: 90.8px;
  height: 90.6px;
  margin-right: 9.8px;
}
.common_footer_content_info_copy_img:nth-child(5) {
  width: 84.3px;
  height: 86.2px;
  margin-right: 23.7px;
}
.common_footer_content_info_copy_img:nth-child(6) {
  width: 74.7px;
  height: 89.4px;
  margin-right: 20.3px;
}
.common_footer_content_info_copy_img:nth-child(7) {
  width: 27.8px;
  height: 27.8px;
}
/* マスク：最初は全面を覆う（左側から） */
.common_footer_content_info_copy_img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--mask-bg, var(--primary)); /* 背景色に合わせる */
  transform: translateX(0);         /* 最初は完全に覆う */
  pointer-events: none;
}
/* 表示時 */
.common_footer_content_info_copy_img.is-show::after {
  animation-name: maskLeftToRight;
  animation-duration: var(--mask-duration, 0.7s);
  animation-timing-function: cubic-bezier(.2,.8,.2,1);
  animation-fill-mode: forwards;
}
@keyframes maskLeftToRight {
  from { transform: translateX(0); }      /* 覆っている */
  to   { transform: translateX(100%); }   /* 右へ抜ける */
}
/* 動きを減らす設定 */
@media (prefers-reduced-motion: reduce){
  .common_footer_content_info_copy_img::after { display:none; }
}
.common_footer_content_info_text {
  margin-top: 49.5px;
}
.common_footer_content_info_text img {
  width: 365px;
  height: 48px;
}
.common_footer_content_info_btn_wrapper {
  max-width: 672px;
  margin-top: 82px;
}
.common_footer_content_info_btn_wrapper a {
  position: relative;
  display: block;
  text-align: center;
  padding: 61px 0;
  width: 100%;
  border-radius: 16px;
  background-color: #202050;
  color: var(--white);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0;
  transition: .3s;
}
.common_footer_content_info_btn_wrapper a::before,
.common_footer_content_info_btn_wrapper a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.common_footer_content_info_btn_wrapper a::before {
  right: 52px;
  width: 48px;
  height: 36px;
  border-radius: 16px;
  background-color: rgba(255,255,255,0.12);
}
.common_footer_content_info_btn_wrapper a::after {
  right: 68px;
  width: 16px;
  height: 7.5px;
  background-image: url(../img/common/footer/arrow.png);
  background-size: cover;
}
.common_footer_content_info_btn_wrapper a:hover{
  background: rgba(255,255,255,0.12);
}
.common_footer_content_info_btn_wrapper a:hover::before{
  background-color: #202050;
}
.common_footer_content_info_btn_wrapper a span{
  position: relative;
}
.common_footer_content_info_btn_wrapper a span::after{
  content: "";
  width: 0%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: .3s;
}
.common_footer_content_info_btn_wrapper a:hover span::after{
  width: 100%;
}
.common_footer_content_social {
  width: 41.8%;
}
.slick-slide.common_footer_content_social_slide {
  margin-left: 6px;
  margin-right: 6px;
  width: 415.69px;
}
.slick-slide.common_footer_content_social_slide iframe {
  display: block;
  width: 100%;
}
.common_footer_content_social_slider_controls {
  margin-top: 12px;
  justify-content: flex-end;
}
.common_footer_content_social_slider_controls_btn {
  width: 32px;
  height: 32px;
  border: solid 1px rgba(255, 255, 255, 0.4);
  background-color: initial;
}
.common_footer_content_social_slider_controls_prevBtn::before,
.common_footer_content_social_slider_controls_nextBtn::before {
  width: 6px;
  height: 10px;
}
.common_footer_content_social_slider_controls_prevBtn::before {
  background-image: url(../img/common/slider/white/arrow-left.png);
}
.common_footer_content_social_slider_controls_pauseBtn::before {
  background-image: url(../img/common/slider/white/pause.png);
  width: 7.5px;
  height: 8.5px;
}
.common_footer_content_social_slider_controls_pauseBtn::after {
  background: conic-gradient(#fff 0 var(--p), transparent 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.56px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0);
}
.common_footer_content_social_slider_controls_nextBtn::before {
  background-image: url(../img/common/slider/white/arrow-right.png);
}
.common_footer_content_social_youtube {
  margin-top: 46px;
  text-align: center;
}
.common_footer_content_social_youtube a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(33/16);
  padding-left: 51px;
}
.common_footer_content_social_youtube a::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 34px;
  height: 23.5px;
  background-image: url(../img/common/sns/youtube.png);
  background-size: cover;
}
.common_footer_content_social_youtube a::after {
  content: "";
  position: absolute;
  bottom: -3.5px;
  right: 0;
  width: calc(100% - 52px);
  height: 1px;
  background-color: var(--white);
}
.common_footer_content_social_sns {
  margin-top: 36px;
}
.common_footer_content_social_sns_items {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 30px;
}
.common_footer_content_social_sns_item_link {
  display: block;
  transition: .3s;
}
.common_footer_content_social_sns_item_link:hover{
  opacity: .8;
}
.common_footer_content_social_sns_item_ig {
  width: 32px;
  height: 32px;
}
.common_footer_content_social_sns_item_line {
  width: 32px;
  height: 32px;
}
.common_footer_content_social_sns_item_link img {
  width: 100%;
  object-fit: cover;
}
.common_footer_info {
  padding: 0 100px;
  margin-bottom: 35px;
}
.common_footer_info_top {
  padding-top: 75px;
}
.common_footer_info_top_columns {
  display: flex;
  justify-content: space-between;
}
.common_footer_info_top_content {
  padding-top: 5px;
}
.common_footer_info_top_logo {
  width: 428px;
}
.common_footer_info_top_logo {
  display: block;
}
.common_footer_info_top_address {
  margin-top: 32px;
}
.common_footer_info_top_address_title {
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.0853333333em;
}
.common_footer_info_top_address_text {
  font-size: 13px;
  line-height: 1.9;
  letter-spacing: 0.0984615384em;
}
.common_footer_info_top_nav_columns {
  display: flex;
  column-gap: 39px;
}
.common_footer_info_top_nav_items {
  display: flex;
  column-gap: 32px;
}
.common_footer_info_top_nav_item_link {
  display: inline-block;
  line-height: calc(22/15);
  font-weight: 500;
  padding: 10px 0;
  letter-spacing: 0;
}
.common_footer_info_top_nav_btn_link {
  display: inline-block;
  border-radius: 1000px;
  background-color: rgba(255, 255, 255, 0.1);
  line-height: calc(22/15);
  font-weight: 500;
  padding: 10px 28px;
  letter-spacing: 0;
}
.common_footer_info_bottom {
  margin-top: -5.2px;
}
.common_footer_info_bottom_columns {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.common_footer_info_bottom_nav {
  margin-bottom: 16px;
}
.common_footer_info_bottom_nav_items {
  display: flex;
  column-gap: 30px;
}
.common_footer_info_bottom_nav_item {
  line-height: 1;
}
.common_footer_info_bottom_nav_item_link {
  position: relative;
  display: block;
  font-size: 13px;
  line-height: calc(16/13);
  letter-spacing: 0;
}
.common_footer_info_bottom_nav_item:last-child a {
  padding-right: 17px;
}
.common_footer_info_bottom_nav_item:last-child a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url(../img/common/footer/tab.png);
  background-size: cover;
}
.common_footer_info_bottom_other {
  padding: 21px 26px 20px 35px;
  background-color: var(--white);
  border-radius: 10.9px;
}
.common_footer_info_bottom_other_items {
  display: flex;
  align-items: center;
  column-gap: 17.5px;
}
.common_footer_info_bottom_other_item_jcr {
  width: 175.92px;
}
.common_footer_info_bottom_other_item_privacy {
  width: 58.04px;
}
.common_footer_info_bottom_other_item_health {
  width: 161.05px;
}
.common_footer_copy {
  text-align: center;
}
.common_footer_copy_text {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  letter-spacing: 0;
}
/* フッターここまで */

/* アニメーション */
@keyframes fadeUpAnime {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeUpTrigger,
.fadeBeforeTrigger::before,
.fadeUpScrollTrigger {
  opacity: 0;
}
/* .fadeBeforeTrigger::before{
  content: none !important;
} */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.fadeBefore::before {
  /* content: ""; */
  animation-name: fadeAnime;
  animation-duration: 1s;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.delay_time1{
  animation-delay: 0.2s;
}
.delay_time2{
  animation-delay: 0.4s;
}
.delay_time3{
  animation-delay: 0.6s;
}
/* アニメーションここまで */

/* ノイズ */
.noise_img{
  position: relative;
}
.noise_img::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/common/bg/noise.png);
  background-size: 160px 160px;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  opacity: .7;
}
/* ノイズ */

@media(max-width: 1439px){
body {
  font-size: calc(15/var(--view-size)*100vw);
}
.common_inner_wrap_xl {
  padding-left: calc(40 / var(--view-size) * 100vw);
  padding-right: calc(40 / var(--view-size) * 100vw);
}
.common_inner_wrap_l {
  padding-left: calc(100 / var(--view-size) * 100vw);
  padding-right: calc(100 / var(--view-size) * 100vw);
}
.common_inner_wrap_ml {
  padding-left: calc(120 / var(--view-size) * 100vw);
  padding-right: calc(120 / var(--view-size) * 100vw);
}
.common_inner_wrap_m {
  padding-left: calc(150 / var(--view-size) * 100vw);
  padding-right: calc(150 / var(--view-size) * 100vw);
}
.common_inner_wrap_s {
  padding-left: calc(160 / var(--view-size) * 100vw);
  padding-right: calc(160 / var(--view-size) * 100vw);
}
.common_inner_wrap_xs {
  padding-left: calc(220 / var(--view-size) * 100vw);
  padding-right: calc(220 / var(--view-size) * 100vw);
}
.common_inner_wrap_xxs {
  padding-left: calc(320 / var(--view-size) * 100vw);
  padding-right: calc(320 / var(--view-size) * 100vw);
}
.common_inner {
  max-width: calc(1200 / var(--view-size) * 100vw);
}
.common_page_titleArea .common_inner{
  max-width: calc(1400 / var(--view-size) * 100vw);
}
.common_inner.single_linkbox{
  max-width: calc(1000 / var(--view-size) * 100vw);
}

/* ヘッダー */
header {
  padding-top: calc(22/var(--view-size)*100vw);
}
.common_header_inner {
  padding: 0 calc(40/var(--view-size)*100vw);
}
.common_header_top_items {
  display: flex;
  column-gap: calc(24/var(--view-size)*100vw);
}
.common_header_top_link {
  padding-right: calc(16.81/var(--view-size)*100vw);
  font-size: calc(14/var(--view-size)*100vw);
}
.common_header_top_link::after {
  width: calc(12/var(--view-size)*100vw);
  height: calc(12/var(--view-size)*100vw);
}
.common_header_content {
  margin-top: calc(15/var(--view-size)*100vw);
}
.common_header_content_link::after{
  bottom: calc(-3/var(--view-size)*100vw);
}
.common_header_content_item_hov .common_header_content_link{
  padding-right: calc(16/var(--view-size)*100vw);
}
.common_header_content_item_hov .common_header_content_link::before{
  width: calc(8/var(--view-size)*100vw);
  height: calc(5/var(--view-size)*100vw);
}
.common_header_content_logo {
  width: calc(428/var(--view-size)*100vw);
}
.common_header_content_nav {
  column-gap: calc(39/var(--view-size)*100vw);
}
.common_header_content_items {
  column-gap: calc(32/var(--view-size)*100vw);
}
.common_header_content_item_hov > ul {
  padding: calc(145/var(--view-size)*100vw) calc(40/var(--view-size)*100vw) calc(80/var(--view-size)*100vw);
}
.common_header_content_item_hov > ul li:first-child{
  margin-bottom: calc(50/var(--view-size)*100vw);
  padding-top: calc(40/var(--view-size)*100vw);
}
.common_header_content_item_hov > ul li:first-child a{
  font-size: calc(24/var(--view-size)*100vw);
  column-gap: calc(25/var(--view-size)*100vw);
}
.common_header_content_item_hov > ul li:first-child a::after{
  border-radius: calc(2184/var(--view-size)*100vw);
  background-size: calc(16/var(--view-size)*100vw) calc(7.5/var(--view-size)*100vw);
  width: calc(48/var(--view-size)*100vw);
  height: calc(36/var(--view-size)*100vw);
  /* right: calc(-73/var(--view-size)*100vw); */
}
.common_header_content_item_hov > ul li:first-child a span::after{
  bottom: calc(-3/var(--view-size)*100vw);
}
.common_header_content_item_hov > ul > li:nth-child(6){
  margin-top: calc(35/var(--view-size)*100vw);
}
.common_header_content_item_hov > ul > li a::after{
  background-size: calc(16/var(--view-size)*100vw) calc(7.5/var(--view-size)*100vw);
  width: calc(16/var(--view-size)*100vw);
  height: calc(10/var(--view-size)*100vw);
}
.common_header_content_item_hov > ul a{
  font-size: calc(16/var(--view-size)*100vw);
  padding-bottom: calc(25/var(--view-size)*100vw);
}
.common_header_content_btn {
  padding: calc(10/var(--view-size)*100vw) calc(28/var(--view-size)*100vw);
  border-radius: calc(1000/var(--view-size)*100vw);
}
/* ヘッダーここまで */

/* セクション共通 */
.common_section {
  padding-top: calc(100/var(--view-size)*100vw);
  padding-bottom: calc(100/var(--view-size)*100vw);
}
.common_page_breadcrumb + .common_section {
  padding-top: calc(50/var(--view-size)*100vw);
}
.common_page_anchor + .common_section {
  padding-top: calc(20/var(--view-size)*100vw);
}
.common_section_both {
  border-radius: calc(80/var(--view-size)*100vw);
}
.common_section_top {
  border-radius: calc(80/var(--view-size)*100vw) calc(80/var(--view-size)*100vw) 0 0;
}
.common_section_bottom {
  border-radius: 0 0 calc(80/var(--view-size)*100vw) calc(80/var(--view-size)*100vw);
}
.common_section_heading {
  margin-bottom: calc(32/var(--view-size)*100vw);
}
.common_section_heading_en {
  padding-left: calc(46/var(--view-size)*100vw);
  font-size: calc(14/var(--view-size)*100vw);
}
.common_section_heading_en::before {
  width: calc(36.36/var(--view-size)*100vw);
  height: calc(10/var(--view-size)*100vw);
}
.common_section_heading_title {
  margin-top: calc(14/var(--view-size)*100vw);
  font-size: calc(36/var(--view-size)*100vw);
}
/* セクション共通ここまで */

/* スライダー共通 */
.common_slider_controls {
  column-gap: calc(10/var(--view-size)*100vw);
}
.common_slider_controls_btn {
  width: calc(50/var(--view-size)*100vw);
  height: calc(50/var(--view-size)*100vw);
}
.common_slider_controls_prevBtn::before,
.common_slider_controls_nextBtn::before {
  width: calc(9.5/var(--view-size)*100vw);
  height: calc(15/var(--view-size)*100vw);
}
.common_slider_controls_pauseBtn::before {
  width: calc(11.5/var(--view-size)*100vw);
  height: calc(13.5/var(--view-size)*100vw);
}
.common_slider_controls_pauseBtn.paused::before {
  width: calc(10.5/var(--view-size)*100vw);
  height: calc(15/var(--view-size)*100vw);
}
/* スライダー共通ここまで */

/* セクション間画像 */
.common_nextArea_wrapper {
  height: calc(810/var(--view-size)*100vw);
}
.common_nextArea_first {
  margin-top: calc(-100/var(--view-size)*100vw);
  margin-bottom: calc(-130/var(--view-size)*100vw);
}
.common_nextArea_second {
  margin-top: calc(-234/var(--view-size)*100vw);
  margin-bottom: calc(-76/var(--view-size)*100vw);
}
/* セクション間画像ここまで */

/* ボタン */
.common_btn_center {
  column-gap: calc(30/var(--view-size)*100vw);
}
.common_btn:not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox)::after {
  border-radius: calc(16/var(--view-size)*100vw);
  width: calc(48/var(--view-size)*100vw);
  height: calc(36/var(--view-size)*100vw);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover > span:first-child {
  transform: translateX(calc(23/var(--view-size)*100vw));
}
.common_btn_center > span:first-child::after {
  bottom: calc(-9/var(--view-size)*100vw);
  width: calc(100% + (9/var(--view-size)*100vw));
}
.common_btn_arrow {
  width: calc(48/var(--view-size)*100vw);
  height: calc(36/var(--view-size)*100vw);
  border-radius: calc(18/var(--view-size)*100vw);
  background-size: calc(16/var(--view-size)*100vw) calc(7.5/var(--view-size)*100vw);
}
.common_followBtn_wrapper {
  padding: calc(17.5/var(--view-size)*100vw) 0;
}
.common_followBtn {
  column-gap: calc(60/var(--view-size)*100vw);
  width: calc(316/var(--view-size)*100vw);
  border-radius: calc(1000/var(--view-size)*100vw);
  /* border: solid 1px var(--primary); */
  padding: calc(17/var(--view-size)*100vw) calc(18/var(--view-size)*100vw);
}
.common_followBtn::after {
  top: calc(17/var(--view-size)*100vw)!important;
  right: calc(18/var(--view-size)*100vw)!important;
}
.common_followBtn > span:first-child {
  font-size: calc(14/var(--view-size)*100vw);
}
/* ボタンここまで */

/* 吹き出し共通 */
.common_balloon_wrapper {
  padding-left: calc(100/var(--view-size)*100vw);
  padding-right: calc(100/var(--view-size)*100vw);
}
.common_balloon {
  column-gap: calc(50/var(--view-size)*100vw);
}
.common_balloon_img {
  width: calc(136/var(--view-size)*100vw);
}
.common_balloon_text {
  width: calc(100% - (160/var(--view-size)*100vw));
  padding: calc(27/var(--view-size)*100vw) calc(50/var(--view-size)*100vw) calc(22/var(--view-size)*100vw);
  border: solid calc(2/var(--view-size)*100vw) var(--primary);
  border-radius: calc(16/var(--view-size)*100vw);
  font-size: calc(20/var(--view-size)*100vw);
}
.common_balloon_text::before {
  width: calc(8.51/var(--view-size)*100vw);
  height: calc(16.6/var(--view-size)*100vw);
}
.common_balloon_text_left::before {
  left: calc(-1.29/var(--view-size)*100vw);
}
.common_balloon_text::after {
  width: calc(26.21/var(--view-size)*100vw);
  height: calc(2/var(--view-size)*100vw);
}
.common_balloon_text_left::after {
  left: calc(-24/var(--view-size)*100vw);
}
.common_balloon_text_right::before {
  right: calc(-1.29/var(--view-size)*100vw);
}
.common_balloon_text_right::after {
  right: calc(-8/var(--view-size)*100vw);
}
/* 吹き出し共通ここまで */

/* フッター */
footer {
  padding-bottom: calc(30/var(--view-size)*100vw);
  border-radius: calc(80/var(--view-size)*100vw) calc(80/var(--view-size)*100vw) 0 0;
  background-size: calc(160/var(--view-size)*100vw) calc(160/var(--view-size)*100vw);
}
footer::before {
  top: calc(-200.97/var(--view-size)*100vw);
  right: calc(-75.8/var(--view-size)*100vw);
  width: calc(760/var(--view-size)*100vw);
  height: calc(760/var(--view-size)*100vw);
}
.common_footer_content {
  padding: calc(100/var(--view-size)*100vw) calc(100/var(--view-size)*100vw) calc(80/var(--view-size)*100vw);
}
.common_footer_content::before {
  width: calc(100% - (120/var(--view-size)*100vw));
}
.common_footer_content_info_copy {
  margin-top: calc(24.5/var(--view-size)*100vw);
  padding-left: calc(4/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(1) {
  width: calc(89.9/var(--view-size)*100vw);
  height: calc(89.3/var(--view-size)*100vw);
  margin-right: calc(10.3/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(2) {
  width: calc(89.9/var(--view-size)*100vw);
  height: calc(89.4/var(--view-size)*100vw);
  margin-right: calc(14/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(3) {
  width: calc(26.3/var(--view-size)*100vw);
  height: calc(24/var(--view-size)*100vw);
  margin-right: calc(69.2/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(4) {
  width: calc(90.8/var(--view-size)*100vw);
  height: calc(90.6/var(--view-size)*100vw);
  margin-right: calc(9.8/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(5) {
  width: calc(84.3/var(--view-size)*100vw);
  height: calc(86.2/var(--view-size)*100vw);
  margin-right: calc(23.7/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(6) {
  width: calc(74.7/var(--view-size)*100vw);
  height: calc(89.4/var(--view-size)*100vw);
  margin-right: calc(20.3/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(7) {
  width: calc(27.8/var(--view-size)*100vw);
  height: calc(27.8/var(--view-size)*100vw);
}
.common_footer_content_info_text {
  margin-top: calc(49.5/var(--view-size)*100vw);
}
.common_footer_content_info_text img {
  width: calc(365/var(--view-size)*100vw);
  height: calc(48/var(--view-size)*100vw);
}
.common_footer_content_info_btn_wrapper {
  max-width: calc(672/var(--view-size)*100vw);
  margin-top: calc(82/var(--view-size)*100vw);
}
.common_footer_content_info_btn_wrapper a {
  padding: calc(61/var(--view-size)*100vw) 0;
  border-radius: calc(16/var(--view-size)*100vw);
  font-size: calc(18/var(--view-size)*100vw);
}
.common_footer_content_info_btn_wrapper a::before {
  right: calc(52/var(--view-size)*100vw);
  width: calc(48/var(--view-size)*100vw);
  height: calc(36/var(--view-size)*100vw);
  border-radius: calc(16/var(--view-size)*100vw);
}
.common_footer_content_info_btn_wrapper a::after {
  right: calc(68/var(--view-size)*100vw);
  width: calc(16/var(--view-size)*100vw);
  height: calc(7.5/var(--view-size)*100vw);
}
.slick-slide.common_footer_content_social_slide {
  margin-left: calc(6/var(--view-size)*100vw);
  margin-right: calc(6/var(--view-size)*100vw);
  width: calc(415.69/var(--view-size)*100vw);
}
.common_footer_content_social_slider_controls {
  margin-top: calc(12/var(--view-size)*100vw);
}
.common_footer_content_social_slider_controls_btn {
  width: calc(32/var(--view-size)*100vw);
  height: calc(32/var(--view-size)*100vw);
}
.common_footer_content_social_slider_controls_prevBtn::before,
.common_footer_content_social_slider_controls_nextBtn::before {
  width: calc(6/var(--view-size)*100vw);
  height: calc(10/var(--view-size)*100vw);
}
.common_footer_content_social_slider_controls_pauseBtn::before {
  width: calc(7.5/var(--view-size)*100vw);
  height: calc(8.5/var(--view-size)*100vw);
}
.common_footer_content_social_youtube {
  margin-top: calc(46/var(--view-size)*100vw);
}
.common_footer_content_social_youtube a {
  font-size: calc(16/var(--view-size)*100vw);
  padding-left: calc(51/var(--view-size)*100vw);
}
.common_footer_content_social_youtube a::before {
  top: calc(7/var(--view-size)*100vw);
  width: calc(34/var(--view-size)*100vw);
  height: calc(23.5/var(--view-size)*100vw);
}
.common_footer_content_social_youtube a::after {
  bottom: calc(-3.5/var(--view-size)*100vw);
  width: calc(100% - (52/var(--view-size)*100vw));
}
.common_footer_content_social_sns {
  margin-top: calc(36/var(--view-size)*100vw);
}
.common_footer_content_social_sns_items {
  column-gap: calc(30/var(--view-size)*100vw);
}
.common_footer_content_social_sns_item_ig {
  width: calc(32/var(--view-size)*100vw);
  height: calc(32/var(--view-size)*100vw);
}
.common_footer_content_social_sns_item_line {
  width: calc(32/var(--view-size)*100vw);
  height: calc(32/var(--view-size)*100vw);
}
.common_footer_info {
  padding: 0 calc(100/var(--view-size)*100vw);
  margin-bottom: calc(35/var(--view-size)*100vw);
}
.common_footer_info_top {
  padding-top: calc(75/var(--view-size)*100vw);
}
.common_footer_info_top_content {
  padding-top: calc(5/var(--view-size)*100vw);
}
.common_footer_info_top_logo {
  width: calc(428/var(--view-size)*100vw);
}
.common_footer_info_top_address {
  margin-top: calc(32/var(--view-size)*100vw);
}
.common_footer_info_top_address_text {
  font-size: calc(13/var(--view-size)*100vw);
}
.common_footer_info_top_nav_columns {
  column-gap: calc(39/var(--view-size)*100vw);
}
.common_footer_info_top_nav_items {
  column-gap: calc(32/var(--view-size)*100vw);
}
.common_footer_info_top_nav_item_link {
  padding: calc(10/var(--view-size)*100vw) 0;
}
.common_footer_info_top_nav_btn_link {
  border-radius: calc(1000/var(--view-size)*100vw);
  padding: calc(10/var(--view-size)*100vw) calc(28/var(--view-size)*100vw);
}
.common_footer_info_bottom {
  margin-top: calc(-5.2/var(--view-size)*100vw);
}
.common_footer_info_bottom_nav {
  margin-bottom: calc(16/var(--view-size)*100vw);
}
.common_footer_info_bottom_nav_items {
  column-gap: calc(30/var(--view-size)*100vw);
}
.common_footer_info_bottom_nav_item_link {
  font-size: calc(13/var(--view-size)*100vw);
}
.common_footer_info_bottom_nav_item:last-child a {
  padding-right: calc(17/var(--view-size)*100vw);
}
.common_footer_info_bottom_nav_item:last-child a::before {
  width: calc(10/var(--view-size)*100vw);
  height: calc(10/var(--view-size)*100vw);
}
.common_footer_info_bottom_other {
  padding: calc(21/var(--view-size)*100vw) calc(26/var(--view-size)*100vw) calc(20/var(--view-size)*100vw) calc(35/var(--view-size)*100vw);
  border-radius: calc(10.9/var(--view-size)*100vw);
}
.common_footer_info_bottom_other_items {
  column-gap: calc(17.5/var(--view-size)*100vw);
}
.common_footer_info_bottom_other_item_jcr {
  width: calc(175.92/var(--view-size)*100vw);
}
.common_footer_info_bottom_other_item_privacy {
  width: calc(58.04/var(--view-size)*100vw);
}
.common_footer_info_bottom_other_item_health {
  width: calc(161.05/var(--view-size)*100vw);
}
.common_footer_copy_text {
  font-size: calc(11/var(--view-size)*100vw);
}
/* フッターここまで */

.noise_img::after{
  background-size: calc(160/var(--view-size)*100vw) calc(160/var(--view-size)*100vw);
}
}

@media(max-width: 768px){
body {
  font-size: calc(14/var(--view-size)*100vw);
}
.common_inner_wrap_xl {
  padding-left: calc(20 / var(--view-size) * 100vw);
  padding-right: calc(20 / var(--view-size) * 100vw);
}
.common_inner_wrap_l {
  padding-left: calc(20 / var(--view-size) * 100vw);
  padding-right: calc(20 / var(--view-size) * 100vw);
}
.common_inner_wrap_ml {
  padding-left: calc(20 / var(--view-size) * 100vw);
  padding-right: calc(20 / var(--view-size) * 100vw);
}
.common_inner_wrap_m {
  padding-left: calc(20 / var(--view-size) * 100vw);
  padding-right: calc(20 / var(--view-size) * 100vw);
}
.common_inner_wrap_s {
  padding-left: calc(20 / var(--view-size) * 100vw);
  padding-right: calc(20 / var(--view-size) * 100vw);
}
.common_inner_wrap_xs {
  padding-left: calc(20 / var(--view-size) * 100vw);
  padding-right: calc(20 / var(--view-size) * 100vw);
}
.common_inner_wrap_xxs {
  padding-left: calc(20 / var(--view-size) * 100vw);
  padding-right: calc(20 / var(--view-size) * 100vw);
}

/* ヘッダー */
header {
  transition: .4s;
  padding-top: calc(28/var(--view-size)*100vw);
}
.is-menu-open header {
  background-color: #f9f9f9;
}
.common_header_inner {
  padding: 0 calc(20/var(--view-size)*100vw);
}
.common_header_top {
  display: none;
}
.common_header_content {
  margin-top: 0;
  align-items: flex-end;
  flex-wrap: wrap;
}
.common_header_content_logo {
  padding-top: calc(8/var(--view-size)*100vw);
  width: calc(218/var(--view-size)*100vw);
}
.common_header_content_hum {
  position: relative;
  display: block;
  width: calc(48/var(--view-size)*100vw);
  height: calc(48/var(--view-size)*100vw);
  border-radius: calc(5/var(--view-size)*100vw);
  margin-bottom: calc(2/var(--view-size)*100vw);
  background-color: #202050;
}
.is-over-hero .common_header_content_hum {
  background-color: var(--white);
}
.is-over-hero .common_header_content_hum.is-open {
  background-color: var(--black);
}
.common_header_content_hum > span,
.common_header_content_hum > span::before,
.common_header_content_hum > span::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(24/var(--view-size)*100vw);
  height: 2px;
  background-color: var(--white);
  border-radius: calc(1/var(--view-size)*100vw);
  transition: .4s;
}
.is-over-hero .common_header_content_hum > span,
.is-over-hero .common_header_content_hum > span::before,
.is-over-hero .common_header_content_hum > span::after {
  background-color: var(--black);
}
.is-over-hero .common_header_content_hum.is-open > span,
.is-over-hero .common_header_content_hum.is-open > span::before,
.is-over-hero .common_header_content_hum.is-open > span::after {
  background-color: var(--white);
}
.common_header_content_hum > span {
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.common_header_content_hum.is-open span,
.is-over-hero .common_header_content_hum.is-open span {
  background-color: #202050;
}
.common_header_content_hum > span::before,
.common_header_content_hum > span::after {
  content: "";
}
.common_header_content_hum.is-open > span::before,
.common_header_content_hum.is-open > span::after {
  width: calc(30/var(--view-size)*100vw);
}
.common_header_content_hum > span::before {
  top: calc(-7/var(--view-size)*100vw);
}
.common_header_content_hum > span::after {
  top: calc(7/var(--view-size)*100vw);
}
.common_header_content_hum.is-open span::before {
  top: calc(-10/var(--view-size)*100vw);
  left: 30%;
  transform: rotate(-45deg) translateX(-50%);
}
.common_header_content_hum.is-open span::after {
  top: calc(11/var(--view-size)*100vw);
  left: 30%;
  transform: rotate(45deg) translateX(-50%);
}
.common_header_content_nav {
  display: block;
  overflow: hidden;
  height: 0;
  width: 100%;
  visibility: hidden;
  transition: height .4s ease, visibility 0s linear .4s;
}
.common_header_content_nav.is-open {
  visibility: visible;
  transition: height .4s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(128/var(--view-size)*100vw);
}
.common_header_content_items {
  margin-top: calc(60/var(--view-size)*100vw);
  display: block;
}
.common_header_content_item {
  border-top: solid 1px rgba(32, 32, 80, .1);
}
.common_header_content_link,
.common_header_content_item > ul > li:first-child a {
  position: relative;
  padding: calc(30/var(--view-size)*100vw) 0;
  font-size: calc(15/var(--view-size)*100vw);
  letter-spacing: 0.13333333333em;
  line-height: calc(18 / 15);
  font-weight: 700;
}
.common_header_content_item_hov a{
  pointer-events: all;
}
.common_header_content_item_hov > ul li:first-child a span{
  margin-right: auto;
}
header.is-over-hero .common_header_content_link,
.common_header_content_item_hov .common_header_content_link:hover {
  color: var(--black);
  text-decoration: none;
}
.common_header_content_link:hover::after{
  width: 0%;
}
.common_header_content_item:nth-child(1) .common_header_content_link::before,
.common_header_content_item:nth-child(2) .common_header_content_link::before {
  pointer-events: none;
}
.common_header_content_link::before,
.common_header_content_item > ul > li:first-child a::before {
  content: "";
  position: absolute;
}
.common_header_content_item:nth-child(1) .common_header_content_link::before,
.common_header_content_item:nth-child(2) .common_header_content_link::before {
  /* top: calc(34.5/var(--view-size)*100vw); */
  top: 50%;
  right: calc(7.5/var(--view-size)*100vw);
  transform: translateY(-50%);
  width: calc(15/var(--view-size)*100vw);
  height: calc(9.5/var(--view-size)*100vw);
  background-image: url(../img/common/header/arrow-bottom.png);
  background-size: cover;
}
.common_header_content_item.is-sub-open:nth-child(1) .common_header_content_link::before,
.common_header_content_item.is-sub-open:nth-child(2) .common_header_content_link::before {
  background-image: url(../img/common/header/arrow-top.png);
}
.common_header_content_item:nth-child(3) .common_header_content_link::before,
.common_header_content_item:nth-child(4) .common_header_content_link::before,
.common_header_content_item > ul > li:first-child a::before {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: calc(48/var(--view-size)*100vw);
  height: calc(36/var(--view-size)*100vw);
  background-color: var(--primary);
  border-radius: calc(18/var(--view-size)*100vw);
  background-image: url(../img/common/btn/white/arrow-right.png);
  background-size: calc(16 / var(--view-size) * 100vw) calc(7.5 / var(--view-size) * 100vw);
  background-position: center;
  background-repeat: no-repeat;
}
.common_header_content_item > ul,
.common_header_content_item:hover > ul {
  top: 0;
  display: block;
  position: static;
  overflow: hidden;
  max-height: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease, visibility 0.3s ease;
  padding-top: 0;
  padding: 0;
}
.common_header_content_item.is-sub-open > ul,
.common_header_content_item.is-sub-open:hover > ul {
  max-height: 2000px;
  opacity: 1;
  visibility: visible;
  transition: max-height 0.5s ease, opacity 0.4s ease;
}
.common_header_content_item_hov > ul > li{
  width: 100%;
}
.common_header_content_item_hov > ul > li:nth-child(6){
  margin-top: 0;
}
.common_header_content_item_hov > ul > li:first-child {
  display: block;
  margin-bottom: 0;
  padding-top: 0;
  text-align: left;
}
.common_header_content_item_hov > ul > li::after{
  content: none;
}
.common_header_content_item_hov > ul li:first-child a:hover span::after{
  width: 0%;
}
.common_header_content_item_hov > ul li:first-child a::after{
  content: none;
}
.common_header_content_item_hov > ul li:hover::before{
  width: 0%;
}
.common_header_content_item.is-sub-open > ul a,
.common_header_content_item.is-sub-open:hover > ul a {
  position: relative;
  display: block;
  color: var(--black);
}
.common_header_content_item > ul > li:first-child a {
  border-top: solid 1px rgba(32, 32, 80, .1);
  padding-bottom: calc(30/var(--view-size)*100vw);
}
.common_header_content_item > ul > li:nth-child(2) a{
  padding-top: 0;
}
.common_header_content_item_hov > ul > li a::after{
  content: none;
}
.common_header_content_item > ul > li:nth-child(2) a::before{
  top: 18%;
}
.common_header_content_item > ul > li:not(:first-child) a {
  font-size: calc(13/var(--view-size)*100vw);
  line-height: calc(16/13);
  letter-spacing: 0.15384615em;
  font-weight: 700;
  margin-left: calc(20/var(--view-size)*100vw);
  padding-top: calc(30/var(--view-size)*100vw);
  padding-bottom: calc(30/var(--view-size)*100vw);
  border-bottom: solid 1px rgba(32, 32, 80, .1);
}
.common_header_content_item > ul > li:last-child a {
  border-bottom: none;
}
.common_header_content_item > ul > li:not(:first-child) a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: calc(16/var(--view-size)*100vw);
  height: calc(7.5/var(--view-size)*100vw);
  background-image: url(../img/common/header/arrow-right.png);
  background-size: cover;
}
.common_header_content_btn_wrapper {
  margin-top: calc(21/var(--view-size)*100vw);
  text-align: center;
}
.common_header_content_btn {
  position: relative;
  display: block;
  width: 100%;
  padding: calc(34/var(--view-size)*100vw) 0;
  font-weight: 700;
  font-size: calc(15/var(--view-size)*100vw);
  line-height: calc(22 / 15);
  letter-spacing: 0;
  border-radius: calc(16/var(--view-size)*100vw);
}
.common_header_content_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(19/var(--view-size)*100vw);
  transform: translateY(-50%);
  width: calc(48/var(--view-size)*100vw);
  height: calc(36/var(--view-size)*100vw);
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: calc(18/var(--view-size)*100vw);
  background-image: url(../img/common/btn/white/arrow-right.png);
  background-size: calc(16 / var(--view-size) * 100vw) calc(7.5 / var(--view-size) * 100vw);
  background-position: center;
  background-repeat: no-repeat;
}
.common_header_bottom_items {
  display: flex;
  justify-content: center;
  column-gap: calc(24/var(--view-size)*100vw);
  margin-top: calc(30/var(--view-size)*100vw);
}
.common_header_bottom_item a {
  letter-spacing: 0;
  font-weight: 500;
}
/* ヘッダーここまで */

/* セクション共通 */
.common_section {
  padding-top: calc(65/var(--view-size)*100vw);
  padding-bottom: calc(65/var(--view-size)*100vw);
}
.common_page_breadcrumb + .common_section {
  padding-top: 0;
}
.common_page_anchor + .common_section {
  padding-top: calc(20/var(--view-size)*100vw);
}
.common_section_both {
  border-radius: calc(40/var(--view-size)*100vw);
}
.common_section_top {
  border-radius: calc(40/var(--view-size)*100vw) calc(40/var(--view-size)*100vw) 0 0;
}
.common_section_bottom {
  border-radius: 0 0 calc(40/var(--view-size)*100vw) calc(40/var(--view-size)*100vw);
}
.common_section_heading {
  margin-bottom: calc(20/var(--view-size)*100vw);
}
.common_section_heading_en {
  padding-left: calc(37/var(--view-size)*100vw);
  font-size: calc(12/var(--view-size)*100vw);
}
.common_section_heading_en::before {
  width: calc(29/var(--view-size)*100vw);
  height: calc(8/var(--view-size)*100vw);
}
.common_section_heading_title {
  margin-top: calc(7/var(--view-size)*100vw);
  font-size: calc(24/var(--view-size)*100vw);
  letter-spacing: 0.08333333333em;
}
/* セクション共通ここまで */

/* セクション間画像 */
.common_nextArea_wrapper {
  height: calc(420/var(--view-size)*100vw);
}
.common_nextArea_first {
  margin-top: calc(-61/var(--view-size)*100vw);
  margin-bottom: calc(-63/var(--view-size)*100vw);
}
.common_nextArea_second {
  margin-top: calc(-77/var(--view-size)*100vw);
  margin-bottom: calc(-43/var(--view-size)*100vw);
}
/* セクション間画像ここまで */

/* ボタン */
.common_btn_center {
  column-gap: calc(20/var(--view-size)*100vw);
  margin-left: calc(30 / var(--view-size) * 100vw);
}

.common_btn:not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox)::after {
  border-radius: calc(30/var(--view-size)*100vw);
  width: calc(24/var(--view-size)*100vw);
  height: calc(16.8/var(--view-size)*100vw);
  display: none;
}

.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover > span:first-child {
  /* transform: translateX(calc(23/var(--view-size)*100vw)); */
  transform: none;
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover span:first-child:has(+ .common_btn_arrow_blue){
  color: var(--white);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover span:first-child:has(+ .common_btn_arrow_white){
  color: var(--black);
}
.common_btn:not(.common_followBtn):not(.common_linkCard_body_btn):not(.recruit_about_item_link):not(.common_page_linkBox):not(.common_page_anchor_item_btn):not(.jobDetails_linkBox):hover::after{
  width: calc(48 / var(--view-size) * 100vw);
}
.common_btn_center > span:first-child::after {
  bottom: calc(-9/var(--view-size)*100vw);
  width: calc(100% + (9/var(--view-size)*100vw));
}
.common_followBtn_wrapper {
  padding: calc(17.5/var(--view-size)*100vw) 0;
}
.common_followBtn {
  column-gap: calc(60/var(--view-size)*100vw);
  width: calc(316/var(--view-size)*100vw);
  border-radius: calc(1000/var(--view-size)*100vw);
  /* border: solid calc(1.28/var(--view-size)*100vw) var(--primary); */
  padding: calc(17/var(--view-size)*100vw) calc(18/var(--view-size)*100vw);
}
.common_followBtn > span:first-child {
  font-size: calc(14/var(--view-size)*100vw);
}
.common_followBtn:hover{
  background: #202050;
}
.requirements_link_btn_wrapper .common_followBtn:hover{
  background: #202050;
  border: 1px solid #fff;
  border: solid calc(1.28/var(--view-size)*100vw) var(--primary);
}
.requirements_link_btn_wrapper .common_followBtn:hover > span:first-child:after{
  width: 0%;
}
.requirements_link_btn_wrapper .common_followBtn:hover .common_followBtn_arrow{
  background-color: var(--white);
  background-image: url(../img/common/btn/follow/arrow-right.png);
}
/* ボタンここまで */

/* 吹き出し共通 */
.common_balloon_wrapper {
  padding-left: 0;
  padding-right: 0;
}
.common_balloon {
  column-gap: calc(10/var(--view-size)*100vw);
}
.common_balloon_img {
  width: calc(70/var(--view-size)*100vw);
}
.common_balloon_text {
  width: calc(100% - (75/var(--view-size)*100vw));
  padding: calc(18/var(--view-size)*100vw) calc(14/var(--view-size)*100vw);
  border-radius: calc(10/var(--view-size)*100vw);
  font-size: calc(14/var(--view-size)*100vw);
  letter-spacing: 0.14285714em;
  line-height: 1.8;
}
.common_balloon_text::before {
  display: none;
}
.common_balloon_text::after {
  top: calc(27/var(--view-size)*100vw);
  width: calc(6 / var(--view-size) * 100vw);
  height: calc(2 / var(--view-size) * 100vw);
}
.common_balloon_text_left::after {
  left: calc(-8 / var(--view-size) * 100vw);
}
.common_balloon_text_right::before {
  right: calc(-8 / var(--view-size) * 100vw);
}
/* 吹き出し共通ここまで */

/* フッター */
footer {
  padding-bottom: calc(26/var(--view-size)*100vw);
  border-radius: calc(40/var(--view-size)*100vw) calc(40/var(--view-size)*100vw) 0 0;
}
footer::before {
  background-image: url(../img/common/footer/ring-sp.png);
  top: calc(-117.97/var(--view-size)*100vw);
  right: calc(-50.29/var(--view-size)*100vw);
  width: calc(371.29/var(--view-size)*100vw);
  height: calc(371.29/var(--view-size)*100vw);
}
.common_footer_content {
  padding: calc(99/var(--view-size)*100vw) calc(20/var(--view-size)*100vw) calc(46/var(--view-size)*100vw);
}
.common_footer_content::before {
  width: calc(100% - (40/var(--view-size)*100vw));
}
.common_footer_content_columns {
  display: block;
}
.common_footer_content_info {
  width: 100%;
}
.common_footer_content_info_copy {
  margin-top: 0;
  padding-left: 0;
}
.common_footer_content_info_copy_img:nth-child(1) {
  width: calc(49.83/var(--view-size)*100vw);
  height: calc(49.5/var(--view-size)*100vw);
  margin-right: calc(5.71/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(2) {
  width: calc(49.5/var(--view-size)*100vw);
  height: calc(49.55/var(--view-size)*100vw);
  margin-right: calc(7.76/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(3) {
  width: calc(14.58/var(--view-size)*100vw);
  height: calc(13.3/var(--view-size)*100vw);
  margin-right: calc(38.36/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(4) {
  width: calc(50.33/var(--view-size)*100vw);
  height: calc(50.22/var(--view-size)*100vw);
  margin-right: calc(5.43/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(5) {
  width: calc(46.73/var(--view-size)*100vw);
  height: calc(47.78/var(--view-size)*100vw);
  margin-right: calc(13.14/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(6) {
  width: calc(41.41/var(--view-size)*100vw);
  height: calc(49.55/var(--view-size)*100vw);
  margin-right: calc(11.25/var(--view-size)*100vw);
}
.common_footer_content_info_copy_img:nth-child(7) {
  width: calc(15.41/var(--view-size)*100vw);
  height: calc(15.41/var(--view-size)*100vw);
}
.common_footer_content_info_text {
  margin-top: calc(29.41/var(--view-size)*100vw);
  padding-left: 0;
  text-align: center;
}
.common_footer_content_info_text img {
  display: inline-block;
  width: calc(324.11/var(--view-size)*100vw);
  height: auto;
}
.common_footer_content_info_btn_wrapper {
  max-width: initial;
  width: 100%;
  margin-top: calc(30.88/var(--view-size)*100vw);
}
.common_footer_content_info_btn_wrapper a {
  padding: calc(34/var(--view-size)*100vw) 0;
  border-radius: calc(16/var(--view-size)*100vw);
  font-size: calc(16/var(--view-size)*100vw);
}
.common_footer_content_info_btn_wrapper a::before {
  right: calc(20/var(--view-size)*100vw);
  width: calc(48/var(--view-size)*100vw);
  height: calc(36/var(--view-size)*100vw);
  border-radius: calc(16/var(--view-size)*100vw);
}
.common_footer_content_info_btn_wrapper a::after {
  right: calc(36/var(--view-size)*100vw);
  width: calc(16/var(--view-size)*100vw);
  height: calc(7.5/var(--view-size)*100vw);
}
.common_footer_content_info_btn_wrapper a:hover{
  background: #202050;
}
.common_footer_content_info_btn_wrapper a:hover span::after{
  width: 0%;
}
.common_footer_content_info_btn_wrapper a:hover::before{
  background-color: rgba(255, 255, 255, 0.12);
}
.common_footer_content_social {
  margin-top: calc(52/var(--view-size)*100vw);
  width: 100%;
}
.slick-slide.common_footer_content_social_slide {
  margin-left: calc(8/var(--view-size)*100vw);
  margin-right: calc(8/var(--view-size)*100vw);
  width: calc(280/var(--view-size)*100vw);
}
.common_footer_content_social_slider_controls {
  margin-top: calc(18/var(--view-size)*100vw);
  column-gap: calc(16 / var(--view-size) * 100vw);
}
.common_footer_content_social_slider_controls_btn {
  width: calc(50/var(--view-size)*100vw);
  height: calc(50/var(--view-size)*100vw);
}
.common_footer_content_social_slider_controls_prevBtn::before,
.common_footer_content_social_slider_controls_nextBtn::before {
  width: calc(9.375/var(--view-size)*100vw);
  height: calc(15.625/var(--view-size)*100vw);
}
.common_footer_content_social_slider_controls_pauseBtn::before {
  width: calc(11.71875/var(--view-size)*100vw);
  height: calc(13.28125/var(--view-size)*100vw);
}
.common_footer_content_social_youtube {
  margin-top: calc(44/var(--view-size)*100vw);
}
.common_footer_content_social_youtube a {
  font-size: calc(14/var(--view-size)*100vw);
}
.common_footer_content_social_sns {
  margin-top: calc(49/var(--view-size)*100vw);
}
.common_footer_content_social_sns_items {
  column-gap: calc(30/var(--view-size)*100vw);
}
.common_footer_info {
  padding: 0 calc(20 / var(--view-size) * 100vw);
  margin-bottom: calc(27/var(--view-size)*100vw);
}
.common_footer_info_top {
  padding-top: calc(37/var(--view-size)*100vw);
}
.common_footer_info_top_columns {
  display: block;
}
.common_footer_info_top_content {
  padding-top: 0;
}
.common_footer_info_top_logo {
  width: calc(218/var(--view-size)*100vw);
}
.common_footer_info_top_address {
  margin-top: calc(15/var(--view-size)*100vw);
}
.common_footer_info_top_address_text {
  font-size: calc(12/var(--view-size)*100vw);
  line-height: 2.4;
  letter-spacing: 0.1066666667em;
}
.common_footer_info_top_nav {
  margin-top: calc(23.8/var(--view-size)*100vw);
}
.common_footer_info_top_nav_columns {
  display: block;
}
.common_footer_info_top_nav_items {
  display: block;
}
.common_footer_info_top_nav_item_link {
  padding: calc(16/var(--view-size)*100vw) 0;
  font-size: calc(15/var(--view-size)*100vw);
}
.common_footer_info_bottom {
  margin-top: calc(34/var(--view-size)*100vw);
}
.common_footer_info_bottom_columns {
  display: block;
}
.common_footer_info_bottom_nav {
  margin-bottom: calc(33/var(--view-size)*100vw);
}
.common_footer_info_bottom_nav_items {
  column-gap: calc(30/var(--view-size)*100vw);
  row-gap: calc(20/var(--view-size)*100vw);
  flex-wrap: wrap;
}
.common_footer_info_bottom_nav_item_link {
  font-size: calc(11/var(--view-size)*100vw);
}
.common_footer_info_bottom_other {
  padding: calc(18/var(--view-size)*100vw) calc(49/var(--view-size)*100vw) calc(11/var(--view-size)*100vw);
}
.common_footer_info_bottom_other_items {
  flex-wrap: wrap;
  justify-content: center;
}
.common_footer_info_bottom_other_item:last-child {
  margin-top: calc(-8/var(--view-size)*100vw);
}
/* フッターここまで */
}