@charset "UTF-8";
/*------------------------------------------
  Base Setting
------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background: #EEF2F3;
  color: #242220;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  letter-spacing: 0.05em;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #242220;
  text-decoration: none;
}

.txtlink {
  text-decoration: underline;
}
.txtlink:hover {
  text-decoration: none;
}

.oplink {
  transition: opacity 0.4s;
}
.oplink:hover {
  opacity: 0.7;
}

.linelink {
  display: block;
  position: relative;
  padding-bottom: 2px;
}
.linelink:before {
  background: #242220;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.4s;
}
.linelink:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.externallink {
  display: inline-block;
  text-decoration: underline;
  position: relative;
  font-size: 1.3rem;
}
.externallink:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background: url(../images/common/ico-link03.svg) no-repeat center;
  background-size: 100%;
  margin-left: 10px;
}

.icon-svg {
  display: none;
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 1.3em;
  }
  a:hover {
    opacity: 1;
  }
  .txtlink:hover {
    text-decoration: underline;
  }
  .oplink:hover {
    opacity: 1;
  }
  .linelink {
    padding-bottom: 0;
  }
  .linelink:before {
    content: none;
  }
  .externallink {
    font-size: 1.1rem;
  }
  .externallink:after {
    vertical-align: text-bottom;
    margin-left: 2px;
  }
}
.is--tab {
  display: none;
}

.is--sp {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .is--tab {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .is--pc {
    display: none;
  }
  .is--sp {
    display: block;
  }
}
.transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #EEF2F3;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
}

/*------------------------------------------
  layout
------------------------------------------*/
.l-wrapper {
  opacity: 0;
}
.l-wrapper.is--active {
  opacity: 1;
  transition: 1s 1s;
}

.l-flex {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}

.l-main {
  padding: 0 0 170px;
}

.l-main[data-barba-namespace=jinji-home] {
  padding: 0;
}

.l-main[data-barba-namespace=jinji-job-detail] {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .l-main {
    padding: 0 0 104px;
  }
  .l-main[data-barba-namespace=jinji-home] {
    padding: 0;
  }
}
.l-contents {
  position: relative;
  z-index: 1;
  background: #EEF2F3;
}
.l-contents.--col {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  align-items: flex-start;
}
.l-contents.--col .l-sidebar {
  padding-top: 128px;
  width: 240px;
  margin-left: clamp(35px, 5.1244509517vw, 70px);
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}
.l-contents.--col .l-page {
  width: 74%;
  max-width: calc(100% - 240px - clamp(35px, 5.1244509517vw, 70px));
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .l-contents.--col .l-sidebar {
    padding: 120px 24px 0;
    position: static;
    width: 100%;
    margin-left: 0;
    margin-bottom: 80px;
  }
  .l-contents.--col .l-page {
    width: 100%;
    max-width: 100%;
  }
}
.l-sidebar {
  position: relative;
}
.l-sidebar .sidebar-ttl span {
  display: block;
}
.l-sidebar .sidebar-ttl .en {
  font-size: 3.4rem;
  font-family: "Work Sans", sans-serif;
  line-height: 1.17;
}
.l-sidebar .sidebar-ttl .ja {
  font-size: 1.3rem;
  padding: 2px;
}
.l-sidebar .sidebar-nav {
  margin-top: 32px;
}

.l-page {
  position: relative;
  padding: 210px 0 0;
}

@media only screen and (max-width: 767px) {
  .l-page {
    padding: 0;
  }
}
.page-head {
  margin-bottom: 104px;
}
.page-head__ttl {
  font-size: 2.6rem;
  font-family: "Work Sans", sans-serif;
  margin-bottom: 40px;
}
.page-head__lead {
  line-height: 2.2;
}

@media only screen and (max-width: 767px) {
  .page-head {
    margin-bottom: 80px;
  }
  .page-head__ttl {
    margin-bottom: 24px;
  }
  .page-head__lead {
    line-height: 1.75;
  }
}
.page-visual {
  height: 40.6295754026vw;
  max-height: 555px;
}

@media only screen and (max-width: 767px) {
  .page-visual {
    height: 55.4666666667vw;
    max-height: none;
  }
}
.l-inner01 {
  position: relative;
  margin: auto;
  width: 86%;
}

@media only screen and (max-width: 767px) {
  .l-inner01 {
    width: 100%;
    padding: 0 24px;
  }
}
.l-inner02 {
  position: relative;
  width: 84%;
}

@media only screen and (max-width: 767px) {
  .l-inner02 {
    width: 100%;
    padding: 0 24px;
  }
}
.l-title {
  background: #fff;
  padding: 38px 0;
}

@media only screen and (max-width: 767px) {
  .l-title {
    padding: 24px 0;
  }
}
/*------------------------------------------
  header
------------------------------------------*/
.l-header {
  width: 100%;
  background: #FFF;
  border-bottom: 1px solid #242220;
  position: sticky;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
}
.l-header__inner {
  position: relative;
  padding: 0 32px;
  height: 63px;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.l-header__ttl a {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 0 clamp(8px, 1.6105417277vw, 16px);
  align-items: center;
}
.l-header .header-ttl--txt {
  font-size: clamp(1rem, 1.2445095168vw, 1.3rem);
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Work Sans", sans-serif;
}
.l-header .header-nav {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 0 clamp(20px, 3.953147877vw, 40px);
  align-items: center;
}
.l-header .header-nav__main {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 0 clamp(16px, 3.074670571vw, 32px);
}
.l-header .header-nav__main a {
  font-size: clamp(1rem, 1.2445095168vw, 1.3rem);
  font-family: "Work Sans", sans-serif;
  padding-top: 2px;
}
.l-header .header-nav__sub {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 0 clamp(6px, 1.1713030747vw, 12px);
}
.l-header .header-nav__sub .sub-btn {
  display: block;
  color: #fff;
  background: #242220;
  font-size: clamp(1rem, 1.2445095168vw, 1.3rem);
  width: clamp(58px, 11.1273792094vw, 115px);
  line-height: 24px;
  border-radius: 13px;
  border: 1px solid #242220;
  text-align: center;
  transition: 0.4s;
}
.l-header .header-nav__sub .sub-btn:hover {
  background: #fff;
  color: #242220;
}

@media only screen and (max-width: 767px) {
  .l-header__inner {
    padding: 0 16px;
    height: 56px;
  }
  .l-header__ttl a {
    gap: 0 5px;
  }
  .l-header__trigger {
    position: absolute;
    width: 28px;
    height: 16px;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 100;
  }
  .l-header__trigger span {
    position: absolute;
    right: 0;
    height: 1px;
    width: 100%;
    background: #242220;
    transition: 0.4s;
  }
  .l-header__trigger span:nth-child(1) {
    top: 0;
  }
  .l-header__trigger span:nth-child(2) {
    width: 50%;
    top: 50%;
    margin-top: -0.5px;
  }
  .l-header__trigger span:nth-child(3) {
    bottom: 0;
  }
  .l-header__trigger.is--active span:nth-child(1) {
    top: 50%;
    margin-top: -0.5px;
    transform: rotate(-30deg);
  }
  .l-header__trigger.is--active span:nth-child(2) {
    opacity: 0;
  }
  .l-header__trigger.is--active span:nth-child(3) {
    bottom: 50%;
    margin-bottom: -0.5px;
    transform: rotate(30deg);
  }
  .l-header__contents {
    position: fixed;
    top: 0;
    right: 0;
    width: 85%;
    max-width: 317px;
    height: 100vh;
    -ms-overflow-y: auto;
    overflow-y: auto;
    padding: 82px 40px;
    background: #fff;
    border-left: 1px solid #242220;
    z-index: 99;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s;
  }
  .l-header__contents.is--visible {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  .l-header .header-ttl--logo {
    width: 68px;
  }
  .l-header .header-ttl--txt {
    font-size: 0.8rem;
    display: block;
    padding-top: 2px;
  }
  .l-header .header-nav {
    gap: 40px 0;
  }
  .l-header .header-nav__main {
    width: 100%;
    gap: 24px 0;
  }
  .l-header .header-nav__main li {
    width: 100%;
  }
  .l-header .header-nav__main a {
    font-size: 1.8rem;
    padding-top: 0;
  }
  .l-header .header-nav__sub {
    width: 100%;
    gap: 32px 0;
  }
  .l-header .header-nav__sub li {
    width: 100%;
  }
  .l-header .header-nav__sub .sub-btn {
    display: none;
  }
  .l-header .header-nav__sub .sub-block__label {
    font-size: 1.4rem;
    margin-bottom: 8px;
  }
  .l-header .header-nav__sub .sub-block__list {
    display: -moz-flex;
    display: flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    gap: 12px;
  }
}
.BD-home .l-header {
  opacity: 0;
  transform: translateY(-100%);
}
.BD-home .l-wrapper.is--active .l-header {
  opacity: 1;
  transform: translateY(0);
  transition: 1s 6s;
}

/*------------------------------------------
  footer
------------------------------------------*/
.l-footer {
  position: relative;
  background: #EEF2F3;
  z-index: 1000;
}
.l-footer__recruit {
  border-top: 1px solid #242220;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.l-footer__pagetop {
  border-top: 1px solid #242220;
  padding: 24px 0;
  text-align: right;
}
.l-footer__guide {
  border-top: 1px solid #242220;
  padding: 24px 0 60px;
}
.l-footer .footer-recruit {
  position: relative;
  width: 50%;
  padding: 104px 32px 125px;
  border-right: 1px solid #242220;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
.l-footer .footer-recruit:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s;
}
.l-footer .footer-recruit:hover:before {
  opacity: 1;
}
.l-footer .footer-recruit:last-child {
  border-right: none;
}
.l-footer .footer-recruit--newgraduate {
  background-image: url(../images/common/footer-recruit-newgraduate.webp);
}
.l-footer .footer-recruit--newgraduate:before {
  background: #F4F5F2;
}
.l-footer .footer-recruit--career {
  background-image: url(../images/common/footer-recruit-career.webp);
}
.l-footer .footer-recruit--career:before {
  background: #F2EDE9;
}
.l-footer .footer-recruit__inner {
  padding: 0 8%;
  position: relative;
}
.l-footer .footer-recruit__label {
  font-size: 2rem;
  margin-bottom: 2em;
}
.l-footer .footer-recruit__list li {
  max-width: 310px;
  margin-bottom: 16px;
}
.l-footer .footer-recruit__list li:last-child {
  margin-bottom: 0;
}
.l-footer .footer-pagetop {
  padding: 0 32px;
  position: relative;
}
.l-footer .footer-pagetop a {
  display: inline-block;
  font-size: 1.2rem;
  font-family: "Work Sans", sans-serif;
}
.l-footer .footer-guide {
  padding: 0 32px;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  align-items: center;
}
.l-footer .footer-guide__ttl a {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 16px;
}
.l-footer .footer-guide__ttl .ttl--txt {
  font-size: 1.3rem;
  font-family: "Work Sans", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.l-footer .footer-guide__nav {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  margin-left: auto;
  gap: 0 clamp(20px, 2.9282576867vw, 40px);
}
.l-footer .footer-guide__nav a {
  font-size: 1.2rem;
  padding-top: 2px;
}
.l-footer .footer-guide__copy {
  margin-left: clamp(12px, 1.756954612vw, 24px);
  font-family: "Work Sans", sans-serif;
  font-size: 1rem;
}
.l-footer .footer-guide__sns {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 0 clamp(12px, 1.756954612vw, 24px);
  margin-left: clamp(20px, 2.9282576867vw, 40px);
}
.l-footer .footer-guide__sns a {
  display: block;
}
.l-footer .footer-guide__sns a img {
  vertical-align: middle;
}

@media only screen and (max-width: 1024px) {
  .l-footer .footer-guide__ttl {
    -ms-order: 1;
    order: 1;
  }
  .l-footer .footer-guide__nav {
    width: 100%;
    -ms-order: 3;
    order: 3;
    gap: 0 40px;
    margin-top: 20px;
  }
  .l-footer .footer-guide__copy {
    width: 100%;
    -ms-order: 4;
    order: 4;
    margin-left: 0;
    margin-top: 16px;
  }
  .l-footer .footer-guide__sns {
    margin-left: auto;
    -ms-order: 2;
    order: 2;
    gap: 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer__recruit {
    border-top: none;
  }
  .l-footer__pagetop {
    padding: 16px 0;
  }
  .l-footer__guide {
    padding: 24px 0 48px;
  }
  .l-footer .footer-recruit {
    width: 100%;
    padding: 0 24px;
    border-right: none;
    border-top: 1px solid #242220;
    text-align: center;
  }
  .l-footer .footer-recruit:before {
    opacity: 1;
  }
  .l-footer .footer-recruit--career .footer-recruit__inner {
    border-left: 1px solid #242220;
    border-right: 1px solid #242220;
  }
  .l-footer .footer-recruit__inner {
    padding: 50px 0;
  }
  .l-footer .footer-recruit__label {
    margin-bottom: 16px;
  }
  .l-footer .footer-recruit__list {
    width: 236px;
    margin: auto;
  }
  .l-footer .footer-pagetop {
    padding: 0 24px;
  }
  .l-footer .footer-guide {
    padding: 0 24px;
  }
  .l-footer .footer-guide__ttl a {
    display: block;
  }
  .l-footer .footer-guide__ttl .ttl--logo {
    display: block;
  }
  .l-footer .footer-guide__ttl .ttl--txt {
    display: block;
    margin-top: 2px;
  }
  .l-footer .footer-guide__nav a {
    padding-top: 0;
  }
}
/*------------------------------------------
  component
------------------------------------------*/
/* ========== ttl ========== */
.c-ttl01 {
  font-size: 3.4rem;
  line-height: 1.17;
  font-family: "Work Sans", sans-serif;
}

@media only screen and (max-width: 767px) {
  .c-ttl01 {
    font-size: 2.4rem;
  }
}
.c-ttl02 {
  font-size: 2.4rem;
  line-height: 1.375;
  position: relative;
  padding-left: 80px;
}
.c-ttl02:before {
  content: "";
  width: 56px;
  height: 1px;
  background: #242220;
  position: absolute;
  left: 0;
  top: 50%;
}

@media only screen and (max-width: 767px) {
  .c-ttl02 {
    font-size: 1.8rem;
    line-height: 1.833;
    padding-left: 40px;
  }
  .c-ttl02:before {
    width: 24px;
  }
}
.c-ttl03 {
  position: relative;
  font-size: 2.4rem;
}
.c-ttl03:before {
  content: "";
  width: 40px;
  height: 1px;
  position: absolute;
  left: -64px;
  top: 50%;
  background: #242220;
}

@media only screen and (max-width: 767px) {
  .c-ttl03 {
    font-size: 1.8rem;
  }
  .c-ttl03:before {
    width: 15px;
    left: -24px;
  }
}
/* ========== btn ========== */
.c-btn01 {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #242220;
  background: #fff;
  position: relative;
  font-size: 1.6rem;
  transition: 0.4s;
}
.c-btn01:after {
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 20px;
  background-image: url(../images/common/arrow-r01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.4s;
}
.c-btn01:hover {
  color: #fff;
  background: #242220;
}
.c-btn01:hover:after {
  background-image: url(../images/common/arrow-r02.svg);
}

@media only screen and (max-width: 767px) {
  .c-btn01:hover {
    color: #242220;
    background: #fff;
  }
  .c-btn01:hover:after {
    background-image: url(../images/common/arrow-r01.svg);
  }
}
.c-btn02 {
  display: inline-block;
  font-family: "Work Sans", sans-serif;
  font-size: 1rem;
  cursor: pointer;
  border: 1px solid #242220;
  padding: 5px 25px 5px 28px;
  border-radius: 100px;
  background: #EEF2F3;
  transition: 0.4s;
}
.c-btn02 span {
  display: inline-block;
  padding-right: 16px;
  position: relative;
}
.c-btn02 span:after {
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/common/arrow-r01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.4s;
}
.c-btn02 span.arrow-down:after {
  transform: rotate(90deg);
}
.c-btn02:hover {
  color: #fff;
  background: #242220;
}
.c-btn02:hover span:after {
  background-image: url(../images/common/arrow-r02.svg);
}

@media only screen and (max-width: 767px) {
  .c-btn02:hover {
    color: #242220;
    background: #EEF2F3;
  }
  .c-btn02:hover span:after {
    background-image: url(../images/common/arrow-r01.svg);
  }
}
.c-btn03 {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #242220;
  background: #fff;
  position: relative;
  font-size: 2rem;
  transition: 0.4s;
}
.c-btn03:after {
  content: "";
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 40px;
  background-image: url(../images/common/arrow-r03.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.4s;
}
.c-btn03:hover {
  color: #fff;
  background: #242220;
}
.c-btn03:hover:after {
  background-image: url(../images/common/arrow-r04.svg);
}

@media only screen and (max-width: 767px) {
  .c-btn03 {
    font-size: 1.6rem;
  }
  .c-btn03:after {
    right: 32px;
  }
  .c-btn03:hover {
    color: #242220;
    background: #fff;
  }
  .c-btn03:hover:after {
    background-image: url(../images/common/arrow-r03.svg);
  }
}
.c-btn04 {
  width: 100%;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #242220;
  background: #fff;
  position: relative;
  font-size: 1.6rem;
  transition: 0.4s;
}
.c-btn04:after {
  content: "";
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 24px;
  background-image: url(../images/common/ico-link01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.4s;
}
.c-btn04:hover {
  color: #fff;
  background: #242220;
}
.c-btn04:hover:after {
  background-image: url(../images/common/ico-link02.svg);
}

@media only screen and (max-width: 767px) {
  .c-btn04:hover {
    color: #242220;
    background: #fff;
  }
  .c-btn04:hover:after {
    background-image: url(../images/common/ico-link01.svg);
  }
}
.c-btn05 {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #242220;
  background: #EEF2F3;
  position: relative;
  font-size: 1.6rem;
  transition: 0.4s;
}
.c-btn05:after {
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 20px;
  background-image: url(../images/common/arrow-r01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.4s;
}
.c-btn05:hover {
  color: #fff;
  background: #242220;
}
.c-btn05:hover:after {
  background-image: url(../images/common/arrow-r02.svg);
}

@media only screen and (max-width: 767px) {
  .c-btn05 {
    height: 42px;
    font-size: 1.3rem;
  }
  .c-btn05:after {
    right: 16px;
    width: 8px;
  }
  .c-btn05:hover {
    color: #242220;
    background: #fff;
  }
  .c-btn05:hover:after {
    background-image: url(../images/common/arrow-r01.svg);
  }
}
/* ========== nav ========== */
.c-nav01 li {
  margin-bottom: 12px;
}
.c-nav01 li:last-child {
  margin-bottom: 0;
}
.c-nav01 a {
  font-size: 1.3rem;
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
}
.c-nav01 a:before {
  background: #242220;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.4s;
}
.c-nav01 a.is--current:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

@media only screen and (max-width: 767px) {
  .c-nav01 li {
    margin-bottom: 8px;
  }
  .c-nav01 a {
    padding-bottom: 0;
  }
  .c-nav01 a:before {
    content: none;
  }
}
/* ========== table ========== */
.c-table01 {
  width: 100%;
}
.c-table01 tr {
  border-bottom: 1px solid #D0D5D9;
}
.c-table01 tr:first-child th, .c-table01 tr:first-child td {
  padding-top: 0;
}
.c-table01 th, .c-table01 td {
  vertical-align: top;
  padding: 24px 0;
  text-align: left;
}
.c-table01 th {
  font-size: 1.6rem;
  width: 6em;
}
.c-table01 td {
  padding-left: 1em;
  line-height: 1.7466;
}

@media only screen and (max-width: 767px) {
  .c-table01 th, .c-table01 td {
    display: block;
    width: 100%;
  }
  .c-table01 th {
    padding: 16px 0 8px;
  }
  .c-table01 td {
    padding: 0 0 12px;
    line-height: 1.5;
  }
}
/* ========== box ========== */
.c-box01 {
  border-top: 1px solid #242220;
  padding: 24px 0 0;
  margin-bottom: 40px;
}
.c-box01:last-child {
  margin-bottom: 0;
}
.c-box01 .box-ttl {
  font-size: 2rem;
  margin-bottom: 8px;
}
.c-box01 .box-txt {
  line-height: 1.7466;
}

@media only screen and (max-width: 767px) {
  .c-box01 {
    padding: 16px 0 0;
    margin-bottom: 24px;
  }
  .c-box01 .box-ttl {
    font-size: 1.6rem;
  }
  .c-box01 .box-txt {
    line-height: 1.5;
  }
}
.c-box02 {
  padding: 24px;
  margin-bottom: 16px;
  background: #F6F5F6;
}
.c-box02:last-child {
  margin-bottom: 0;
}
.c-box02 .box-ttl {
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.c-box02 .box-txt {
  color: #6B6E6C;
  font-size: 1.3rem;
  line-height: 1.75;
}
.c-box02.--hasimg {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.c-box02.--hasimg .box-txt__wrapper {
  width: 64%;
}
.c-box02.--hasimg .box-img {
  width: 30%;
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .c-box02 {
    padding: 16px;
    margin-bottom: 8px;
  }
  .c-box02 .box-ttl {
    font-size: 1.4rem;
  }
  .c-box02 .box-txt {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .c-box02.--hasimg {
    display: -moz-flex;
    display: flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
  }
  .c-box02.--hasimg .box-txt__wrapper {
    width: 100%;
  }
  .c-box02.--hasimg .box-img {
    width: 100%;
    margin-top: 8px;
  }
}
/* ========== parallax img ========== */
.c-parallax-img {
  width: 100%;
  overflow: hidden;
}
.c-parallax-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 130%;
  will-change: transform;
}

/* ========== separator ========== */
.c-separator--top {
  border-top: 1px solid #242220;
}
.c-separator--bottom {
  border-bottom: 1px solid #242220;
}
.c-separator--side {
  border-left: 1px solid #242220;
  border-right: 1px solid #242220;
}

/* ========== accordion ========== */
.js-acTrigger {
  cursor: pointer;
}

.js-acHide {
  display: none;
}

/* ========== loop text ========== */
.c-ticker .swiper-wrapper {
  transition-timing-function: linear;
}
.c-ticker .swiper-slide {
  width: 283px;
}
.c-ticker .swiper-slide span {
  display: inline-block;
  position: relative;
  font-size: 1.9rem;
  font-family: "Work Sans", sans-serif;
  line-height: 1.2;
}
.c-ticker.--txt01 .swiper-slide {
  width: 283px;
  text-align: center;
}
.c-ticker.--txt02 .swiper-slide {
  width: 280px;
}
.c-ticker.--txt02 .swiper-slide span {
  width: 100%;
  padding-left: 64px;
}
.c-ticker.--txt02 .swiper-slide span:after {
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/common/arrow-r01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

@media only screen and (max-width: 767px) {
  .c-ticker .swiper-slide span {
    font-size: 1.3rem;
  }
  .c-ticker.--txt01 .swiper-slide {
    width: 214px;
  }
  .c-ticker.--txt02 .swiper-slide {
    width: 226px;
  }
  .c-ticker.--txt02 .swiper-slide span {
    padding-left: 48px;
  }
}
/* ========== step ========== */
.c-step {
  position: relative;
}
.c-step:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #242220;
  position: absolute;
  top: 0;
  left: -52px;
}
.c-step .step-list {
  position: relative;
}
.c-step .step-list__item {
  position: relative;
  background: #fff;
  border: 1px solid #242220;
  margin-bottom: 16px;
  padding: 12px 32px 12px 0;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  align-items: center;
}
.c-step .step-list__item:before {
  content: "";
  width: 16px;
  height: 16px;
  background: #EEF2F3;
  border: 1px solid #242220;
  border-radius: 50%;
  position: absolute;
  left: -62px;
  top: 50%;
  transform: translateY(-50%);
}
.c-step .step-list__item:last-child {
  margin-bottom: 0;
}
.c-step .step-list__item .item-head {
  width: 95px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #242220;
}
.c-step .step-list__item .item-head span {
  text-align: center;
  display: block;
  font-family: "Work Sans", sans-serif;
  line-height: 1.1;
}
.c-step .step-list__item .item-head__label {
  font-size: 1.2rem;
}
.c-step .step-list__item .item-head__num {
  font-size: 3rem;
}
.c-step .step-list__item .item-txt {
  width: calc(100% - 120px);
  margin-left: auto;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  align-items: center;
}
.c-step .step-list__item .item-txt__ttl {
  width: 234px;
  font-size: 2rem;
}
.c-step .step-list__item .item-txt__txt {
  width: calc(100% - 234px);
  font-size: 1.3rem;
}

@media only screen and (max-width: 1024px) {
  .c-step .step-list__item .item-txt__ttl {
    width: 100%;
  }
  .c-step .step-list__item .item-txt__txt {
    width: 100%;
    margin-top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .c-step:before {
    content: none;
  }
  .c-step .step-list__item {
    margin-bottom: 10px;
    padding: 12px 12px 12px 0;
  }
  .c-step .step-list__item:before {
    content: none;
  }
  .c-step .step-list__item .item-head {
    width: 54px;
    height: 88px;
  }
  .c-step .step-list__item .item-head__label {
    font-size: 1rem;
  }
  .c-step .step-list__item .item-head__num {
    font-size: 2rem;
  }
  .c-step .step-list__item .item-txt {
    width: calc(100% - 66px);
  }
  .c-step .step-list__item .item-txt__ttl {
    font-size: 1.5rem;
  }
  .c-step .step-list__item .item-txt__txt {
    font-size: 1.1rem;
    line-height: 1.25;
  }
}
/* ========== business ========== */
.c-business .business-block {
  background: #FFF;
  border: 1px solid #242220;
  padding: 40px 4.7%;
  margin-bottom: 24px;
}
.c-business .business-block:last-child {
  margin-bottom: 0;
}
.c-business .business-block__ttl {
  font-size: 1.8rem;
  border-bottom: 1px solid #242220;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.c-business .business-block__txt {
  line-height: 1.7466;
}
.c-business .evaluation {
  margin-top: 16px;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  background: url(../images/business/ico-close.svg) no-repeat center;
  background-size: clamp(16px, 2.3426061493vw, 32px);
}
.c-business .evaluation-box {
  width: 45%;
  text-align: center;
  background: #E9EEEC;
  padding: 18px 1em;
}
.c-business .evaluation-box__ttl {
  font-size: 1.8rem;
  margin-bottom: 5px;
}
.c-business .evaluation-box__sub {
  font-size: 1.2rem;
  color: #6B6E6C;
}
.c-business .follow {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.c-business .follow-sub {
  position: relative;
  width: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.c-business .follow-sub span {
  writing-mode: vertical-rl;
  font-size: 1.8rem;
}
.c-business .follow-sub:before {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  top: 100%;
  left: 0;
}
.c-business .follow-sub:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 25px 0px 25px;
  z-index: 1;
}
.c-business .follow-main {
  width: calc(100% - 64px);
  margin-left: auto;
  position: relative;
}
.c-business .follow-main__lead {
  margin-bottom: 8px;
}
.c-business .follow .box-wrapper {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 8px 1%;
}
.c-business .follow .box-wrapper > div {
  width: 49.5%;
  margin-bottom: 0;
}
.c-business .follow .box-wrapper > div.--large {
  width: 100%;
}
.c-business .follow01 .follow-sub {
  background: #E2DCE2;
  padding: 15px 0 0;
}
.c-business .follow01 .follow-sub:before {
  background: #D4CED5;
}
.c-business .follow01 .follow-sub:after {
  border-color: #E2DCE2 transparent transparent transparent;
}
.c-business .follow01 .follow-main {
  padding-top: 0;
}
.c-business .follow02 .follow-sub {
  background: #D4CED5;
  padding: 0;
  align-items: center;
}
.c-business .follow02 .follow-sub:before {
  background: #C7C0C9;
}
.c-business .follow02 .follow-sub:after {
  border-color: #D4CED5 transparent transparent transparent;
}
.c-business .follow02 .follow-main {
  padding: 48px 0;
}
.c-business .follow02 .follow-main__lead {
  margin-bottom: 0;
}
.c-business .follow03 .follow-sub {
  background: #C7C0C9;
  padding: 0 0 20px;
  align-items: flex-end;
}
.c-business .follow03 .follow-sub:before, .c-business .follow03 .follow-sub:after {
  content: none;
}

@media only screen and (max-width: 1024px) {
  .c-business .follow .box-wrapper > div {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .c-business .business-block {
    padding: 32px 24px;
  }
  .c-business .business-block__ttl {
    font-size: 1.5rem;
    line-height: 1.7466;
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .c-business .business-block__txt {
    line-height: 1.5;
  }
  .c-business .evaluation {
    gap: 58px 0;
    background-size: 22px;
  }
  .c-business .evaluation-box {
    width: 100%;
    padding: 12px 1em;
  }
  .c-business .evaluation-box__ttl {
    font-size: 1.3rem;
    margin-bottom: 2px;
  }
  .c-business .evaluation-box__sub {
    font-size: 1rem;
  }
  .c-business .follow-sub {
    width: 32px;
  }
  .c-business .follow-sub span {
    font-size: 1.4rem;
  }
  .c-business .follow-sub:after {
    border-width: 24px 16px 0px 16px;
  }
  .c-business .follow-main {
    width: calc(100% - 46px);
  }
  .c-business .follow03 .follow-sub {
    padding: 40px 0 0;
    align-items: flex-start;
  }
}
/* ========== joblist ========== */
.c-joblist {
  position: relative;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  border-top: 1px solid #242220;
}
.c-joblist .list-item {
  width: 33.33333%;
  height: auto;
  position: relative;
  text-align: center;
  overflow: hidden;
  border-right: 1px solid #242220;
}
.c-joblist .list-item:nth-child(3n) {
  border-right: none;
}
.c-joblist .list-item a {
  position: relative;
  display: block;
  padding: 86px 18px;
  height: 100%;
  z-index: 1;
}
.c-joblist .list-item .item-num {
  position: absolute;
  top: 24px;
  left: 18px;
  font-size: 1.2rem;
  font-family: "Work Sans", sans-serif;
}
.c-joblist .list-item .item-ttl {
  font-size: 1.8rem;
  margin-bottom: 24px;
  transition: 0.4s;
}
.c-joblist .list-item .item-img img {
  width: 70%;
  transition: 0.4s;
}
.c-joblist .list-item .item-txt {
  margin-top: 24px;
  transition: 0.4s;
}
.c-joblist .list-item .item-more {
  margin-top: 24px;
  transition: 0.4s;
}
.c-joblist .list-item .item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.4s;
}
.c-joblist .list-item .item-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-joblist .list-item .item-bg span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(238, 242, 243, 0.1);
  backdrop-filter: blur(30px) brightness(110%);
}
.c-joblist .list-item:hover .item-bg {
  opacity: 1;
}
.c-joblist .list-item:hover .item-ttl {
  transform: translate(-0.5em, -0.5em);
}
.c-joblist .list-item:hover .item-img img {
  transform: rotate(5deg);
}
.c-joblist .list-item:hover .item-txt {
  transform: translate(-0.5em, 0.5em);
}
.c-joblist .list-item:hover .item-more {
  transform: translate(-0.5em, 0.5em);
}
.c-joblist .list-item:nth-child(3n-1):hover .item-img img {
  transform: rotate(-5deg);
}

@media only screen and (max-width: 767px) {
  .c-joblist .list-item {
    width: 50%;
  }
  .c-joblist .list-item:nth-child(2n) {
    border-right: none;
  }
  .c-joblist .list-item a {
    padding: 50px 20px 32px;
  }
  .c-joblist .list-item .item-num {
    font-size: 1rem;
    top: 24px;
    left: 16px;
  }
  .c-joblist .list-item .item-ttl {
    font-size: 1.3rem;
    margin-bottom: 16px;
  }
  .c-joblist .list-item .item-img img {
    width: 100%;
  }
  .c-joblist .list-item .item-txt {
    margin-top: 16px;
  }
  .c-joblist .list-item .item-more {
    margin-top: 16px;
  }
  .c-joblist .list-item .item-bg {
    display: none;
  }
  .c-joblist .list-item:hover .item-ttl {
    transform: translate(0);
  }
  .c-joblist .list-item:hover .item-img img {
    transform: rotate(0);
  }
  .c-joblist .list-item:hover .item-txt {
    transform: translate(0);
  }
  .c-joblist .list-item:hover .item-more {
    transform: translate(0);
  }
  .c-joblist .list-item:nth-child(3n-1):hover .item-img img {
    transform: rotate(0);
  }
}
/* ========== news ========== */
.c-news {
  border-top: 1px solid #7B7C7C;
}
.c-news .news-item {
  border-bottom: 1px solid #7B7C7C;
  padding: 28px 0 28px 10px;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.c-news .news-item .item-date {
  font-size: 1.2rem;
  font-family: "Work Sans", sans-serif;
  padding-top: 2px;
}
.c-news .news-item .item-ttl {
  font-size: 1.3rem;
  line-height: 1.76;
  width: calc(100% - 96px);
  margin-left: auto;
}
.c-news .news-more {
  text-align: right;
  margin-top: 32px;
}

@media only screen and (max-width: 767px) {
  .c-news .news-item {
    padding: 24px 0;
  }
  .c-news .news-item .item-date {
    padding-top: 0;
    margin-bottom: 8px;
  }
  .c-news .news-item .item-ttl {
    line-height: 1.5;
    width: 100%;
  }
  .c-news .news-more {
    margin-top: 24px;
  }
}
/* ========== indent ========== */
.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

.indent3 {
  padding-left: 3em;
  text-indent: -3em;
}

/* ========== js-sticky ========== */
.js-sticky:not(.is-disabled) {
  --sticky-offset: -1px;
  position: sticky;
  top: var(--sticky-offset);
}

.js-relative {
  position: relative;
}

/*------------------------------------------
  project
------------------------------------------*/
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #EEF2F3;
  z-index: 10000;
}
.loading__logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-100% - 15px));
  text-align: center;
}
.loading__logo .logo-img {
  width: 160px;
}
.loading__logo .logo-img img {
  width: 100%;
}
.loading__logo .logo-txt {
  font-size: 2rem;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin-top: 0.5em;
}
.loading__bar {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 1px;
  margin-top: 40px;
  background: #242220;
}

.l-wrapper.is--active .loading__bar {
  width: 100%;
  transition: 3s 2s;
}

@media only screen and (max-width: 767px) {
  .loading__logo .logo-img {
    width: 106px;
  }
  .loading__logo .logo-txt {
    font-size: 1.3rem;
  }
  .loading__bar {
    margin-top: 16px;
  }
}
/* ========== HOME：MV ========== */
.p-mv .mv-gallery {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.p-mv .mv-gallery .gallery {
  position: relative;
  width: 100%;
  height: 100%;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  background: #EEF2F3;
  --size-factor: 1.25;
  --item-height: 20vh;
}
.p-mv .mv-gallery .gallery__item {
  width: auto;
  aspect-ratio: 2/3;
  background-position: 50% 50%;
  background-size: cover;
  flex: none;
  position: relative;
  filter: brightness(1);
  transform: translateY(32px);
}
.p-mv .mv-gallery .gallery__item--s {
  height: var(--item-height);
}
.p-mv .mv-gallery .gallery__item--m {
  height: calc(var(--size-factor) * var(--item-height));
  margin-top: 20.8333333333vh;
}
.p-mv .mv-gallery .gallery__item--l {
  height: calc(var(--size-factor) * 2 * var(--item-height));
  margin-top: 25vh;
}
.p-mv .mv-gallery .gallery__item--xl {
  aspect-ratio: 2.6/3;
  z-index: 100;
  height: calc(var(--size-factor) * 3 * var(--item-height));
}
.p-mv .mv-gallery .gallery--switch .gallery__item--m,
.p-mv .mv-gallery .gallery--switch .gallery__item--l {
  height: var(--item-height);
}
.p-mv .mv-gallery .gallery--switch .gallery__item--xl {
  height: 100vh;
  width: 100vw;
  aspect-ratio: auto;
}
.p-mv .mv-gallery .catch {
  position: absolute;
  width: 432px;
  height: 137px;
  top: 134px;
  left: 58px;
  mix-blend-mode: exclusion;
  z-index: 101;
}
.p-mv .mv-gallery .catch img {
  width: 100%;
}
.p-mv .mv-gallery .catch.is--active .catch__item {
  clip-path: inset(0);
  transition: 1s;
}
.p-mv .mv-gallery .catch.is--active .catch__item01 {
  transition-delay: 2s;
}
.p-mv .mv-gallery .catch.is--active .catch__item02 {
  transition-delay: 3.5s;
}
.p-mv .mv-gallery .catch__item {
  position: absolute;
  clip-path: inset(0 100% 0 0);
}
.p-mv .mv-gallery .catch__item01 {
  width: 200px;
  top: 0;
  left: 0;
}
.p-mv .mv-gallery .catch__item02 {
  width: 346px;
  bottom: 0;
  right: 0;
}
.p-mv.is--done .mv-gallery .gallery__item--xl {
  height: 100vh;
  width: 100vw;
  aspect-ratio: auto;
}
.p-mv.is--done .mv-gallery .catch__item {
  clip-path: inset(0);
}

@media only screen and (max-width: 767px) {
  .p-mv .mv-gallery .gallery {
    gap: 20px;
  }
  .p-mv .mv-gallery .gallery__item--m {
    margin-top: 20.8333333333vh;
  }
  .p-mv .mv-gallery .gallery__item--l {
    height: calc(var(--size-factor) * 1.5 * var(--item-height));
    margin-top: 11.9940029985vh;
  }
  .p-mv .mv-gallery .gallery__item--xl {
    aspect-ratio: 2.5/3;
    height: calc(var(--size-factor) * 2 * var(--item-height));
  }
  .p-mv .mv-gallery .catch {
    width: 347px;
    height: 110px;
    top: 24.5333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .p-mv .mv-gallery .catch__item01 {
    width: 158px;
  }
  .p-mv .mv-gallery .catch__item02 {
    width: 272px;
  }
}
/* ========== HOME：LEAD ========== */
.p-lead .lead__contents {
  position: relative;
  width: 100%;
}
.p-lead .lead__contents__inner {
  position: relative;
  z-index: 30;
  margin: 0 auto;
}
.p-lead .lead-block {
  position: relative;
  z-index: 30;
  height: 100vh;
}
.p-lead .lead-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-lead .lead-box__inner {
  position: relative;
  padding: 120px 0 0;
  width: 88%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.p-lead .lead-box__contents {
  width: 68%;
  min-width: 600px;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.p-lead .lead-box .box-catch {
  position: absolute;
  left: 0;
}
.p-lead .lead-box .box-img {
  width: 40%;
}
.p-lead .lead-box .box-txt {
  width: 46%;
  margin-left: auto;
  line-height: 2.2;
}
.p-lead .lead-box02 .box-catch {
  top: 40px;
  transform: rotate(-353deg);
}
.p-lead .lead-box02 .box-img img {
  transform: translateX(-2.66%) rotate(-10deg);
}
.p-lead .lead-box03 .box-catch {
  top: 97px;
  transform: rotate(3deg);
}
.p-lead .lead-box03 .box-img img {
  transform: translate(-2.66%, 12%) rotate(9deg);
}

@media only screen and (max-width: 1024px) {
  .p-lead .lead-box02 .box-catch {
    top: -40px;
    transform: rotate(-353deg);
  }
  .p-lead .lead-box03 .box-catch {
    top: 17px;
    transform: rotate(3deg);
  }
}
@media only screen and (max-width: 767px) {
  .p-lead .lead__contents {
    padding: 78px 24px 88px;
    height: auto;
  }
  .p-lead .sp-lead-catch {
    text-align: center;
    margin-bottom: 32px;
  }
  .p-lead .sp-lead-catch img {
    width: 375px;
  }
  .p-lead .sp-lead-img {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
  }
  .p-lead .sp-lead-img img {
    width: 52.5333333333vw;
  }
  .p-lead .sp-lead-img .img {
    width: 100%;
  }
  .p-lead .sp-lead-img .img02 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .p-lead .sp-lead-img .img02 img {
    transform: rotate(-10deg) translateX(-2.5%);
  }
  .p-lead .sp-lead-img .img03 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .p-lead .sp-lead-img .img03 img {
    transform: rotate(9deg) translate(-2.5%, 15%);
  }
  .p-lead .sp-lead-txt p {
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 24px;
  }
  .p-lead .sp-lead-txt p:last-child {
    margin-bottom: 0;
  }
}
/* ========== HOME：NEWS ========== */
.p-news {
  padding: 120px 0 105px;
}
.p-news__inner {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.p-news .news__contents {
  width: 73%;
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .p-news {
    padding: 46px 0 56px;
  }
  .p-news__inner {
    display: -moz-flex;
    display: flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
  }
  .p-news .news__head {
    width: 100%;
    margin-bottom: 24px;
  }
  .p-news .news__contents {
    width: 100%;
  }
}
/* ========== HOME：BUSINESS ========== */
.p-business__inner {
  padding-top: 80px;
  padding-bottom: 80px;
}
.p-business .business__head {
  margin: 0 auto 60px;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.p-business .business-ttl .more {
  margin-top: 32px;
}
.p-business .business-lead {
  width: 64%;
  margin-left: auto;
  font-size: 1.5rem;
  line-height: 2.2;
}
.p-business .business-visual {
  height: 36.6032210835vw;
}

@media only screen and (max-width: 767px) {
  .p-business__inner {
    padding: 56px 0;
    border: none;
  }
  .p-business .business__head {
    width: 100%;
    padding: 0 24px;
    margin-bottom: 32px;
  }
  .p-business .business-ttl {
    width: 100%;
    margin-bottom: 24px;
  }
  .p-business .business-lead {
    width: 100%;
    font-size: 1.3rem;
    line-height: 2;
  }
  .p-business .business-more {
    margin-top: 24px;
  }
  .p-business .business-visual {
    height: 70.1333333333vw;
  }
}
/* ========== HOME：JOB ========== */
.p-job {
  overflow: hidden;
}
.p-job .job__head {
  padding: 92px 0 85px;
}
.p-job .job__head__inner {
  margin: auto;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.p-job .job-ttl .more {
  margin-top: 32px;
}
.p-job .job-lead {
  width: 64%;
  margin-left: auto;
  font-size: 1.5rem;
  line-height: 2.2;
}
.p-job .job-visual {
  height: 36.6032210835vw;
}
.p-job .job-list {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .p-job .job-list {
    border-top: 1px solid #242220;
  }
  .p-job .job-list .swiper-wrapper {
    display: -moz-flex;
    display: flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
  }
  .p-job .job-list .swiper-button-prev {
    display: none;
  }
  .p-job .job-list .swiper-button-next {
    display: none;
  }
  .p-job .job-list__item {
    width: 33.33333%;
    height: auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #242220;
    border-bottom: 1px solid #242220;
  }
  .p-job .job-list__item:nth-child(3n) {
    border-right: none;
  }
  .p-job .job-list__item a {
    position: relative;
    display: block;
    padding: 86px 18px;
    height: 100%;
    z-index: 1;
  }
  .p-job .job-list__item .item-num {
    position: absolute;
    top: 24px;
    left: 18px;
    font-size: 1.2rem;
    font-family: "Work Sans", sans-serif;
  }
  .p-job .job-list__item .item-ttl {
    font-size: 1.8rem;
    margin-bottom: 24px;
    transition: 0.4s;
  }
  .p-job .job-list__item .item-img img {
    width: 70%;
    transition: 0.4s;
  }
  .p-job .job-list__item .item-txt {
    margin-top: 24px;
    transition: 0.4s;
  }
  .p-job .job-list__item .item-more {
    margin-top: 24px;
    transition: 0.4s;
  }
  .p-job .job-list__item .item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.4s;
  }
  .p-job .job-list__item .item-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .p-job .job-list__item .item-bg span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(238, 242, 243, 0.1);
    backdrop-filter: blur(30px) brightness(110%);
  }
  .p-job .job-list__item:hover .item-bg {
    opacity: 1;
  }
  .p-job .job-list__item:hover .item-ttl {
    transform: translate(-0.5em, -0.5em);
  }
  .p-job .job-list__item:hover .item-img img {
    transform: rotate(5deg);
  }
  .p-job .job-list__item:hover .item-txt {
    transform: translate(-0.5em, 0.5em);
  }
  .p-job .job-list__item:hover .item-more {
    transform: translate(-0.5em, 0.5em);
  }
  .p-job .job-list__item:nth-child(3n-1):hover .item-img img {
    transform: rotate(-5deg);
  }
}
@media only screen and (max-width: 767px) {
  .p-job {
    border-bottom: 1px solid #242220;
    padding-bottom: 15px;
  }
  .p-job .job__head {
    padding: 56px 0 32px;
    border: none;
    position: relative;
    z-index: 100;
  }
  .p-job .job__head__inner {
    width: 100%;
    padding: 0 24px;
  }
  .p-job .job-ttl {
    width: 100%;
    margin-bottom: 24px;
  }
  .p-job .job-lead {
    width: 100%;
    font-size: 1.3rem;
    line-height: 2;
  }
  .p-job .job-more {
    margin-top: 24px;
    position: relative;
  }
  .p-job .job-list {
    position: relative;
    width: 75.4666666667vw;
    margin: auto;
    padding-bottom: 32px;
  }
  .p-job .job-list__item {
    background: #EEF2F3;
    border: 1px solid #242220;
    text-align: center;
  }
  .p-job .job-list__item a {
    display: block;
    position: relative;
    padding: 16px 16px 32px;
  }
  .p-job .job-list__item .item-num {
    font-size: 1rem;
    font-family: "Work Sans", sans-serif;
    margin-bottom: 16px;
    text-align: left;
  }
  .p-job .job-list__item .item-ttl {
    font-size: 1.8rem;
    margin-bottom: 8px;
  }
  .p-job .job-list__item .item-img img {
    width: 68%;
  }
  .p-job .job-list__item .item-txt {
    margin-top: 16px;
  }
  .p-job .job-list__item .item-more {
    display: none;
  }
  .p-job .job-list__item .item-bg {
    display: none;
  }
  .p-job .job-list .swiper-button-next, .p-job .job-list .swiper-button-prev {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .p-job .job-list .swiper-button-next:after, .p-job .job-list .swiper-button-prev:after {
    content: none;
  }
  .p-job .job-list .swiper-button-prev {
    left: -40px;
    background-image: url(../images/common/slide-prev.svg);
  }
  .p-job .job-list .swiper-button-next {
    right: -40px;
    background-image: url(../images/common/slide-next.svg);
  }
}
/* ========== HOME：IN NUMBERS ========== */
.p-innumbers {
  padding: 120px 0;
}
.p-innumbers .innumbers__head {
  margin-bottom: 48px;
}
.p-innumbers .innumbers-list {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 1.1713030747vw 2%;
}
.p-innumbers .innumbers-list__item {
  width: 32%;
  height: clamp(75px, 10.980966325vw, 150px);
  position: relative;
  background: #fff;
  transition: 0.4s;
}
.p-innumbers .innumbers-list__item .item-label {
  position: absolute;
  left: 0;
  top: clamp(9px, 1.317715959vw, 18px);
  font-size: clamp(7.5px, 1.0980966325vw, 15px);
  transition: 0.4s;
  font-weight: 700;
  padding: 3px 1em;
  background: #fff;
}
.p-innumbers .innumbers-list__item .item-illust {
  position: absolute;
  width: clamp(49px, 7.1742313324vw, 98px);
  left: clamp(11px, 1.6105417277vw, 22px);
  bottom: clamp(2px, 0.2928257687vw, 4px);
  opacity: 0;
  transition: 0.4s;
}
.p-innumbers .innumbers-list__item .item-illust img {
  width: 100%;
}
.p-innumbers .innumbers-list__item .item-txt {
  position: absolute;
  bottom: clamp(9px, 1.317715959vw, 18px);
  right: clamp(12px, 1.756954612vw, 24px);
  display: flex;
  gap: 0 clamp(5px, 0.7320644217vw, 10px);
  align-items: flex-end;
}
.p-innumbers .innumbers-list__item .item-txt .num {
  font-size: clamp(4rem, 5.8565153734vw, 8rem);
  letter-spacing: -0.05em;
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  line-height: 1.1;
}
.p-innumbers .innumbers-list__item .item-txt .num__dots {
  font-size: clamp(3rem, 4.39238653vw, 6rem);
}
.p-innumbers .innumbers-list__item .item-txt .sub {
  font-size: clamp(1.5rem, 2.196193265vw, 3rem);
  line-height: 1.166;
  padding-bottom: 0.5em;
}
.p-innumbers .innumbers-list__item:hover .item-illust {
  opacity: 1;
}
.p-innumbers .innumbers-list__item:hover .item-label {
  background: #242220;
  color: #fff;
}
.p-innumbers .innumbers-list__item01 {
  width: 49%;
}
.p-innumbers .innumbers-list__item01 .item-illust {
  bottom: clamp(7.5px, 1.0980966325vw, 15px);
  left: clamp(70px, 10.2489019034vw, 140px);
}
.p-innumbers .innumbers-list__item01:hover {
  background: #F4F5F2;
}
.p-innumbers .innumbers-list__item02 {
  width: 49%;
}
.p-innumbers .innumbers-list__item02 .item-illust {
  bottom: clamp(7.5px, 1.0980966325vw, 15px);
  left: clamp(70px, 10.2489019034vw, 140px);
}
.p-innumbers .innumbers-list__item02:hover {
  background: #F7F3E9;
}
.p-innumbers .innumbers-list__item03:hover {
  background: #F2EDE9;
}
.p-innumbers .innumbers-list__item04 .item-txt {
  align-items: center;
}
.p-innumbers .innumbers-list__item04 .item-txt .sub {
  font-size: clamp(1.2rem, 1.756954612vw, 2.4rem);
  padding-bottom: 0;
}
.p-innumbers .innumbers-list__item04:hover {
  background: #F2EFF2;
}
.p-innumbers .innumbers-list__item05:hover {
  background: #ECEEF1;
}
.p-innumbers .innumbers-list__item05 .type {
  position: relative;
}
.p-innumbers .innumbers-list__item05 .type:after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateY(-30%);
  text-align: center;
  font-weight: 400;
  font-size: clamp(0.75rem, 1.0980966325vw, 1.5rem);
}
.p-innumbers .innumbers-list__item05 .type01:after {
  content: "男";
}
.p-innumbers .innumbers-list__item05 .type02:after {
  content: "女";
}
.p-innumbers .innumbers-list__item06:hover {
  background: #E8EEEC;
}
.p-innumbers .innumbers-list__item07:hover {
  background: #F2EDE9;
}
.p-innumbers .innumbers-list__item08:hover {
  background: #F7F3E9;
}
.p-innumbers .innumbers-list__item09:hover {
  background: #F4F5F2;
}
.p-innumbers .innumbers-list__item10:hover {
  background: #F2EFF2;
}
.p-innumbers .innumbers-list__item11:hover {
  background: #E8EEEC;
}

@media only screen and (max-width: 767px) {
  .p-innumbers {
    padding: 80px 0;
  }
  .p-innumbers .innumbers__head {
    margin-bottom: 24px;
  }
  .p-innumbers .innumbers-list {
    display: -moz-flex;
    display: flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    gap: 2.1333333333vw 2%;
  }
  .p-innumbers .innumbers-list__item {
    width: 49%;
    height: 63px;
  }
  .p-innumbers .innumbers-list__item .item-label {
    top: 0;
    font-size: 1.2rem;
    line-height: 1.25;
    padding: 4px 8px;
    font-weight: 400;
  }
  .p-innumbers .innumbers-list__item .item-illust {
    display: none;
  }
  .p-innumbers .innumbers-list__item .item-txt {
    bottom: 5px;
    right: 12px;
    gap: 0 4px;
  }
  .p-innumbers .innumbers-list__item .item-txt .num {
    font-size: 3.4rem;
  }
  .p-innumbers .innumbers-list__item .item-txt .num__dots {
    font-size: 3.4rem;
  }
  .p-innumbers .innumbers-list__item .item-txt .sub {
    font-size: 1.3rem;
  }
  .p-innumbers .innumbers-list__item:hover .item-label {
    background: #fff;
    color: #242220;
  }
  .p-innumbers .innumbers-list__item01 {
    width: 100%;
    height: 84px;
  }
  .p-innumbers .innumbers-list__item01 .item-label {
    top: 8px;
    font-size: 1.4rem;
    padding: 4px 17px;
  }
  .p-innumbers .innumbers-list__item01 .item-txt .num {
    font-size: 4.4rem;
  }
  .p-innumbers .innumbers-list__item01 .item-txt .num span {
    font-size: 3.3rem;
  }
  .p-innumbers .innumbers-list__item01 .item-txt .sub {
    font-size: 1.7rem;
  }
  .p-innumbers .innumbers-list__item01:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item02 {
    width: 100%;
    height: 84px;
  }
  .p-innumbers .innumbers-list__item02 .item-label {
    top: 8px;
    font-size: 1.4rem;
    padding: 4px 17px;
  }
  .p-innumbers .innumbers-list__item02 .item-txt .num {
    font-size: 4.4rem;
  }
  .p-innumbers .innumbers-list__item02 .item-txt .num span {
    font-size: 3.3rem;
  }
  .p-innumbers .innumbers-list__item02 .item-txt .sub {
    font-size: 1.7rem;
  }
  .p-innumbers .innumbers-list__item02:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item03:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item04 .item-txt .sub {
    font-size: 1.1rem;
  }
  .p-innumbers .innumbers-list__item04:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item05:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item05 .type:after {
    transform: translateY(-50%);
    font-size: 1rem;
  }
  .p-innumbers .innumbers-list__item06:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item07:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item08:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item09:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item10:hover {
    background: #fff;
  }
  .p-innumbers .innumbers-list__item11:hover {
    background: #fff;
  }
}
/* ========== HOME：FAQ ========== */
.p-faq {
  padding: 120px 0;
}
.p-faq__inner {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  align-items: flex-start;
}
.p-faq .faq__head {
  position: sticky;
  top: 100px;
  left: 0;
}
.p-faq .faq-ttl {
  margin-bottom: 16px;
}
.p-faq .faq__contents {
  width: 82%;
  max-width: calc(100% - 212px);
  margin-left: auto;
  margin-bottom: 64px;
}
.p-faq .faq__contents:last-child {
  margin-bottom: 0;
}
.p-faq .faq-category {
  margin-bottom: 32px;
}
.p-faq .faq-block {
  margin-left: 105px;
  border-bottom: 1px solid #D0D5D9;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.p-faq .faq-block:last-child {
  margin-bottom: 0;
}
.p-faq .faq-block__question {
  font-size: 1.6rem;
  position: relative;
  padding-left: 44px;
  line-height: 2;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 0 24px;
  align-items: center;
}
.p-faq .faq-block__question:hover p {
  text-decoration: underline;
}
.p-faq .faq-block__question:before {
  content: "Q.";
  font-size: 2.8rem;
  font-family: "Work Sans", sans-serif;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.1;
}
.p-faq .faq-block__question .category {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 0 8px;
}
.p-faq .faq-block__question .category span {
  font-size: 1.2rem;
  border: 1px solid #6B6E6C;
  border-radius: 5px;
  padding: 3px 10px;
  line-height: 1.2;
}
.p-faq .faq-block__answer {
  margin-top: 12px;
  padding-left: 44px;
}
.p-faq .faq-block__answer p {
  background: #fff;
  line-height: 1.7466;
  padding: 3px 0;
}

@media only screen and (max-width: 767px) {
  .p-faq {
    padding: 80px 0 56px;
  }
  .p-faq .faq__head {
    position: static;
    margin-bottom: 56px;
  }
  .p-faq .faq__contents {
    width: 100%;
    max-width: 100%;
    margin-bottom: 48px;
  }
  .p-faq .faq-block {
    margin: 0 0 16px;
    padding-bottom: 12px;
  }
  .p-faq .faq-block__question {
    font-size: 1.3rem;
    padding-left: 25px;
    line-height: 1.5;
    display: -moz-flex;
    display: flex;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
    gap: 4px 8px;
  }
  .p-faq .faq-block__question:hover p {
    text-decoration: none;
  }
  .p-faq .faq-block__question:before {
    font-size: 1.6rem;
  }
  .p-faq .faq-block__question .category span {
    font-size: 1rem;
  }
  .p-faq .faq-block__answer {
    padding-left: 25px;
  }
  .p-faq .faq-block__answer p {
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 0;
  }
}
/* ========== HOME：写真ループ ========== */
.p-loopphoto .loopphoto-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.p-loopphoto .loopphoto-slider .swiper-slide {
  position: relative;
}
.p-loopphoto .loopphoto-slider .swiper-slide:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #242220;
}
.p-loopphoto .loopphoto-slider .swiper-slide img {
  height: auto;
  width: 100%;
}

/* ========== HOME：パルコグループ採用情報 ========== */
.p-group__inner {
  padding-top: 100px;
  padding-bottom: 100px;
}
.p-group .group-contents {
  width: 90%;
  max-width: 740px;
  margin: auto;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 16px 130px;
  align-items: center;
  justify-content: center;
}
.p-group .group-ttl {
  font-size: 2rem;
}
.p-group .group-logo {
  border: 1px solid #242220;
  padding: 20px 0 15px;
  width: 360px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .p-group {
    padding: 0 24px;
  }
  .p-group__inner {
    padding-top: 52px;
    padding-bottom: 70px;
  }
  .p-group .group-contents {
    width: 244px;
    gap: 16px 0;
  }
  .p-group .group-ttl {
    font-size: 1.6rem;
  }
  .p-group .group-logo {
    padding: 16px 0 14px;
    width: 100%;
  }
  .p-group .group-logo img {
    width: 172px;
  }
}
/* ========== 下層共通 ========== */
.p-common {
  padding: 80px 0 0;
}
.p-common__inner {
  padding-left: 64px;
  width: 90%;
  position: relative;
}
.p-common .common__ttl {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .p-common__inner {
    width: 100%;
    padding: 0 24px;
  }
  .p-common .common__ttl {
    margin-bottom: 32px;
  }
}
/* ========== 新卒採用 ========== */
.p-recruit01 {
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .p-recruit01 {
    padding-bottom: 0;
  }
}
/* ========== キャリア ========== */
.p-career02 .entry-btn {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 16px 3%;
}
.p-career02 .entry-btn a {
  width: 48.5%;
}

@media only screen and (max-width: 1024px) {
  .p-career02 .entry-btn a {
    width: 100%;
  }
}
/* ========== 職種紹介 TOP ========== */
.page-visual--job {
  height: auto;
}
.page-visual--job .job-figure {
  background: #E7EEEF;
  padding: 64px 0;
}
.page-visual--job .job-figure__wrapper {
  width: 90%;
}
.page-visual--job .job-figure__inner {
  width: 80%;
  max-width: 718px;
  margin: auto;
}
.page-visual--job .job-figure .figure-head {
  margin-bottom: 16px;
}
.page-visual--job .job-figure .figure-head__ttl {
  font-size: 1.6rem;
}
.page-visual--job .job-figure .figure-head__link {
  text-align: right;
  margin-top: 15px;
}
.page-visual--job .job-figure .figure-img img {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .page-visual--job .job-figure img.is--pc {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-visual--job .job-figure {
    padding: 32px 24px;
  }
  .page-visual--job .job-figure__wrapper {
    width: 100%;
  }
  .page-visual--job .job-figure__inner {
    width: 100%;
    max-width: 100%;
  }
  .page-visual--job .job-figure .figure-head {
    margin-bottom: 10px;
  }
}
.p-jobtype__contents {
  position: relative;
  padding: 200px 0;
  background: #EEF2F3;
}
.p-jobtype__contents:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #EEF2F3;
  position: absolute;
  top: 0;
  right: 100%;
}
.p-jobtype__contents:nth-child(1) {
  z-index: 1;
}
.p-jobtype__contents:nth-child(2) {
  z-index: 2;
  background: #E7EEEF;
}
.p-jobtype__contents:nth-child(2):before {
  background: #E7EEEF;
}
.p-jobtype__contents:nth-child(3) {
  z-index: 3;
}
.p-jobtype__contents.js-scr-active .jobtype-head {
  opacity: 1;
}
.p-jobtype .jobtype-head {
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s;
  bottom: 64px;
  left: clamp(35px, 5.1244509517vw, 70px);
  width: 240px;
}
.p-jobtype .jobtype-head__ttl {
  font-size: 2.4rem;
  margin-bottom: 16px;
}
.p-jobtype .jobtype-head__txt {
  padding-right: 1em;
  font-size: 1.4rem;
  line-height: 1.87;
}
.p-jobtype .jobtype-list {
  position: relative;
  width: 90%;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.p-jobtype .jobtype-list__item {
  width: 43%;
  position: relative;
}
.p-jobtype .jobtype-list__item .item-num {
  font-size: 1.2rem;
  font-family: "Work Sans", sans-serif;
  margin-bottom: 16px;
}
.p-jobtype .jobtype-list__item .item-img {
  position: relative;
}
.p-jobtype .jobtype-list__item .item-img:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #D5E0E2;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
}
.p-jobtype .jobtype-list__item .item-img > div {
  position: relative;
  z-index: 1;
  height: 36.3103953148vw;
  transition: 0.4s;
}
.p-jobtype .jobtype-list__item .item-txt {
  margin-top: 16px;
}
.p-jobtype .jobtype-list__item .item-txt__job {
  font-size: 2rem;
  line-height: 1.35;
  margin-bottom: 4px;
}
.p-jobtype .jobtype-list__item .item-txt__ttl {
  font-size: 1.6rem;
}
.p-jobtype .jobtype-list__item .item-txt__more {
  margin-top: 16px;
}
.p-jobtype .jobtype-list__item:hover .item-img:before {
  transform: rotate(3deg);
}
.p-jobtype .jobtype-list__item:hover .item-img > div {
  transform: rotate(-5deg);
}
.p-jobtype .jobtype-list__item:hover .c-btn02 {
  color: #FFF;
  background: #242220;
}
.p-jobtype .jobtype-list__item:hover .c-btn02 span:after {
  background-image: url(../images/common/arrow-r02.svg);
}
.p-jobtype .jobtype-list__item:nth-child(2) {
  width: 35%;
  margin-left: auto;
  transform: translateY(260px);
}
.p-jobtype .jobtype-list__item:nth-child(2) .item-img > div {
  height: 28.0380673499vw;
}
.p-jobtype .jobtype-list__item:nth-child(2):hover .item-img:before {
  transform: rotate(-3deg);
}
.p-jobtype .jobtype-list__item:nth-child(2):hover .item-img > div {
  transform: rotate(5deg);
}
.p-jobtype .jobtype-list__item:nth-child(3) {
  margin-top: 180px;
  margin-left: 10%;
}

@media only screen and (max-width: 767px) {
  .p-jobtype__contents {
    padding: 120px 0;
  }
  .p-jobtype__contents:before {
    content: none;
  }
  .p-jobtype__contents:nth-child(1) {
    padding-top: 64px;
  }
  .p-jobtype .jobtype-head {
    padding: 0 24px;
    margin-bottom: 40px;
    opacity: 1;
    position: static;
    width: 100%;
  }
  .p-jobtype .jobtype-head__ttl {
    font-size: 2.4rem;
    margin-bottom: 1em;
  }
  .p-jobtype .jobtype-head__txt {
    font-size: 1.3rem;
    line-height: 2;
  }
  .p-jobtype .jobtype-list {
    width: 100%;
    padding: 0 24px;
    gap: 40px 0;
  }
  .p-jobtype .jobtype-list__item {
    width: 86%;
  }
  .p-jobtype .jobtype-list__item .item-num {
    margin-bottom: 12px;
  }
  .p-jobtype .jobtype-list__item .item-img:before {
    content: none;
  }
  .p-jobtype .jobtype-list__item .item-img > div {
    height: 94.9333333333vw;
  }
  .p-jobtype .jobtype-list__item .item-txt {
    margin-top: 12px;
  }
  .p-jobtype .jobtype-list__item .item-txt__job {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .p-jobtype .jobtype-list__item .item-txt__ttl {
    font-size: 1.5rem;
  }
  .p-jobtype .jobtype-list__item:hover .item-img:before {
    transform: rotate(0);
  }
  .p-jobtype .jobtype-list__item:hover .item-img > div {
    transform: rotate(0);
  }
  .p-jobtype .jobtype-list__item:hover .c-btn02 {
    color: #242220;
    background: #EEF2F3;
  }
  .p-jobtype .jobtype-list__item:hover .c-btn02 span:after {
    background-image: url(../images/common/arrow-r01.svg);
  }
  .p-jobtype .jobtype-list__item:nth-child(2) {
    width: 70%;
    transform: translateY(0);
  }
  .p-jobtype .jobtype-list__item:nth-child(2) .item-img > div {
    height: 74.1333333333vw;
  }
  .p-jobtype .jobtype-list__item:nth-child(2):hover .item-img:before {
    transform: rotate(0);
  }
  .p-jobtype .jobtype-list__item:nth-child(2):hover .item-img > div {
    transform: rotate(0);
  }
  .p-jobtype .jobtype-list__item:nth-child(3) {
    margin: auto;
  }
}
/* ========== 職種紹介 詳細 ========== */
.p-jobdetail {
  padding-left: 100px;
}
.p-jobdetail .jobdetail__label {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  height: 100px;
  width: 100vh;
  transform: rotate(-90deg);
  transform-origin: left bottom;
  margin-left: 100px;
  padding-top: 38px;
}
.p-jobdetail .jobdetail__contents {
  position: relative;
}
.p-jobdetail .jobdetail__contents.--head .jobdetail-main {
  padding: 135px 0 64px;
  min-height: 90vh;
}
.p-jobdetail .jobdetail__contents.js-scr .jobdetail-visual {
  opacity: 0;
  transition: 0.4s;
}
.p-jobdetail .jobdetail__contents.js-scr-active .jobdetail-visual {
  opacity: 1;
}
.p-jobdetail .jobdetail-visual {
  position: fixed;
  top: 0;
  left: 100px;
  width: calc((100% - 100px) * 0.46);
  height: 100vh;
}
.p-jobdetail .jobdetail-visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.p-jobdetail .jobdetail-main {
  width: 54%;
  margin-left: auto;
  border-left: 1px solid #242220;
  border-top: 1px solid #242220;
  padding: 112px 0;
}
.p-jobdetail .jobdetail-main__inner {
  width: 70%;
  margin: auto;
}
.p-jobdetail .jobdetail-main .head-sub {
  color: #6B6E6C;
  font-size: 1.2rem;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 0 8px;
  margin-bottom: 64px;
}
.p-jobdetail .jobdetail-main .head-lead {
  font-size: 3.1rem;
  line-height: 1.677;
  margin-bottom: 54px;
}
.p-jobdetail .jobdetail-main .head-profile {
  margin-bottom: 40px;
}
.p-jobdetail .jobdetail-main .head-profile__job {
  font-size: 2.4rem;
  margin-bottom: 8px;
}
.p-jobdetail .jobdetail-main .head-profile__name p {
  margin-bottom: 8px;
}
.p-jobdetail .jobdetail-main .head-profile__name p:last-child {
  margin-bottom: 0;
}
.p-jobdetail .jobdetail-main .head-description {
  line-height: 2.2;
}
.p-jobdetail .jobdetail-main .interview-question {
  position: relative;
  font-size: 2.4rem;
  margin-bottom: 40px;
}
.p-jobdetail .jobdetail-main .interview-question:before {
  content: "";
  width: 12%;
  max-width: 56px;
  height: 1px;
  background: #242220;
  position: absolute;
  right: 105%;
  top: 0.8em;
}
.p-jobdetail .jobdetail-main .interview-answer p {
  line-height: 2.2;
  margin-bottom: 40px;
}
.p-jobdetail .jobdetail-main .interview-answer p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .p-jobdetail {
    padding-left: 0;
  }
  .p-jobdetail .jobdetail__label {
    display: none;
  }
  .p-jobdetail .jobdetail-visual {
    width: 45%;
    left: 0;
  }
  .p-jobdetail .jobdetail-main {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .p-jobdetail {
    padding-top: 57px;
  }
  .p-jobdetail .jobdetail__contents.--head {
    border-bottom: 1px solid #242220;
  }
  .p-jobdetail .jobdetail__contents.--head .jobdetail-visual {
    height: auto;
    border-bottom: 1px solid #242220;
  }
  .p-jobdetail .jobdetail__contents.--head .jobdetail-main {
    padding: 42px 0 64px;
    min-height: auto;
  }
  .p-jobdetail .jobdetail__contents.js-scr .jobdetail-visual {
    opacity: 1;
  }
  .p-jobdetail .jobdetail-visual {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 72.5333333333vw;
  }
  .p-jobdetail .jobdetail-main {
    width: 100%;
    border-left: none;
    border-top: none;
    padding: 64px 0;
  }
  .p-jobdetail .jobdetail-main__inner {
    width: 100%;
    padding: 0 24px;
  }
  .p-jobdetail .jobdetail-main .head-sub {
    margin-bottom: 16px;
  }
  .p-jobdetail .jobdetail-main .head-lead {
    font-size: 2.4rem;
    line-height: 1.375;
    margin-bottom: 28px;
  }
  .p-jobdetail .jobdetail-main .head-profile {
    margin-bottom: 35px;
  }
  .p-jobdetail .jobdetail-main .head-profile__job {
    font-size: 2rem;
  }
  .p-jobdetail .jobdetail-main .head-profile__name p {
    margin-bottom: 4px;
  }
  .p-jobdetail .jobdetail-main .head-description {
    line-height: 1.5;
  }
  .p-jobdetail .jobdetail-main .interview-question {
    font-size: 1.8rem;
    margin-bottom: 32px;
  }
  .p-jobdetail .jobdetail-main .interview-question:before {
    width: 15px;
    right: 100%;
    margin-right: 9px;
  }
  .p-jobdetail .jobdetail-main .interview-answer p {
    font-size: 1.5rem;
    line-height: 1.7466;
    margin-bottom: 24px;
  }
}
/* ========== OTHER JOB ========== */
.p-otherjob {
  padding: 112px 0 0;
  background: #EEF2F3;
  position: relative;
  z-index: 10;
}
.p-otherjob .otherjob__ttl {
  text-align: center;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .p-otherjob {
    padding-top: 64px;
  }
}
/* ========== 事業紹介 ========== */
.p-business01 .business-figure {
  margin-top: 24px;
  background: #E7EEEF;
  padding: 75px 12.5% 68px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .p-business01 .business-figure {
    text-align: center;
  }
  .p-business01 .business-figure .is--pc {
    display: none;
  }
  .p-business01 .business-figure .is--tab {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .p-business01 .business-figure {
    margin-top: 16px;
    padding: 32px 0;
  }
}
.p-business02 {
  padding-bottom: 75px;
}
.p-business02 .business-figure {
  margin-top: 24px;
  background: #E7EEEF;
  padding: 32px 11%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .p-business02 {
    padding-bottom: 0;
  }
  .p-business02 .business-figure {
    margin-top: 16px;
    padding: 22px 10px;
  }
}
.p-business03 .common__ttl {
  margin-bottom: 0;
}
.p-business03 .shop-map {
  position: relative;
  margin-top: -76px;
}
.p-business03 .shop-map img {
  width: 100%;
}
.p-business03 .shop-map__inner {
  position: relative;
  width: clamp(390px, 57.1010248902vw, 780px);
  margin: auto;
}
.p-business03 .shop-map__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
}
.p-business03 .shop-map__btn .btn-parts {
  position: relative;
  height: clamp(11px, 1.6105417277vw, 22px);
}
.p-business03 .shop-map__btn .btn-parts:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #242220;
  position: absolute;
  left: 0;
  top: 50%;
}
.p-business03 .shop-map__btn .btn-parts:after {
  content: "";
  width: clamp(8px, 1.1713030747vw, 16px);
  height: clamp(8px, 1.1713030747vw, 16px);
  border-radius: 50%;
  background: #242220;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.p-business03 .shop-map__btn .btn-txt {
  position: relative;
  padding-left: clamp(15px, 2.196193265vw, 30px);
}
.p-business03 .shop-map__btn .btn-txt:before {
  content: "";
  width: clamp(10px, 1.4641288433vw, 20px);
  height: 1px;
  background: #242220;
  position: absolute;
  left: 0;
  top: 50%;
}
.p-business03 .shop-map__btn .btn-txt__wrapper {
  position: relative;
}
.p-business03 .shop-map__btn .btn-txt__wrapper:before {
  content: "";
  width: 1px;
  height: calc(100% - clamp(11px, 1.6105417277vw, 22px));
  background: #242220;
  position: absolute;
  top: clamp(5.5px, 0.8052708638vw, 11px);
  left: 0;
}
.p-business03 .shop-map__btn a {
  display: block;
  font-size: clamp(7px, 1.0248901903vw, 14px);
  line-height: clamp(11px, 1.6105417277vw, 22px);
}
.p-business03 .shop-map__btn a:hover {
  text-decoration: underline;
}
.p-business03 .shop-map__btn.area01 {
  top: clamp(57px, 8.345534407vw, 114px);
  right: clamp(8px, 1.1713030747vw, 16px);
}
.p-business03 .shop-map__btn.area01 .btn-parts {
  width: clamp(58px, 8.4919472914vw, 116px);
}
.p-business03 .shop-map__btn.area02 {
  top: clamp(134px, 19.6193265007vw, 268px);
  right: clamp(8px, 1.1713030747vw, 16px);
}
.p-business03 .shop-map__btn.area02 .btn-parts {
  width: clamp(45px, 6.588579795vw, 90px);
}
.p-business03 .shop-map__btn.area03 {
  top: clamp(190px, 27.8184480234vw, 380px);
  right: 0;
  align-items: flex-start;
}
.p-business03 .shop-map__btn.area03 .btn-parts {
  width: clamp(60px, 8.78477306vw, 120px);
  height: clamp(11px, 1.6105417277vw, 22px);
}
.p-business03 .shop-map__btn.area03 .btn-txt {
  margin-bottom: clamp(3px, 0.439238653vw, 6px);
}
.p-business03 .shop-map__btn.area03 .btn-txt:last-child {
  margin-bottom: 0;
}
.p-business03 .shop-map__btn.area04 {
  top: clamp(232px, 33.9677891654vw, 464px);
  right: clamp(111px, 16.2518301611vw, 222px);
}
.p-business03 .shop-map__btn.area04 .btn-parts {
  width: clamp(32px, 4.6852122987vw, 64px);
  transform: rotate(90deg);
  transform-origin: right center;
}
.p-business03 .shop-map__btn.area05 {
  top: clamp(255px, 37.3352855051vw, 510px);
  right: clamp(130px, 19.0336749634vw, 260px);
}
.p-business03 .shop-map__btn.area05 .btn-parts {
  width: clamp(49px, 7.1742313324vw, 98px);
  transform: rotate(90deg);
  transform-origin: right center;
}
.p-business03 .shop-map__btn.area06 {
  top: clamp(149px, 21.8155197657vw, 298px);
  left: clamp(100px, 14.6412884334vw, 200px);
}
.p-business03 .shop-map__btn.area06 .btn-parts {
  width: clamp(62px, 9.0775988287vw, 124px);
  transform: rotate(90deg);
  transform-origin: left center;
}
.p-business03 .shop-map__btn.area06 .btn-parts:after {
  left: auto;
  right: 0;
}
.p-business03 .shop-map__btn.area06 .btn-txt {
  padding-left: 0;
  padding-right: clamp(15px, 2.196193265vw, 30px);
}
.p-business03 .shop-map__btn.area06 .btn-txt:before {
  left: auto;
  right: 0;
}
.p-business03 .shop-map__btn.area07 {
  top: clamp(172px, 25.1830161054vw, 344px);
  left: clamp(48px, 7.027818448vw, 96px);
}
.p-business03 .shop-map__btn.area07 .btn-parts {
  width: clamp(37px, 5.4172767204vw, 74px);
  transform: rotate(90deg);
  transform-origin: left center;
}
.p-business03 .shop-map__btn.area07 .btn-parts:after {
  left: auto;
  right: 0;
}
.p-business03 .shop-map__btn.area07 .btn-txt {
  padding-left: 0;
  padding-right: clamp(15px, 2.196193265vw, 30px);
}
.p-business03 .shop-map__btn.area07 .btn-txt:before {
  left: auto;
  right: 0;
}
.p-business03 .shop-map__btn.area08 {
  top: clamp(198px, 28.9897510981vw, 396px);
  left: 0;
}
.p-business03 .shop-map__btn.area08 .btn-parts {
  width: clamp(24px, 3.513909224vw, 48px);
  transform: rotate(90deg);
  transform-origin: left center;
}
.p-business03 .shop-map__btn.area08 .btn-parts:after {
  left: auto;
  right: 0;
}
.p-business03 .shop-map__btn.area08 .btn-txt {
  padding-left: 0;
  padding-right: clamp(15px, 2.196193265vw, 30px);
}
.p-business03 .shop-map__btn.area08 .btn-txt:before {
  left: auto;
  right: 0;
}
.p-business03 .shop-nav {
  margin-top: 74px;
  gap: 24px 3%;
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}
.p-business03 .shop-nav__btn {
  width: 48.5%;
}
.p-business03 .shop-nav__btn.--large {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .p-business03 .shop-map {
    transform: scale(0.9);
    transform-origin: left;
  }
  .p-business03 .shop-nav {
    margin-top: 20px;
    gap: 16px 4%;
  }
  .p-business03 .shop-nav__btn {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .p-business03 .p-common__inner {
    padding: 0;
  }
  .p-business03 .common__ttl {
    padding: 0 24px;
  }
  .p-business03 .shop-map {
    padding: 0 6.4vw;
    transform: scale(1);
    margin-top: -26px;
  }
  .p-business03 .shop-map__inner {
    width: 100%;
  }
  .p-business03 .shop-map__btn .btn-parts {
    height: 2.464vw;
  }
  .p-business03 .shop-map__btn .btn-parts:after {
    width: 1.792vw;
    height: 1.792vw;
  }
  .p-business03 .shop-map__btn .btn-txt {
    padding-left: 3.36vw;
  }
  .p-business03 .shop-map__btn .btn-txt:before {
    width: 2.24vw;
  }
  .p-business03 .shop-map__btn .btn-txt__wrapper:before {
    height: calc(100% - 2.464vw);
    top: 1.232vw;
  }
  .p-business03 .shop-map__btn a {
    font-size: 1.568vw;
    line-height: 2.464vw;
  }
  .p-business03 .shop-map__btn.area01 {
    top: 12.768vw;
    right: 1.792vw;
  }
  .p-business03 .shop-map__btn.area01 .btn-parts {
    width: 12.992vw;
  }
  .p-business03 .shop-map__btn.area02 {
    top: 30.016vw;
    right: 1.792vw;
  }
  .p-business03 .shop-map__btn.area02 .btn-parts {
    width: 10.08vw;
  }
  .p-business03 .shop-map__btn.area03 {
    top: 42.56vw;
  }
  .p-business03 .shop-map__btn.area03 .btn-parts {
    width: 13.44vw;
    height: 2.464vw;
  }
  .p-business03 .shop-map__btn.area03 .btn-txt {
    margin-bottom: 0.672vw;
  }
  .p-business03 .shop-map__btn.area04 {
    top: 51.968vw;
    right: 24.864vw;
  }
  .p-business03 .shop-map__btn.area04 .btn-parts {
    width: 7.168vw;
  }
  .p-business03 .shop-map__btn.area05 {
    top: 57.12vw;
    right: 29.12vw;
  }
  .p-business03 .shop-map__btn.area05 .btn-parts {
    width: 10.976vw;
  }
  .p-business03 .shop-map__btn.area06 {
    top: 33.376vw;
    left: 22.4vw;
  }
  .p-business03 .shop-map__btn.area06 .btn-parts {
    width: 13.888vw;
  }
  .p-business03 .shop-map__btn.area06 .btn-txt {
    padding-right: 3.36vw;
  }
  .p-business03 .shop-map__btn.area07 {
    top: 38.528vw;
    left: 10.752vw;
  }
  .p-business03 .shop-map__btn.area07 .btn-parts {
    width: 8.288vw;
  }
  .p-business03 .shop-map__btn.area07 .btn-txt {
    padding-right: 3.36vw;
  }
  .p-business03 .shop-map__btn.area08 {
    top: 44.352vw;
  }
  .p-business03 .shop-map__btn.area08 .btn-parts {
    width: 5.376vw;
  }
  .p-business03 .shop-map__btn.area08 .btn-txt {
    padding-right: 3.36vw;
  }
  .p-business03 .shop-nav {
    padding: 0 24px;
    margin-top: 64px;
  }
}
.p-business04 .common__ttl {
  position: absolute;
  top: 64px;
  left: 64px;
  z-index: 10;
}
.p-business04 .culture {
  background: #EEF2F3;
  height: 100vh;
  padding-top: 64px;
  display: flex;
  align-items: center;
}
.p-business04 .culture__inner {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  align-items: center;
}
.p-business04 .culture-visual {
  width: 50%;
  overflow: hidden;
  position: relative;
  max-height: calc(90vh - 64px);
}
.p-business04 .culture-txt {
  width: 44%;
  margin-left: auto;
}
.p-business04 .culture-txt__head {
  margin-bottom: 36px;
}
.p-business04 .culture-txt__head .head-label {
  font-size: 1.2rem;
  font-family: "Work Sans", sans-serif;
  margin-bottom: 8px;
}
.p-business04 .culture-txt__head .head-ttl {
  font-size: 1.8rem;
}
.p-business04 .culture-txt__message {
  line-height: 1.7466;
}

@media only screen and (max-width: 1024px) {
  .p-business04 .common__ttl {
    position: static;
  }
  .p-business04 .culture {
    height: auto;
    display: block;
    padding-top: 0;
    padding-bottom: 80px;
    margin-bottom: 64px;
  }
  .p-business04 .culture:last-child {
    padding-bottom: 0;
  }
  .p-business04 .culture-visual {
    width: 100%;
    max-height: none;
    margin-bottom: 36px;
  }
  .p-business04 .culture-txt {
    width: 100%;
  }
  .p-business04 .culture-txt__head {
    margin-bottom: 36px;
  }
  .p-business04 .culture-txt__head .head-label {
    font-size: 1.2rem;
    font-family: "Work Sans", sans-serif;
    margin-bottom: 8px;
  }
  .p-business04 .culture-txt__head .head-ttl {
    font-size: 1.8rem;
  }
  .p-business04 .culture-txt__message {
    line-height: 1.7466;
  }
}
@media only screen and (max-width: 767px) {
  .p-business04 .common__ttl {
    margin-bottom: 40px;
  }
  .p-business04 .culture {
    padding: 0 12px 64px;
    margin-bottom: 40px;
  }
  .p-business04 .culture-visual {
    width: 100%;
    margin-bottom: 24px;
    height: 93.0666666667vw;
  }
  .p-business04 .culture-visual img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .p-business04 .culture-txt {
    width: 100%;
  }
  .p-business04 .culture-txt__head {
    margin-bottom: 24px;
  }
}
.p-business05 .c-business {
  display: -moz-flex;
  display: flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
  gap: 24px 2%;
}
.p-business05 .c-business .business-block {
  margin-bottom: 0;
  width: 32%;
  padding: 32px 3%;
}
.p-business05 .c-business .business-block__txt {
  line-height: 1.5;
  font-size: 1.3rem;
}

@media only screen and (max-width: 1024px) {
  .p-business05 .c-business .business-block {
    width: 100%;
    padding: 40px 4.7%;
  }
  .p-business05 .c-business .business-block__ttl {
    height: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .p-business05 .c-business .business-block {
    padding: 32px 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .p-business07 .c-box02.--hasimg .box-txt__wrapper {
    width: 100%;
  }
  .p-business07 .c-box02.--hasimg .box-img {
    margin-top: 16px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-business07 .c-box02.--hasimg .box-img {
    margin-top: 8px;
  }
}
.p-business08 .life-figure {
  text-align: center;
  padding: 32px 18px;
}
.p-business08 .c-box02 {
  background: #F4F5F2;
}

@media only screen and (max-width: 1024px) {
  .p-business08 .life-figure .is--pc {
    display: none;
  }
  .p-business08 .life-figure .is--tab {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .p-business08 .life-figure {
    padding: 16px 0 32px;
  }
}