/*base +++*/ :root {
  --fnt-base: "Zen Kaku Gothic New", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; /*400-500-700-900*/
  --fnt-rcb: "Radio Canada Big", sans-serif;
  --clr-org: #F87E1B;
  --clr-blue: #005EAD;
  --clr-pale-org: #F49000;
  --rad_wid: min(100px, 12vw) min(100px, 12vw) 0 0;
  --sdw-org: min(20px, 3vw) min(20px, 3vw) 0 var(--clr-org);
  --sdw-org_min: min(15px, 1.25vw) min(15px, 1.25vw) 0 var(--clr-org);
  --sdw-org_min_l: max(-15px, -1.25vw) min(15px, 1.25vw) 0 var(--clr-org);
  --wall-org: #FFBE78;
  --wall-pale-org: #FFDFBD;
  --wall-wblue: #94D9EA;
  --wall--pale-blue: #DBF2F5;
  --wall_crm: #FFF8E5;
  --easing: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  --transit: .4s var(--easing);
}
body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-wrap: anywhere;
  width: 100%;
  overflow-x: hidden;
  font-family: var(--fnt-base);
  font-weight: 400;
  font-size: min(18px, 3.7vw);
  transition: opacity var(--transit);
  color: #000;
}
body.is-load {
  opacity: 1;
}
/*Container +++++++++++++++++++++++++++++++++++++++++++++++++++*/
#container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}
a.cvr {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.fl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.fl_c {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
#fix-button {
  position: fixed;
  right: 0;
  top: min(180px,20vw);
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr;
  gap: min(17px, 3vw);
}
#fix-button a {
  background: var(--clr-org);
  text-align: center;
  font-weight: 700;
  line-height: calc(28/22);
  color: #fff;
  padding: min(10px, 3vw) min(15px, 3vw);
  font-size: min(15px, calc(100vw/25));
  border-radius: 6px 0 0 6px;
  transition: background var(--transit);
  
}
.js-fadeup {
  opacity: 0;
  translate: 0 min(30px, 8vw);
  transition: all .7s 0.1s var(--easing);
}
.js-fadeup.delay {
  transition-delay: .5s;
}
.js-fadeup.is-show {
  opacity: 1;
  translate: 0 0;
}
/*header ++++++++++++*+++++*+++++*+++++*+++++*+++++*++++++++++*+++++*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
}
header::after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, var(--clr-pale-org) 50%, var(--clr-blue)50%);
  transition:all .3s var(--easing);
}
.header-inner {
  padding: min(18px, 4vw) min(50px, 4vw);
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  gap: min(20px, 4vw);
}
.h-logo {
  width: min(300px, 22vw);
  transition:all .3s var(--easing);
}
.g-nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: min(1.5em, 2.5vw);
}
.g-nav a {
  font-size: clamp(1rem, 0.5rem + 1vw, 1.25rem); /*800-1200-16-20*/
  color: var(--clr-blue);
  font-weight: 700;
  transition:color var(--transit);
}
@media(hover){
  .g-nav a:hover{
    color: color-mix(in srgb,#fff 40%,var(--clr-blue));
  }
}
/*humhum*/
#hum-button {
  width: min(30px, 7vw);
  aspect-ratio: 1/0.8333;
  display: none;
  color:var(--clr-org);
  transition:color .3s var(--easing);
  cursor: pointer;
}
#hum-button button {
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition:all var(--transit);
}
#hum-button button::before, #hum-button button::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition:all var(--transit);
}
#hum-button button::before {
  top: 0;
}
#hum-button button::after {
  bottom: 0;
}
#l-nav{
  position: fixed;
  z-index: 99;
  width: 100vw;
  height: 100dvh;
  right: 0;
  top: 0;
  background: var(--clr-blue);
  color: #fff;
  translate:100% 0;
  transition:translate var(--transit);
  overflow-y: scroll;
}
.l-nav_inner{
  padding: min(80px,15vw) min(30px,4vw);
  min-height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  gap:min(75px,12vw);
}
.l-nav_inner a{
  display: grid;
  place-items: center;
  font-size: min(32px, 6.5vw);
  font-weight: 700;
  line-height: 1.4;
}
/*main ++++++++++++*+++++*+++++*+++++*+++++*+++++*++++++++++*+++++*/
main {
  flex: 1;
}
/*hero ++++++++*/
#hero {
  padding-top: min(70px, 10vw);
  padding-bottom: min(70px, 10vw);
  background: linear-gradient(90deg, var(--clr-pale-org) 50%, var(--clr-blue)50%);
}
.hero_inner {
  width: 100%;
  max-height: 850px;
  aspect-ratio: 1/0.5955;
  background: url("../img/hero.png") no-repeat center bottom/cover;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding-top: min(40px, 5vw);
}
.hero-title {
  width: min(780px, 85vw);
  background: rgba(255, 255, 255, .8);
  padding: min(60px, 7vw) min(20px, 4vw) min(40px, 5vw);
  border-radius: 0 16px 16px 0;
  display: grid;
  place-items: center;
  font-weight: 700;
  gap: min(30px, 4vw);
}
.hero-title .main {
  font-size: min(50px, calc(100vw/15));
  line-height: calc(70/50);
}
.hero-title .main span {
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.3em;
}
.hero-title .sub {
  background: var(--clr-blue);
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: min(24px, calc(100vw/25));
  border-radius: 100vmax;
  padding: 5px 1.5em 7px;
}
/*content +++++++++++++++++++++++++++++++++++*/
#content {
  padding-top: min(100px, 7.5vw);
}
.inner {
  width: min(1300px, 100%);
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  margin-left: auto;
  margin-right: auto;
}
.in-text {
  line-height: calc(34/18);
}
.sec-title {
  font-size: min(65px, calc(100vw/14));
  font-weight: 700;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.sec-title .main {
  padding-left: min(3.15em, 22vw);
}
.sec-title .main span {
  display: block;
  padding-bottom: 10px;
  border-bottom: min(7px, 1.25vw) solid var(--clr-blue);
  letter-spacing: .05em;
}
.sec-title .main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/pic/truck.svg") no-repeat top left/cover;
  aspect-ratio: 1/0.6048;
  width: min(2.8em, 20vw);
}
/*メッセージ++++++++++++*/
.sec-message-blc {
  padding-top: min(100px, 7.5vw);
  padding-bottom: min(120px, 20vw);
}
.sec-message-box {
  margin-top: min(150px, 15vw);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:min(60px,5vw);
}
.sec-message-box .thumb {
  display: grid;
  grid-template-columns: min(510px, calc(100% - min(20px, 3vw)));
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.sec-message-box .thumb figure {
  overflow: hidden;
  isolation: isolate;
  border-radius: 8px;
  box-shadow: var(--sdw-org);
}
.sec-message-box .comment p {
  font-weight: 700;
  line-height: calc(37/18);
  font-size: min(17px,4.5vw);
}
/*works ++++++++++++++++++*/
.sec-works-blc {
  background: var(--wall-org);
  border-radius: var(--rad_wid);
  padding-top: min(200px, 20vw);
  padding-bottom: min(250px, 20vw);
}
.works-text {
  font-size: min(32px, calc(100vw/24));
  line-height: calc(40/32);
  font-weight: 700;
  word-break: keep-all;
  text-align: center;
  -webkit-text-stroke: 2px var(--wall-org);
  text-stroke: 2px var(--wall-org);
  paint-order: stroke;
}
.works__intro .sec-title {
  z-index: 1;
}
.works__intro .works-text {
  margin-top: min(170px, 8vw);
  z-index: 1;
}
.works__intro .pic-area {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(1300px, 95vw);
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
  translate: -50% -50%;
}
.works__intro .pic-area .pic-box {
  width: min(200px, 24vw);
}
.works__intro .pic-area .pic-track {
  width: min(287px, 40vw);
}
.works-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(50px, 12vw) min(50px, 5vw);
  margin-top: min(160px, 3vw);
}
.works-list > li {
  background: var(--wall_crm);
  border-radius: min(15px, 3vw);
  box-shadow: var(--sdw-org_min);
  display: grid;
  grid-template-rows: subgrid;
  gap: min(20px, 3vw);
  grid-area: span 4;
  padding: min(50px, 12vw) min(40px, 4vw) min(25px, 4vw);
}
.works-list .thumb {
  display: grid;
  place-content: center;
}
.works-list .thumb figure {
  height: min(155px, 25vw);
}
.works-list .thumb figure > * {
  object-fit: contain;
  height: 100%;
  object-position: center;
}
.works-list .in-title {
  font-weight: 700;
  font-size: min(33px, calc(100vw/20));
  text-align: center;
}
.works-list .comment {
  padding-top: min(15px, 3vw);
  border-top: 4px solid var(--clr-org);
  font-weight: 500;
}
.works-list .tag {
  color: var(--clr-org);
  text-align: right;
  font-weight: 500;
}
.works__flow {
  margin-top: min(180px, 20vw);
}
.works-text.hash {
  padding-bottom: min(130px, 15vw);
}
.works-text.hash, .hash-text {
  line-height: calc(78/33);
  display: grid;
  justify-content: center;
}
.works-text.hash {
  --hash-clr: #FFF9D8;
}
.hash-text {
  --hash-clr: var(--clr-org);
  font-size: min(32px, calc(100vw/28));
  font-weight: 700;
  text-align: center;
}
.works-text.hash span, .hash-text span {
  padding-left: min(1.5em, 4vw);
  padding-right: min(1.5em, 4vw);
}
.works-text.hash span::before, .works-text.hash span::after, .hash-text span::before, .hash-text span::after {
  content: "";
  position: absolute;
  background: var(--hash-clr);
  width: min(7px, 1.25vw);
  height: min(120%, 25vw);
  border-radius: 4px;
  top: .5em;
}
.hash-text span::before, .hash-text span::after {
  height: 100%;
}
.works-text.hash span::before, .hash-text span::before {
  left: 0;
  rotate: -20deg;
  translate: 100% 0;
}
.works-text.hash span::after, .hash-text span::after {
  right: 0;
  rotate: 20deg;
}
.flow-list_wrap {
  background: var(--wall-beg);
  padding: min(30px, 8vw) min(30px, 4vw) min(50px, 12vw);
}
.works-flow-item {
  width: min(1130px, calc(100% - min(100px, 8vw)));
  background: var(--wall_crm);
  border-top-right-radius: min(100px, 12vw);
  padding: min(60px, 12vw) min(30px, 4vw);
  display: grid;
  grid-template-columns: min(860px, 100%);
  justify-content: center;
  gap: min(100px, 15vw);
  box-shadow: var(--sdw-org_min);
}
.works-flow-item .in-title {
  font-size: min(36px, calc(100vw/20));
  font-weight: 700;
  text-align: center;
}
.works-flow-item .in-title span{
  display: inline-block;
}
.flow-list > li {
  display: grid;
  grid-template-columns: min(300px, 35%) auto;
  gap: min(40px, 10vw) min(65px, 5vw);
}
.flow-list > li:nth-child(n+2) {
  margin-top: min(100px, 12vw);
}
.flow-list .thumb figure {
  border-radius: 6px;
  overflow: hidden;
  isolation: isolate;
}
.flow-list dt {
  display: flex;
  gap: min(40px, 10vw);
  font-weight: 700;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 2px solid var(--clr-org);
  padding-bottom: 1em;
}
.flow-list dt .time {
  color: var(--clr-org);
  border: 2px solid currentColor;
  border-radius: 100vmax;
  padding: 0 .5em 3px;
  line-height: 1;
}
.flow-list dt h4 {
  font-size: min(24px, 6vw);
}
.flow-list dd {
  padding-top: 1em;
  line-height: calc(28/18);
  font-weight: 500;
}
.works-flow-item .pic-area {
  position: absolute;
  width: min(1300px, calc(100vw - min(100px, 8vw)));
  pointer-events: none;
  left: 0;
  display: flex;
  justify-content: space-between;
}
.pos-pic {
  position: absolute;
}
.works-flow-item .pic-area figure {}
.works-flow-item .pic-tl {
  left: 0;
  bottom: max(-100px, -10vw);
  width: min(220px, 20vw);
  translate: 0 100%;
}
.works-flow-item .pic-arw_w {
  right: 0;
  bottom: 0;
  width: min(258px, 10vw);
  translate: 50% 25%;
}
.works-point {
  background: var(--wall-pale-org);
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap: min(30px, 8vw);
  padding-bottom: min(50px, 8vw);
}
.works-point .pt-title {
  width: 5.4em;
  background: var(--clr-org);
  color: #fff;
  font-size: min(40px, calc(100vw/18));
  font-weight: 500;
  height: 1.35em;
  display: grid;
  place-content: center;
  line-height: 1;
  margin-right: auto;
}
.works-point .pt-title span {
  padding-left: .55em;
  padding-right: .55em;
  translate: 0 -6%;
}
.works-point .pt-title span::before, .works-point .pt-title span::after {
  content: "";
  width: min(10px, 1.5vw);
  aspect-ratio: 1;
  position: absolute;
  border-radius: 100vw;
  top: 50%;
  background: #fff;
  translate: 0 -30%;
}
.works-point .pt-title span::before {
  left: 0;
}
.works-point .pt-title span::after {
  right: 0;
}
.works-point .point-list {
  padding-left: min(40px, 4vw);
  padding-right: min(40px, 4vw);
  font-weight: 500;
}
.point-list {
  counter-reset: number 0;
}
.point-list > li {
  padding-left: 2.5em;
  line-height: calc(25/20);
  font-size: min(20px, 4vw);
}
.point-list > li:nth-child(n+2) {
  margin-top: min(20px, 4vw);
}
.point-list > li::before {
  counter-increment: number 1;
  content: counter(number);
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5em;
  aspect-ratio: 1;
  background: var(--wall_crm);
  color: var(--clr-org);
  display: grid;
  place-content: center;
  box-shadow: 2px 2px 0 var(--clr-org);
}
.works-flow-item.right {
  margin-top: min(250px, 45vw);
  margin-left: auto;
  border-top-right-radius: 0;
  border-top-left-radius: min(100px, 12vw);
  box-shadow: var(--sdw-org_min_l);
}
.works-flow-item .pic-arw_bl {
  left: max(-80px, -8vw);
  bottom: 0;
  width: min(98px, 7vw);
  translate: max(-100%, -5vw) 0;
}
.works-flow-item .pic-arw_bd {
  right: 0;
  bottom: max(-110px, -10vw);
  width: min(285px, 32vw);
  translate: -15% 80%;
}
/*feature ++++++++++++++++*/
.sec-feature-blc {
  background: var(--wall-org);
  padding-top: min(200px, 15vw);
  padding-bottom: min(200px, 15vw);
}
.sec-feature-blc::before {
  content: "";
  width: 100%;
  left: 0;
  height: 100%;
  background: var(--wall--pale-blue);
  border-radius: var(--rad_wid);
  position: absolute;
  top: 0;
}
.feature-title .sec-title{
  z-index: 1;
}
.feature-title .pic-sign {
  width: min(95px,8vw);
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
.feature-title .pic-box {
  width: min(200px, 20vw);
  right: 0;
  bottom: 0;
  translate: 0 50%;
}
.sec-feature__wrap {
  margin-top: min(160px, 40vw);
}
.sec-feature__wrap > .feature-item:nth-child(n+2) {
  margin-top: min(120px, 12vw);
}
.feature-item {
  display: grid;
  grid-template-columns: min(420px, 35%) auto;
  gap: min(50px, 8vw) min(90px, 5vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.feature-item .thumb {
  border-radius: 6px;
  overflow: hidden;
  isolation: isolate;
}
.feature-item .comment {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap: min(30px, 8vw);
}
.feature-item .in-title {
  background: #fff;
  border: 3px solid var(--clr-blue);
  font-size: min(26px, calc(100vw/18));
  padding: 5px 1em 8px;
  line-height: calc(30/26);
  font-weight: 700;
  border-top-right-radius: 8px;
  overflow: hidden;
  isolation: isolate;
}
.feature-item .in-text {
  font-size: min(19px, 3.7vw);
}
.feature-item .work-hours {
  grid-column: 1 / 3;
  background: #94D9EA;
  padding: min(80px, 10vw) min(30px, 4vw);
  border-radius: 8px;
  display: grid;
  grid-template-columns: min(360px, calc((100% - min(60px, 5vw))/2)) min(360px, calc((100% - min(60px, 5vw))/2));
  justify-content: center;
  gap: min(60px, 5vw);
}
.feature-item .work-hours > div {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.feature-item .work-hours dt {
  background: var(--clr-blue);
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: min(26px, 4vw);
}
.feature-item .work-hours dd {
  aspect-ratio: 1/0.6845;
  display: grid;
  place-content: center;
  font-weight: 700;
  font-size: min(35px, calc(100vw/20));
}
.feature-item .work-hours dd p {
  translate: 0 -10%;
}
.feature-item .work-hours dd span {
  font-size: min(175px, calc(100vw/6));
  color: var(--clr-blue);
}
/*voice ++++++++++++++++++*/
.sec-voice-blc {
  background: #FFEDDA;
  background-image: linear-gradient(to right, var(--clr-org) min(80px, 8vw), transparent min(80px, 8vw)), linear-gradient(to right, var(--clr-org) min(80px, 8vw), transparent min(80px, 8vw));
  background-size: min(160px, 16vw) min(28px, 3vw);
  background-position: left bottom, left top;
  background-repeat: repeat-x;
  padding: min(220px, 20vw) min(50px, 4vw) min(100px, 12vw);
}
.sec-voice-blc .hash-text {
  margin-top: min(100px, 15vw);
}
.voice-slide-wrap {
  margin-top: min(130px, 15vw);
}
#voice-slide {
  width: min(852px, 100%);
  margin-left: auto;
  margin-right: auto;
}
#voice-slide .swiper-slide {
  height: auto;
}
.voice-slide-item {
  background: var(--wall_crm);
  border-radius: min(16px, 3vw);
  border: 2px solid var(--clr-org);
  padding: min(20px, 4vw) min(20px, 3vw);
  font-size: min(16px, 3.6vw);
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.voice-slide-item .voice-title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  color: var(--clr-org);
  gap: 10px;
  border-bottom: 2px solid currentColor;
  padding-bottom: 10px;
}
.voice-title .num {
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  width: 1.8em;
  aspect-ratio: 1/0.8636;
  background: var(--clr-org);
  color: #fff;
  display: grid;
  place-content: center;
  font-size: min(26px, 5vw);
}
.voice-title h3 {
  line-height: calc(21/16);
  font-weight: 500;
  font-size: min(16px,4.2vw);
}
.voice-slide-item .data {
  color: var(--clr-org);
  font-size: min(13px, 2.8vw);
  margin-top: auto;
  font-weight: 500;
}
.voice-navigation{
  margin-top: min(50px,12vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  gap:min(70px,15vw);
}
.voice-navigation button{
  width: min(40px,15vw);
  aspect-ratio:1;
  background: var(--clr-org);
  border-radius: 100vmax;
  display: grid;
  place-content:center;
}
.voice-navigation button::after{
  content: "";
  width: 100%;
  aspect-ratio:1;
  border: 2px solid;
  border-color: #fff #fff transparent transparent;
  rotate:45deg;
  translate:-25% 0;
  border-radius: 2px;
}
.voice-navigation button.voice-prev-button::after{
  scale:-1 -1;
  translate:0% 0;
}
/*search +++++++++++++++++*/
.sec-search-blc {
  padding-top: min(200px, 15vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap: min(140px, 15vw);
}
.sec-search-blc::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  background: var(--wall--pale-blue);
}
.sec-search-blc .box-title {
  font-size: min(48px, calc(100vw/18));
  text-align: center;
  font-weight: 700;
}
.sec-search_area {
  width: min(948px, 100%);
}
.pic-town {
  width: min(1123px, 100%);
}
.sec-search_job {
  width: min(920px, 100%);
}
.search_area-list, .search_job-list {
  margin-top: min(90px, 10vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.search_area-list {
  gap: min(50px, 10vw) min(50px, 5vw);
}
.search_area-list > div a {
  display: block;
  background: var(--clr-org);
  color: #fff;
  border-radius: 8px;
  padding: min(30px, 6vw) min(30px, 6vw) min(40px, 10vw);
  transition: opacity var(--transit);
  height: 100%;
}
.search_area-list dt {
  font-size: min(24px, 6vw);
  font-weight: 700;
}
.search_area-list dd {
  font-size: min(16px, 3.6vw);
  line-height: calc(32/16);
  letter-spacing: .05em;
  margin-top: 1em;
}
.search_job-list {
  gap: min(50px, 10vw) min(70px, 5vw);
}
.search_job-list li a {
  min-height: min(85px, 17vw);
  background: var(--clr-org);
  color: #fff;
  display: grid;
  place-content: center;
  border-radius: 100vmax;
  font-size: min(30px, 6vw);
  font-weight: 700;
  transition: opacity var(--transit);
}
@media(hover) {
  .search_area-list > div a:hover, .search_job-list li a:hover {
    opacity: .7;
    
  }
  #fix-button a:hover{
    background-color: color-mix(in srgb,#fff 25%, var(--clr-org));
  }
}
/*footer ++++++++++++*+++++*+++++*+++++*+++++*+++++*++++++++++*+++++*/
footer {
  background: var(--clr-blue);
  padding-top: min(78px, 10vw);
  padding-bottom: min(78px, 10vw);
  color: #fff;
}
.footer-nav {
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  display: flex;
  justify-content: center;
  font-weight: 700;
  gap: min(20px,5vw) 1em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
p.copy {
  text-align: center;
  padding-top: min(20px, 6vw);
  font-family: var(--fnt-rcb);
  font-weight: 400;
  font-size: min(16px, 3vw);
}


@media(max-width:800px) {
  .h-logo{
    width: min(185px,45vw);
  }
  .g-nav{
    display: none;
  }
  #hum-button {
    display: grid;
    grid-template-columns: 1fr;
    place-content:center;
  }
  #l-nav.is-view{
    translate:0 0;
  }
  header.nav-open{
    background: none;
  }
  header.nav-open .h-logo
  ,header.nav-open::after{
    opacity: 0;
  }
  #hum-button.open{
   color: #fff;
  }
  #hum-button.open button{
    rotate:45deg;
  }
  #hum-button.open button::before
  ,#hum-button.open button::after{
    rotate:90deg;
  }
  #fix-button{
    top: auto;
    bottom: 0;
    translate: 0 0;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    gap:min(6px,1.25vw);
    background: #FFDEC3;
    padding-bottom: env(safe-area-inset-bottom);
  }
  #fix-button a{
    border-radius: 0;
    
  }
  #fix-button.is-fit{
    position: absolute;
    padding-bottom:0;
  }
  
  /*hero*/
  #hero{
  }
  .hero_inner{
    aspect-ratio:1;
    max-height: inherit;
  }
  
  /*works +++*/
  .works__intro .pic-area{
    position: relative;
    width: 100%;
    translate:0 0;
    left: auto;
    top: auto;
    margin-top: min(15px,3vw);
  }
  /*feature +++++*/
  .feature-title{
    padding-bottom: min(150px,30vw);
  }
  .sec-feature__wrap{
    margin-top: min(30px,8vw);
  }
  .feature-title .pic-sign{
    top: 100%;
    translate: 0 -100%;
  }
  .feature-title .pic-box{
    translate: 0 0;
  }
  /*search ++++++*/
  .sec-search-blc{
    padding-bottom: calc(100vw*0.0789);
  }
  .hash-text span::before{
    translate: -100% 0;
  }
  .hash-text span::after{
    translate: 100% 0;
  }
  .search_job-list{
    grid-template-columns: 1fr;
  }
  .search_job-list .js-fadeup.delay{
    transition-delay: .1s;
  }
}
@media(max-width:600px) {
  .js-fadeup.delay{
    transition-delay:.2s;
  }
  .hero_inner{
    aspect-ratio:1/1.6402;
    background-image: url("../img/hero_sp.png");
    padding-top: 0;
  }
  .hero-title{
    width: 100%;
    border-radius: 0;
  }
  .hero-title .main{
    font-size: min(50px, calc(100vw/10));
  }
  /*message +++++*/
  .sec-message-box{
    grid-template-columns: 1fr;
    gap:min(50px,12vw);
  }
  /*works ++++++*/
  .works-list
  ,.flow-list > li{
    grid-template-columns: 1fr;
  }
  .works-text{
    line-height: calc(20/13);
  }
  .works-flow-item{
    width: calc(100% - min(15px,1.25vw));
  }
  .works-flow-item.right{
    z-index: 1;
  }
  .works-flow-item .pic-tl{
     bottom: max(-100px,-15vw);
  }
  .works-flow-item .pic-arw_w{
    bottom: max(-40px,-8vw);
    translate: 0 100%;
  }
  .sec-works-blc{
    padding-bottom: min(180px,38vw);
  }
  .works-flow-item .pic-arw_bl{
    left: 0;
    bottom: max(-20px,-5vw);
    translate:0 100%;
  }
  /*feature +++++*/
  .feature-item{
    grid-template-columns: 1fr;
  }
  .feature-item .work-hours{
    grid-column:auto;
  }
  .feature-item .comment{
    -ms-align-items: center;
    align-items: center;
  }
  .sec-search-blc{
    padding-bottom: calc(100vw*0.1106);
  }
}
@media(max-width:480px) {
  .works-text.hash span::after, .hash-text span::after{
    rotate: 15deg;
  }
  .works-text.hash span::before, .hash-text span::before{
    rotate: -10deg;
    translate: 0 0;
  }
  .works-flow-item .in-title{
    font-size: min(36px, calc(100vw/15));
    line-height: calc(32/24);
  }
  .flow-list dt .time{
    font-size: min(20px,6vw);
  }
  .feature-item .in-title{
    width: 100%;
    text-align: center;
  }
  .feature-item .work-hours{
    grid-template-columns: 1fr;
  }
  .feature-item .work-hours dt{
    font-size: min(20px, 6vw);
  }
  .feature-item .work-hours dd{
    font-size: min(40px,calc(100vw/15));
  }
  .feature-item .work-hours dd span{
    font-size: min(135px, calc(100vw/3));
  }
  .search_area-list{
    grid-template-columns: 1fr;
  }
  .sec-search-blc{
    padding-bottom: calc(100vw*0.1551);
  }
  .footer-nav{
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
  }
}