@charset "UTF-8";

/*==============================================================
2.0 Header
==============================================================*/
/*
--------------------------------------------------------------*/
.recruit .header-nav .nav-content {
  width: 100%;
  border-bottom-left-radius: 0;
}
.recruit main {
  /* margin-top: 0;
  padding-top: 0; */
}
.recruit .header-top {
  margin-left: 0;
  border-bottom-left-radius: 0;
}




/*==============================================================
 リクルートページ common
==============================================================*/
.recruit .section.mv-box {
  margin-top: 0;
  margin-bottom: 0;
  height: 505rem;
}
.recruit .mv-box .img-box.img.bg-img {
    position: absolute;
    top: 45rem;
    height: 462rem;
}
.recruit .container.mv-area {
  height: 100%;
}
.recruit .container.mv-area .title-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}
.recruit .page-title-japanese {
  width: 100%;
  color: var(--white);
  font-weight: 600;
  line-height: 1.2;
  text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  font-size: 34rem;
}
.recruit .page-title-japanese.f80 {
  font-size: 28rem;
}
.recruit .page-title-english {
  position: absolute;
  transform-origin: left top;
  transform: rotate(90deg);
  line-height: 1.1;
  width: 360rem;
  margin-bottom: 20rem;
  font-size: 20rem;
  top: 70rem;
  right: -350rem;
}
@media screen and (min-width:601px) {
.recruit .section.mv-box {
    height: 460rem;
}
.recruit .mv-box .img-box.img.bg-img {
  top: 0;
}
.recruit .page-title-english {
  top: 20rem;
}
}
@media screen and (min-width:769px) {
.recruit .section.mv-box {
  height: 530rem;
  top: 0;
}
.recruit .mv-box .img-box.img.bg-img {
  height: auto;
  top: 0;
}
.recruit .page-title-japanese {
  font-size: 68rem;
}
.recruit .page-title-japanese.f80 {
  font-size: 54rem;
}
.recruit .page-title-english {
  width: 400rem;
  font-size: 35rem;
  top: 60px;
  right: -370rem;
}
}
@media screen and (min-width:1025px) {
.recruit .section.mv-box {
  height: 770rem;
}
.recruit .page-title-english {
  width: 400rem;
  font-size: 30rem;
  top: 60px;
  right: -360rem;
}
.recruit .page-title-japanese {
  font-size: 100rem;
}
.recruit .page-title-japanese.f80 {
  font-size: 80rem;
}
}


/* top-sec1
--------------------------------------------------------------*/
.recruit .top-sec1 .container {
    padding-left: 20rem;
}
/* アウトラインテキスト */
/* .english-label.outline-text {
  height: -webkit-fill-available;
  z-index: 1;
  transform-origin: left top;
  transform: rotate(0deg);
  top: 0;
  left: 0;
  font-size: 50px;
  width: 33rem;
}
.english-label.outline-text .text-stroke {
  writing-mode: tb;
  fill: var(--solba-yellow);
  stroke: var(--black);
  stroke-width: 1.5px;
  paint-order: stroke fill;
  font-size: inherit;
}

#why-1 .outline-text svg {
  height: 25%;
}
#recruit-1 .outline-text svg {
  height: 25%;
}
#environment-1 .outline-text svg {
  height: 28%;
}
#process-1 .outline-text svg {
  height: 28%;
}*/
/* 白塗りテキスト */
.recruit .section.bgc .english-label.deco-rotate-top-lef {
  left: -7rem;
  top: 0rem;
}
.recruit .section.bgc .english-label.deco-rotate-top50-right {
  width: fit-content;
  right: 88rem;
  top: 52%;
  transform: rotate(270deg);
  transform-origin: right top;
}
@media screen and (min-width:769px) {
.recruit .top-sec1 .container {
    padding-left: 100rem;
}
/* .english-label.outline-text {
  left: -10rem;
}
.english-label.outline-text .text-stroke {
  stroke-width: 1px;
}
.english-label.outline-text {
  font-size: 50px;
  width: 98rem;
}
#why-1 .outline-text svg {
  height: 90%;
}
#recruit-1 .outline-text svg {
  height: 80%;
}
#environment-1 .outline-text svg {
  height: 90%;
}
#process-1 .outline-text svg {
  height: 91%;
} */

}
@media screen and (min-width:1025px) {
.recruit .top-sec1 .container {
  padding-left: 170rem;
}
/* .english-label.outline-text {
  width: 145rem;
}
#why-1 .outline-text svg {
  height: 100%;
}
#recruit-1 .outline-text svg {
  height: 100%;
}
#environment-1 .outline-text svg {
  height: 100%;
}
#process-1 .outline-text svg {
  height: 102%;
} */
}


/* .content-inner.bg-white
--------------------------------------------------------------*/
.recruit .content-inner {
    padding: 20rem 30rem 30rem;
}
@media screen and (min-width:769px) {
.recruit .content-inner {
    padding: 40rem 60rem 60rem;
}
}
@media screen and (min-width:1025px) {}


/* text-photo-type1
--------------------------------------------------------------*/
.text-photo-type1 .itemLR {
	display: flex;
	flex-direction: column;
}
.text-photo-type1 .itemLR .text-area {
  height: fit-content;
  padding: 0 30rem 0 20rem;
	text-align: left;
  flex: unset;
  width: 100%;
}
.text-photo-type1 .itemLR .content-text {
  margin-bottom: 0;
  padding-bottom: 10rem;
}
.text-photo-type1 .itemLR .photo-area {
  flex: 1 1 0%;
  min-width: 0;
	align-items: flex-start;
	height: fit-content;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
  overflow: hidden;
}
@media screen and (min-width:769px) {
.text-photo-type1 .itemLR {
	flex-direction: row;
}
.text-photo-type1 .itemLR .content-text {
  margin-bottom: 0;
  padding-bottom: 30rem;
}
.text-photo-type1 .itemLR .text-area {
  flex: 0 0 400rem;
  padding: 0;
}
}
@media screen and (min-width:1025px) {
.text-photo-type1 .itemLR .text-area {
  flex: 0 0 450rem;
}
}

/* text-photo-type2
--------------------------------------------------------------*/
.text-photo-type2 .itemLR {
	display: flex;
	flex-direction: column;
  width: 100%;
}
.text-photo-type2 .text-area {
  flex: 1 1 auto;
  width: 100%;
  height: fit-content;
	text-align: left;
}
.text-photo-type2 .photo-area {
  flex: 1 1 auto;
  min-width: 0;
	align-items: flex-start;
	height: fit-content;
}
.text-photo-type2 .photo-area .text.bg-solba-yellow {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 10rem 5rem;
  line-height: 1.2;
  border-bottom-left-radius: 30rem;
  border-bottom-right-radius: 30rem;
}

@media screen and (min-width:769px) {
.text-photo-type2 .itemLR {
	flex-direction: row;
}
.text-photo-type2 .text-area {
  flex: 0 0 320rem;
  width: auto;
}
.text-photo-type2 .photo-area {
  width: 100%;
}
}
@media screen and (min-width:1025px) {
  .text-photo-type2 .text-area {
    flex: 0 0 640rem;
  }
}

/* interviewの下層
--------------------------------------------------------------*/

/* 自己紹介&経歴 */
.cnt-career.section.bgc {
  padding-top: 0;
}
.cnt-career .photo-area {
  margin-top: 30rem;
  width: calc(100% - 30rem);
}
.cnt-career .photo-area .img-box {
  border-top-right-radius: 20rem;
  border-bottom-right-radius: 20rem;
  overflow: hidden;
}
.cnt-career .text-area {
    flex: 1 1 auto;
    width: 100%;
    padding-left: 30rem;
    padding-right: 20rem;
}
.cnt-career .profile-list {
  grid-template-columns: auto 1fr;
  line-height: 1.8;
  width: 100%;
  padding-right: 0;
  padding-bottom: 20rem;
  font-size: 16rem;
}
.cnt-career .profile-list dd p {
    text-align: justify;
    text-indent: 0;
    margin-left: 0;
}
.cnt-career .profile-list dd .indent {
    display: block;
    text-indent: -4em;
    margin-left: 3em;
}
.cnt-career .only-text .text-area {
    flex: 0 0 250rem;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 30rem;
    padding-right: 20rem;
}
.cnt-career .only-text .text-area .flex-box {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width:769px) {
.cnt-career.section.bgc {
  padding-top: 75rem;
}
.cnt-career .container.only-text {
  padding-left: 60rem;
}
.cnt-career .photo-area {
  margin-top: 0;
  width: 100%;
}
.cnt-career .photo-area .img-box {
  border-top-right-radius: 30rem;
  border-bottom-right-radius: 30rem;
  overflow: hidden;
}
.cnt-career .text-area {
    flex: 0 0 500rem;
    padding-left: 0;
    padding-right: 0;
}
.cnt-career .profile-list {
    grid-template-columns: 1fr;
    padding-right: 40rem;
    padding-bottom: 0;
    font-size: 18rem;
}
.cnt-career .profile-list dd p {
    text-indent: -4em;
    margin-left: 4em;
}
.cnt-career .only-text .text-area {
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 60rem;
}
.cnt-career .only-text .text-area .flex-box {
  align-items: flex-start;
  gap: 30rem;
}
}

@media screen and (min-width:1025px) {

.cnt-career .text-area {
    flex: 0 0 660rem;
}
.cnt-career .profile-list {
    padding-right: 60rem;
}
.cnt-career .only-text .text-area {
    padding-left: 60rem
}
}


/* alternate-type(互い違いタイプ)
--------------------------------------------------------------*/
.alternate-type {
  padding: 0 8rem;
}
.alternate-type.number-type1 .number {
    margin-bottom: -25rem;
    margin-left: -10rem;
    font-size: 80rem;
}
.alternate-type.number-type1 .title {
  margin-left: 0;
  font-size: 22rem;
}
.alternate-type.number-type1 .text {
  margin-top: 5rem;
  font-size: 14rem;
  font-weight: 600;
}
.alternate-type.number-type1 .itemLR.alternateL {
    padding-right: 0;
}
.alternate-type.number-type1 .itemLR.alternateR {
    padding-left: 0;
}
.section.bgc.interview-backlink-area {
  display: flex;
  justify-content: center;
  padding-bottom: 160rem;
}

@media screen and (min-width:769px) {
.alternate-type {
  padding: 0 40rem;
}
.alternate-type.number-type1 .number {
    margin-bottom: -80rem;
    margin-left: -50rem;
    font-size: 160rem;
}
.alternate-type.number-type1 .title {
  margin-left: 10rem;
  font-size: 35rem;
}
.alternate-type.number-type1 .text {
  margin-top: 5rem;
  font-size: 22rem;
  line-height: 1.7;
}
.alternate-type.number-type1 .itemLR.alternateL {
    padding-right: 30%;
}
.alternate-type.number-type1 .itemLR.alternateR {
    padding-left: 30%;
}
.section.bgc.interview-backlink-area {
  padding-top: 60rem;
}
}
@media screen and (min-width:1025px) {
.alternate-type {
  padding: 0 80rem;
}
.alternate-type.number-type1 .number {
    margin-bottom: -80rem;
    margin-left: -80rem;
    font-size: 180rem;
}
}



/* cnt-recruiting 募集職種
--------------------------------------------------------------*/
.section.bgc.cnt-recruiting {
  height: 300rem;
  padding-top: 60rem;
  padding-bottom: 60rem;
}
.cnt-recruiting .img-box.img.bg-img {
  height: 300rem;
}
.cnt-recruiting .container {
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width:769px) {
.section.bgc.cnt-recruiting {
  height: 328rem;
  padding-top: 50rem;
  padding-bottom: 50rem;
}
.cnt-recruiting .img-box.img.bg-img {
  height: auto;
}
.cnt-recruiting .container {
  padding-left: 60%;
}
}
@media screen and (min-width:1025px) {
.section.bgc.cnt-recruiting {
  height: 485rem;
  padding-top: 110rem;
  padding-bottom: 110rem;
}
.cnt-recruiting .container {
  padding-left: 65%;
}
}

/* スライダー
--------------------------------------------------------------*/

.staff-slide1 .itemLR {
  flex-direction: column;
  align-items: center;
}
.staff-slide2 .itemLR {
  flex-direction: column-reverse;
  align-items: center;
}
.staff-slide1 .container,
.staff-slide2 .container {
  align-items: center;
}
.staff-slide1 .text-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 280rem;
}
.staff-slide2 .text-area {
  flex: 0 0 200rem;
}
.staff-slide2 .text-area .pb3em,
.staff-slide2 .text-area .pb2em {
  padding-bottom: 0;
}
.text-photo-type2 .photo-area.staff-slide-area .each-slide3 {
  width: 100%;
  max-width: 100%;
	overflow: hidden;
}
.text-photo-type2 .photo-area.staff-slide-area .swiper-slide {
  display: flex;
  flex-direction: column;
}
.staff-slide1 .photo-area.staff-slide-area,
.staff-slide2 .photo-area.staff-slide-area  {
  aspect-ratio: 500 / 540;
  width: 100%;
  position: relative;
}
.staff-slide1 .photo-area.staff-slide-area {
  max-width: 300rem;
  margin-bottom: 120rem;
}
.staff-slide2 .photo-area.staff-slide-area {
  max-width: 500rem;
  margin-bottom: 10rem;
  margin-top: -150rem;
}


@media screen and (min-width:769px) {
.staff-slide1 .section.bgc {
    padding-top: 0;
    padding-bottom: 0rem;
}
.staff-slide1 .itemLR {
  flex-direction: row;
  justify-content: space-between;
}
.staff-slide2 .itemLR {
  flex-direction: row;
  align-items: center;
}
.staff-slide1 .container,
.staff-slide2 .container {
  padding-left: 60rem;
  padding-right: 60rem;
}
.staff-slide1 .container {
  min-height: 460rem;
}
.staff-slide1 .text-area {
  align-items: flex-start;
  flex: 0 0 500rem;
}
.staff-slide2 .text-area {
  flex: 0 0 420rem;
}
.staff-slide2 .text-area .f36 {
    font-size: 36rem;
}
.staff-slide2 .text-area .pb3em {
    padding-bottom: 2.5em;
}
.staff-slide2 .text-area .pb2em {
    padding-bottom: 1.5em;
}
.staff-slide1 .photo-area.staff-slide-area {
  max-width: 470rem;
  margin-top: -120rem;
  margin-bottom: 0;
}
.staff-slide2 .photo-area.staff-slide-area {
  max-width: 400rem;
  margin-top: -140rem;
}
}

@media screen and (min-width:1025px) {
.staff-slide1 .section.bgc {
  padding-top: 100rem;
  padding-bottom: 50rem;
}
.staff-slide1 .container {
  padding-left: 160rem;
  padding-right: 160rem;
}
.staff-slide2 .container {
  padding-left: 150rem;
  padding-right: 150rem;
}
.staff-slide1 .text-area {
  flex: 0 0 560rem;
}
.staff-slide2 .text-area {
  flex: 0 0 580rem;
}
.staff-slide2 .text-area .f36 {
    font-size: 36rem;
}
.staff-slide2 .text-area .pb2em {
    padding-bottom: 0;
}
.staff-slide2 .text-area .pb3em {
    padding-bottom: 0;
}

.staff-slide1 .photo-area.staff-slide-area {
  max-width: 530rem;
  margin-top: -210rem;
  margin-bottom: 0;
}
.staff-slide2 .photo-area.staff-slide-area {
  max-width: 500rem;
  margin-top: -250rem;
  overflow: hidden;
  background: var(--black);
}

}

/*==============================================================
 /recruit/
==============================================================*/
#recruit-2.section.bgc {
  padding-bottom: 40rem;
}
#recruit-2 .content-inner.bg-white {
    padding: 0 20rem 30rem;
    overflow: unset;
}
#recruit-2 .content-title {
    margin-top: -0.5em;
    margin-bottom: 40rem;
    text-align: center;
}
#recruit-2 .number-type1 .title {
  margin-left: 0;
  text-align: center;
}
#recruit-2 .number-type1 .text {
  margin-bottom: 20rem;
}




@media screen and (min-width:769px) {

#recruit-2.section.bgc {
  padding-bottom: 80rem;
}
#recruit-2 .content-inner.bg-white {
  padding: 0 30rem 60rem;
}

}
@media screen and (min-width:1025px) {
#recruit-2.section.bgc {
  padding-bottom: 180rem;
}
#recruit-2 .content-inner.bg-white {
  padding: 0 60rem 60rem;
}




}


/* 角丸のコンテナ（画像+黄色帯） */
.staff-slide-area .slide-content {
  border-bottom-left-radius: 30rem;
  border-bottom-right-radius: 30rem;
  overflow: hidden;
}
/* 画像エリア */
.staff-slide-area .swiper {
  width: 100%;
  max-width: 100%;
	overflow: hidden;
  background: var(--black);
}
.staff-slide-area .slide-image {
  width: 100%;
  aspect-ratio: 500 / 540;
}

.staff-slide-area .slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#interview07-mv .img-box img {
  object-position: 40% 50%;
}


@media screen and (min-width:769px) {




}
@media screen and (min-width:1025px) {





}

/*======== スライド .interview-slide ========*/
.interview-slide.staff-slide-area .number {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1rem;
  color: var(--solba-yellow);
  background: var(--black);
  border-radius: 50%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 10rem;
  left: 10rem;
  width: 50rem;
  font-size: 40rem;
}
.interview-slide.staff-slide-area .slide-caption {
  display: none;
}
.interview-slide.staff-slide-area .caption-role {
  display: none;
}



/*======== リクルートページスライド　テキストと矢印 ========*/
/* 黄色帯 */
.staff-slide-area .slide-caption {
  display: flex;
  justify-content: center;
  padding: 15rem 10rem 10rem;
  background: var(--solba-yellow);
}
.staff-slide-area .caption-text {
  font-size: 16rem;
  font-weight: bold;
  line-height: 1.4;
}
/* 役職 */
.staff-slide-area .caption-role {
  font-size: 15rem;
  color: var(--white);
  padding: 15rem 20rem;
  margin: 0;
}
.staff-slide-area .number {
  display: none;
}
/* slide 左右矢印 */
.staff-slide-area .swiper-button-prev {
    position: absolute;
    left: -40px;
}
.staff-slide-area .swiper-button-next {
    position: absolute;
    right: -40px;
}
.staff-slide-area .swiper-button-prev::after,
.staff-slide-area .swiper-button-next::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}
.staff-slide-area .swiper-button-next,
.staff-slide-area .swiper-button-prev {
top: var(--swiper-navigation-top-offset,60%);
}
.staff-slide-area .swiper-button-prev::after {
  border-width: 18px 20px 18px 0;
  border-color: transparent var(--solba-green) transparent transparent;
}
.staff-slide-area .swiper-button-next::after {
  border-width: 18px 0 18px 20px;
  border-color: transparent transparent transparent  var(--solba-green);
}
@media screen and (min-width:601px) {
.staff-slide-area .swiper-button-prev {
    left: -40px;
}
.staff-slide-area .swiper-button-next {
    right: -40px;
}
}
@media screen and (min-width:769px) {

.staff-slide-area .caption-text {
  font-size: 18rem;
}
.staff-slide-area .caption-role {
  font-size: 17rem;
}
.staff-slide-area .number {
  width: 65rem;
  font-size: 60rem;
}
.staff-slide-area .swiper-button-prev {
    left: -40rem;
}
.staff-slide-area .swiper-button-next {
    right: -40rem;
}
.staff-slide-area .swiper-button-next,
.staff-slide-area .swiper-button-prev {
top: var(--swiper-navigation-top-offset,40%);
}
}
@media screen and (min-width:1025px) {
.staff-slide-area .caption-text {
  font-size: 26rem;
}
.staff-slide-area .caption-role {
  font-size: 20rem;
}
.staff-slide-area .swiper-button-prev {
    left: -50rem;
}
.staff-slide-area .swiper-button-next {
    right: -50rem;
}
}


/*======== スタッフスライド画像 ポジション ========*/
.staff-slide-area .slide-image {
  width: 100%;
  aspect-ratio: 500 / 540;
  overflow: hidden;
}
.staff-slide-area .slide-image img {
  object-position: 50% 50%;
}
.staff-slide-area .slide-image.img-p01 img {
  object-position: 52% 50%;
}
.staff-slide-area .slide-image.img-p03 img {
  object-position: 52% 50%;
}
.staff-slide-area .slide-image.img-p04 img {
  object-position: 30% 50%;
}
.staff-slide-area .slide-image.img-p06 img {
  object-position: 55% 50%;
}
.staff-slide-area .slide-image.img-p07 img {
  object-position: 18% 50%;
}












#recruit-4 .flex-box {
  gap: 0;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
}
#recruit-4 .flex-left {
    display: flex;
    flex-shrink: 1;
    margin-bottom:-20rem;
    margin-right: 0;
}
#recruit-4 .flex-right {
    display: flex;
    flex-shrink: 1;
    margin-top: -20rem;
    margin-left: 0;
}
#recruit-4 .photo-area {
    aspect-ratio: 1 / 1;
    width: 100%;
}
#recruit-4 .text-area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: justify;
  flex-shrink: 0;
  border-radius: 170rem;
  width: 100%;
  padding: 70rem 50rem 50rem;
}
#recruit-4 .content-title {
  font-size: 22rem;
}
@media screen and (min-width:769px) {
#recruit-4 .flex-box {
  flex-direction: row;
}
#recruit-4 .flex-left {
  margin-bottom:0;
  margin-right: -20rem;
}
#recruit-4 .flex-right {
  margin-top:0;
  margin-left: -20rem;
}
#recruit-4 .photo-area {
  width: 450rem;
}
#recruit-4 .text-area {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  width: 450rem;
  padding: 70rem 50rem 50rem;
}
#recruit-4 .content-title {
  font-size: 24rem;
}
}
@media screen and (min-width:1025px) {
#recruit-4 .photo-area {
  width: 650rem;
}
#recruit-4 .text-area {
  width: 650rem;
  padding: 100rem;
}

}



/*==============================================================
 /recruit/why/
==============================================================*/
/* vision-type
--------------------------------------------------------------*/
.recruit .list-kadomaru li {
  padding: 25rem 30rem;
}
#why-2.bgc {
    padding-top: 200rem;
}
#why-2 .english-label.title {
    top: -105rem;
}
#why-3 .english-label.title {
  margin-top: 20rem;
  color:#D7E0E6;
    text-align: center;
    position: unset;
}
#why-3 .content-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 20rem;
}
#why-4 .deco-svg.svg-logo__symbol {
  width: 140rem;
  height: auto;
  right: -40rem;
  top: -10rem;
}
#why-4 .container.cnt-vision {
  padding-left: 20rem;
  padding-right: 20rem;
}
#why-4 .english-label.title {
    text-align: center;
    position: unset;
}
#why-4 .content-title {
    display: flex;
    flex-direction: column;
}
.vision-type .container {
  padding-left: 20rem;
}
.vision-type .text-photo-type1 .itemLR {
  gap: 10rem;
}
.vision-type .text-area-pc {
  display: contents;
}
.vision-type .number {
  order: 1;
  justify-content: flex-start;
  margin-bottom: -40rem;
  margin-left: -10rem;
  font-size: 46rem;
}
.vision-type .title {
  order: 2;
  font-size: 26rem;
  margin-top: 15rem;
  margin-left: 10rem;
  text-align: left;
}
.vision-type .photo-area {
  order: 3;
  width: 100%;
}
.vision-type .text {
  order: 4;
  padding-right: 20rem;
  padding-bottom: 50rem;
}


@media screen and (min-width: 601px) {

}
@media screen and (min-width:769px) {
.recruit .list-kadomaru li {
  padding: 38rem;
}
#why-2.bgc {
  padding-top: 160rem;
}
#why-2 .english-label.title {
  top: -105rem;
}
#why-3 .content-title {
  margin-bottom: 20rem;
}
#why-4 .container.cnt-vision {
  padding-right: 250rem;
}
#why-4 .deco-svg.svg-logo__symbol {
  width: 500rem;
  height: auto;
  right: -160rem;
  top: -40rem;
}
.vision-type .container {
    padding-left: 100rem;
}
.vision-type .text-photo-type1 .itemLR {
  flex-direction: row;
  gap: 40rem;
}
.vision-type .text-area-pc {
  display: flex;
  flex-direction: column;
  flex: 0 0 400rem;
}
.vision-type .number,
.vision-type .title,
.vision-type .text {
  order: 0;
  padding-right: 0;
}

.vision-type .number-type1 .number {
  margin-left: -50rem;
  margin-bottom: -50rem;
  font-size: 80rem;
}
.vision-type .number-type1 .title {
  font-size: 38rem;
}
.vision-type .photo-area {
  order: 2;
}
}
@media screen and (min-width:1025px) {
#why-4 .container.cnt-vision {
    padding-right: 450rem;
}
#why-4 .deco-svg.svg-logo__symbol {
  width: 550rem;
}
.vision-type .container {
    padding-left: 170rem;
}
.vision-type .text-photo-type1 .itemLR {
  gap: 60rem;
}
.vision-type .text-area-pc {
  flex: 0 0 520rem;
}
.vision-type .number-type1 .number {
  margin-left: -80rem;
  font-size: 110rem;
}
.vision-type .number-type1 .title {
    font-size: 50rem;
}
}


/*==============================================================
 /recruit/environment/
==============================================================*/
#environment-2  .content-title {
    margin-bottom: 40rem;
}
#environment-2 .title.f40 {
  line-height: 1.2;
}
#environment-2 .title.bg-solba-yellow {
    width: fit-content;
    padding: 2rem 15rem 0;
    border-radius: 75rem;
    line-height: 1.7;
}
#environment-2 .list-kadomaru li .title {
  font-size: 18rem;
}
#environment-2 .list-kadomaru dl {
  grid-template-columns: unset;
}
#environment-2 .list-kadomaru dt {
  font-size: 18rem;
  font-weight: 600;
  color: var(--solba-green);
}
#environment-2 .list-kadomaru dd {
  font-size: 18rem;
}
@media screen and (min-width:769px) {
#environment-2 .title.bg-solba-yellow {
  padding: 2rem 20rem 0;
}
#environment-2 .list-kadomaru li .title {
  font-size: 20rem;
}
}
@media screen and (min-width:1025px) {
#environment-2 .list-kadomaru li .title {
  font-size: 22rem;
}
}




/* .table-area
--------------------------------------------------------------*/
#environment-2 .table-area {
  position: relative;
  padding: 60rem 20rem 20rem;
  overflow: hidden;
}
#environment-2 .table-area .bg-solba-green {
    width: fit-content;
    padding: 12rem 25rem 12rem 40rem;
    border-bottom-right-radius: 40rem;
    position: absolute;
    top: 0;
    left: 0;
}
#environment-2 .table-area table {
  width: 100%;
  border-collapse: collapse;
}

#environment-2 .table-area th,
#environment-2 .table-area td {
  padding: 10rem 15rem;
  border: 1px solid var(--black);
  vertical-align: middle;
}
#environment-2 .table-area th {
  font-weight: 600;
}
#environment-2 .table-area td {
  text-align: left;
}

@media screen and (min-width:769px) {
#environment-2 .table-area {
  padding: 80rem 70rem 50rem;
}
}

/* .list-circle
--------------------------------------------------------------*/
#environment-2 .flex-box.list-circle.flex-3 {
  align-items: flex-start;
  gap: 20rem 10rem;
  padding: 0;
}
#environment-2 .flex-box.list-circle.flex-2 {
  align-items: flex-start;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  flex-direction: row;
  gap: 40rem 10rem;
  width: 100%;
}
#environment-2 .flex-box.list-circle>.flex-box {
  gap: 10rem;
  flex: 48%;
  max-width: 162rem;
}
#environment-2 .flex-box.list-circle>.flex-box .text {
  max-width: 90%;
  font-size: 12rem;
}

#environment-2 .flex-box.list-circle .item {
    width: 100%;
}
#environment-2 .flex-box.list-circle .item .title {
  margin-bottom: 10rem;
  line-height: 1.4;
}
#environment-3 .text-photo-type1 {
  padding-bottom: 35rem;
}

#environment-3 .list-kadomaru{
  gap: 10rem;
}
#environment-3 .list-kadomaru>.item {
  align-items: center;
  padding: 15rem 10rem 15rem;
  flex: 0 0 48%;
}
#environment-3 .list-kadomaru>.item .title {
  margin-bottom: 10rem;
}
#environment-3 .list-kadomaru>.item .text {
  font-size: 12rem;
}


@media screen and (min-width:769px) {
#environment-2 .flex-box.list-circle.flex-3 {
  gap: 40rem 30rem;
  padding: 0;
}
#environment-2 .flex-box.list-circle.flex-2 {
  align-items: flex-start;
  justify-content: center;
  gap: 40rem 30rem;
  margin-left: auto;
  margin-right: auto;
  width: 66%;
}
#environment-2 .flex-box.list-circle>.flex-box {
  gap: 20rem;
  flex: 31%;
  justify-content: space-between;
  max-width: 270rem;
}
#environment-2 .flex-box.list-circle>.flex-box .text {
  font-size: 16rem;
}
#environment-3 .list-kadomaru{
  gap: 30rem;
}
#environment-3 .list-kadomaru>.item {
  flex: 0 0 30.8%;
  padding: 30rem 30rem 25rem;
}
#environment-3 .list-kadomaru>.item .title {
  margin-bottom: 20rem;
}
#environment-3 .list-kadomaru>.item .text {
  font-size: 16rem;
}
#environment-3 .text-photo-type1 {
  padding-bottom: 35rem;
}


}
@media screen and (min-width:1025px) {
#environment-2 .flex-box.list-circle.flex-3 {
  padding: 0 40rem;
}
#environment-2 .flex-box.list-circle.flex-2 {
    width: 61%;
}
#environment-2 .flex-box.list-circle>.flex-box {
  max-width: 380rem;
}
#environment-2 .flex-box.list-circle .item .title {
    margin-bottom: 30rem;
}
}


















/*==============================================================
 /recruit/process/
==============================================================*/
.process-step .item {
  align-items: flex-start;
  height: 160rem;
  padding: 25rem 20rem 15rem;
  border: 5px solid var(--solba-yellow);
}
.process-step .step-number .block-center {
  margin-bottom: 5rem;
  font-size: 14rem;
}
.process-step .step-number {
  padding: 8rem 6rem 6rem;
  font-size: 30rem;
  text-align: center;
  color: var(--white);
  background: var(--solba-yellow);
  position: absolute;
  left: 20rem;
  top: 20rem;
}
.process-step .step-number::before {
  content: "";
  background: var(--solba-yellow);
  width: 5px;
  position: absolute;
  left: 47%;
  height: 45rem;
  top: -45rem;
}
.process-step .item:first-child .step-number::before {
  display: none;
}
#process-2 .title {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 40rem;
  margin-top: 5rem;
  margin-bottom: 20rem;
  padding-left: 60rem;
  font-size: 20rem;
}
#process-2 .title .small {
  font-size: 14rem;
}
@media screen and (min-width:769px) {
.process-step .item {
  align-items: center;
  height: 200rem;
  padding: 40rem;
}
.process-step .step-number .block-center {
  margin-bottom: 10rem;
  font-size: 18rem;
}
.process-step .step-number {
  padding: 10rem 8rem 7rem;
  font-size: 40rem;
}
.process-step .step-number::before {
  height: 60rem;
  top: -60rem;
}
#process-2 .title {
  align-items: center;
  flex-direction: row;
  padding-left: 0;
  font-size: 30rem;
}
#process-2 .title .small {
  font-size: 20rem;
}
}
@media screen and (min-width:1025px) {
.process-step .step-number::before {
    height: 70rem;
    top: -70rem;
}
#process-2 .title {
  font-size: 36rem;
}
#process-2 .title .small {
  font-size: 26rem;
}
}

/*==============================================================
 interview
--------------------------------------------------------------*/

#interview-1 h2 + .flex-box {
  gap: 140rem 0;
}
.staff-frame .flex-box {
  justify-content: flex-start;
  gap: 10rem;
}
.staff-frame.position-left {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.staff-frame.position-right {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-right: -50rem;
}
.staff-frame .wrap {
  display: flex;
    width: fit-content;
    height: fit-content;
}
.staff-frame.position-left .wrap {
  justify-content: flex-start;
}
.staff-frame.position-right .wrap {
  justify-content: flex-end;
}
.staff-frame .img-box.img {
    width: 85%;
    height: auto;
}
.staff-frame .text-area .title {
  margin-bottom: 10rem;
  padding-top: 5rem;
  line-height: 1.4;
  z-index: 0;
  font-size: 18rem;
}
.staff-frame .text-area .text .f16 {
  font-size: 14rem;
  line-height: 1.2;
}
.staff-frame .text-area .title .cube {
  width: 32rem;
  aspect-ratio: 1 / 1;
  background: var(--solba-yellow);
  position: absolute;
  top: 0;
  left: -5rem;
  z-index: -1;
}
.staff-frame .text-area {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    width: fit-content;
    height: fit-content;
    position: absolute;
}
.position-left .text-area.frame-rectangle {
    background: var(--white);
    border-radius: 20rem;
    padding: 13rem 15rem 10rem 20rem;
    bottom: -100rem;
    right: 10rem;
}
.position-right .text-area.frame-circle {
    justify-content: center;
    background: var(--white);
    border-radius: 100rem;
    padding: 13rem 50rem 10rem;
    bottom: -100rem;
    left: -80rem;
}
.position-left .text-area.frame-triangle {
    background: white;
    border-radius: 20rem 90rem 20rem 20rem;
    padding: 13rem 60rem 10rem 20rem;
    bottom: -100rem;
    right: -20rem;
}
.position-right .text-area.frame-rectangle {
    background: var(--white);
    border-radius: 20rem;
    padding: 13rem 15rem 15rem 20rem;
    bottom: -100rem;
    left: -25rem;
}
.position-left .text-area.frame-circle {
    justify-content: center;
    background: var(--white);
    border-radius: 100rem;
    padding: 20rem 30rem 15rem 40rem;
    bottom: -100rem;
    right: -30rem;
}
.position-right .text-area.frame-triangle {
    background: white;
    border-radius: 20rem 120rem 20rem 20rem;
    padding: 13rem 60rem 10rem 20rem;
    bottom: -100rem;
    left: -25rem;
}


@media screen and (min-width:769px) {
.staff-frame.position-right {
  margin-right: -50rem;
}
.staff-frame .img-box.img {
    width: 570rem;
    height: auto;
}
#interview-1 h2 + .flex-box {
  gap: 100rem 0;
}
.staff-frame .text-area .title {
  margin-bottom: 20rem;
  font-size: 24rem;
}
.staff-frame .text-area .text .f16 {
  font-size: 16rem;
}
.staff-frame .text-area .title .cube {
  width: 50rem;
  top: -10rem;
  left: -10rem;
}
.position-right .text-area.frame-circle {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  padding: 30rem 40rem 0;
  bottom: -30rem;
  left: -300rem;
}
.position-left .text-area.frame-triangle {
  border-radius: 5% 100% 5% 5%;
  padding: 70rem 50rem 20rem 30rem;
  bottom: -30rem;
  right: -250rem;
}
.position-right .text-area.frame-rectangle {
    border-radius: 30rem;
    padding: 30rem 30rem 10rem;
    bottom: -30rem;
    left: -100rem;
}
.position-left .text-area.frame-circle {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    padding: 30rem 50rem 0;
    bottom: -30rem;
    right: -230rem;
}
.position-right .text-area.frame-triangle {
    aspect-ratio: 1 / 1;
    border-radius: 5% 100% 5% 5%;
    padding: 20% 40rem 10rem 20rem;
    bottom: -30rem;
    left: -210rem;
}

.position-left .text-area.frame-rectangle {
  border-radius: 30rem;
  padding: 30rem 30rem 10rem;
  bottom: -30rem;
  right: -270rem;
}
}
@media screen and (min-width:1025px) {
.staff-frame .text-area .title {
  font-size: 36rem;
}
.staff-frame .flex-box {
    gap: 30rem;
}
.staff-frame .img-box.img {
    width: 970rem;
    height: auto;
}
.staff-frame .text-area .title .cube {
  width: 70rem;
  top: -10rem;
  left: -10rem;
}
.position-right .text-area.frame-circle {
    padding: 50rem 100rem 0;
    bottom: -30rem;
    left: -380rem;
}
.position-left .text-area.frame-triangle {
  aspect-ratio: 1 / 1;
  border-radius: 5% 100% 5% 5%;
  padding: 160rem 100rem 40rem 40rem;
  bottom: -30rem;
  right: -250rem;
}
.position-right .text-area.frame-rectangle {
    padding: 40rem 40rem 30rem;
    bottom: -30rem;
    left: -100rem;
}
.position-right .text-area.frame-triangle {
    border-radius: 5% 100% 5% 5%;
    padding: 24% 120rem 40rem 40rem;
    bottom: -30rem;
    left: -375rem;
}
.position-left .text-area.frame-rectangle {
    padding: 40rem 40rem 30rem;
    bottom: -30rem;
    right: -270rem;
}
}





/*==============================================================
 deco text
--------------------------------------------------------------*/
/* 各ページ.top-sec1の飾りアウトラインテキスト */
.recruit .top-sec1 .english-label .img-box.img {
  width: 35rem;
  top: -40rem;
}

.cnt-career .english-label.deco-center {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 260rem;
  left: -255rem;
  transform: rotate(90deg);
}

.cnt-career .english-label .img-box.img {
  width: 540rem;
  height: 30rem;
}

/* 各ページ飾りテキスト */
#environment-2 .english-label.deco-rotate-top-right.text01 {
  top: 150rem;
}

#environment-2 .english-label.deco-rotate-top-left.text02 {
  top: 49.2%;
}

#environment-2 .english-label.deco-rotate-top-right.text03 {
  top: 75%;
}

#environment-2 .english-label.deco-rotate-top-left.text04 {
  top: 92%;
}

#environment-3 .english-label.deco-rotate-top-left {
  top: -1%;
}

#interview01-2 .english-label.deco-rotate-top-right,
#interview02-2 .english-label.deco-rotate-top-right,
#interview03-2 .english-label.deco-rotate-top-right,
#interview04-2 .english-label.deco-rotate-top-right,
#interview05-2 .english-label.deco-rotate-top-right,
#interview06-2 .english-label.deco-rotate-top-right,
#interview07-2 .english-label.deco-rotate-top-right {
  top: -810rem;
}
@media screen and (min-width:769px) {
  #interview01-2 .english-label.deco-rotate-top-right,
  #interview02-2 .english-label.deco-rotate-top-right,
  #interview03-2 .english-label.deco-rotate-top-right,
  #interview04-2 .english-label.deco-rotate-top-right,
  #interview05-2 .english-label.deco-rotate-top-right,
  #interview06-2 .english-label.deco-rotate-top-right,
  #interview07-2 .english-label.deco-rotate-top-right {
    right: 30rem;
  }

}

/*==============================================================
 deco obj
--------------------------------------------------------------*/
#recruit-1 .svg-trianglex4-painted {
  width: 220rem;
  top: 0;
  right: 0;
  z-index: 1;
}

#why-1 .svg-trianglex4-painted {
  width: 370rem;
  top: 230rem;
  right: -140rem;
  transform: rotate(45deg);
}

#environment-1 .svg-circlex6-painted {
  width: 300rem;
  top: 240rem;
  right: 0;
}

#environment-3 .svg-trianglex4-painted {
  width: 620rem;
  top: 480rem;
  left: -230rem;
  transform: rotate(315deg);
}

#process-1 .svg-squarex5-painted {
  width: 450rem;
  top: 270rem;
  right: -170px;
}

/* 全画面サイズで共通 */
#process-2 .svg-triangle-downward {
  width: 450rem;
  top: -150rem;
  right: -200rem;
}

#interview-1 .svg-trianglex4-painted {
  width: 550rem;
  top: 36%;
  left: -100rem;
  transform: rotate(45deg);
}

#interview01-1 .svg-trianglex4-painted,
#interview02-1 .svg-trianglex4-painted,
#interview03-1 .svg-trianglex4-painted,
#interview04-1 .svg-trianglex4-painted,
#interview05-1 .svg-trianglex4-painted,
#interview07-1 .svg-trianglex4-painted {
  width: 300rem;
  bottom: -260rem;
  right: 0rem;
}

#interview06-1 .svg-trianglex4-painted {
  width: 300rem;
  bottom: -260rem;
  right: 0rem;
}

.recruit .section.interview-backlink-area .english-label.deco-center {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 110rem;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}


@media screen and (min-width:769px) {
  /* 各ページ.top-sec1の飾りアウトラインテキスト */
  .recruit .top-sec1 .english-label .img-box.img {
    width: 80rem;
    top: -100rem;
  }

  .cnt-career .english-label.deco-center {
    display: flex;
    justify-content: center;
    height: auto;
    position: unset;
    transform: unset;
  }

  .cnt-career .english-label .img-box.img {
    width: 100%;
    height: fit-content;
  }

  #environment-2 .english-label.deco-rotate-top-right.text01 {
    top: 150rem;
    right: 30rem;
  }

  #environment-2 .english-label.deco-rotate-top-left.text02 {
    top: 29%;
  }

  #environment-2 .english-label.deco-rotate-top-right.text03 {
    top: 55%;
  }

  #environment-2 .english-label.deco-rotate-top-left.text04 {
    top: 80%;
  }

#interview01-1 .svg-trianglex4-painted,
#interview02-1 .svg-trianglex4-painted,
#interview03-1 .svg-trianglex4-painted,
#interview04-1 .svg-trianglex4-painted,
#interview05-1 .svg-trianglex4-painted,
#interview07-1 .svg-trianglex4-painted {
  width: 650rem;
  bottom: -550rem;
  right: -50rem;
}

  /* deco obj */
  #recruit-1 .svg-trianglex4-painted {
    width: 580rem;
  }

  #why-1 .svg-trianglex4-painted {
    width: 540rem;
    top: 50rem;
    right: 50rem;
  }

  #environment-1 .svg-circlex6-painted {
    width: 760rem;
    top: -40rem;
  }

  #process-1 .svg-squarex5-painted {
    width: 760rem;
    top: -120rem;
    right: 70px;
  }

  #interview-1 .svg-trianglex4-painted {
    transform: rotate(45deg);  /* SPで既に指定済みなので削除可能 */
  }

  #interview06-1 .svg-trianglex4-painted {
    width: 650rem;
    bottom: -180rem;
    right: -50rem;
  }

  .recruit .section.interview-backlink-area .english-label.deco-center {
    justify-content: flex-start;
    transform: unset;
    bottom: -2rem;
    left: 0;
    width: 100%;
    height: auto;
  }
}

/* ========== PC ========== */
@media screen and (min-width:1025px) {
  #recruit-1 .svg-trianglex4-painted {
    width: 950rem;
  }

  #why-1 .svg-trianglex4-painted {
    width: 880rem;
    top: 70rem;
    right: 80rem;
  }

  #environment-1 .svg-circlex6-painted {
    width: 1110rem;
  }

  #process-1 .svg-squarex5-painted {
    width: 1110rem;
    top: -200rem;
  }
}


/*==============================================================
 padding0
--------------------------------------------------------------*/
.container.paddingL-0 {
  padding-left: 0;
}
.container.paddingR-0 {
  padding-right: 0;
}
.container.paddingLR-0 {
  padding-left: 0;
  padding-right: 0;
}