@charset "UTF-8";
/**************************************************
サブ共通    
**************************************************/
main .head .head_inner {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

main .head .head_inner.case {
  flex-direction: column;
}

main .head .head_inner.blog::after {
  content: none;
}

main .head .head_inner::after {
  content: "";
  display: block;
  width: 8.33vw;
  height: 8.33vw;
  max-width: 160px;
  max-height: 160px;
  min-width: 80px;
  min-height: 80px;
  border-radius: 100%;
  background-color: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  position: absolute;
}

main .head .head_inner h1 {
  width: 100%;
}

main .head .head_inner h1.blog {
  position: unset !important;
  transform: translate(0%);
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

main .head .head_inner h2::after {
  content: "";
  display: block;
  width: 2.0833vw;
  max-width: 40px;
  height: 2px;
  background-color: #2CA6E0;
  margin: 1.04vw auto;
}

main .head .head_inner .area_wrap {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

main .head .head_inner .area_wrap p {
  border-radius: 5px;
}

main .anchor_wrap {
  padding-top: 0.78125vw;
  padding-bottom: 0.78125vw;
}

main .anchor_wrap.partners_anchor_wrap {
  display: none;
}

main .anchor_wrap .switch {
  display: none !important;
}

main .anchor_wrap .switch .material-symbols-outlined {
  transition: 0.3s;
}

main .anchor_wrap .switch.open .material-symbols-outlined {
  transform: rotate(180deg);
}

main .anchor_wrap aside {
  gap: 0.52vw 2.604vw;
  display: none;
}

main .anchor_wrap aside a:hover {
  color: #025C9A;
}

main aside.section_anchor.reasons_anchor ul li a {
  width: auto;
  max-width: 220px;
  padding-left: 1.04vw;
  padding-right: 1.04vw;
}

main aside.section_anchor ul {
  gap: 2.08333vw;
}

main aside.section_anchor ul li a {
  max-width: 200px;
  width: 10.4166vw;
  border-bottom: 1px solid #2CA6E0;
}

main aside.section_anchor ul li a:hover {
  color: #025C9A;
}

main .breadcrumbs_wrap {
  padding-top: 0.78125vw;
  padding-bottom: 0.78125vw;
  border-top: 1px solid #525863;
}

main .breadcrumbs_wrap .breadcrumbs {
  /* width: 90%;
  margin-left: auto;
  margin-right: auto; */
}

main .breadcrumbs_wrap .breadcrumbs a,
main .breadcrumbs_wrap .breadcrumbs span {
  font-size: clamp(12px, 0.7291666667vw, 14px);
  letter-spacing: 1px;
}

main .breadcrumbs_wrap .breadcrumbs a:hover {
  color: #025C9A;
}

main .marker {
  display: inline;
  padding: 0 4px 2px 4px;
  background: linear-gradient(transparent 77%, #FFF3C1 0%);
}

main .marker.marker_white {
  background: linear-gradient(transparent 77%, #FFFFFF 0%);
}

main .marker.marker_blue {
  background: linear-gradient(transparent 77%, #DFEFF4 0%);
}

main .marker.marker_blue02 {
  background: linear-gradient(transparent 77%, #EDFAFF 0%);
}

main .marker.marker_yl02 {
  padding-bottom: 0;
  background: linear-gradient(transparent 70%, #FFD643 70%, #FFD643 85%, transparent 85%);
}

main .yl_deco::after {
  content: "";
  display: block;
  max-width: 30px;
  width: 1.5625vw;
  min-width: 15px;
  height: 1px;
  background-color: #F5AA00;
  margin: 1.04vw auto 0;
}

.radius20 {
  border-radius: 1.04vw !important;
}

.p_blue::before {
  content: "";
  display: block;
  border-radius: 100%;
  border: 1px solid #F5AA00;
  margin-right: 0.625vw;
}

.p_blue.f_18::before {
  width: 0.625vw;
  height: 0.625vw;
}

.h_border {
  border-bottom: 2px solid #F5AA00;
  padding-bottom: 0.46vw;
}

.h_border.h_border_1 {
  border-bottom: 1px solid #F5AA00;
}

.main_wiz_index.active {
  align-items: flex-end !important;
}

.main_wiz_index .index_wrap {
  border: 1px solid #DEE7EA;
  width: 16.40625vw;
  z-index: 100;
  background-color: #FFFFFF;
}

.main_wiz_index .index_wrap ul li {
  margin-bottom: 0.7vw;
}

.main_wiz_index .index_wrap ul li a {
  opacity: 0.5;
  position: relative;
  line-height: 1.2;
  display: flex;
  align-items: baseline;
}

.main_wiz_index .index_wrap ul li a span {
  line-height: 1.2;
}

.main_wiz_index .index_wrap ul li a::before {
  content: "";
  display: block;
  width: 0.52vw;
  height: 0.52vw;
  max-width: 10px;
  max-height: 10px;
  min-width: 4px;
  min-height: 4px;
  border-radius: 100%;
  background-color: #F5AA00;
  transition: 0.3s;
  opacity: 0;
  margin-right: 0.52vw;
}

.main_wiz_index .index_wrap ul li a:hover {
  opacity: 1;
  color: #025C9A;
}

.main_wiz_index .index_wrap ul li a:hover span {
  color: #025C9A;
}

.main_wiz_index .index_wrap ul li a:hover::before {
  opacity: 1;
}

.main_wiz_index .index_wrap ul li a.toc_highlight {
  opacity: 1;
  color: #025C9A;
}

.main_wiz_index .index_wrap ul li a.toc_highlight span {
  color: #025C9A;
}

.main_wiz_index .index_wrap ul li a.toc_highlight::before {
  opacity: 1;
}

.main_wiz_index .index_wrap.is_fixed {
  position: sticky;
  top: 100px;
}

.main_wiz_index .index_wrap.active {
  position: relative;
}

.main_wiz_index .contents_wrap {
  width: calc(100% - 16.40625vw - 2.60416vw);
}

.main_wiz_index .contents_wrap section.bg_gray02 {
  position: relative;
  z-index: 1;
}

.main_wiz_index .contents_wrap section.bg_gray02::after {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background-color: #F7F7F7;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

main .breadcrumbs_wrap {
  border-top: none;
}
main .breadcrumbs_wrap .breadcrumbs .separator {
  display: inline-block;
  width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ffdd3c;
  margin: 0 13px;
  font-size: 10px;
  line-height: 1;
  color: transparent;
}
main .breadcrumbs_wrap .breadcrumbs .last {
  color: #ff3838;
}
main .breadcrumbs_wrap .breadcrumbs a,
main .breadcrumbs_wrap .breadcrumbs span {
  font-size: clamp(12px, 0.7291666667vw, 14px);
  letter-spacing: 0.03%;
}
main .breadcrumbs_wrap .breadcrumbs a:first-child {
  display: none;
}
main .breadcrumbs_wrap .breadcrumbs .separator:nth-child(2) {
  display: none;
}

main .pagetitle {
  background: url(../img/recruit-common/pagetitle-bg.webp) repeat;
  position: relative;
}
main .pagetitle::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 50px;
  background: url(../img/recruit-common/pagetitle-bg2.webp) repeat-x left center/auto 50px;
}
main .pagetitle .inner {
  display: flex;
  justify-content: center;
  -moz-column-gap: min(1.8229166667%, 35px);
       column-gap: min(1.8229166667%, 35px);
}
main .pagetitle .inner::before, main .pagetitle .inner::after {
  content: "";
  width: min(8.3333333333%, 160px);
  aspect-ratio: 160/220;
}
main .pagetitle .inner::before {
  background: url(../img/recruit-common/pagetitle-shape-l.webp) no-repeat center/cover;
}
main .pagetitle .inner::after {
  background: url(../img/recruit-common/pagetitle-shape-r.webp) no-repeat center/cover;
}
main .pagetitle .contents {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .pagetitle .crice.culture {
  width: min(20.1041666667vw, 386px);
}
main .pagetitle .crice.work {
  width: min(13.90625vw, 267px);
}
main .pagetitle .crice.number {
  width: min(19.1145833333vw, 367px);
}
main .pagetitle .crice.training {
  width: min(22.2395833333vw, 427px);
}
main .pagetitle .crice.entry {
  width: min(23.3854166667vw, 449px);
}
main .pagetitle .crice {
  /* text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
  width: min(vwCalc(540,1920),540px);
  height: min(vwCalc(150,1920),150px);
  position: relative;
  overflow: hidden;
  svg{
    width: min(vwCalc(962.24,1920),962.24px);
    height: min(vwCalc(869.96,1920),869.96px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text {
      font-size: calc(70/869.96*100px);
      fill: #ffeb8c;
      textpath{
        letter-spacing: calc(4/70*1em);
      }
    }
    path {
      fill: none;
      stroke: none; 
    }
  } */
}
main .pagetitle .heading {
  position: relative;
  min-height: min(3.2208333333vw, 61.84px);
  align-content: center;
  z-index: 1;
}
main .pagetitle .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.2208333333vw, 61.84px));
  background: url(../img/recruit-common/pagetitle-shape.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .pagetitle .heading::before, main .pagetitle .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
}
main .pagetitle .heading::before {
  left: 0;
}
main .pagetitle .heading::after {
  right: 0;
}
main {
  /*----------------------------------------------------------------

  ソニックのことを知る

  ----------------------------------------------------------------*/
}
main .culuture01 .culuture01_inner {
  width: max(min(78.125vw, 1500px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
main .culuture01 .culuture01_inner .txbox {
  container-type: inline-size;
}
main .culuture01 .culuture01_inner .txbox .head {
  border-bottom: 1px dashed #333;
}
main .culuture01 .culuture01_inner .txbox .head .heading {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px, 0 3px 0 #333;
  position: relative;
}
main .culuture01 .culuture01_inner .txbox .head .heading::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 10px;
  transform: translate(-100%, -100%);
  width: 6.8cqw;
  aspect-ratio: 102/104;
  background: url(../img/recruit-culutre/culuture01-shape.webp) no-repeat center/cover;
}
main .culuture01 .culuture01_inner .txbox > * {
  padding-right: 55.6666666667%;
}
main .culuture01 .culuture01_inner .images {
  position: absolute;
  top: 0;
  right: 5.3333333333%;
  width: 43.0666666667%;
  height: 100%;
}
main .culuture01 .culuture01_inner .images .image {
  width: 54.1795665635%;
  position: relative;
}
main .culuture01 .culuture01_inner .images .image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #333;
  border-top-left-radius: 57.1428571429% 40.8163265306%;
  border-top-right-radius: 57.1428571429% 40.8163265306%;
  border-bottom-left-radius: 57.1428571429% 40.8163265306%;
  border-bottom-right-radius: 57.1428571429% 40.8163265306%;
}
main .culuture01 .culuture01_inner .images .image .crice {
  position: absolute;
  top: 0;
  right: 0;
  width: 70.8571428571%;
  transform: translate(10.0806451613%, -21.7391304348%) rotate(10deg);
  /* text-shadow: rgb(255, 135, 137) 1px 0px 0px, rgb(255, 135, 137) 0.540302px 0.841471px 0px, rgb(255, 135, 137) -0.416147px 0.909297px 0px, rgb(255, 135, 137) -0.989992px 0.14112px 0px, rgb(255, 135, 137) -0.653644px -0.756802px 0px, rgb(255, 135, 137) 0.283662px -0.958924px 0px, rgb(255, 135, 137) 0.96017px -0.279415px 0px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(perCalc(10,348),calc(perCalc(40,92)* -1));
  overflow: hidden;
  width: 100%;
  height: max(min(vwCalc(92,1920),92px),40px);
  svg{
    width: min(vwCalc(497.88,1920),497.88px);
    height: min(vwCalc(606.26,1920),606.26px);
    position: absolute;
    right: 0;
    top: 0;
    text {
      font-size: calc(28/497.88*100px);
      fill: #ffe1c8;
      textpath{
        letter-spacing: calc(3/28*1em);
      }
    }
    path {
      fill: none;
      stroke: none; 
    }
  } */
}
main .culuture01 .culuture01_inner .images .image:nth-child(odd) {
  z-index: 1;
}
main .culuture01 .culuture01_inner .images .image:nth-child(even) {
  margin-left: -8.6687306502%;
}
main .culuture02 .itemblock {
  width: max(min(93.75vw, 1800px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4.1666666667vw;
}
main .culuture02 .itemblock .head {
  -moz-column-gap: max(min(0.78125vw, 15px), 10px);
       column-gap: max(min(0.78125vw, 15px), 10px);
}
main .culuture02 .itemblock .head .num {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .culuture02 .itemblock .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
  z-index: 1;
}
main .culuture02 .itemblock .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .culuture02 .itemblock .head .heading::before, main .culuture02 .itemblock .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .culuture02 .itemblock .head .heading::before {
  left: 0;
}
main .culuture02 .itemblock .head .heading::after {
  right: 0;
}
main .culuture02 .itemblock .coment {
  position: relative;
  z-index: 1;
}
main .culuture02 .itemblock .coment::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: max(min(0.78125vw, 15px), 8px);
  background-color: #fff;
  z-index: -1;
}
main .culuture02 .itemblock .contents {
  container-type: inline-size;
}
main .culuture02 .itemblock .contents.w_1420 {
  width: max(78.8888888889%, min(100% - 20px, 580px));
}
main .culuture02 .itemblock .contents.w_1480 {
  width: max(82.2222222222%, min(100% - 20px, 580px));
}
main .culuture02 .itemblock .contents .item {
  width: 32.4324324324%;
}
main .culuture02 .itemblock .contents .item .content {
  width: 29.7297297297cqw;
}
main .culuture02 .itemblock .contents .item .content .title {
  display: flex;
  align-items: center;
  -moz-column-gap: 2.2727272727%;
       column-gap: 2.2727272727%;
}
main .culuture02 .itemblock .contents .item .content .title::before {
  content: "";
  width: max(2.7272727273%, 5px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ffdd3c;
  border: 1px solid #333;
}
main .culuture02 .itemblock .contents .item .content .catch {
  display: flex;
  flex-direction: column;
  align-items: start;
}
main .culuture02 .itemblock .contents .item .content .catch .box {
  border: 1px solid #333;
  box-shadow: 3px 3px 0 #333;
}
main .culuture02 .itemblock .contents .item .content .text {
  max-width: 396px;
}
main .culuture02 .itemblock .contents .item:nth-child(3n-1) {
  width: 35.1351351351%;
}
main .culuture02 .itemblock .contents .item:not(:first-child):not(:nth-child(3n+1)) {
  border-left: 1px dashed #333;
}
main .culuture03 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
main .culuture03 .head .crice {
  width: min(22.03125vw, 423px);
  /* text-shadow: rgb(65, 64, 64) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
  width: min(vwCalc(500,1920),500px);
  height: min(vwCalc(110,1920),110px);
  position: relative;
  overflow: hidden;
  svg{
    width: min(vwCalc(962.24,1920),962.24px);
    height: min(vwCalc(869.96,1920),869.96px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text {
      font-size: calc(80/869.96*100px);
      fill: #ffeb8c;
      textpath{
        letter-spacing: calc(6/80*1em);
      }
    }
    path {
      fill: none;
      stroke: none; 
    }
  } */
}
main .culuture03 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
}
main .culuture03 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .culuture03 .head .heading::before, main .culuture03 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .culuture03 .head .heading::before {
  left: 0;
}
main .culuture03 .head .heading::after {
  right: 0;
}
main .culuture03 .contents {
  position: relative;
  width: max(min(83.3333333333vw, 1600px), min(100% - 20px, 600px));
  -moz-column-gap: 5.375%;
       column-gap: 5.375%;
  margin-left: auto;
  margin-right: auto;
  container-type: inline-size;
}
main .culuture03 .contents::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  aspect-ratio: 480/235.79;
  transform: translate(-33.3333333333%, -42.4106196192%);
  background: url(../img/recruit-culutre/message-shape.webp) no-repeat center/cover;
}
main .culuture03 .contents .bgs .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: min(3.125vw, 60px);
  z-index: -1;
}
main .culuture03 .contents .bgs .bg:nth-child(1) {
  top: 1.25cqw;
  left: 1.25cqw;
  background-color: #ffeb8c;
}
main .culuture03 .contents .bgs .bg:nth-child(2) {
  top: 0.625cqw;
  left: 0.625cqw;
  background-color: #fffce2;
}
main .culuture03 .contents .bgs .bg:nth-child(3) {
  top: 0;
  left: 0;
  border: 1px solid #ffdd3c;
  background-color: #fff;
}
main .culuture03 .contents .image {
  width: 35.25%;
  position: relative;
  z-index: 1;
}
main .culuture03 .contents .image img {
  width: 100%;
}
main .culuture03 .contents .txbox {
  width: 46.0625%;
}
main .culuture03 .contents .txbox .catch {
  text-shadow: rgb(51, 51, 51) 1px 0px 0px, rgb(51, 51, 51) 0.540302px 0.841471px 0px, rgb(51, 51, 51) -0.416147px 0.909297px 0px, rgb(51, 51, 51) -0.989992px 0.14112px 0px, rgb(51, 51, 51) -0.653644px -0.756802px 0px, rgb(51, 51, 51) 0.283662px -0.958924px 0px, rgb(51, 51, 51) 0.96017px -0.279415px 0px, 3px 3px 0 #000;
}
main .culuture03 .contents .txbox .names {
  -moz-column-gap: 3.1207598372%;
       column-gap: 3.1207598372%;
}
main {
  /*----------------------------------------------------------------

  仕事を知る

  ----------------------------------------------------------------*/
}
main .work01 {
  position: relative;
}
main .work01::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - min(5.625vw, 108px));
  background: url(../img/recruit-work/work01-bg.webp) repeat;
  z-index: -1;
}
main .work01 .heading {
  position: relative;
  min-height: min(3.6458333333vw, 70px);
  align-content: center;
}
main .work01 .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.6458333333vw, 70px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .work01 .heading::before, main .work01 .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .work01 .heading::before {
  left: 0;
}
main .work01 .heading::after {
  right: 0;
}
main .work01 .work01_head {
  width: max(min(83.125vw, 1596px), min(100% - 20px, 600px));
}
main .work01 .work01_head .left {
  width: 45.6140350877%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  position: relative;
}
main .work01 .work01_head .left .catch {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px, 0 4px 0 #333;
  white-space: nowrap;
}
main .work01 .work01_head .image {
  width: 70.2380952381%;
  margin-left: -15.8521303258%;
}
main .work01 .work01_head .image img {
  width: 100%;
}
main .work01 .work01_bottom {
  width: max(min(80.2083333333vw, 1540px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: start;
}
main .work01 .work01_bottom .contents {
  width: 100%;
  -moz-column-gap: 1.2987012987%;
       column-gap: 1.2987012987%;
}
main .work01 .work01_bottom .contents .item {
  width: 32.4675324675%;
  border: 1px solid #333;
  border-radius: min(1.0416666667vw, 20px);
  overflow: hidden;
}
main .work01 .work01_bottom .contents .item .title {
  text-align: center;
  border-bottom: 1px solid #333;
}
main .work01 .work01_bottom .contents .item .image img {
  width: 100%;
  border-radius: min(0.2604166667vw, 5px);
}
main .work02 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .work02 .head .eg {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .work02 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
}
main .work02 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .work02 .head .heading::before, main .work02 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .work02 .head .heading::before {
  left: 0;
}
main .work02 .head .heading::after {
  right: 0;
}
main .work02 .coment {
  text-align: center;
}
main .work02 .contents {
  width: max(min(83.3333333333vw, 1600px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  container-type: inline-size;
  position: relative;
  -moz-column-gap: 6.25%;
       column-gap: 6.25%;
}
main .work02 .contents::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4.125cqw;
  background: #fffce2;
  border: 6px solid #ffeb8c;
  border-radius: 3.125cqw;
  z-index: -1;
}
main .work02 .contents .item {
  width: 18.75%;
  position: relative;
}
main .work02 .contents .item:not(:first-child)::before {
  content: "";
  position: absolute;
  width: 6.25cqw;
  height: 4.125cqw;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  background: url(../img/recruit-common/arow3.webp) no-repeat center/17% auto;
}
main .work02 .contents .item .icon {
  width: 21.3333333333%;
  aspect-ratio: 1/1;
  margin-left: auto;
  margin-right: auto;
}
main .work02 .contents .item .title {
  border-top: 2px solid #ff3838;
  position: relative;
  text-align: center;
}
main .work02 .contents .item .title::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-50%, -60%) rotate(-45deg);
  width: 30px;
  aspect-ratio: 1/1;
  border-top: 2px solid #ff3838;
  border-right: 2px solid #ff3838;
  background-color: #fff;
}
main .work02 .contents .item .title .tx {
  position: relative;
}
main .work03 .heading {
  position: relative;
  align-content: center;
  z-index: 1;
}
main .work03 .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .work03 .heading::before, main .work03 .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .work03 .heading::before {
  left: 0;
}
main .work03 .heading::after {
  right: 0;
}
main .work03 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .work03 .head .crice {
  width: min(10.5208333333vw, 202px);
  /* text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
  width: min(vwCalc(580,1920),580px);
  height: min(vwCalc(80,1920),80px);
  position: relative;
  overflow: hidden;
  svg{
    width: min(vwCalc(988.24,1920),988.24px);
    height: min(vwCalc(869.96,1920),869.96px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text {
      font-size: calc(60/869.96*100px);
      fill: #ffeb8c;
      textpath{
        letter-spacing: calc(6/60*1em);
      }
    }
    path {
      fill: none;
      stroke: none; 
    }
  } */
}
main .work03 .head .heading {
  min-height: min(3.75vw, 72px);
}
main .work03 .head .heading .tx::before {
  width: calc(100% - min(3.75vw, 72px));
}
main .work03 .prices {
  -moz-column-gap: 1.5625%;
       column-gap: 1.5625%;
}
main .work03 .prices .day {
  text-shadow: rgb(51, 51, 51) 3px 0px 0px, rgb(51, 51, 51) 2.83487px 0.981584px 0px, rgb(51, 51, 51) 2.35766px 1.85511px 0px, rgb(51, 51, 51) 1.62091px 2.52441px 0px, rgb(51, 51, 51) 0.705713px 2.91581px 0px, rgb(51, 51, 51) -0.287171px 2.98622px 0px, rgb(51, 51, 51) -1.24844px 2.72789px 0px, rgb(51, 51, 51) -2.07227px 2.16926px 0px, rgb(51, 51, 51) -2.66798px 1.37182px 0px, rgb(51, 51, 51) -2.96998px 0.42336px 0px, rgb(51, 51, 51) -2.94502px -0.571704px 0px, rgb(51, 51, 51) -2.59586px -1.50383px 0px, rgb(51, 51, 51) -1.96093px -2.27041px 0px, rgb(51, 51, 51) -1.11013px -2.78704px 0px, rgb(51, 51, 51) -0.137119px -2.99686px 0px, rgb(51, 51, 51) 0.850987px -2.87677px 0px, rgb(51, 51, 51) 1.74541px -2.43999px 0px, rgb(51, 51, 51) 2.44769px -1.73459px 0px, rgb(51, 51, 51) 2.88051px -0.838247px 0px;
}
main .work03 .prices .hour {
  text-align: center;
  align-content: center;
  border-left: 1px solid #000;
}
main .work03 .contents {
  width: max(min(80.3125vw, 1542px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  -moz-column-gap: 1.3618677043%;
       column-gap: 1.3618677043%;
}
main .work03 .contents .item {
  width: 32.4254215305%;
  border: 1px solid #333;
  border-radius: min(1.0416666667vw, 20px);
}
main .work03 .contents .item .top {
  border-bottom: 1px solid #333;
  -moz-column-gap: 4.016064257%;
       column-gap: 4.016064257%;
}
main .work03 .contents .item .top .icon {
  width: 16.0642570281%;
}
main .work03 .contents .item .top .tx .title {
  text-align: center;
}
main .work03 .contents .item .top .tx .price {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .work03 .contents .item .text {
  max-width: min(380px, 100% - 20px);
  margin-left: auto;
  margin-right: auto;
}
main .work03 .bottom {
  width: max(min(75.4166666667vw, 1448px), min(100% - 20px, 600px));
}
main .work03 .bottom .left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .work03 .bottom .left .eg {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .work03 .bottom .left .heading {
  min-height: min(2.6041666667vw, 50px);
}
main .work03 .bottom .left .heading .tx::before {
  width: calc(100% - min(2.6041666667vw, 50px));
}
main .work03 .bottom .content {
  width: 72.5138121547%;
  margin-left: auto;
}
main .work03 .bottom .content ul li {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  border-radius: min(0.2604166667vw, 5px);
  -moz-column-gap: 1.9047619048%;
       column-gap: 1.9047619048%;
}
main .work03 .bottom .content ul li::before {
  content: "";
  width: 2.0952380952%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ffdd3c;
  border: 1px solid #333;
  margin-left: 4%;
}
main .work04 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .work04 .head .eg {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .work04 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
}
main .work04 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .work04 .head .heading::before, main .work04 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .work04 .head .heading::before {
  left: 0;
}
main .work04 .head .heading::after {
  right: 0;
}
main .work04 .contents {
  width: max(min(74.3229166667vw, 1427px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  gap: max(min(1.9791666667vw, 38px), 20px) 1.8920812894%;
}
main .work04 .contents .item {
  width: 49.0539593553%;
  border: 1px solid #333;
  border-radius: min(0.5208333333vw, 10px);
}
main .work04 .contents .item .top {
  max-width: min(100% - 20px, 600px);
  margin-left: auto;
  margin-right: auto;
  border-bottom: 4px solid #ffeb8c;
  -moz-column-gap: 3.3333333333%;
       column-gap: 3.3333333333%;
}
main .work04 .contents .item .top .icon {
  width: 11.6666666667%;
}
main .work04 .contents .item .top .icon img {
  width: 100%;
}
main .work04 .contents .item .text {
  max-width: min(100% - 40px, 480px);
  margin: 0 auto;
}
main .work05 {
  background: url(../img/recruit-work/story-bg.webp) no-repeat center/cover;
}
main .work05 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .work05 .head .crice {
  width: min(12.34375vw, 237px);
  /* text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
  width: min(vwCalc(580,1920),580px);
  height: min(vwCalc(80,1920),80px);
  position: relative;
  overflow: hidden;
  svg{
    width: min(vwCalc(948.12,1920),948.12px);
    height: min(vwCalc(869.96,1920),869.96px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text {
      font-size: calc(60/869.96*100px);
      fill: #ffeb8c;
      textpath{
        letter-spacing: calc(6/60*1em);
      }
    }
    path {
      fill: none;
      stroke: none; 
    }
  } */
}
main .work05 .head .heading {
  position: relative;
  min-height: min(3.6458333333vw, 70px);
  align-content: center;
  z-index: 1;
}
main .work05 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.6458333333vw, 70px));
  background: url(../img/recruit-common/pagetitle-shape.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .work05 .head .heading::before, main .work05 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
}
main .work05 .head .heading::before {
  left: 0;
}
main .work05 .head .heading::after {
  right: 0;
}
main .work05 .work05_inner {
  width: max(min(66.6666666667vw, 1280px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
}
main .work05 .work05_inner .title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px, 2px 2px 0 #333;
  -moz-column-gap: 2.34375%;
       column-gap: 2.34375%;
}
main .work05 .work05_inner .title::before, main .work05 .work05_inner .title::after {
  content: "";
  width: max(9.375%, 10px);
  border-bottom: 2px solid #fff;
}
main .work05 .work05_inner .item {
  position: relative;
  border-radius: min(1.5625vw, 30px);
  z-index: 1;
}
main .work05 .work05_inner .item .shape {
  position: absolute;
  left: 48%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 6.365625%;
  aspect-ratio: 108/124;
  background: url(../img/recruit-work/story-shape.webp);
  -webkit-mask: url(../img/recruit-work/story-shape.webp) no-repeat center/cover;
          mask: url(../img/recruit-work/story-shape.webp) no-repeat center/cover;
  -webkit-background-clip: text;
          background-clip: text;
  z-index: -1;
}
main .work05 .work05_inner .item .shape::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .work05 .work05_inner .item.bg_white .shape::before {
  background-color: #fff;
}
main .work05 .work05_inner .item .top,
main .work05 .work05_inner .item .block {
  width: min(100% - 20px, 1000px);
  margin-left: auto;
  margin-right: auto;
}
main .work05 .work05_inner .item .top .icon {
  width: 14%;
}
main .work05 .work05_inner .item .top .icon img {
  width: 100%;
}
main .work05 .work05_inner .item .block .tx {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px, 1px 1px 0 #333;
  border-top-left-radius: min(0.5208333333vw, 10px);
  border-top-right-radius: min(0.5208333333vw, 10px);
  text-align: center;
}
main .work05 .work05_inner .item .block .text {
  width: min(100% - 20px, 920px);
  margin-left: auto;
  margin-right: auto;
}
main {
  /*----------------------------------------------------------------

  数字で見るソニック

  ----------------------------------------------------------------*/
}
main .number01 {
  position: relative;
}
main .number01::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - max(min(2.6041666667vw, 50px), 20px));
  background-color: #fffce2;
  z-index: -1;
}
main .number01 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .number01 .head .crice {
  width: min(11.1458333333vw, 214px);
  /* text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
  width: min(vwCalc(580,1920),580px);
  height: min(vwCalc(80,1920),80px);
  position: relative;
  overflow: hidden;
  svg{
    width: min(vwCalc(948.12,1920),948.12px);
    height: min(vwCalc(869.96,1920),869.96px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text {
      font-size: calc(60/869.96*100px);
      fill: #ffeb8c;
      textpath{
        letter-spacing: calc(6/60*1em);
      }
    }
    path {
      fill: none;
      stroke: none; 
    }
  } */
}
main .number01 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
  z-index: 1;
}
main .number01 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .number01 .head .heading::before, main .number01 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .number01 .head .heading::before {
  left: 0;
}
main .number01 .head .heading::after {
  right: 0;
}
main .number01 .contents {
  width: max(min(68.75vw, 1320px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  gap: min(2.2395833333vw, 43px) 2.2727272727%;
}
main .number01 .contents .item {
  width: 31.8181818182%;
  border: 1px solid #ffdd3c;
  border-radius: min(1.0416666667vw, 20px);
  overflow: hidden;
}
main .number01 .contents .item .title {
  text-align: center;
}
main .number01 .contents .item .icon {
  margin-left: auto;
  margin-right: auto;
}
main .number01 .contents .item .icon:not([w]) {
  width: 71.7703349282%;
}
main .number01 .contents .item .icon[w="135"] {
  width: 32.2966507177%;
}
main .number01 .contents .item .icon img {
  width: 100%;
}
main .number01 .contents .item .text {
  text-align: center;
}
main .number01 .contents .item .text span.color_ffeb8c {
  text-shadow: rgb(51, 51, 51) 3px 0px 0px, rgb(51, 51, 51) 2.83487px 0.981584px 0px, rgb(51, 51, 51) 2.35766px 1.85511px 0px, rgb(51, 51, 51) 1.62091px 2.52441px 0px, rgb(51, 51, 51) 0.705713px 2.91581px 0px, rgb(51, 51, 51) -0.287171px 2.98622px 0px, rgb(51, 51, 51) -1.24844px 2.72789px 0px, rgb(51, 51, 51) -2.07227px 2.16926px 0px, rgb(51, 51, 51) -2.66798px 1.37182px 0px, rgb(51, 51, 51) -2.96998px 0.42336px 0px, rgb(51, 51, 51) -2.94502px -0.571704px 0px, rgb(51, 51, 51) -2.59586px -1.50383px 0px, rgb(51, 51, 51) -1.96093px -2.27041px 0px, rgb(51, 51, 51) -1.11013px -2.78704px 0px, rgb(51, 51, 51) -0.137119px -2.99686px 0px, rgb(51, 51, 51) 0.850987px -2.87677px 0px, rgb(51, 51, 51) 1.74541px -2.43999px 0px, rgb(51, 51, 51) 2.44769px -1.73459px 0px, rgb(51, 51, 51) 2.88051px -0.838247px 0px;
}
main .number02 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .number02 .head .crice {
  width: min(10.9375vw, 210px);
  /* text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
  width: min(vwCalc(580,1920),580px);
  height: min(vwCalc(80,1920),80px);
  position: relative;
  overflow: hidden;
  svg{
    width: min(vwCalc(948.12,1920),948.12px);
    height: min(vwCalc(869.96,1920),869.96px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text {
      font-size: calc(60/869.96*100px);
      fill: #ffeb8c;
      textpath{
        letter-spacing: calc(6/60*1em);
      }
    }
    path {
      fill: none;
      stroke: none; 
    }
  } */
}
main .number02 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
  z-index: 1;
}
main .number02 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .number02 .head .heading::before, main .number02 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .number02 .head .heading::before {
  left: 0;
}
main .number02 .head .heading::after {
  right: 0;
}
main .number02 .contents {
  width: max(min(68.75vw, 1320px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  gap: min(2.2395833333vw, 43px) 2.2727272727%;
}
main .number02 .contents .item {
  width: 31.8181818182%;
  border: 1px solid #ffdd3c;
  border-radius: min(1.0416666667vw, 20px);
  overflow: hidden;
}
main .number02 .contents .item .title {
  text-align: center;
}
main .number02 .contents .item .icon img {
  width: 100%;
}
main .number02 .contents .item:not(:has(.block)) .icon {
  width: 71.7703349282%;
  margin-left: auto;
  margin-right: auto;
}
main .number02 .contents .item .block {
  -moz-column-gap: 5.7416267943%;
       column-gap: 5.7416267943%;
}
main .number02 .contents .item .block .icon {
  width: 23.9234449761%;
}
main .number02 .contents .item .block .txbox {
  min-width: min(46.6507177033%, 195px);
}
main .number02 .contents .item .block .txbox .top {
  text-align: center;
}
main .number02 .contents .item .text {
  text-align: center;
}
main .number02 .contents .item .text span.color_ffeb8c {
  text-shadow: rgb(51, 51, 51) 3px 0px 0px, rgb(51, 51, 51) 2.83487px 0.981584px 0px, rgb(51, 51, 51) 2.35766px 1.85511px 0px, rgb(51, 51, 51) 1.62091px 2.52441px 0px, rgb(51, 51, 51) 0.705713px 2.91581px 0px, rgb(51, 51, 51) -0.287171px 2.98622px 0px, rgb(51, 51, 51) -1.24844px 2.72789px 0px, rgb(51, 51, 51) -2.07227px 2.16926px 0px, rgb(51, 51, 51) -2.66798px 1.37182px 0px, rgb(51, 51, 51) -2.96998px 0.42336px 0px, rgb(51, 51, 51) -2.94502px -0.571704px 0px, rgb(51, 51, 51) -2.59586px -1.50383px 0px, rgb(51, 51, 51) -1.96093px -2.27041px 0px, rgb(51, 51, 51) -1.11013px -2.78704px 0px, rgb(51, 51, 51) -0.137119px -2.99686px 0px, rgb(51, 51, 51) 0.850987px -2.87677px 0px, rgb(51, 51, 51) 1.74541px -2.43999px 0px, rgb(51, 51, 51) 2.44769px -1.73459px 0px, rgb(51, 51, 51) 2.88051px -0.838247px 0px;
}
main .number02 .contents .item .text .box:nth-child(even) {
  border-left: 2px solid #333;
  margin-left: 3.5885167464%;
  padding-left: 4.7846889952%;
}
main .number03 {
  position: relative;
}
main .number03::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - max(min(2.6041666667vw, 50px), 20px));
  background-color: #fffce2;
  z-index: -1;
}
main .number03 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .number03 .head .crice {
  width: min(18.1770833333vw, 349px);
  /* text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
  width: min(vwCalc(580,1920),580px);
  height: min(vwCalc(80,1920),80px);
  position: relative;
  overflow: hidden;
  svg{
    width: min(vwCalc(948.12,1920),948.12px);
    height: min(vwCalc(869.96,1920),869.96px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text {
      font-size: calc(60/869.96*100px);
      fill: #ffeb8c;
      textpath{
        letter-spacing: calc(6/60*1em);
      }
    }
    path {
      fill: none;
      stroke: none; 
    }
  } */
}
main .number03 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
  z-index: 1;
}
main .number03 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .number03 .head .heading::before, main .number03 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .number03 .head .heading::before {
  left: 0;
}
main .number03 .head .heading::after {
  right: 0;
}
main .number03 .contents {
  width: max(min(68.75vw, 1320px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  gap: min(2.2395833333vw, 43px) 2.2727272727%;
}
main .number03 .contents .item {
  width: 31.8181818182%;
  border: 1px solid #ffdd3c;
  border-radius: min(1.0416666667vw, 20px);
  overflow: hidden;
}
main .number03 .contents .item .title {
  text-align: center;
}
main .number03 .contents .item .icon {
  margin-left: auto;
  margin-right: auto;
  width: 71.7703349282%;
}
main .number03 .contents .item .icon img {
  width: 100%;
}
main .number03 .contents .item .text {
  text-align: center;
}
main .number03 .contents .item .text span.color_ffeb8c {
  text-shadow: rgb(51, 51, 51) 3px 0px 0px, rgb(51, 51, 51) 2.83487px 0.981584px 0px, rgb(51, 51, 51) 2.35766px 1.85511px 0px, rgb(51, 51, 51) 1.62091px 2.52441px 0px, rgb(51, 51, 51) 0.705713px 2.91581px 0px, rgb(51, 51, 51) -0.287171px 2.98622px 0px, rgb(51, 51, 51) -1.24844px 2.72789px 0px, rgb(51, 51, 51) -2.07227px 2.16926px 0px, rgb(51, 51, 51) -2.66798px 1.37182px 0px, rgb(51, 51, 51) -2.96998px 0.42336px 0px, rgb(51, 51, 51) -2.94502px -0.571704px 0px, rgb(51, 51, 51) -2.59586px -1.50383px 0px, rgb(51, 51, 51) -1.96093px -2.27041px 0px, rgb(51, 51, 51) -1.11013px -2.78704px 0px, rgb(51, 51, 51) -0.137119px -2.99686px 0px, rgb(51, 51, 51) 0.850987px -2.87677px 0px, rgb(51, 51, 51) 1.74541px -2.43999px 0px, rgb(51, 51, 51) 2.44769px -1.73459px 0px, rgb(51, 51, 51) 2.88051px -0.838247px 0px;
}
main {
  /*----------------------------------------------------------------

  研修について

  ----------------------------------------------------------------*/
}
main .training01 {
  position: relative;
}
main .training01::before, main .training01::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
main .training01::before {
  height: 100%;
  background: url(../img/recruit-training/training1-bg.webp) repeat;
}
main .training01::after {
  height: 147px;
  background: url(../img/recruit-training/training-bgshape.webp) repeat-x left center/auto 100%;
  transform: translateY(-65.9863945578%);
}
main .training01 .training01_inner {
  -moz-column-gap: min(4.4270833333%, 85px);
       column-gap: min(4.4270833333%, 85px);
}
main .training01 .training01_inner .image {
  width: min(44.2708333333%, 850px);
}
main .training01 .training01_inner .image img {
  width: 100%;
}
main .training01 .training01_inner .txbox {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
}
main .training01 .training01_inner .txbox .heading {
  position: relative;
  min-height: min(6.7135416667vw, 128.9px);
  align-content: center;
}
main .training01 .training01_inner .txbox .heading .tx {
  display: block;
}
main .training01 .training01_inner .txbox .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(6.7135416667vw, 128.9px));
  background: url(../img/recruit-common/pagetitle-shape.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .training01 .training01_inner .txbox .heading::before, main .training01 .training01_inner .txbox .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
}
main .training01 .training01_inner .txbox .heading::before {
  left: 0;
}
main .training01 .training01_inner .txbox .heading::after {
  right: 0;
}
main .training01 .training01_inner .txbox .catch {
  width: 100%;
  border-bottom: 1px solid #333;
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px, 0 4px 0 #333;
}
main .training01 .training01_inner .txbox .text {
  max-width: 643px;
}
main .training02 {
  overflow-y: clip;
}
main .training02 .training02_inner {
  display: flex;
  align-items: start;
  -moz-column-gap: 7.1354166667%;
       column-gap: 7.1354166667%;
  position: relative;
}
main .training02 .training02_inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: min(6.5104166667vw, 125px);
  width: 36.3541666667%;
  aspect-ratio: 1047/3587;
  background: url(../img/recruit-training/training2.webp) no-repeat center/cover;
  z-index: -1;
}
main .training02 .training02_inner .left {
  position: sticky;
  top: 100px;
  width: 36.3541666667%;
  container-type: inline-size;
  z-index: 1;
  /* &::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1047/3587;
    background: url(../img/recruit-training/training2.webp)no-repeat center/cover;
  } */
}
main .training02 .training02_inner .left .head {
  position: relative;
  -moz-column-gap: 3.5816618911cqw;
       column-gap: 3.5816618911cqw;
  height: max(24.3553008596cqw, 100px);
}
main .training02 .training02_inner .left .head::before, main .training02 .training02_inner .left .head::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: min(1.0416666667vw, 20px);
}
main .training02 .training02_inner .left .head::before {
  width: 100%;
  height: 100%;
  border: 2px solid #ff3838;
  box-shadow: 0 7px 0 #ff4a4a;
  z-index: -1;
}
main .training02 .training02_inner .left .head::after {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #fff;
}
main .training02 .training02_inner .left .head .shape {
  position: absolute;
  width: max(17.6217765043cqw, 60px);
  aspect-ratio: 123/80;
  right: 0;
  top: 50%;
  transform: translate(26.8292682927%, -50%);
  z-index: -1;
  overflow: clip;
}
main .training02 .training02_inner .left .head .shape::before, main .training02 .training02_inner .left .head .shape::after {
  content: "";
  position: absolute;
  aspect-ratio: 123/250;
  left: -5px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transform: translatey(-50%);
}
main .training02 .training02_inner .left .head .shape::before {
  width: 105.6910569106%;
  top: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .training02 .training02_inner .left .head .shape::after {
  width: 100%;
  top: calc(50% - 3px);
  background-color: #fff;
}
main .training02 .training02_inner .left .head > * {
  position: relative;
  z-index: 1;
}
main .training02 .training02_inner .left .head .heading .tx {
  position: relative;
}
main .training02 .training02_inner .left .head .heading .tx::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: max(min(0.8854166667vw, 17px), 10px);
  background-color: #ffeb8c;
  z-index: -1;
}
main .training02 .training02_inner .left .head .icon {
  width: 20.0573065903cqw;
}
main .training02 .training02_inner .left .head .icon img {
  width: 100%;
}
main .training02 .training02_inner .right {
  flex: 1;
  container-type: inline-size;
}
main .training02 .training02_inner .right .item {
  border: 1px solid #333;
  border-top-left-radius: min(1.0416666667vw, 20px);
  border-bottom-left-radius: min(1.0416666667vw, 20px);
  position: relative;
}
main .training02 .training02_inner .right .item .step {
  position: absolute;
  left: -86.9791666667%;
  text-shadow: rgb(255, 135, 137) 1px 0px 0px, rgb(255, 135, 137) 0.540302px 0.841471px 0px, rgb(255, 135, 137) -0.416147px 0.909297px 0px, rgb(255, 135, 137) -0.989992px 0.14112px 0px, rgb(255, 135, 137) -0.653644px -0.756802px 0px, rgb(255, 135, 137) 0.283662px -0.958924px 0px, rgb(255, 135, 137) 0.96017px -0.279415px 0px;
}
main .training02 .training02_inner .right .item .head {
  -moz-column-gap: 2.0833333333cqw;
       column-gap: 2.0833333333cqw;
}
main .training02 .training02_inner .right .item .head .icon {
  width: 11.4583333333cqw;
}
main .training02 .training02_inner .right .item .head .icon img {
  width: 100%;
}
main .training02 .training02_inner .right .item .head .title .num {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .training02 .training02_inner .right .item .text {
  max-width: min(581px, 100% - 10px);
}
main .training02 .training02_inner .right .item .image {
  width: 77.0833333333cqw;
}
main .training02 .training02_inner .right .item .image img {
  width: 100%;
}
main .training02 .training02_inner .right .item:first-child .step {
  top: 50%;
  transform: translateY(-50%);
}
main .training03 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: min(0.5208333333vw, 10px);
}
main .training03 .head::before {
  content: "";
  width: 4.1666666667%;
  aspect-ratio: 80/30;
  background: url(../img/recruit-training/heading-icon.webp) no-repeat center/cover;
}
main .training03 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
  z-index: 1;
}
main .training03 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .training03 .head .heading::before, main .training03 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .training03 .head .heading::before {
  left: 0;
}
main .training03 .head .heading::after {
  right: 0;
}
main .training03 .text {
  max-width: 612px;
  margin-left: auto;
  margin-right: auto;
}
main .training03 .contents {
  width: max(min(63.1770833333vw, 1213px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
}
main .training03 .contents .item {
  border: 1px solid #333;
  border-radius: min(1.0416666667vw, 20px);
  container-type: inline-size;
}
main .training03 .contents .item .left {
  width: 47.5639966969%;
  -moz-column-gap: 2.0644095789cqw;
       column-gap: 2.0644095789cqw;
}
main .training03 .contents .item .left .icon {
  width: 4.9545829893cqw;
}
main .training03 .contents .item .left .icon img {
  width: 100%;
}
main .training03 .contents .item .right {
  flex: 1;
  border-left: 1px solid #333;
}
main .training03 .contents .item .right .tx {
  max-width: min(495px, 100% - 20px);
  margin: 0 auto;
}
main .training04 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .training04 .head .eg {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .training04 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
}
main .training04 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .training04 .head .heading::before, main .training04 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .training04 .head .heading::before {
  left: 0;
}
main .training04 .head .heading::after {
  right: 0;
}
main .training04 .catch {
  text-align: center;
}
main .training04 .contents {
  width: max(min(66.0416666667vw, 1268px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  gap: min(1.5625vw, 30px) 3.1545741325%;
}
main .training04 .contents .item {
  width: 48.4227129338%;
  border-radius: min(1.0416666667vw, 20px);
  border: 1px solid #333;
  -moz-column-gap: 7.6797385621%;
       column-gap: 7.6797385621%;
}
main .training04 .contents .item .icon {
  width: 17.9738562092%;
}
main .training04 .contents .item .icon img {
  width: 100%;
}
main .training04 .contents .item .txbox {
  width: 61.1111111111%;
}
main .training04 .contents .item .txbox .title {
  border-bottom: 3px solid #ff8789;
}
main .training04 .topbtn.skillbtn a {
  min-width: max(min(25.2083333333vw, 484px), min(100% - 20px, 300px));
}
main .training05 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .training05 .head .eg {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .training05 .head .heading {
  position: relative;
  min-height: min(3.125vw, 60px);
  align-content: center;
  z-index: 1;
}
main .training05 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.125vw, 60px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .training05 .head .heading::before, main .training05 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .training05 .head .heading::before {
  left: 0;
}
main .training05 .head .heading::after {
  right: 0;
}
main .training05 .catch {
  text-align: center;
}
main .training05 .contents {
  width: max(min(68.75vw, 1320px), min(100% - 20px, 600px));
  margin-left: auto;
  margin-right: auto;
  gap: min(1.8229166667vw, 35px) 3.0303030303%;
}
main .training05 .contents .item {
  width: 48.4848484848%;
  border: 1px solid #333;
  border-radius: min(1.0416666667vw, 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  container-type: inline-size;
}
main .training05 .contents .item .num {
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
  text-shadow: rgb(51, 51, 51) 1px 0px 0px, rgb(51, 51, 51) 0.540302px 0.841471px 0px, rgb(51, 51, 51) -0.416147px 0.909297px 0px, rgb(51, 51, 51) -0.989992px 0.14112px 0px, rgb(51, 51, 51) -0.653644px -0.756802px 0px, rgb(51, 51, 51) 0.283662px -0.958924px 0px, rgb(51, 51, 51) 0.96017px -0.279415px 0px;
  aspect-ratio: 2/1;
}
main .training05 .contents .item .num::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: url(../img/recruit-training/heading-bg.webp) no-repeat center/cover;
  z-index: -1;
}
main .training05 .contents .item .title {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 3.1347962382cqw;
       column-gap: 3.1347962382cqw;
}
main .training05 .contents .item .title::before {
  content: "Q";
  font-family: "Alan Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: max(min(2.5vw, 48px), 24px);
  color: #ff3838;
  text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
}
main .training05 .contents .item .text {
  display: flex;
  align-items: start;
  border: 1px solid #333;
  -moz-column-gap: 2.8213166144cqw;
       column-gap: 2.8213166144cqw;
  border-radius: 10px;
}
main .training05 .contents .item .text::before {
  content: "A";
  font-family: "Alan Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: max(min(2.0833333333vw, 40px), 20px);
  color: #fff;
  transform: translateY(-15.625%);
  text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
}
main {
  /*----------------------------------------------------------------

  募集要項

  ----------------------------------------------------------------*/
}
main .entry01 .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .entry01 .head .eg {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .entry01 .head .heading {
  position: relative;
  min-height: min(3.2208333333vw, 61.84px);
  align-content: center;
  margin-bottom: calc(min(3.2208333333vw, 61.84px) / 2 * -1);
  z-index: 1;
}
main .entry01 .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.2208333333vw, 61.84px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .entry01 .head .heading::before, main .entry01 .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .entry01 .head .heading::before {
  left: 0;
}
main .entry01 .head .heading::after {
  right: 0;
}
main .entry01 .entry01_inner {
  border: 1px solid #333;
  border-radius: 20px;
}
main .entry01 .entry01_inner .data {
  padding-left: max(15.71875%, 10px);
  padding-right: max(15.71875%, 10px);
}
main .entry01 .entry01_inner .data table {
  width: 100%;
}
main .entry01 .entry01_inner .data table th,
main .entry01 .entry01_inner .data table td {
  border-bottom: 1px solid #ffdd3c;
  vertical-align: top;
}
main .entry01 .entry01_inner .data table th {
  white-space: nowrap;
}
main .entry02 .entry02_inner {
  background: url(../img/recruit-entry/company-bg.webp) repeat;
}
main .entry02 .entry02_inner .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .entry02 .entry02_inner .head .eg {
  text-shadow: rgb(51, 51, 51) 2px 0px 0px, rgb(51, 51, 51) 1.75517px 0.958851px 0px, rgb(51, 51, 51) 1.0806px 1.68294px 0px, rgb(51, 51, 51) 0.141474px 1.99499px 0px, rgb(51, 51, 51) -0.832294px 1.81859px 0px, rgb(51, 51, 51) -1.60229px 1.19694px 0px, rgb(51, 51, 51) -1.97998px 0.28224px 0px, rgb(51, 51, 51) -1.87291px -0.701566px 0px, rgb(51, 51, 51) -1.30729px -1.5136px 0px, rgb(51, 51, 51) -0.421592px -1.95506px 0px, rgb(51, 51, 51) 0.567324px -1.91785px 0px, rgb(51, 51, 51) 1.41734px -1.41108px 0px, rgb(51, 51, 51) 1.92034px -0.558831px 0px;
}
main .entry02 .entry02_inner .head .heading {
  position: relative;
  min-height: min(3.2208333333vw, 61.84px);
  align-content: center;
  z-index: 1;
}
main .entry02 .entry02_inner .head .heading .tx::before {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  width: calc(100% - min(3.2208333333vw, 61.84px));
  background: url(../img/recruit-common/heading-bg.webp) repeat-x left center/auto 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .entry02 .entry02_inner .head .heading::before, main .entry02 .entry02_inner .head .heading::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ff3838;
  z-index: -1;
}
main .entry02 .entry02_inner .head .heading::before {
  left: 0;
}
main .entry02 .entry02_inner .head .heading::after {
  right: 0;
}
main .entry02 .entry02_inner .entry02_contents {
  max-width: 1600px;
}
main .entry02 .entry02_inner .entry02_contents .image {
  width: 40%;
  border: 1px solid #333;
  border-radius: 20px;
  overflow: hidden;
}
main .entry02 .entry02_inner .entry02_contents .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main .entry02 .entry02_inner .entry02_contents .txbox {
  border: 1px solid #333;
  border-radius: 20px;
  flex: 1;
  margin-left: -1px;
}
main .entry02 .entry02_inner .entry02_contents .txbox .data {
  padding-left: max(7.1503131524% + 10px, 10px);
  padding-right: max(7.1503131524% - 10px, 10px);
}
main .entry02 .entry02_inner .entry02_contents .txbox .data table {
  width: 100%;
}
main .entry02 .entry02_inner .entry02_contents .txbox .data table th,
main .entry02 .entry02_inner .entry02_contents .txbox .data table td {
  border-bottom: 1px solid #ff8789;
  vertical-align: top;
}
main .entry02 .entry02_inner .entry02_contents .txbox .data table th {
  white-space: nowrap;
}