@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 10px;
  font-weight: 400;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
  font-size: 10px;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

html {
  font-family: "Noto Sans JP", sans-serif;
  overflow-x: hidden;
  font-size: 0.8333333333vw !important;
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 10px !important;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 2.6666666667vw !important;
  }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width: 480px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
body {
  max-width: 1980px;
  min-width: auto;
  margin: 0 auto;
  font-size: 1.6rem;
}

.Inner {
  max-width: 1200px;
  min-width: auto;
  margin: 0 auto;
  padding: 0 4rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
@media screen and (max-width: 480px) {
  .Inner {
    padding: 0 2rem;
  }
}

.Fixed__top {
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  width: 100%;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Fixed__top__btn {
  width: 50%;
  display: block;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
.Fixed__top__btn--01 {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC)) border-box;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #A9E1A5, #8BE6DC) border-box;
  border: 0.6rem solid transparent;
}
.Fixed__top__btn--01 span {
  font-size: 1.3rem;
  color: #333;
  font-weight: 500;
}
.Fixed__top__btn--02 {
  background: -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC));
  background: linear-gradient(to right, #A9E1A5, #8BE6DC);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.Fixed__top__btn--02 .min {
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  font-weight: bold;
  line-height: 1.3rem;
  margin-bottom: 0.5rem;
}
.Fixed__top__btn--02 .big {
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  font-weight: bold;
  line-height: 1.8rem;
}
.Fixed__top__btn--03 {
  background-color: #07B53B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Fixed__top__btn--03 .big {
  font-size: 1.8rem;
  font-weight: 500;
  color: #333;
  font-weight: bold;
  color: #fff;
}
.Fixed__top__btn--04 {
  background: -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC));
  background: linear-gradient(to right, #A9E1A5, #8BE6DC);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Fixed__top__btn--04 .min {
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  font-weight: bold;
  line-height: 1.3rem;
  margin-bottom: 0.5rem;
}
.Fixed__top__btn--04 .big {
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  font-weight: bold;
  line-height: 1.8rem;
}

body {
  scroll-margin-top: 10rem;
}

#main_content {
  padding: 5rem 0;
}

.l-mainContent__inner {
  padding: 0 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a:hover {
  opacity: 0.7;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.Btn--border {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC)) border-box;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #A9E1A5, #8BE6DC) border-box;
  border: 0.3rem solid transparent;
  border-radius: 3.9rem;
  height: 7.2rem;
  text-decoration: none;
  display: block;
  padding: 0 4rem;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  text-align: center;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
@media screen and (max-width: 480px) {
  .Btn--border {
    border: 0.19rem solid transparent;
    border-radius: 2.5rem;
    height: 4.61rem;
    padding: 0 2.56rem;
    -webkit-box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
  }
}
.Btn--border span {
  font-size: 2rem;
  color: #333333;
  font-weight: bold;
  line-height: 7.2rem;
  line-height: 6.6rem;
}
@media screen and (max-width: 480px) {
  .Btn--border span {
    font-size: 1.28rem;
    line-height: 4.61rem;
  }
}
.Btn--border:hover {
  opacity: 0.6;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.Btn--bg {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC));
  background: linear-gradient(to right, #A9E1A5, #8BE6DC);
  border-radius: 3.9rem;
  height: 7.2rem;
  text-decoration: none;
  padding: 0 4rem;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 480px) {
  .Btn--bg {
    border-radius: 2.5rem;
    height: 4.61rem;
    padding: 0 2.56rem;
    -webkit-box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
  }
}
.Btn--bg .min {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 480px) {
  .Btn--bg .min {
    font-size: 0.77rem;
    margin-bottom: 0.32rem;
  }
}
.Btn--bg .big {
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 480px) {
  .Btn--bg .big {
    font-size: 1.41rem;
  }
}

.Btn--allow {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC)) border-box;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #A9E1A5, #8BE6DC) border-box;
  border: 0.3rem solid transparent;
  border-radius: 3.9rem;
  height: 7.2rem;
  text-decoration: none;
  padding: 0 8rem 0 4rem;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  max-width: 44rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
@media screen and (max-width: 480px) {
  .Btn--allow {
    border: 0.19rem solid transparent;
    border-radius: 2.5rem;
    height: 4.61rem;
    padding: 0 5.12rem 0 2.56rem;
    -webkit-box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
    max-width: 28.16rem;
  }
}
.Btn--allow::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.6rem;
  height: 2.6rem;
  background: url(../images/recruit/allow_icon.webp) no-repeat center/contain;
}
@media screen and (max-width: 480px) {
  .Btn--allow::before {
    right: 1.92rem;
    width: 1.66rem;
    height: 1.66rem;
  }
}
.Btn--allow span {
  font-size: 2.2rem;
  color: #333333;
  font-weight: bold;
  line-height: 6.6rem;
}
@media screen and (max-width: 480px) {
  .Btn--allow span {
    font-size: 1.41rem;
    line-height: 4.22rem;
  }
}
.Btn--allow:hover {
  opacity: 0.6;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.Btn__green {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, right top, from(#6CF2D9), to(#68E3E5)) border-box;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #6CF2D9, #68E3E5) border-box;
  border: 0.3rem solid transparent;
  border-radius: 3.9rem;
  height: 7.2rem;
  text-decoration: none;
  padding: 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  max-width: 44rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
@media screen and (max-width: 480px) {
  .Btn__green {
    border: 0.19rem solid transparent;
    border-radius: 2.5rem;
    height: 4.61rem;
    padding: 0 2.56rem;
    max-width: 28.16rem;
    -webkit-box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
  }
}
.Btn__green::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.6rem;
  height: 2.6rem;
  background: url(../images/recruit/allow_green.webp) no-repeat center/contain;
}
@media screen and (max-width: 480px) {
  .Btn__green::before {
    right: 1.92rem;
    width: 1.66rem;
    height: 1.66rem;
  }
}
.Btn__green span {
  font-size: 1.8rem;
  color: #333;
  letter-spacing: 0.06em;
  font-weight: bold;
  line-height: 2.3rem;
}
@media screen and (max-width: 480px) {
  .Btn__green span {
    font-size: 1.15rem;
    letter-spacing: 0.04rem;
    line-height: 1.47rem;
  }
}
.Btn__green:hover {
  opacity: 0.6;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.Btn__black {
  position: relative;
  background-color: #333333;
  border-radius: 3.9rem;
  height: 7.2rem;
  text-decoration: none;
  padding: 0 4rem;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 26rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
@media screen and (max-width: 480px) {
  .Btn__black {
    border-radius: 2.5rem;
    height: 4.61rem;
    padding: 0 2.56rem;
    -webkit-box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
    max-width: 16.64rem;
  }
}
.Btn__black::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 4.6rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.6rem;
  height: 2.6rem;
  background: url(../images/recruit/allow_white.webp) no-repeat center/contain;
}
@media screen and (max-width: 480px) {
  .Btn__black::before {
    right: 2.94rem;
    width: 1.66rem;
    height: 1.66rem;
  }
}
.Btn__black span {
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: 0.06em;
  font-weight: bold;
  padding-right: 4.8rem;
}
@media screen and (max-width: 480px) {
  .Btn__black span {
    font-size: 1.15rem;
    letter-spacing: 0.04rem;
    padding-right: 3.07rem;
  }
}
.Btn__black:hover {
  opacity: 0.6;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.Btn--min {
  background: -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC));
  background: linear-gradient(to right, #A9E1A5, #8BE6DC);
  text-decoration: none;
  padding: 0 1rem;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  border-radius: 2rem;
  height: 3.2rem;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 480px) {
  .Btn--min {
    padding: 0 0.64rem;
    -webkit-box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
    border-radius: 1.28rem;
    height: 2.05rem;
  }
}
.Btn--min span {
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 3.2rem;
}
@media screen and (max-width: 480px) {
  .Btn--min span {
    font-size: 1.02rem;
    line-height: 2.05rem;
  }
}

.Btn__line {
  position: relative;
  background-color: #07B53B;
  border-radius: 3.9rem;
  height: 7.2rem;
  text-decoration: none;
  padding: 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  max-width: 44rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.25);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
@media screen and (max-width: 480px) {
  .Btn__line {
    border-radius: 2.5rem;
    height: 4.61rem;
    padding: 0 2.56rem;
    max-width: 28.16rem;
    -webkit-box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.25);
  }
}
.Btn__line::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.6rem;
  height: 2.6rem;
  background: url(../images/recruit/allow_white.webp) no-repeat center/contain;
}
@media screen and (max-width: 480px) {
  .Btn__line::before {
    right: 1.92rem;
    width: 1.66rem;
    height: 1.66rem;
  }
}
.Btn__line span {
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: 0.06em;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .Btn__line span {
    font-size: 1.15rem;
    letter-spacing: 0.04rem;
  }
}
.Btn__line:hover {
  opacity: 0.6;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.Btn--bg--recruit {
  background: -webkit-gradient(linear, left top, right top, from(#6CF2D9), to(#68E3E5));
  background: linear-gradient(to right, #6CF2D9, #68E3E5);
  max-width: 31rem;
  width: 100%;
  padding: 0 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .Btn--bg--recruit {
    max-width: 19.84rem;
    padding: 0 1.92rem;
  }
}

.Btn--border--recruit {
  max-width: 31rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .Btn--border--recruit {
    max-width: 19.84rem;
    padding: 0 1.92rem;
  }
}
.Btn--border--recruit .min {
  font-size: 1.2rem;
  font-weight: 500;
  color: #333;
  letter-spacing: 0.06em;
  line-height: 1.4rem;
}
@media screen and (max-width: 480px) {
  .Btn--border--recruit .min {
    font-size: 0.77rem;
    letter-spacing: 0.04rem;
    line-height: 0.9rem;
  }
}
.Btn--border--recruit .big {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #333;
  line-height: 2.4rem;
}
@media screen and (max-width: 480px) {
  .Btn--border--recruit .big {
    font-size: 1.28rem;
    letter-spacing: 0.04rem;
    line-height: 1.54rem;
  }
}

/*========= ナビゲーションのためのCSS ===============*/
#g-nav {
  /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
  position: fixed;
  z-index: -1;
  opacity: 0; /*はじめは透過0*/
  /*ナビの位置と形状*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /*ナビの高さ*/
  background: #999; /* 背景色 */
  /*動き*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive {
  opacity: 1;
  z-index: 999;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list {
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh; /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
  display: none;
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 999;
  top: 50%; /* menuの範囲 */
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#g-nav.panelactive ul {
  display: block;
}

/*リストのレイアウト設定*/
#g-nav li {
  list-style: none;
  text-align: center;
}

#g-nav li a {
  color: #333;
  text-decoration: none;
  padding: 10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
}

/*========= ボタンのためのCSS ===============*/
.openbtn {
  position: fixed;
  z-index: 9999; /*ボタンを最前面に*/
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: red;
}

/*×に変化*/
.openbtn span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 14px; /*  線の位置*/
  height: 3px; /*  線の太さ*/
  border-radius: 2px;
  background-color: #666; /* ボタンの色*/
  width: 45%; /*  ボタンに対する線の長さ*/
}

.openbtn span:nth-of-type(1) {
  top: 15px;
}

.openbtn span:nth-of-type(2) {
  top: 23px;
}

.openbtn span:nth-of-type(3) {
  top: 31px;
}

.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

/*-----スライダーのためのcss------*/
.slider {
  position: relative;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  padding: 0;
}

.slider-item {
  width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
  /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  background-repeat: no-repeat; /*背景画像をリピートしない*/
  background-position: center; /*背景画像の位置を中央に*/
  background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute; /*絶対配置にする*/
  z-index: 3;
  top: 50%; /*矢印の位置*/
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid red; /*矢印の色*/
  border-right: 2px solid red; /*矢印の色*/
  height: 25px;
  width: 25px;
}

.slick-prev { /*戻る矢印の位置と形状*/
  left: 2.5%;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.slick-next { /*次へ矢印の位置と形状*/
  right: 2.5%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
.slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -50px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px; /*ドットボタンのサイズ*/
  height: 8px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ccc; /*ドットボタンの色*/
}

.slick-dots .slick-active button {
  background: #333; /*ドットボタンの現在地表示の色*/
}

.Title {
  text-align: center;
}
.Title__en {
  font-family: "Jost", sans-serif;
  font-size: 12rem;
  color: #fff;
  text-align: center;
  margin-bottom: -5rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 480px) {
  .Title__en {
    font-size: 7rem;
    margin-bottom: -4.2rem;
    letter-spacing: 0.04rem;
  }
}
.Title__ja {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #333333;
  line-height: 1.3;
}
@media screen and (max-width: 480px) {
  .Title__ja {
    font-size: 2rem;
    letter-spacing: 0.04rem;
  }
}

.Header__blank {
  height: 14.4rem;
}
@media screen and (max-width: 480px) {
  .Header__blank {
    height: 6rem;
  }
}

.Header {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.Header__container {
  padding: 2rem 0;
}
@media screen and (max-width: 480px) {
  .Header__container {
    padding: 1rem 0;
  }
}
.Header__container__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .Header__container__head {
    margin-bottom: 0;
  }
}
.Header__container__head__logo {
  width: 37.7rem;
}
@media screen and (max-width: 480px) {
  .Header__container__head__logo {
    width: 19.6rem;
  }
}
.Header__container__head__logo h1 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333333;
}
@media screen and (max-width: 480px) {
  .Header__container__head__logo h1 {
    display: none;
  }
}
.Header__container__head__logo img {
  width: 100%;
}
.Header__container__head__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 68rem;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .Header__container__head__btn {
    display: none;
  }
}
.Header__container__head__btn .Btn--border {
  margin-right: 3rem;
}
@media screen and (max-width: 480px) {
  .Header__container__food {
    display: none;
  }
}
.Header__container__food__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 82.4rem;
  margin: 0 auto;
}
.Header__container__food__wrap li {
  list-style: none;
}
.Header__container__food__wrap li a {
  color: #333;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.04rem;
  text-decoration: none;
}
.Header__container__food__wrap li a:hover {
  opacity: 0.6;
}
.Header__hamburger {
  display: none;
}
@media screen and (max-width: 480px) {
  .Header__hamburger {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3rem;
    height: 2rem;
    cursor: pointer;
    z-index: 1001;
  }
}
@media screen and (max-width: 480px) {
  .Header__hamburger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 0.2rem;
    background-color: #333;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 0.5rem;
  }
  .Header__hamburger span:nth-child(1) {
    top: 0;
  }
  .Header__hamburger span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .Header__hamburger span:nth-child(3) {
    bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .Header__hamburger.is-active span:nth-child(1) {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  .Header__hamburger.is-active span:nth-child(2) {
    opacity: 0;
  }
  .Header__hamburger.is-active span:nth-child(3) {
    bottom: 50%;
    -webkit-transform: translateY(50%) rotate(-45deg);
            transform: translateY(50%) rotate(-45deg);
  }
}
.Header__sp-menu {
  display: none;
}
@media screen and (max-width: 480px) {
  .Header__sp-menu {
    display: block;
    position: fixed;
    top: 5rem;
    left: 0;
    width: 100%;
    height: calc(130vh - 8rem);
    background-color: #fff;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
}
@media screen and (max-width: 480px) {
  .Header__sp-menu.is-open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (max-width: 480px) {
  .Header__sp-menu__nav {
    padding: 3.2rem 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .Header__sp-menu__nav ul li {
    list-style: none;
    border-bottom: 0.1rem solid #eee;
  }
  .Header__sp-menu__nav ul li:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 480px) {
  .Header__sp-menu__nav ul li a {
    display: block;
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.04rem;
    text-decoration: none;
    padding: 1.92rem 0;
  }
  .Header__sp-menu__nav ul li a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 480px) {
  .Header__sp-menu__btn {
    padding: 0 1.6rem 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .Header__sp-menu__btn .Btn--border,
  .Header__sp-menu__btn .Btn--bg {
    margin-bottom: 1.6rem;
    max-width: 100%;
  }
}

.Fv {
  background: url(../images/recruit/fv_bg.webp) no-repeat center/cover;
  width: 100vw;
  height: 46.145833vw;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .Fv {
    background: url(../images/recruit/fv_bg_sp.webp) no-repeat top/contain;
    height: 50.5rem;
  }
}
.Fv__container {
  padding: 6.7708333333vw 0 4.0104166667vw 0;
  max-width: 85.625vw;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .Fv__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 4rem 1rem 0 1rem;
    max-width: 100%;
    position: relative;
    z-index: 3;
  }
}
.Fv__container__content {
  max-width: 34.1666666667vw;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .Fv__container__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
  }
}
.Fv__container__content__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 3.9583333333vw;
}
@media screen and (max-width: 480px) {
  .Fv__container__content__title {
    margin-bottom: 3rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.Fv__container__content__title .min {
  font-size: 2.0833333333vw;
  font-weight: bold;
  letter-spacing: 0.04rem;
  color: #fff;
  line-height: 1.3;
}
@media screen and (max-width: 480px) {
  .Fv__container__content__title .min {
    font-size: 1.4rem;
  }
}
.Fv__container__content__title .big {
  font-size: 4.4791666667vw;
  font-weight: bold;
  letter-spacing: 0.04rem;
  color: #fff;
  line-height: 1.3;
}
@media screen and (max-width: 480px) {
  .Fv__container__content__title .big {
    font-size: 2.4rem;
  }
}
.Fv__container__content__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3.0729166667vw;
}
@media screen and (max-width: 480px) {
  .Fv__container__content__wrap {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.Fv__container__content__wrap__box {
  width: 10.4166666667vw;
  height: 10.4166666667vw;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0.2083333333vw 0 rgba(0, 0, 0, 0.25), 0 0.2083333333vw 0.2083333333vw rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 0.2083333333vw 0 rgba(0, 0, 0, 0.25), 0 0.2083333333vw 0.2083333333vw rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.Fv__container__content__wrap__box::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC));
  background: linear-gradient(to right, #A9E1A5, #8BE6DC);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  display: none;
}
@media screen and (max-width: 480px) {
  .Fv__container__content__wrap__box::before {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .Fv__container__content__wrap__box {
    position: relative;
    background-color: #fff;
    width: 31.333%;
    height: auto;
    padding: 1rem 0;
    border-radius: 1rem;
    overflow: hidden;
  }
}
.Fv__container__content__wrap__box p {
  font-size: 0.9375vw;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #7CB478;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 480px) {
  .Fv__container__content__wrap__box p {
    font-size: 1rem;
  }
}
.Fv__container__content__wrap__box p span {
  font-size: 1.1458333333vw;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #7CB478;
  line-height: 1.3;
}
@media screen and (max-width: 480px) {
  .Fv__container__content__wrap__box p span {
    font-size: 1.4rem;
  }
}
.Fv__container__content .Btn--bg {
  width: 18.916667vw;
  width: 31.916667vw;
}
@media screen and (max-width: 480px) {
  .Fv__container__content .Btn--bg {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
    max-width: 18rem;
    margin: 0 auto;
    margin-bottom: 3rem;
  }
}
.Fv__container__people {
  width: 58%;
  position: relative;
}
@media screen and (max-width: 480px) {
  .Fv__container__people {
    width: 70%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: 19.8rem;
    margin-left: auto;
    margin-bottom: 0.5rem;
  }
}
.Fv__container__people__img {
  width: 100%;
  position: absolute;
  bottom: -3.90625vw;
  right: -8rem;
  opacity: 0;
  -webkit-animation: fadeInOut 10s ease-in-out infinite;
          animation: fadeInOut 10s ease-in-out infinite;
}
@media (max-width: 1920px) {
  .Fv__container__people__img {
    bottom: -6.8rem;
  }
}
@media (max-width: 1820px) {
  .Fv__container__people__img {
    bottom: -6.1rem;
  }
}
@media (max-width: 1720px) {
  .Fv__container__people__img {
    bottom: -5.6rem;
  }
}
@media (max-width: 1620px) {
  .Fv__container__people__img {
    bottom: -4.7rem;
  }
}
@media (max-width: 1520px) {
  .Fv__container__people__img {
    bottom: -3.9rem;
  }
}
@media (max-width: 1420px) {
  .Fv__container__people__img {
    bottom: -3.1rem;
  }
}
@media (max-width: 1320px) {
  .Fv__container__people__img {
    bottom: -2.3rem;
  }
}
@media (max-width: 1220px) {
  .Fv__container__people__img {
    bottom: -1.5rem;
  }
}
@media (max-width: 1200px) {
  .Fv__container__people__img {
    bottom: -1.3rem;
  }
}
@media screen and (max-width: 480px) {
  .Fv__container__people__img {
    top: 0;
    left: 0;
    top: -1.2rem;
    left: -1.3rem;
  }
}
.Fv__container__people__img img {
  width: 100%;
  display: block;
}
.Fv__container__people__img__01 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.Fv__container__people__img__02 {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.Recruit .Fv {
  background: url(../images/top/fv_bg.webp) no-repeat center/cover;
}
@media screen and (max-width: 480px) {
  .Recruit .Fv {
    background: url(../images/top/fv_bg_sp.webp) no-repeat top/contain;
  }
}
.Recruit .Fv .Btn--bg {
  background: -webkit-gradient(linear, left top, right top, from(#6CF2D9), to(#68E3E5));
  background: linear-gradient(to right, #6CF2D9, #68E3E5);
}
.Recruit .Fv .Fv__container__content__wrap__box p,
.Recruit .Fv .Fv__container__content__wrap__box p span {
  color: #34B1B3;
}

.Top .Fv__container__people__img {
  bottom: -6.875vw;
}
@media (max-width: 1920px) {
  .Top .Fv__container__people__img {
    bottom: -12.2rem;
  }
}
@media (max-width: 1820px) {
  .Top .Fv__container__people__img {
    bottom: -11.2rem;
  }
}
@media (max-width: 1720px) {
  .Top .Fv__container__people__img {
    bottom: -10.2rem;
  }
}
@media (max-width: 1620px) {
  .Top .Fv__container__people__img {
    bottom: -9.1rem;
  }
}
@media (max-width: 1520px) {
  .Top .Fv__container__people__img {
    bottom: -8.2rem;
  }
}
@media (max-width: 1420px) {
  .Top .Fv__container__people__img {
    bottom: -7rem;
  }
}
@media (max-width: 1320px) {
  .Top .Fv__container__people__img {
    bottom: -6.3rem;
  }
}
@media (max-width: 1220px) {
  .Top .Fv__container__people__img {
    bottom: -5.2rem;
  }
}
@media (max-width: 1200px) {
  .Top .Fv__container__people__img {
    bottom: -4.2rem;
  }
}
@media screen and (max-width: 480px) {
  .Top .Fv__container__people__img {
    top: 0.5rem;
    left: -1.3rem;
  }
}

.About {
  padding-bottom: 9rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .About {
    padding-bottom: 3.76rem;
  }
}
.About::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0px;
  width: 44.520833vw;
  height: 100%;
  background: url(../images/recruit/about_left.webp) no-repeat center top/contain;
  z-index: -1;
}
@media screen and (max-width: 480px) {
  .About::before {
    width: 99vw;
    background: url(../images/about_bg_sp.webp) no-repeat center top/contain;
    z-index: 0;
    top: -12rem;
  }
}
.About::after {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 0px;
  width: 22.16875vw;
  height: 100%;
  background: url(../images/recruit/about_right.webp) no-repeat center top/contain;
  z-index: -1;
}
@media screen and (max-width: 480px) {
  .About::after {
    width: 30vw;
    display: none;
  }
}
.About__container {
  padding-top: 7.8rem;
}
@media screen and (max-width: 480px) {
  .About__container {
    padding-top: 4.99rem;
    position: relative;
    z-index: 2;
  }
}
.About__container .Title {
  margin-bottom: 7.8rem;
}
@media screen and (max-width: 480px) {
  .About__container .Title {
    margin-bottom: 3rem;
  }
}
.About__container .Title__ja span {
  font-size: 4.5rem;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .About__container .Title__ja span {
    font-size: 2rem;
    letter-spacing: 0.04rem;
  }
}
.About__container__text {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #333333;
  text-align: center;
  margin-bottom: 7rem;
}
@media screen and (max-width: 480px) {
  .About__container__text {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
    margin-bottom: 4.48rem;
    line-height: 1.8;
    text-align: left;
    text-align: center;
  }
}
.About__container .Btn--allow {
  margin-bottom: 7rem;
}
@media screen and (max-width: 480px) {
  .About__container .Btn--allow {
    margin-bottom: 4.48rem;
  }
}
.About__wrap img {
  width: 100%;
}

.Recruit .Btn--allow {
  max-width: 46rem;
}
.Recruit .Btn--allow span {
  font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
  .Recruit .Btn--allow span {
    font-size: 1.4rem;
  }
}

.About__wrap {
  width: 100%;
  overflow: hidden;
}
.About__wrap .mySwiper {
  width: 100%;
  padding: 0 4rem;
}
@media screen and (max-width: 480px) {
  .About__wrap .mySwiper {
    padding: 0 2rem;
  }
}
.About__wrap .mySwiper .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-timing-function: linear !important;
          transition-timing-function: linear !important;
}
.About__wrap .mySwiper .swiper-slide {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.About__wrap .mySwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  aspect-ratio: 346/230;
}

.Worry {
  background-color: #F3F3F3;
  position: relative;
}
.Worry::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(100%);
          transform: translateX(-50%) translateY(100%);
  width: 0;
  height: 0;
  border-left: 9.5rem solid transparent;
  border-right: 9.5rem solid transparent;
  border-top: 7.5rem solid #F3F3F3;
}
@media screen and (max-width: 480px) {
  .Worry::after {
    border-left: 4.08rem solid transparent;
    border-right: 4.08rem solid transparent;
    border-top: 3.8rem solid #F3F3F3;
  }
}
.Worry__container {
  padding: 8rem 0;
}
@media screen and (max-width: 480px) {
  .Worry__container {
    padding: 5.12rem 0;
  }
}
.Worry__container .Title {
  margin-bottom: 11rem;
}
@media screen and (max-width: 480px) {
  .Worry__container .Title {
    margin-bottom: 5.12rem;
  }
}
.Worry__container__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap {
    margin-bottom: 1.92rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.Worry__container__wrap .Item {
  position: relative;
  width: 33.333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2rem;
  height: 18.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  margin-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item {
    width: 100%;
    border-radius: 1.28rem;
    height: 9rem;
    margin-bottom: 1.92rem;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.Worry__container__wrap .Item::before {
  content: "“";
  display: block;
  position: absolute;
  top: 0;
  left: 4rem;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
  font-size: 10rem;
  line-height: 10rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #A9E1A5;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item::before {
    left: 0.64rem;
    font-size: 6.4rem;
    line-height: 6.4rem;
    letter-spacing: 0.04rem;
  }
}
.Worry__container__wrap .Item:nth-child(3n+1) {
  border: 0.2rem solid #99CA96;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item:nth-child(3n+1) {
    border: 0.13rem solid #99CA96;
  }
}
.Worry__container__wrap .Item:nth-child(3n+1)::before {
  color: #99CA96;
}
.Worry__container__wrap .Item:nth-child(3n+1) span {
  color: #99CA96;
}
.Worry__container__wrap .Item:nth-child(3n+2) {
  border: 0.2rem solid #8BE6DC;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item:nth-child(3n+2) {
    border: 0.13rem solid #8BE6DC;
    margin-top: 0;
  }
}
.Worry__container__wrap .Item:nth-child(3n+2)::before {
  color: #8BE6DC;
}
.Worry__container__wrap .Item:nth-child(3n+2) span {
  color: #8BE6DC;
}
.Worry__container__wrap .Item:nth-child(3n) {
  border: 0.2rem solid #42D9DE;
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item:nth-child(3n) {
    border: 0.13rem solid #42D9DE;
  }
}
.Worry__container__wrap .Item:nth-child(3n)::before {
  color: #42D9DE;
}
.Worry__container__wrap .Item:nth-child(3n) span {
  color: #42D9DE;
}
.Worry__container__wrap .Item:nth-child(2) {
  margin-top: -2rem;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item:nth-child(2) {
    margin-top: 0;
  }
}
.Worry__container__wrap .Item:nth-child(5) {
  margin-top: 2rem;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item:nth-child(5) {
    margin-top: 0;
  }
}
.Worry__container__wrap .Item__title {
  line-height: 2;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item__title {
    line-height: 2;
    font-size: 1.41rem;
  }
}
.Worry__container__wrap .Item__title span {
  line-height: 2;
  font-size: 2.2rem;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .Worry__container__wrap .Item__title span {
    line-height: 2;
    font-size: 1.41rem;
  }
}
.Worry__container__food img {
  width: 100%;
}

.Ask {
  background: url(../images/recruit/ask_bg.webp) no-repeat center/cover;
}
.Ask__container {
  padding: 9.5rem 0 7.5rem 0;
  max-width: 104rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .Ask__container {
    padding: 6.08rem 0 4.8rem 0;
    max-width: 100%;
  }
}
.Ask__container__content {
  background: #fff;
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5rem 8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .Ask__container__content {
    border-radius: 1.28rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.24rem 2.56rem;
  }
}
.Ask__container__content__img {
  position: relative;
  width: 26.7rem;
}
@media screen and (max-width: 480px) {
  .Ask__container__content__img {
    width: 100%;
    height: 16rem;
    margin-bottom: 6rem;
  }
}
.Ask__container__content__img img {
  width: 26.7rem;
  position: absolute;
  bottom: -11.5rem;
  left: 0;
}
@media screen and (max-width: 480px) {
  .Ask__container__content__img img {
    width: 14rem;
    position: static;
    margin: 0 auto;
    display: block;
    bottom: 0;
  }
}
.Ask__container__content__img__name {
  display: none;
}
@media screen and (max-width: 480px) {
  .Ask__container__content__img__name {
    font-size: 1.6rem;
    background-color: #fff;
    color: #333333;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: bold;
    margin: 0 auto;
    padding: 0.5rem 2rem;
    text-align: center;
    -webkit-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, right top, from(#A9E1A5), to(#8BE6DC)) border-box;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #A9E1A5, #8BE6DC) border-box;
    border: 0.2rem solid transparent;
  }
}
.Ask__container__content__text {
  padding-left: 5rem;
}
@media screen and (max-width: 480px) {
  .Ask__container__content__text {
    padding-left: 0;
  }
}
.Ask__container__content__text__title {
  font-size: 4rem;
  color: #333333;
  line-height: 1.5;
  letter-spacing: 0.06em;
  margin-bottom: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .Ask__container__content__text__title {
    font-size: 2.56rem;
    letter-spacing: 0.04rem;
    margin-bottom: 1.28rem;
    text-align: center;
  }
}
.Ask__container__content__text__title span {
  color: #A9E1A5;
  font-size: 4rem;
  letter-spacing: 0.06em;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .Ask__container__content__text__title span {
    font-size: 2.56rem;
    letter-spacing: 0.04rem;
  }
}
.Ask__container__content__text__dis {
  font-size: 2rem;
  letter-spacing: 0.06em;
  color: #333333;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .Ask__container__content__text__dis {
    font-size: 1.2rem;
    letter-spacing: 0.04rem;
    line-height: 1.5;
  }
}

.Message {
  background: -webkit-gradient(linear, left top, right top, from(#8BE6DC), to(#A9E1A5));
  background: linear-gradient(to right, #8BE6DC, #A9E1A5);
  padding-bottom: 8.3rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .Message {
    padding-bottom: 5.31rem;
    z-index: 1;
    overflow-x: hidden;
  }
}
.Message::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% + 4rem);
  height: calc(100% - 8.3rem);
  background: #fff;
  border-radius: 0 0 42rem 0;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .Message::before {
    width: calc(100% + 2.56rem);
    height: calc(100% - 5.31rem);
    border-radius: 0 0 12.8rem 0;
  }
}
.Message__container {
  padding-top: 2rem;
  padding-bottom: 8.3rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .Message__container {
    padding-top: 1.92rem;
    padding-bottom: 5.31rem;
  }
}
.Message__container .Title {
  margin-bottom: 8rem;
}
@media screen and (max-width: 480px) {
  .Message__container .Title {
    margin-bottom: 3.84rem;
  }
}
.Message__container .Title__en {
  color: #F3F3F3;
}
.Message__container__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6.1rem;
}
@media screen and (max-width: 480px) {
  .Message__container__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 1rem;
  }
}
.Message__container__wrap__text {
  width: 60.4%;
  padding-right: 5.33%;
}
@media screen and (max-width: 480px) {
  .Message__container__wrap__text {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2.56rem;
  }
}
.Message__container__wrap__text__dis {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3rem;
  letter-spacing: 0.06em;
  color: #333;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 480px) {
  .Message__container__wrap__text__dis {
    font-size: 1.34rem;
    line-height: 1.8;
    letter-spacing: 0.04rem;
    margin-bottom: 1.28rem;
  }
}
.Message__container__wrap__img {
  width: 39.6%;
}
@media screen and (max-width: 480px) {
  .Message__container__wrap__img {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 2rem;
  }
}
.Message__container__wrap__img img {
  width: 100%;
}
.Message__container__food {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 480px) {
  .Message__container__food {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.Message__container__food__img {
  width: 39.6%;
}
@media screen and (max-width: 480px) {
  .Message__container__food__img {
    width: 100%;
    margin-bottom: 2.56rem;
  }
}
.Message__container__food__img img {
  width: 100%;
}
.Message__container__food__text {
  width: 63.4%;
  padding-left: 5.33%;
}
@media screen and (max-width: 480px) {
  .Message__container__food__text {
    width: 100%;
    padding-left: 0;
  }
}
.Message__container__food__text__dis {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3rem;
  letter-spacing: 0.06em;
  color: #333;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .Message__container__food__text__dis {
    font-size: 1.34rem;
    line-height: 1.8;
    letter-spacing: 0.04rem;
    margin-bottom: 1.28rem;
  }
}
.Message__container__food__text__name {
  margin-top: 4rem;
}
.Message__container__food__text__name__post {
  font-size: 1.6rem;
  line-height: 3.4rem;
  letter-spacing: 0.06em;
  color: #333;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .Message__container__food__text__name__post {
    font-size: 1.1rem;
    line-height: 2.18rem;
    letter-spacing: 0.04rem;
  }
}
.Message__container__food__text__name__name {
  font-size: 2rem;
  letter-spacing: 0.06em;
  line-height: 3.4rem;
  font-weight: bold;
  color: #333;
}
@media screen and (max-width: 480px) {
  .Message__container__food__text__name__name {
    font-size: 1.34rem;
    letter-spacing: 0.04rem;
    line-height: 2.18rem;
  }
}
.Message__container__food__text__name__name span {
  color: #7CB478;
  font-size: 1.3rem;
  line-height: 3.4rem;
  letter-spacing: 0.06em;
  margin-left: 2rem;
}
@media screen and (max-width: 480px) {
  .Message__container__food__text__name__name span {
    font-size: 1rem;
    line-height: 2.18rem;
    letter-spacing: 0.04rem;
    margin-left: 1.28rem;
  }
}

.Recruit .Message {
  background: -webkit-gradient(linear, left top, right top, from(#68E3E5), to(#6CF2D9));
  background: linear-gradient(to right, #68E3E5, #6CF2D9);
}
.Recruit .Message .Message__container__food__text__name__name span {
  color: #34B1B3;
}

.Reason__container {
  padding: 10rem 0;
}
@media screen and (max-width: 480px) {
  .Reason__container {
    padding: 3.68rem 0 6rem 0;
  }
}
.Reason__container .Title {
  margin-bottom: 13rem;
}
@media screen and (max-width: 480px) {
  .Reason__container .Title {
    margin-bottom: 7.12rem;
  }
}
.Reason__container .Title__en {
  color: #F3F3F3;
}
.Reason__container__wrap .Item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F6F6F6;
  position: relative;
  margin-bottom: 16rem;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 7.68rem;
  }
}
.Reason__container__wrap .Item:last-of-type {
  margin-bottom: 0;
}
.Reason__container__wrap .Item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 0px;
  width: 15.1rem;
  height: 100%;
  z-index: 1;
  background: url(../images/recruit/reason_right.webp) no-repeat center;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item::before {
    width: 4.66rem;
    height: 98%;
  }
}
.Reason__container__wrap .Item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.Reason__container__wrap .Item:nth-child(even) .Item__text {
  padding: 11.6rem 3.8rem 3.8rem 2.9rem;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item:nth-child(even) .Item__text {
    padding: 4.78rem 2.43rem 2.43rem 2.43rem;
  }
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item:nth-child(even) .Item__text__number {
    left: 1.92rem;
  }
}
.Reason__container__wrap .Item:nth-child(even) .Item__img {
  margin-right: 0;
}
.Reason__container__wrap .Item:nth-child(even)::before {
  right: auto;
  left: 0px;
  background: url(../images/recruit/reason_left.webp) no-repeat center;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item:nth-child(even)::before {
    right: 0px;
    left: auto;
    background: url(../images/recruit/reason_right.webp) no-repeat center;
  }
}
.Reason__container__wrap .Item__text {
  padding: 10.6rem 5.5rem 3.8rem 3.6rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 46.73%;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item__text {
    width: 100%;
    padding: 4.78rem 2.43rem 2.43rem 2.43rem;
    position: relative;
    z-index: 3;
  }
}
.Reason__container__wrap .Item__text__number {
  font-size: 10rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-shadow: -0.2rem -0.2rem 0 #A9E1A5, 0.2rem -0.2rem 0 #A9E1A5, -0.2rem 0.2rem 0 #A9E1A5, 0.2rem 0.2rem 0 #A9E1A5, -0.2rem 0 0 #A9E1A5, 0.2rem 0 0 #A9E1A5, 0 -0.2rem 0 #A9E1A5, 0 0.2rem 0 #A9E1A5;
  mix-blend-mode: multiply;
  font-family: "Jost", sans-serif;
  position: absolute;
  top: -4rem;
  left: 3rem;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item__text__number {
    font-size: 6.4rem;
    line-height: 2.56rem;
    top: -1.92rem;
    left: 1.92rem;
  }
}
.Reason__container__wrap .Item__text__title {
  font-size: 2.6rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  line-height: 4rem;
  color: #333;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item__text__title {
    font-size: 1.66rem;
    letter-spacing: 0.04rem;
    line-height: 2.56rem;
    margin-bottom: 1.28rem;
  }
}
.Reason__container__wrap .Item__text__title span {
  font-size: 3rem;
  line-height: 4rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #333;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item__text__title span {
    font-size: 1.92rem;
    line-height: 2.56rem;
    letter-spacing: 0.04rem;
  }
}
.Reason__container__wrap .Item__text__dis {
  font-size: 1.6rem;
  line-height: 3.4rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #333;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item__text__dis {
    font-size: 1.41rem;
    line-height: 1.8;
    letter-spacing: 0.04rem;
  }
}
.Reason__container__wrap .Item__img {
  width: 53.27%;
  position: relative;
  z-index: 2;
  margin-top: -4rem;
  margin-right: -0.3rem;
}
@media screen and (max-width: 480px) {
  .Reason__container__wrap .Item__img {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    background-color: #fff;
  }
}
.Reason__container__wrap .Item__img img {
  width: 100%;
}

.Recruit .Reason__container__wrap .Item__text__number {
  color: #fff;
  text-shadow: -0.2rem -0.2rem 0 #34B1B3, 0.2rem -0.2rem 0 #34B1B3, -0.2rem 0.2rem 0 #34B1B3, 0.2rem 0.2rem 0 #34B1B3, -0.2rem 0 0 #34B1B3, 0.2rem 0 0 #34B1B3, 0 -0.2rem 0 #34B1B3, 0 0.2rem 0 #34B1B3;
}

.Connect {
  position: relative;
}
@media screen and (max-width: 480px) {
  .Connect {
    background: url(../images/recruit/connect_bg.webp) no-repeat center/cover;
  }
}
.Connect::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #333333;
  z-index: -1;
}
@media screen and (max-width: 480px) {
  .Connect::before {
    width: 100%;
    height: 50%;
    z-index: -1;
    display: none;
  }
}
.Connect::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: url(../images/recruit/connect_bg.webp) no-repeat center/cover;
  z-index: -1;
}
@media screen and (max-width: 480px) {
  .Connect::after {
    width: 100%;
    height: 50%;
    top: 50%;
    z-index: -2;
    display: none;
  }
}
.Connect__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14rem 0;
}
@media screen and (max-width: 480px) {
  .Connect__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 8rem 0;
  }
}
.Connect__container__text {
  width: 50%;
  padding-right: 1.6rem;
}
@media screen and (max-width: 480px) {
  .Connect__container__text {
    width: 100%;
    padding-right: 0;
  }
}
.Connect__container__text__title {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  line-height: 3.4rem;
  color: #fff;
  margin-bottom: 4rem;
}
@media screen and (max-width: 480px) {
  .Connect__container__text__title {
    font-size: 1.92rem;
    letter-spacing: 0.04rem;
    line-height: 2.18rem;
    margin-bottom: 3rem;
    text-align: center;
  }
}
.Connect__container__text__dis {
  font-size: 2rem;
  line-height: 3.4rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5rem;
}
@media screen and (max-width: 480px) {
  .Connect__container__text__dis {
    font-size: 1.28rem;
    line-height: 2.18rem;
    letter-spacing: 0.04rem;
    margin-bottom: 3rem;
    text-align: center;
  }
}
.Connect__container__text .Btn__green {
  margin-bottom: 1rem;
}
@media screen and (max-width: 480px) {
  .Connect__container__text .Btn__green {
    margin: 0 auto;
    margin-bottom: 1rem;
  }
}
.Connect__container__text__acc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  max-width: 44rem;
}
@media screen and (max-width: 480px) {
  .Connect__container__text__acc {
    font-size: 1.2rem;
    line-height: 1.54rem;
    letter-spacing: 0.04rem;
    max-width: 28.16rem;
    text-align: center;
    margin: 0 auto;
  }
}
.Connect__container__logo {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .Connect__container__logo {
    width: 100%;
    margin-bottom: 3rem;
  }
}
.Connect__container__logo__content {
  width: 14.2rem;
  height: 14.2rem;
  margin-left: auto;
  margin-right: 5rem;
}
@media screen and (max-width: 480px) {
  .Connect__container__logo__content {
    width: 9.09rem;
    height: 9.09rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.Connect__container__logo__content img {
  width: 100%;
}

.News {
  background-color: #F3F3F3;
  position: relative;
}
.News::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: calc(100% - 30rem);
  background-color: #fff;
  border-radius: 10rem 10rem 0 0;
}
@media screen and (max-width: 480px) {
  .News::before {
    height: calc(100% - 15.2rem);
    border-radius: 6.4rem 6.4rem 0 0;
  }
}
.News__container {
  padding: 6rem 0 9rem 0;
  max-width: 91rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .News__container {
    padding: 0.4rem 0 4.76rem 0;
    max-width: 100%;
  }
}
.News__container .Title {
  margin-bottom: 19rem;
}
@media screen and (max-width: 480px) {
  .News__container .Title {
    margin-bottom: 8rem;
  }
}
.News__container__list {
  margin-bottom: 12rem;
}
@media screen and (max-width: 480px) {
  .News__container__list {
    margin-bottom: 4rem;
  }
}
.News__container__list__item {
  padding: 2rem 2rem 2.8rem 2rem;
  position: relative;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 480px) {
  .News__container__list__item {
    padding: 1.28rem 1.28rem 1.79rem 1.28rem;
  }
}
.News__container__list__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background: -webkit-gradient(linear, left top, right top, from(#8BE6DC), to(#A9E1A5));
  background: linear-gradient(to right, #8BE6DC, #A9E1A5);
}
@media screen and (max-width: 480px) {
  .News__container__list__item::after {
    height: 0.13rem;
  }
}
.News__container__list__item__head {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 480px) {
  .News__container__list__item__head {
    margin-bottom: 0.64rem;
  }
}
.News__container__list__item__head__time {
  font-family: "Jost", sans-serif;
  color: #333333;
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.06em;
  font-weight: 500;
  margin-right: 5.8rem;
}
@media screen and (max-width: 480px) {
  .News__container__list__item__head__time {
    font-size: 1.15rem;
    line-height: 1.92rem;
    letter-spacing: 0.04rem;
    margin-right: 3.71rem;
  }
}
.News__container__list__item__head__category span {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #333;
  border: 0.1rem solid #333;
  padding: 0 1rem;
  border-radius: 2rem;
}
@media screen and (max-width: 480px) {
  .News__container__list__item__head__category span {
    font-size: 1.02rem;
    letter-spacing: 0.04rem;
    border: 0.06em solid #333;
    padding: 0 0.64rem;
    border-radius: 1.28rem;
  }
}
.News__container__list__item__foot__title {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.06em;
  line-height: 3rem;
}
@media screen and (max-width: 480px) {
  .News__container__list__item__foot__title {
    font-size: 1.28rem;
    letter-spacing: 0.04rem;
    line-height: 1.92rem;
  }
}

.Flow__container {
  padding: 10rem 0 9rem 0;
}
@media screen and (max-width: 480px) {
  .Flow__container {
    padding: 3.4rem 0 3.76rem 0;
  }
}
.Flow__container .Title {
  margin-bottom: 8rem;
}
@media screen and (max-width: 480px) {
  .Flow__container .Title {
    margin-bottom: 5.12rem;
  }
}
.Flow__container .Title__en {
  color: #F3F3F3;
}
.Flow__container__wrap {
  max-width: 106rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap {
    max-width: 100%;
  }
}
.Flow__container__wrap__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.4rem 12rem;
  margin-bottom: 5rem;
  background-color: #F3F3F3;
  border-radius: 4rem 0 4rem 0;
  height: 24rem;
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap__item {
    padding: 1.79rem 2.56rem;
    margin-bottom: 5.12rem;
    border-radius: 2.56rem 0 2.56rem 0;
    height: auto;
    margin-bottom: 3rem;
  }
}
.Flow__container__wrap__item__img {
  width: 27%;
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap__item__img {
    width: 30%;
    margin-bottom: 1.92rem;
  }
}
.Flow__container__wrap__item__img img {
  width: 100%;
}
.Flow__container__wrap__item__text {
  width: 73%;
  padding-left: 10rem;
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap__item__text {
    width: 70%;
    padding-left: 1rem;
  }
}
.Flow__container__wrap__item__text__number {
  font-size: 2.2rem;
  color: #333;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  border-bottom: 0.1rem dashed #999999;
  line-height: 4rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap__item__text__number {
    font-size: 1.41rem;
    border-bottom: 0.06em dashed #999999;
    line-height: 2.56rem;
    margin-bottom: 1.02rem;
  }
}
.Flow__container__wrap__item__text__number span {
  font-size: 3rem;
  color: #333;
  font-weight: 500;
  line-height: 4rem;
  padding-left: 1rem;
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap__item__text__number span {
    font-size: 1.92rem;
    line-height: 2.56rem;
  }
}
.Flow__container__wrap__item__text__title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 4rem;
  letter-spacing: 0.06em;
  color: #333;
  margin-bottom: 2.6rem;
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap__item__text__title {
    font-size: 1.66rem;
    line-height: 2.56rem;
    letter-spacing: 0.04rem;
    margin-bottom: 1.66rem;
  }
}

.Faq__container {
  padding: 5rem 0;
}
@media screen and (max-width: 480px) {
  .Faq__container {
    padding: 3.12rem 0;
  }
}
.Faq__container .Title {
  margin-bottom: 6rem;
}
@media screen and (max-width: 480px) {
  .Faq__container .Title {
    margin-bottom: 3.84rem;
  }
}
.Faq__container .Title__en {
  color: #F3F3F3;
}
.Faq__container__content {
  max-width: 94.2rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .Faq__container__content {
    max-width: 100%;
  }
}
.Faq__container__content__item {
  margin-bottom: 5rem;
}
@media screen and (max-width: 480px) {
  .Faq__container__content__item {
    margin-bottom: 3.2rem;
  }
}
.Faq__container__content__item__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .Faq__container__content__item__question {
    margin-bottom: 1.28rem;
  }
}
.Faq__container__content__item__question h3 {
  font-weight: bold;
  font-size: 2.6rem;
  letter-spacing: 0.06em;
  color: #7CB478;
  width: calc(100% - 6rem);
  padding-left: 3rem;
}
@media screen and (max-width: 480px) {
  .Faq__container__content__item__question h3 {
    font-size: 1.66rem;
    letter-spacing: 0.04rem;
    width: calc(100% - 3.84rem);
    padding-left: 1.92rem;
  }
}
.Faq__container__content__item__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Faq__container__content__item__answer p {
  font-size: 2rem;
  font-weight: 500;
  color: #333;
  line-height: 3.4rem;
  width: calc(100% - 6rem);
  padding-left: 3rem;
}
@media screen and (max-width: 480px) {
  .Faq__container__content__item__answer p {
    font-size: 1.28rem;
    line-height: 2.18rem;
    width: calc(100% - 3.84rem);
    padding-left: 1.92rem;
  }
}

.Question {
  position: relative;
  width: 6rem;
  height: 6rem;
  background-color: #7BAF7D;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 4rem;
  font-family: "Jost", sans-serif;
}
@media screen and (max-width: 480px) {
  .Question {
    width: 3.84rem;
    height: 3.84rem;
    font-size: 2.56rem;
  }
}
.Question::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 1.5rem solid transparent;
  border-bottom: 1.5rem solid transparent;
  border-right: 1.5rem solid #7BAF7D;
}
@media screen and (max-width: 480px) {
  .Question::after {
    left: -0.64rem;
    border-top: 0.96rem solid transparent;
    border-bottom: 0.96rem solid transparent;
    border-right: 0.96rem solid #7BAF7D;
  }
}

.Answer {
  position: relative;
  width: 6rem;
  height: 6rem;
  background-color: #8BE6DC;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 4rem;
  font-family: "Jost", sans-serif;
}
@media screen and (max-width: 480px) {
  .Answer {
    width: 3.84rem;
    height: 3.84rem;
    font-size: 2.56rem;
  }
}
.Answer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 1.5rem solid transparent;
  border-bottom: 1.5rem solid transparent;
  border-left: 1.5rem solid #8BE6DC;
}
@media screen and (max-width: 480px) {
  .Answer::after {
    right: -0.64rem;
    border-top: 0.96rem solid transparent;
    border-bottom: 0.96rem solid transparent;
    border-left: 0.96rem solid #8BE6DC;
  }
}

.Recruit .Faq__container__content__item__question h3 {
  color: #34B1B3;
}
.Recruit .Question {
  background-color: #34B1B3;
}
.Recruit .Question::after {
  border-right: 1.5rem solid #34B1B3;
}
.Recruit .Answer {
  background-color: #68E3E5;
}
.Recruit .Answer::after {
  border-left: 1.5rem solid #68E3E5;
}

.Solution {
  background: url(../images/recruit/recruit_bg.webp) no-repeat center center;
}
@media screen and (max-width: 480px) {
  .Solution {
    background-size: cover;
  }
}
.Solution__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7.9rem 0 8.4rem 0;
}
@media screen and (max-width: 480px) {
  .Solution__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 5.06rem 0 0rem 0;
  }
}
.Solution__container__img {
  width: 40%;
  position: relative;
}
@media screen and (max-width: 480px) {
  .Solution__container__img {
    width: 100%;
    margin-bottom: 3.2rem;
    margin-bottom: 0;
  }
}
.Solution__container__img img {
  position: absolute;
  bottom: -8.4rem;
  left: 0;
  width: 100%;
  max-width: 53.9rem;
}
@media screen and (max-width: 480px) {
  .Solution__container__img img {
    position: static;
    max-width: 22.4rem;
    margin: 0 auto;
    display: block;
  }
}
.Solution__container__text {
  width: 60%;
}
@media screen and (max-width: 480px) {
  .Solution__container__text {
    width: 100%;
  }
}
.Solution__container__text__title {
  font-size: 3rem;
  line-height: 5rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #fff;
  margin-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .Solution__container__text__title {
    font-size: 1.92rem;
    line-height: 3.2rem;
    letter-spacing: 0.04rem;
    margin-bottom: 1.92rem;
  }
}
.Solution__container__text__title span {
  font-size: 4rem;
  line-height: 5rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .Solution__container__text__title span {
    font-size: 2.56rem;
    line-height: 3.2rem;
    letter-spacing: 0.04rem;
  }
}
.Solution__container__text__dis {
  font-size: 2.6rem;
  line-height: 4.6rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .Solution__container__text__dis {
    font-size: 1.6rem;
    line-height: 2.94rem;
    letter-spacing: 0.04rem;
    margin-bottom: 1.28rem;
  }
}
.Solution__container__text__btn {
  text-align: center;
}
.Solution__container__text__btn .Btn__green {
  margin: 1rem auto;
}
@media screen and (max-width: 480px) {
  .Solution__container__text__btn .Btn__green {
    margin: 0.64rem auto;
  }
}
.Solution__container__text__btn .Btn__green span {
  color: #333;
}
.Solution__container__text__btn span {
  color: #fff;
  line-height: 2.4rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .Solution__container__text__btn span {
    line-height: 1.6rem;
    letter-spacing: 0.04rem;
    font-size: 1.32rem;
  }
}
.Solution__container__text__btn__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .Solution__container__text__btn__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.Solution__container__text__btn__wrap a {
  max-width: 34rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 1.2rem 0 !important;
}
@media screen and (max-width: 480px) {
  .Solution__container__text__btn__wrap a {
    max-width: 100%;
    margin-bottom: 1.28rem;
  }
  .Solution__container__text__btn__wrap a:last-child {
    margin-bottom: 1rem;
  }
}

.Voice {
  background-color: #F3F3F3;
}
.Voice__container {
  padding: 8rem 0;
}
@media screen and (max-width: 480px) {
  .Voice__container {
    padding: 5.12rem 0;
  }
}
.Voice__container .Title {
  margin-bottom: 6rem;
}
@media screen and (max-width: 480px) {
  .Voice__container .Title {
    margin-bottom: 3.84rem;
  }
}
.Voice__container__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 5.12rem;
  }
}
.Voice__container__content__img {
  width: 52.5%;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__img {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 0;
    margin-bottom: -2rem;
  }
}
.Voice__container__content__img img {
  width: 100%;
}
.Voice__container__content__text {
  width: 47.5%;
  position: relative;
  display: block;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__text {
    width: 100%;
    position: static;
    position: relative;
  }
}
.Voice__container__content__text__box {
  position: absolute;
  right: 0;
  top: 16rem;
  max-width: 70.9rem;
  width: calc(100% + 13rem);
  border-radius: 3rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, right top, from(#68E3E5), to(#6CF2D9)) border-box;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #68E3E5, #6CF2D9) border-box;
  border: 0.3rem solid transparent;
  padding: 6.9rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__text__box {
    position: static;
    max-width: 100%;
    border-radius: 1.92rem;
    border: 0.19rem solid transparent;
    padding: 4.42rem 2.56rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.Voice__container__content__text__box .tip {
  position: absolute;
  top: -2rem;
  left: 4rem;
  background-color: #34B1B3;
  color: #F3F3F3;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  font-family: "Jost", sans-serif;
  padding: 0.8rem 2.4rem;
  border-radius: 2rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__text__box .tip {
    top: -1.28rem;
    left: 2.56rem;
    font-size: 1.28rem;
    letter-spacing: 0.04rem;
    padding: 0.51rem 1.54rem;
    border-radius: 1.28rem;
  }
}
.Voice__container__content__text__box__name {
  margin-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__text__box__name {
    margin-bottom: 1.92rem;
  }
}
.Voice__container__content__text__box__name .name {
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #333;
  margin-bottom: 1rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__text__box__name .name {
    font-size: 1.86rem;
    letter-spacing: 0.04rem;
    margin-bottom: 0.64rem;
  }
}
.Voice__container__content__text__box__name .post {
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  font-weight: bold;
  color: #333;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__text__box__name .post {
    font-size: 1.25rem;
    letter-spacing: 0.04rem;
  }
}
.Voice__container__content__text__box__title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 4rem;
  letter-spacing: 0.06em;
  color: #34b7b1;
  margin-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__text__box__title {
    font-size: 1.66rem;
    line-height: 2.56rem;
    letter-spacing: 0.04rem;
    margin-bottom: 1.92rem;
  }
}
.Voice__container__content__text__box__dis {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 4rem;
  letter-spacing: 0.06em;
  color: #333;
}
@media screen and (max-width: 480px) {
  .Voice__container__content__text__box__dis {
    font-size: 1.41rem;
    line-height: 1.8;
    letter-spacing: 0.04rem;
  }
}
.Voice__container__schedule {
  position: relative;
  padding: 7.8rem 16rem;
  background-color: #fff;
  margin-bottom: 8rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__schedule {
    padding: 6.99rem 2.56rem;
    margin-bottom: 5.12rem;
  }
}
.Voice__container__schedule .text {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Jost", sans-serif;
  font-size: 12rem;
  letter-spacing: 0.06em;
  color: #F3F3F3;
  z-index: 0;
}
@media screen and (max-width: 480px) {
  .Voice__container__schedule .text {
    font-size: 6.68rem;
    letter-spacing: 0.04rem;
  }
}
.Voice__container__schedule__title {
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 4rem;
  letter-spacing: 0.06em;
  color: #333;
  margin-bottom: 3rem;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 480px) {
  .Voice__container__schedule__title {
    font-size: 1.66rem;
    line-height: 2.56rem;
    letter-spacing: 0.04rem;
    margin-bottom: 1.92rem;
  }
}
.Voice__container__schedule__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 480px) {
  .Voice__container__schedule__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.Voice__container__schedule__wrap__box {
  width: 50%;
  padding: 0 4rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__schedule__wrap__box {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
  .Voice__container__schedule__wrap__box:first-child {
    width: 93%;
    margin-left: 0.2rem;
  }
  .Voice__container__schedule__wrap__box:last-child {
    padding-left: 0rem !important;
    margin-top: -1.2rem;
  }
}
.Voice__container__schedule__wrap__box img {
  width: 100%;
}
.Voice__container__food__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__food__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 5.12rem;
  }
}
.Voice__container__food__item__text {
  width: 58%;
  padding-right: 8.7rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__food__item__text {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2.56rem;
  }
}
.Voice__container__food__item__text p {
  font-size: 1.8rem;
  line-height: 4rem;
  font-weight: bold;
  letter-spacing: 0.04rem;
  color: #333;
}
@media screen and (max-width: 480px) {
  .Voice__container__food__item__text p {
    font-size: 1.4rem;
    line-height: 1.8;
    letter-spacing: 0.03rem;
  }
}
.Voice__container__food__item__img {
  width: 42%;
}
@media screen and (max-width: 480px) {
  .Voice__container__food__item__img {
    width: 100%;
  }
}
.Voice__container__food__item__img img {
  width: 100%;
}
.Voice__container__food__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 480px) {
  .Voice__container__food__item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.Voice__container__food__item:nth-child(even) .Voice__container__food__item__text {
  padding-right: 0;
  padding-left: 8.7rem;
}
@media screen and (max-width: 480px) {
  .Voice__container__food__item:nth-child(even) .Voice__container__food__item__text {
    padding-left: 0;
    margin-bottom: 2.56rem;
  }
}
.Voice__container__food__item:last-of-type {
  margin-bottom: 0;
}

.Work {
  background-color: #F3F3F3;
}
.Work__container {
  padding: 7rem 0 9rem 0;
}
@media screen and (max-width: 480px) {
  .Work__container {
    padding: 4.48rem 0 5.76rem 0;
  }
}
.Work__container .Title {
  margin-bottom: 8rem;
}
@media screen and (max-width: 480px) {
  .Work__container .Title {
    margin-bottom: 5.12rem;
  }
}
.Work__container__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8rem;
}
@media screen and (max-width: 480px) {
  .Work__container__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 5.12rem;
  }
}
.Work__container__wrap__item {
  width: calc(33.3333333333% - 5rem);
}
@media screen and (max-width: 480px) {
  .Work__container__wrap__item {
    width: 100%;
    margin-bottom: 5.12rem;
  }
  .Work__container__wrap__item:last-child {
    margin-bottom: 0;
  }
}
.Work__container__wrap__item__img {
  background-color: #fff;
}
.Work__container__wrap__item__img img {
  border-radius: 0 0 0 10rem;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  width: 100%;
}
@media screen and (max-width: 480px) {
  .Work__container__wrap__item__img img {
    border-radius: 0 0 0 6.4rem;
  }
}
.Work__container__wrap__item__text {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 6rem 6rem;
  padding: 3rem 0;
}
@media screen and (max-width: 480px) {
  .Work__container__wrap__item__text {
    border-radius: 0 0 3.84rem 3.84rem;
    padding: 1.92rem 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.Work__container__wrap__item__text__post {
  font-size: 2rem;
  letter-spacing: 0.06em;
  color: #333;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .Work__container__wrap__item__text__post {
    font-size: 1.28rem;
    letter-spacing: 0.04rem;
    margin-bottom: 0.64rem;
  }
}
.Work__container__wrap__item__text__title {
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #333;
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .Work__container__wrap__item__text__title {
    font-size: 1.92rem;
    letter-spacing: 0.04rem;
    margin-bottom: 1.92rem;
  }
}
.Work__container__wrap__item__text__title span {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #333;
}
@media screen and (max-width: 480px) {
  .Work__container__wrap__item__text__title span {
    font-size: 2.56rem;
    letter-spacing: 0.04rem;
  }
}
.Work__container__wrap__item__text__time {
  font-size: 3rem;
  font-weight: bold;
  color: #333;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .Work__container__wrap__item__text__time {
    font-size: 1.92rem;
  }
}
.Work__container .Btn__green {
  max-width: 50.2rem;
  width: 100%;
  margin: 0 auto;
  padding-right: 6rem;
}
@media screen and (max-width: 480px) {
  .Work__container .Btn__green {
    max-width: 30.85rem;
    padding-right: 3.84rem;
  }
}

.Flow__container__wrap__item__text__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap__item__text__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .Flow__container__wrap__item__text__btn a {
    margin-bottom: 1rem;
  }
}

.Btn--min--green {
  background: #07B53B;
  margin-right: 2rem;
}
@media screen and (max-width: 480px) {
  .Btn--min--green {
    margin-right: 1.28rem;
  }
}

.Footer__container {
  padding-top: 2.4rem;
  padding-bottom: 6.5rem;
  max-width: 102.7rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .Footer__container {
    padding-top: 3.54rem;
    padding-bottom: 4.16rem;
    max-width: 100%;
  }
}
.Footer__container__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 480px) {
  .Footer__container__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.Footer__container__head__logo {
  display: block;
  width: 10.4rem;
  height: 10.4rem;
}
@media screen and (max-width: 480px) {
  .Footer__container__head__logo {
    width: 8.66rem;
    height: 8.66rem;
    margin: 0 auto;
    margin-bottom: 3.56rem;
  }
}
.Footer__container__head__logo img {
  width: 100%;
}
.Footer__container__head__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 10rem;
  width: calc(100% - 10.4rem);
}
@media screen and (max-width: 480px) {
  .Footer__container__head__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
    width: 100%;
  }
}
.Footer__container__head__menu li {
  list-style-type: none;
}
@media screen and (max-width: 480px) {
  .Footer__container__head__menu li {
    margin-bottom: 1.28rem;
  }
  .Footer__container__head__menu li:last-child {
    margin-bottom: 0;
  }
}
.Footer__container__head__menu li a {
  font-size: 1.4rem;
  letter-spacing: 0.04rem;
  font-weight: 500;
  color: #333;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .Footer__container__head__menu li a {
    font-size: 1.4rem;
    letter-spacing: 0.03rem;
  }
}
@media screen and (max-width: 480px) {
  .Footer__container__copy {
    margin-top: 3.2rem;
  }
}
.Footer__container__copy p {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  color: #333;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .Footer__container__copy p {
    font-size: 1.02rem;
    letter-spacing: 0.04rem;
  }
}/*# sourceMappingURL=custom-page.css.map */