@charset "UTF-8";
/* カラー設定
=========================================== */
* {
  color: #4B3E2F;
}

/* フォント設定
=========================================== */
.noto {
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-weight: 400;
}

.en {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.mincho {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}

/* vw設定
=========================================== */
/* ページ設定
=========================================== */
* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  line-height: unset;
}

html {
  scroll-padding-top: 6.588579795vw;
}
@media (max-width: 767px) {
  html {
    scroll-padding-top: 16vw;
  }
}

html,
body {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #4B3E2F;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  -webkit-text-size-adjust: 100%;
  font-weight: 500;
  overflow-x: clip;
}

body {
  width: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
}

html {
  font-size: 0.732vw;
}
@media (max-width: 767px) {
  html {
    font-size: 2.667vw;
  }
}

p {
  font-weight: 600;
}

a {
  display: inline-block;
  text-decoration: none;
  color: #4B3E2F;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
a:hover, a:link, a:active {
  text-decoration: none;
}
a:hover {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  display: block;
  max-width: 100%;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

h2, h3, h4, h5, h6, dt {
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.text_right {
  text-align: right;
}

span {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

.breadcrumb {
  display: none !important;
}

/* container
=========================================== */
.container {
  max-width: 1200px;
  width: 80.5270863836vw;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .container {
    width: 90%;
    max-width: none;
  }
}

/* device-only
=========================================== */
@media (max-width: 767px) {
  .pc-only1 {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .sp-only1 {
    display: none !important;
  }
}

.pc-only2 {
  display: block;
}
@media (max-width: 520px) {
  .pc-only2 {
    display: none;
  }
}

.sp-only2 {
  display: none;
}
@media (max-width: 520px) {
  .sp-only2 {
    display: block;
  }
}

.pc-only3 {
  display: block;
}
@media (max-width: 960px) {
  .pc-only3 {
    display: none;
  }
}

.sp-only3 {
  display: none;
}
@media (max-width: 960px) {
  .sp-only3 {
    display: block;
  }
}

/* font-size
=========================================== */
body,
p {
  font-size: clamp(1rem, 1.8rem, 20px);
  line-height: 2.2;
  letter-spacing: 0.04em;
  font-weight: 600;
}
@media (max-width: 767px) {
  body,
  p {
    font-size: clamp(1rem, 1.5rem, 17px);
  }
}
@media (min-width: 1980px) {
  body,
  p {
    font-size: 20px;
  }
}

.s_text {
  font-size: clamp(1rem, 1.6rem, 18px);
}
@media (max-width: 767px) {
  .s_text {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
}
@media (min-width: 1980px) {
  .s_text {
    font-size: 18px;
  }
}

.text36 {
  font-size: clamp(1rem, 34rem, 36px);
}
@media (max-width: 767px) {
  .text36 {
    font-size: clamp(1rem, 2rem, 22px);
    line-height: 1.6;
  }
}
@media (min-width: 1980px) {
  .text36 {
    font-size: 36px;
  }
}

.text32 {
  font-size: clamp(1rem, 30rem, 32px);
}
@media (max-width: 767px) {
  .text32 {
    font-size: clamp(1rem, 1.9rem, 21px);
    line-height: 1.6;
  }
}
@media (min-width: 1980px) {
  .text32 {
    font-size: 32px;
  }
}

.text30 {
  font-size: clamp(1rem, 2.8rem, 30px);
}
@media (max-width: 767px) {
  .text30 {
    font-size: clamp(1rem, 1.8rem, 20px);
    line-height: 1.6;
  }
}
@media (min-width: 1980px) {
  .text30 {
    font-size: 30px;
  }
}

.text28 {
  font-size: clamp(1rem, 2.6rem, 28px);
}
@media (max-width: 767px) {
  .text28 {
    font-size: clamp(1rem, 1.7rem, 19px);
    line-height: 1.6;
  }
}
@media (min-width: 1980px) {
  .text28 {
    font-size: 28px;
  }
}

.text26 {
  font-size: clamp(1rem, 2.4rem, 26px);
}
@media (max-width: 767px) {
  .text26 {
    font-size: clamp(1rem, 1.6rem, 18px);
    line-height: 1.6;
  }
}
@media (min-width: 1980px) {
  .text26 {
    font-size: 26px;
  }
}

/* iOS
=========================================== */
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  min-width: 150px;
}

input[type=submit]:-webkit-search-decoration,
input[type=button]:-webkit-search-decoration {
  display: none;
}

input[type=submit]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

/* clearfix
=========================================== */
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}

.tright {
  text-align: right;
}

/* link
=========================================== */
a.link {
  color: #4B3E2F;
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 0.2928257687vw;
  cursor: pointer;
}
@media (hover: hover) {
  a.link:hover {
    opacity: 0.6;
  }
}

/* flexbox
=========================================== */
.flex {
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex.center {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex.flex-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  .flex.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media only screen and (max-width: 767px) {
  .spFlexRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
.flex-set {
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

/* grid
=========================================== */
.grid {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767px) {
  .grid {
    grid-template-rows: 2fr;
    grid-template-columns: 1fr;
  }
}

/* section
=========================================== */
section {
  padding: 0 0 8.78477306vw;
}
@media only screen and (max-width: 767px) {
  section {
    padding: 0 0 16vw;
  }
}

/* header
=========================================== */
#header {
  width: 100%;
  z-index: 1000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 0 0 1.4641288433vw;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}
@media (max-width: 767px) {
  #header {
    padding: 0 0 2.6666666667vw;
  }
}

.header_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: initial;
  height: 5.8565153734vw;
}
@media (max-width: 767px) {
  .header_wrapper {
    width: 98%;
    margin: 0 1%;
    height: 12vw;
    background: #fff;
  }
}
.header_wrapper .header_right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.9333333333vw;
}

.header_logo {
  z-index: 1001;
  width: 31.8448023426vw;
  max-width: 435px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .header_logo {
    width: 80vw;
  }
}
.header_logo h1, .header_logo p {
  line-height: 1;
}
.header_logo h1 a, .header_logo p a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
@media (hover: hover) {
  .header_logo h1 a:hover, .header_logo p a:hover {
    opacity: 0.8;
  }
}
.header_logo .logo_plenus {
  width: 9.8096632504vw;
  max-width: 134px;
}
@media (max-width: 767px) {
  .header_logo .logo_plenus {
    width: 18.6666666667vw;
  }
}
.header_logo .logo_company {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .header_logo .logo_company {
    gap: 1.8666666667vw;
  }
}
.header_logo .logo_company img {
  width: 21.9619326501vw;
  max-width: 300px;
  margin-top: -5px;
}
@media (max-width: 767px) {
  .header_logo .logo_company img {
    width: 40vw;
    margin-top: -2px;
  }
}
.header_logo .logo_company .logo_text {
  font-size: clamp(1rem, 1.6rem, 18px);
}
@media (max-width: 767px) {
  .header_logo .logo_company .logo_text {
    font-size: clamp(1rem, 1rem, 10px);
  }
}
@media (min-width: 1980px) {
  .header_logo .logo_company .logo_text {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  #header .header_nav {
    z-index: 6000;
  }
}
@media (max-width: 767px) {
  #header .header_nav {
    position: absolute;
    height: auto;
    left: auto;
    right: -140%;
    top: 0;
    background: #fff;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    z-index: 11;
    overflow: scroll;
    width: 70%;
    max-width: 66.6666666667vw;
    border-radius: 0 0 0 5.3333333333vw;
  }
  #header .header_nav .nav_inner {
    width: 100%;
    padding: 21.3333333333vw 5.3333333333vw 8vw;
  }
  #header .header_nav.active {
    right: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
}
@media (max-width: 560px) {
  #header .header_nav {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #header .header_nav ul.flex.flex-between {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.756954612vw;
    height: 5.8565153734vw;
  }
}
@media only screen and (max-width: 767px) {
  #header .header_nav ul.flex.flex-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4vw;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  #header .header_nav li.nav_ttl {
    width: 100%;
  }
}
#header .header_nav li.nav_ttl > a {
  color: #4B3E2F;
  position: relative;
  line-height: 1;
  font-weight: 600;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  #header .header_nav li.nav_ttl > a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 2.6666666667vw 0;
    position: relative;
    width: 100%;
  }
}
@media (hover: hover) {
  #header .header_nav li.nav_ttl > a:hover {
    opacity: 0.6;
  }
}
#header .header_cta {
  z-index: 1001;
  position: relative;
}
#header .header_cta .btn_square {
  position: relative;
  width: 14.6412884334vw;
  height: 5.8565153734vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  background: -webkit-gradient(linear, left top, right top, from(#EC6E00), color-stop(#F6A000), color-stop(#F6A000), to(#EC6E00));
  background: -webkit-linear-gradient(left, #EC6E00, #F6A000, #F6A000, #EC6E00);
  background: linear-gradient(to right, #EC6E00, #F6A000, #F6A000, #EC6E00);
  background-position: 0 50%;
  background-size: 200% auto;
  border: none;
}
@media (max-width: 767px) {
  #header .header_cta .btn_square {
    width: 21.3333333333vw;
    height: 12vw;
    margin-top: 0;
  }
}
#header .header_cta .btn_square .btn_text {
  color: #fff;
  line-height: 1;
  font-weight: 600;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  #header .header_cta .btn_square .btn_text {
    font-size: clamp(1rem, 1.2rem, 13px);
  }
}
@media (hover: hover) {
  #header .header_cta .btn_square:hover {
    background-position: 50% 100%;
  }
}
#header .hambuger {
  display: block;
  position: relative;
  width: 9.3333333333vw;
  height: 6.4vw;
  z-index: 5000;
}
@media only screen and (min-width: 768px) {
  #header .hambuger {
    display: none;
  }
}
#header .hambuger span {
  position: absolute;
  background: #EA5404;
  width: 90%;
  height: 2px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
#header .hambuger span:first-child {
  top: 0;
}
#header .hambuger span:nth-child(2) {
  top: 2.6666666667vw;
}
#header .hambuger span:last-child {
  top: 5.3333333333vw;
}
#header .hambuger.active span {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
#header .hambuger.active span:first-child {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 8px;
}
#header .hambuger.active span:nth-child(2), #header .hambuger.active span:last-child {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  top: 8px;
}

/* cta
=========================================== */
.footer_cta {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #EDE5DC), to(#EDE5DC));
  background: -webkit-linear-gradient(top, #fff 0%, #fff 50%, #EDE5DC 50%, #EDE5DC 100%);
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #EDE5DC 50%, #EDE5DC 100%);
  margin-top: 5.8565153734vw;
}
@media (max-width: 767px) {
  .footer_cta {
    margin-top: 8vw;
  }
}
.footer_cta .btn_square {
  position: relative;
  width: 100%;
  height: 5.8565153734vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  background: -webkit-gradient(linear, left top, right top, from(#EC6E00), color-stop(#F6A000), color-stop(#F6A000), to(#EC6E00));
  background: -webkit-linear-gradient(left, #EC6E00, #F6A000, #F6A000, #EC6E00);
  background: linear-gradient(to right, #EC6E00, #F6A000, #F6A000, #EC6E00);
  background-position: 0 50%;
  background-size: 200% auto;
  border: none;
}
@media (max-width: 767px) {
  .footer_cta .btn_square {
    height: 16vw;
    margin: 0 auto;
  }
}
.footer_cta .btn_square .btn_text {
  color: #fff;
  line-height: 1;
  font-weight: 600;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .footer_cta .btn_square .btn_text {
    font-size: clamp(1rem, 1.5rem, 16px);
  }
}
@media (hover: hover) {
  .footer_cta .btn_square:hover {
    background-position: 50% 100%;
  }
}

/* footer
=========================================== */
#footer {
  padding: 0 0 1.4641288433vw;
  z-index: 2;
  position: relative;
}
@media (max-width: 767px) {
  #footer {
    padding: 0 0 2.6666666667vw;
  }
}

.footer_recruit {
  background: #EDE5DC;
  padding: 2.9282576867vw 0 4.39238653vw;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 4.39238653vw;
}
@media (max-width: 767px) {
  .footer_recruit {
    padding: 10.6666666667vw 0;
    margin-bottom: 10.6666666667vw;
  }
}
.footer_recruit .en {
  margin-bottom: 0.5em;
}
.footer_recruit .recruit_menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  padding: 0.5em 0;
  gap: 2.196193265vw;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 767px) {
  .footer_recruit .recruit_menu {
    gap: 4vw 4%;
    background: none;
  }
}
@media (max-width: 767px) {
  .footer_recruit .recruit_menu li {
    width: 48%;
    background: #fff;
    padding: 2.1333333333vw 5.3333333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .footer_recruit .recruit_menu li:first-child {
    width: 100%;
  }
}
@media (hover: hover) {
  .footer_recruit .recruit_menu li a:hover {
    opacity: 0.6;
  }
}
@media (min-width: 1980px) {
  .footer_recruit .recruit_menu li a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .footer_recruit .recruit_menu li a {
    width: 100%;
    line-height: 1.4;
    font-size: clamp(1rem, 1.4rem, 15px);
  }
}

.footer_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.4641288433vw;
}
@media (max-width: 767px) {
  .footer_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}

.footer_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.4641288433vw;
}
@media (max-width: 767px) {
  .footer_info {
    gap: 5.3333333333vw;
    margin-bottom: 5.3333333333vw;
    padding-bottom: 6.6666666667vw;
    border-bottom: 1px solid #36322F;
  }
}
.footer_info .footer_info_logo {
  width: 14.6412884334vw;
}
@media (min-width: 1980px) {
  .footer_info .footer_info_logo {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .footer_info .footer_info_logo {
    width: 74.6666666667vw;
    max-width: 300px;
  }
}
.footer_info .footer_info_logo a {
  width: 100%;
}
.footer_info .footer_info_logo a img {
  width: 100%;
}
.footer_info .footer_info_address p {
  line-height: 1.8;
}

.footer_menu {
  width: 49.7803806735vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 5.8565153734vw;
}
@media (min-width: 1980px) {
  .footer_menu {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .footer_menu {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.footer_menu .footer_menu_block > li {
  margin-top: 0.7320644217vw;
}
.footer_menu .footer_menu_block > li:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  .footer_menu .footer_menu_block > li {
    margin-top: 2.6666666667vw;
  }
  .footer_menu .footer_menu_block > li:first-child {
    margin-top: 2.6666666667vw;
  }
}
@media (hover: hover) {
  .footer_menu .footer_menu_block > li a:hover {
    opacity: 0.6;
  }
}
@media (min-width: 1980px) {
  .footer_menu .footer_menu_block > li a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .footer_menu .footer_menu_block .footer_menu_set {
    margin-bottom: 0;
  }
}
.footer_menu .footer_menu_block .footer_menu_set dl dt {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-bottom: 0.3660322108vw;
}
@media (max-width: 767px) {
  .footer_menu .footer_menu_block .footer_menu_set dl dt {
    margin-bottom: 1.3333333333vw;
  }
}
.footer_menu .footer_menu_block .footer_menu_set dl dt:before {
  content: "";
  background: url(../../img/recruit/arrow_btn_open.svg) no-repeat center left;
  background-size: contain;
  display: inline-block;
  width: 1.0248901903vw;
  height: 1.0248901903vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1980px) {
  .footer_menu .footer_menu_block .footer_menu_set dl dt:before {
    font-size: 20px;
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .footer_menu .footer_menu_block .footer_menu_set dl dt:before {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}
@media (min-width: 1980px) {
  .footer_menu .footer_menu_block .footer_menu_set dl dt span {
    font-size: 20px;
  }
}
.footer_menu .footer_menu_block .footer_menu_list > li a {
  font-weight: 500;
  padding-left: 1em;
  position: relative;
}
.footer_menu .footer_menu_block .footer_menu_list > li a:before {
  content: "";
  position: absolute;
  top: 48%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #EA5404;
  width: 6px;
  height: 6px;
  border-radius: 6px;
}
@media (min-width: 1980px) {
  .footer_menu .footer_menu_block .footer_menu_list > li a {
    font-size: 20px;
  }
}
@media (hover: hover) {
  .footer_menu .footer_menu_block .footer_menu_list > li a:hover {
    opacity: 0.6;
  }
}

.footer_bottom {
  margin-bottom: 2.9282576867vw;
  padding-top: 2.9282576867vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.9282576867vw;
}
@media (max-width: 767px) {
  .footer_bottom {
    margin-bottom: 16vw;
    padding-top: 2.6666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5.3333333333vw;
  }
}
.footer_bottom ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1.4641288433vw;
}
@media (max-width: 767px) {
  .footer_bottom ul {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.6666666667vw;
  }
}
@media (min-width: 1980px) {
  .footer_bottom ul li a {
    font-size: 20px;
  }
}
@media (hover: hover) {
  .footer_bottom ul li a:hover {
    opacity: 0.6;
  }
}

.copy {
  text-align: center;
}
.copy small {
  font-weight: 500;
}
@media (min-width: 1980px) {
  .copy small {
    font-size: 20px;
  }
}

/* 下層ページ共通
=========================================== */
.page_title_box {
  position: relative;
  width: 100%;
  z-index: 3;
  background: url(../../img/recruit/page_title_bg.svg) top 4.39238653vw right no-repeat;
  background-size: auto 70%;
}
@media (max-width: 767px) {
  .page_title_box {
    background: url(../../img/recruit/page_title_bg.svg) top 18.6666666667vw right no-repeat;
    background-size: 22% auto;
  }
}
.page_title_box .page_title {
  padding: 10.2489019034vw 0 5.1244509517vw;
}
@media (max-width: 767px) {
  .page_title_box .page_title {
    padding: 14.6666666667vw 0 8vw;
  }
}
.page_title_box .page_title span.mincho {
  display: inline-block;
  font-weight: 700;
  font-size: clamp(1rem, 2rem, 21px);
  line-height: 1;
  margin-bottom: 1.0980966325vw;
  padding: 0.3em 0.4em;
  color: #EA5404;
  position: relative;
}
@media (max-width: 767px) {
  .page_title_box .page_title span.mincho {
    font-size: clamp(1rem, 1.2rem, 13px);
    margin-bottom: 2.6666666667vw;
    padding-top: 5.3333333333vw;
  }
}
.page_title_box .page_title h1.mincho {
  font-size: clamp(1rem, 5rem, 58px);
  font-weight: 600;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .page_title_box .page_title h1.mincho {
    font-size: clamp(1rem, 2.2rem, 24px);
    padding-bottom: 5.3333333333vw;
  }
}
@media (min-width: 1980px) {
  .page_title_box .page_title h1.mincho {
    font-size: 58px;
  }
}

/* sectiion見出し
=========================================== */
.section_title {
  font-family: "Noto Serif JP", serif;
  font-size: clamp(1rem, 4rem, 48px);
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 2.196193265vw;
}
@media (max-width: 767px) {
  .section_title {
    font-size: clamp(1rem, 2.2rem, 24px);
    margin-bottom: 5.3333333333vw;
  }
}
@media (min-width: 1980px) {
  .section_title {
    font-size: 48px;
  }
}
.section_title.white {
  color: #fff;
}
.section_title .color {
  color: #EA5404;
}
.section_title .line {
  background: #FAF4ED;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 1.0248901903vw;
}
.section_title .line.kakko {
  padding-left: 1px;
}
@media (max-width: 767px) {
  .section_title .line {
    margin-bottom: 2.1333333333vw;
  }
}
.section_title .line.white {
  background: #fff;
}

.big_en {
  position: absolute;
  top: 30px;
}
.big_en p {
  font-size: clamp(1rem, 11rem, 120px);
  font-family: "Cormorant Garamond", serif;
  line-height: 1;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .big_en p {
    font-size: clamp(1rem, 4.2rem, 44px);
  }
}
@media (min-width: 1980px) {
  .big_en p {
    font-size: 180px;
  }
}
.big_en.left {
  left: 0;
}
@media (max-width: 767px) {
  .big_en.left {
    left: auto;
    right: 0;
  }
}
.big_en.right {
  right: 0;
}
.big_en.right p {
  text-align: right;
}
.big_en.sideways {
  text-orientation: sideways;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.big_en.sideways p {
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}

.title_bg_main {
  background: #EA5404;
  color: #fff;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 0.2em 0;
}

/* btn
=========================================== */
.section_btn {
  margin-top: 2.9282576867vw;
}
@media (max-width: 767px) {
  .section_btn {
    margin-top: 8vw;
  }
}

.btn_arrow {
  position: relative;
  display: inline-block;
  padding-right: 3.6603221083vw;
}
@media (max-width: 767px) {
  .btn_arrow {
    padding-right: 13.3333333333vw;
  }
}
.btn_arrow:before {
  content: "";
  width: 2.9282576867vw;
  height: 2.9282576867vw;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: -webkit-gradient(linear, left top, right top, from(#EC6E00), color-stop(#F6A000), color-stop(#F6A000), to(#EC6E00));
  background: -webkit-linear-gradient(left, #EC6E00, #F6A000, #F6A000, #EC6E00);
  background: linear-gradient(to right, #EC6E00, #F6A000, #F6A000, #EC6E00);
  background-position: 0 50%;
  background-size: 200% auto;
  border: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .btn_arrow:before {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.btn_arrow:after {
  content: "";
  width: 0.439238653vw;
  height: 0.439238653vw;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 1.317715959vw;
  bottom: 0;
  margin: auto;
}
@media (max-width: 767px) {
  .btn_arrow:after {
    width: 1.6vw;
    height: 1.6vw;
    right: 4.8vw;
  }
}
@media (max-width: 767px) {
  .btn_arrow .btn_text {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
}
@media (hover: hover) {
  .btn_arrow:hover:before {
    background-position: 50% 100%;
  }
}

.btn_round {
  position: relative;
  border-radius: 2.5622254758vw;
  width: clamp(1rem, 21.9619326501vw, 360px);
  height: 5.1244509517vw;
  background: #EA5404;
  color: #fff;
  padding: 2px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1980px) {
  .btn_round {
    height: 3.125vw;
    width: 410px;
  }
}
@media only screen and (max-width: 767px) {
  .btn_round {
    width: 100%;
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
  }
  .btn_round .btn_text {
    font-size: clamp(1rem, 1.3rem, 16px);
  }
}
@media (hover: hover) {
  .btn_round:hover {
    padding: 2px;
    background: -webkit-linear-gradient(300deg, rgb(236, 110, 0), rgb(246, 160, 0));
    background: linear-gradient(150deg, rgb(236, 110, 0), rgb(246, 160, 0));
  }
}
.btn_round.arrow {
  position: relative;
}
.btn_round.arrow:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 1.4641288433vw;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .btn_round.arrow:after {
    right: 2.6666666667vw;
    width: 4px;
    height: 4px;
  }
}
.btn_round.arrow_bottom {
  position: relative;
}
.btn_round.arrow_bottom:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 1.4641288433vw;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .btn_round.arrow_bottom:after {
    right: 2.6666666667vw;
  }
}
.btn_round.accent {
  background: -webkit-linear-gradient(300deg, rgb(236, 110, 0), rgb(246, 160, 0));
  background: linear-gradient(150deg, rgb(236, 110, 0), rgb(246, 160, 0));
}
@media (hover: hover) {
  .btn_round.accent:hover {
    padding: 2px;
    background: #EA5404;
  }
}

.btn_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.9282576867vw;
  margin-top: 2.9282576867vw;
}
@media (max-width: 767px) {
  .btn_flex {
    gap: 2.6666666667vw;
    margin-top: 10.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn_flex .btn_round {
    min-width: 37.3333333333vw;
    max-width: 74.6666666667vw;
  }
  .btn_flex .btn_round .btn_text {
    font-size: clamp(1rem, 1.3rem, 16px);
  }
}

button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
}

/* list
=========================================== */
.list > li, .list > dd {
  color: #EA5404;
  list-style-type: disc;
  margin-left: 1em;
}
.list > li span, .list > dd span {
  color: #4B3E2F;
  font-weight: 500;
  position: relative;
}
@media (min-width: 1980px) {
  .list > li span, .list > dd span {
    font-size: 20px;
  }
}
.list dt {
  margin-top: 10px;
}

/* mainvisual
=========================================== */
#mainvivisual {
  position: relative;
  width: 100%;
  padding: 0;
  margin-top: 5.8565153734vw;
  margin-bottom: 5.8565153734vw;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  #mainvivisual {
    margin-top: 14.6666666667vw;
    margin-bottom: 14.6666666667vw;
  }
}
#mainvivisual .mv_text {
  position: absolute;
  top: 0.7320644217vw;
  right: 9.5168374817vw;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  #mainvivisual .mv_text {
    top: 0;
    right: 0;
  }
}
#mainvivisual .mv_text .mv_text01 {
  -webkit-animation: main-anim 0.7s 1.7s forwards;
          animation: main-anim 0.7s 1.7s forwards;
  opacity: 0;
  width: 4.39238653vw;
  margin-left: 0.7320644217vw;
}
@media (max-width: 960px) {
  #mainvivisual .mv_text .mv_text01 {
    width: 4.0263543192vw;
    margin-left: 0.5856515373vw;
  }
}
@media (max-width: 767px) {
  #mainvivisual .mv_text .mv_text01 {
    width: 8vw;
    margin-left: 1.3333333333vw;
  }
}
@media (max-width: 520px) {
  #mainvivisual .mv_text .mv_text01 {
    width: 9.3333333333vw;
  }
}
@media (min-width: 1980px) {
  #mainvivisual .mv_text .mv_text01 {
    width: 5.8565153734vw;
    margin-left: 0.7320644217vw;
  }
}
#mainvivisual .mv_text .mv_text02 {
  -webkit-animation: main-anim 1.7s 2.7s forwards;
          animation: main-anim 1.7s 2.7s forwards;
  opacity: 0;
  width: 4.39238653vw;
}
@media (max-width: 960px) {
  #mainvivisual .mv_text .mv_text02 {
    width: 4.0263543192vw;
  }
}
@media (max-width: 767px) {
  #mainvivisual .mv_text .mv_text02 {
    width: 8vw;
  }
}
@media (max-width: 520px) {
  #mainvivisual .mv_text .mv_text02 {
    width: 9.3333333333vw;
  }
}
@media (min-width: 1980px) {
  #mainvivisual .mv_text .mv_text02 {
    width: 5.8565153734vw;
  }
}
#mainvivisual .main_img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#mainvivisual .main-slide {
  margin-left: 8%;
}
#mainvivisual .main-slide .slide {
  height: auto;
  display: block;
}
#mainvivisual .main-slide .slide .mv_img img {
  width: 100%;
  border-radius: 2.9282576867vw 0 0 0;
}
@media (max-width: 767px) {
  #mainvivisual .main-slide .slide .mv_img img {
    border-radius: 10.6666666667vw 0 0 0;
  }
}
#mainvivisual .mv_sentence {
  position: absolute;
  bottom: -2px;
  left: 0;
  background: #fff;
  text-align: left;
  margin-left: 8%;
  padding: 1.4641288433vw 0.7320644217vw 0 0;
  -webkit-animation: main-anim 2.4s 3.4s forwards;
          animation: main-anim 2.4s 3.4s forwards;
  opacity: 0;
}
@media (max-width: 767px) {
  #mainvivisual .mv_sentence {
    position: static;
    padding: 0;
    margin-top: 5.3333333333vw;
  }
  #mainvivisual .mv_sentence p {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
}

@-webkit-keyframes main-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes main-anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* top_interview
=========================================== */
#top_interview {
  position: relative;
}
#top_interview .big_en.right {
  top: -3.6603221083vw;
}
@media (max-width: 767px) {
  #top_interview .big_en.right {
    top: 4vw;
  }
}
#top_interview .container {
  position: relative;
}
@media screen and (min-width: 768px) {
  #top_interview .container .section_btn {
    position: absolute;
    top: 4.39238653vw;
    right: 0;
  }
}
#top_interview .top_interviewbox {
  background: url(../../img/recruit/bg_logo.svg) left 11.7130307467vw top no-repeat;
  background-size: auto 97%;
  padding-top: 7.6866764275vw;
  margin-top: 7.3206442167vw;
}
@media screen and (max-width: 767px) {
  #top_interview .top_interviewbox {
    background: url(../../img/recruit/bg_logo.svg) center top no-repeat;
    background-size: auto 88%;
    padding-top: 21.3333333333vw;
    margin-top: -5.3333333333vw;
  }
}
#top_interview .interview-slide {
  margin-right: calc(50% - 50vw - 10%);
}
@media screen and (max-width: 767px) {
  #top_interview .interview-slide {
    margin-right: 1%;
    margin-left: 1%;
  }
}
#top_interview .interview-slide .slide {
  height: auto;
  margin-right: 30px;
  margin-bottom: 3px;
}
@media screen and (max-width: 767px) {
  #top_interview .interview-slide .slide {
    margin-right: 0;
  }
}
#top_interview .interview-slide .slide .slide_set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}
@media screen and (max-width: 767px) {
  #top_interview .interview-slide .slide .slide_set {
    margin-top: 0;
  }
}
#top_interview .interview-slide .slide .slide_set:after {
  position: absolute;
  bottom: 40px;
  right: 20px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.4em;
  height: 0.4em;
  border-top: 1px solid #EA5404;
  border-right: 1px solid #EA5404;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 6;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 960px) {
  #top_interview .interview-slide .slide .slide_set:after {
    bottom: 15px;
    right: 10px;
  }
}
@media (max-width: 767px) {
  #top_interview .interview-slide .slide .slide_set:after {
    bottom: 40px;
    right: 20px;
  }
}
#top_interview .interview-slide .slide .slide_set img {
  width: 46%;
  height: auto;
}
#top_interview .interview-slide .slide .slide_set .slide_text {
  width: 54%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: first baseline;
  -webkit-justify-content: first baseline;
      -ms-flex-pack: first baseline;
          justify-content: first baseline;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#top_interview .interview-slide .slide .slide_set .slide_title {
  height: 6.5em;
  margin-top: 1.4641288433vw;
  margin-left: 1.4641288433vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1600px) {
  #top_interview .interview-slide .slide .slide_set .slide_title {
    height: 8.0527086384vw;
  }
}
@media (max-width: 960px) {
  #top_interview .interview-slide .slide .slide_set .slide_title {
    height: 7.3206442167vw;
  }
}
@media (max-width: 767px) {
  #top_interview .interview-slide .slide .slide_set .slide_title {
    margin-top: 5.3333333333vw;
    margin-left: 5.3333333333vw;
    height: 16vw;
  }
}
#top_interview .interview-slide .slide .slide_set .slide_title p {
  font-family: "Noto Serif JP", serif;
  line-height: 1.6;
  font-weight: 700;
  font-size: clamp(1rem, 2.1rem, 21px);
}
@media (max-width: 1600px) {
  #top_interview .interview-slide .slide .slide_set .slide_title p {
    font-size: clamp(1rem, 1.7rem, 17px);
  }
}
@media (max-width: 960px) {
  #top_interview .interview-slide .slide .slide_set .slide_title p {
    font-size: clamp(1rem, 1.65rem, 17px);
  }
}
@media (max-width: 767px) {
  #top_interview .interview-slide .slide .slide_set .slide_title p {
    font-size: clamp(1rem, 1.3rem, 14px);
  }
}
@media (min-width: 1980px) {
  #top_interview .interview-slide .slide .slide_set .slide_title p {
    font-size: 21px;
  }
}
#top_interview .interview-slide .slide .slide_set .slide_detail {
  line-height: 1.5;
  font-weight: 500;
  margin-left: 1.4641288433vw;
}
@media (max-width: 1600px) {
  #top_interview .interview-slide .slide .slide_set .slide_detail {
    font-size: clamp(1rem, 1.3rem, 14px);
  }
}
@media (max-width: 960px) {
  #top_interview .interview-slide .slide .slide_set .slide_detail {
    font-size: clamp(1rem, 1.3rem, 14px);
  }
}
@media (max-width: 767px) {
  #top_interview .interview-slide .slide .slide_set .slide_detail {
    margin-top: 5.3333333333vw;
    margin-left: 5.3333333333vw;
    font-size: clamp(1rem, 1.1rem, 12px);
  }
}
@media (hover: hover) {
  #top_interview .interview-slide .slide .slide_set:hover {
    opacity: 0.85;
  }
  #top_interview .interview-slide .slide .slide_set:hover:after {
    right: 15px;
  }
}

/* top_work
=========================================== */
#top_work {
  background: url(../../img/recruit/bg_green.jpg) top center repeat-y;
  background-size: 100% auto;
  position: relative;
  padding-bottom: 4.39238653vw;
}
@media only screen and (max-width: 767px) {
  #top_work {
    background: url(../../img/recruit/bg_green.jpg) center repeat-y;
    background-size: 260% auto;
    padding-bottom: 16vw;
  }
}
#top_work .big_en.left {
  top: -1.4641288433vw;
}
@media (max-width: 767px) {
  #top_work .big_en.left {
    top: -5.3333333333vw;
  }
}
#top_work .top_work_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #top_work .top_work_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#top_work .top_work_flex .top_work_left {
  width: 51%;
  margin-top: -1.4641288433vw;
}
@media only screen and (max-width: 767px) {
  #top_work .top_work_flex .top_work_left {
    width: 100%;
    margin-top: 0;
  }
}
#top_work .top_work_flex .top_work_right {
  width: 45%;
  margin-top: -1.0980966325vw;
}
@media only screen and (max-width: 767px) {
  #top_work .top_work_flex .top_work_right {
    width: 100%;
    margin-top: 8vw;
  }
}
#top_work .top_work_list li {
  background: #fff;
  margin-top: 0.7320644217vw;
  padding: 0.7320644217vw 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #top_work .top_work_list li {
    margin-top: 2.6666666667vw;
    padding: 2.6666666667vw 0;
  }
}
#top_work .top_work_list li figure {
  width: 17%;
  margin-right: 3%;
}
@media only screen and (max-width: 767px) {
  #top_work .top_work_list li figure {
    width: 16%;
    margin-right: 4%;
  }
}
#top_work .top_work_list li dl {
  width: 70%;
}
@media only screen and (max-width: 767px) {
  #top_work .top_work_list li dl {
    width: 75%;
  }
}
#top_work .top_work_list li dl dd {
  margin-top: 0.3em;
  line-height: 1.5;
}

/* top_features
=========================================== */
#top_features {
  position: relative;
  padding-top: 2.9282576867vw;
  padding-bottom: 2.9282576867vw;
}
@media only screen and (max-width: 767px) {
  #top_features {
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}
#top_features .top_features_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  #top_features .top_features_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#top_features .top_features_flex figure {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: calc(50% - 50vw);
  margin-right: 4%;
}
@media only screen and (max-width: 767px) {
  #top_features .top_features_flex figure {
    width: 80%;
    margin: 0 0 10.6666666667vw;
  }
}
@media (min-width: 1980px) {
  #top_features .top_features_flex figure {
    margin-left: calc(50% - 40vw);
  }
}
#top_features .top_features_flex .top_features_text {
  width: 66%;
}
@media only screen and (max-width: 767px) {
  #top_features .top_features_flex .top_features_text {
    width: 100%;
  }
}

/* interview
=========================================== */
#interview {
  background: #fff;
  position: relative;
  height: 100%;
}
#interview:before {
  position: absolute;
  top: 4.39238653vw;
  left: 0;
  width: 100%;
  height: calc(100% - 4.39238653vw);
  background: url(../../img/recruit/bg_orange.jpg) top center repeat-y;
  background-size: 100% auto;
  content: "";
}
@media only screen and (max-width: 767px) {
  #interview:before {
    top: 8vw;
    height: calc(100% - 8vw);
  }
}
#interview .big_en {
  top: 4.39238653vw;
}
@media only screen and (max-width: 767px) {
  #interview .big_en {
    display: none;
  }
}
#interview .big_en p {
  color: rgba(253, 253, 253, 0.4);
}
#interview .section_inner {
  position: relative;
}
#interview .interview_list > li {
  background: #fff;
  margin-bottom: 2.9282576867vw;
}
#interview .interview_list > li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #interview .interview_list > li {
    margin-bottom: 10.6666666667vw;
  }
  #interview .interview_list > li:last-child {
    margin-bottom: 0;
  }
}
#interview .interview_list .interview_summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  background: #fff;
  width: 100%;
}
@media (max-width: 767px) {
  #interview .interview_list .interview_summary {
    padding-bottom: 10.6666666667vw;
  }
}
#interview .interview_list .interview_summary figure {
  width: 50%;
  height: auto;
}
@media (max-width: 767px) {
  #interview .interview_list .interview_summary figure {
    width: 48%;
  }
}
#interview .interview_list .interview_summary figure img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  #interview .interview_list .interview_summary figure img {
    width: 100%;
    height: auto;
  }
}
#interview .interview_list .interview_summary .interview_text {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: first baseline;
  -webkit-justify-content: first baseline;
      -ms-flex-pack: first baseline;
          justify-content: first baseline;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  #interview .interview_list .interview_summary .interview_text {
    width: 52%;
  }
}
#interview .interview_list .interview_summary .interview_num {
  font-weight: 500;
  padding-left: 1em;
  position: relative;
  margin-left: 2.9282576867vw;
  margin-bottom: 1.4641288433vw;
}
@media (max-width: 767px) {
  #interview .interview_list .interview_summary .interview_num {
    margin-left: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
    font-size: clamp(1rem, 1.1rem, 12px);
  }
}
#interview .interview_list .interview_summary .interview_num:before {
  content: "";
  position: absolute;
  top: 48%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #EA5404;
  width: 6px;
  height: 6px;
  border-radius: 6px;
}
#interview .interview_list .interview_summary .interview_title {
  margin-bottom: 3.6603221083vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 2.9282576867vw;
}
@media (max-width: 767px) {
  #interview .interview_list .interview_summary .interview_title {
    margin-bottom: 1.3333333333vw;
    margin-left: 2.6666666667vw;
  }
}
#interview .interview_list .interview_summary .interview_title p {
  background: #EA5404;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 0.2928257687vw;
  color: #fff;
  font-size: clamp(1rem, 3.6rem, 40px);
  font-weight: 600;
  line-height: 1.6;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 767px) {
  #interview .interview_list .interview_summary .interview_title p {
    font-size: clamp(1rem, 1.3rem, 14px);
    margin-bottom: 0.8vw;
    padding: 0 6px;
  }
}
@media (min-width: 1980px) {
  #interview .interview_list .interview_summary .interview_title p {
    font-size: 40px;
  }
}
#interview .interview_list .interview_summary .interview_detail {
  line-height: 1.5;
  font-weight: 500;
  margin-left: 2.9282576867vw;
}
@media (max-width: 767px) {
  #interview .interview_list .interview_summary .interview_detail {
    margin-top: 1.8666666667vw;
    margin-left: 4vw;
  }
  #interview .interview_list .interview_summary .interview_detail .text26, #interview .interview_list .interview_summary .interview_detail .s_text {
    font-size: clamp(1rem, 1.1rem, 12px);
  }
}
#interview .interview_list li:nth-of-type(2n) .interview_summary {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.open_box {
  padding: 3.6603221083vw;
}
@media (max-width: 767px) {
  .open_box {
    padding: 6.6666666667vw 2.6666666667vw;
  }
}
.open_box .data_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .open_box .data_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.6666666667vw;
  }
}
.open_box .data {
  width: 49%;
}
@media (max-width: 767px) {
  .open_box .data {
    width: 100%;
  }
}
.open_box .data dl {
  font-size: clamp(1rem, 1.6rem, 18px);
}
@media (max-width: 767px) {
  .open_box .data dl {
    font-size: clamp(1rem, 1.3rem, 14px);
  }
}
@media (min-width: 1980px) {
  .open_box .data dl {
    font-size: 18px;
  }
}
.open_box .data dl div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.3660322108vw;
}
@media (max-width: 767px) {
  .open_box .data dl div {
    margin-top: 1.3333333333vw;
  }
}
.open_box .data dl div dt {
  background: #9F633C;
  color: #fff;
  width: 11.0541727672vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1rem, 1.6rem, 18px);
}
@media (max-width: 767px) {
  .open_box .data dl div dt {
    width: 40.2666666667vw;
    font-size: clamp(1rem, 1.3rem, 14px);
  }
}
@media (min-width: 1980px) {
  .open_box .data dl div dt {
    font-size: 18px;
  }
}
.open_box .data dl div dd {
  width: 18.3016105417vw;
  padding-left: 0.7320644217vw;
}
@media (max-width: 767px) {
  .open_box .data dl div dd {
    width: 66.6666666667vw;
    padding-left: 2.6666666667vw;
  }
}
.open_box .schedule {
  width: 44%;
  padding: 0.5em 1em;
  background-color: #FAF4ED;
  position: relative;
}
.open_box .schedule:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: #D0C5B8 #fff #D0C5B8;
  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.open_box .schedule .schedule_ttl {
  background: url(../../img/recruit/icon_schedule.svg) no-repeat left center;
  background-size: auto 100%;
  display: inline-block;
  padding-left: 2em;
}
@media (max-width: 767px) {
  .open_box .schedule {
    width: 100%;
  }
}
.open_box .schedule table th, .open_box .schedule table td {
  font-size: clamp(1rem, 1.6rem, 18px);
}
@media (max-width: 767px) {
  .open_box .schedule table th, .open_box .schedule table td {
    font-size: clamp(1rem, 1.3rem, 14px);
  }
}
@media (min-width: 1980px) {
  .open_box .schedule table th, .open_box .schedule table td {
    font-size: 18px;
  }
}
.open_box .schedule table th {
  padding: 0.3660322108vw 0.7320644217vw 0.3660322108vw 0;
  white-space: nowrap;
  line-height: 1.6;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .open_box .schedule table th {
    padding: 1.3333333333vw 2.6666666667vw 1.3333333333vw 0;
  }
}
.open_box .schedule table td {
  line-height: 1.6;
  padding: 0.3660322108vw 0;
}
@media (max-width: 767px) {
  .open_box .schedule table td {
    padding: 1.3333333333vw 0;
  }
}
.open_box .qa {
  margin-top: 2.9282576867vw;
}
@media (max-width: 767px) {
  .open_box .qa {
    margin-top: 10.6666666667vw;
  }
}
.open_box .qa_ttl {
  font-weight: bold;
  border-bottom: 0.2196193265vw solid #EA5404;
  padding-bottom: 1.0980966325vw;
  margin-bottom: 1.4641288433vw;
  position: relative;
}
@media (max-width: 767px) {
  .open_box .qa_ttl {
    font-size: clamp(1rem, 1.3rem, 14px);
    border-bottom: 0.2666666667vw solid #EA5404;
    padding-bottom: 2.1333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.open_box .qa_ttl:before {
  content: "";
  background-color: #fff;
  width: 1.4641288433vw;
  height: 0.2196193265vw;
  position: absolute;
  left: 2.196193265vw;
  bottom: -0.2196193265vw;
}
@media (max-width: 767px) {
  .open_box .qa_ttl:before {
    width: 2.6666666667vw;
    height: 0.2666666667vw;
    left: 4vw;
    bottom: -0.2666666667vw;
  }
}
.open_box .qa_ttl:after {
  content: "";
  background-color: #EA5404;
  width: 1.4641288433vw;
  height: 0.2196193265vw;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  position: absolute;
  left: 1.8301610542vw;
  bottom: -0.7320644217vw;
}
@media (max-width: 767px) {
  .open_box .qa_ttl:after {
    width: 2.6666666667vw;
    height: 0.2666666667vw;
    -webkit-transform: rotate(50deg);
            transform: rotate(50deg);
    position: absolute;
    left: 3.2vw;
    bottom: -1.0666666667vw;
  }
}
.open_box .qa_ttl .en {
  color: #EA5404;
  display: inline-block;
  margin-right: 0.8em;
  font-weight: 700;
}
@media (max-width: 767px) {
  .open_box .qa p {
    font-size: clamp(1rem, 1.3rem, 14px);
  }
}
.open_box .qa_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .open_box .qa_flex {
    gap: 5.3333333333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.open_box .qa_flex .qa_text {
  width: 66%;
}
@media (max-width: 767px) {
  .open_box .qa_flex .qa_text {
    width: 100%;
  }
}
.open_box .qa_flex .qa_img {
  width: 26%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.4641288433vw;
}
@media (max-width: 767px) {
  .open_box .qa_flex .qa_img {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
.open_box .qa_flex .qa_img .qa_img1 {
  width: 80%;
}
@media (max-width: 767px) {
  .open_box .qa_flex .qa_img .qa_img1 {
    width: 50%;
  }
}
.open_box .qa_flex .qa_img .qa_img2 {
  width: 100%;
}
@media (max-width: 767px) {
  .open_box .qa_flex .qa_img .qa_img2 {
    width: 50%;
  }
}
.open_box .goodthings_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 2.9282576867vw;
}
@media (max-width: 767px) {
  .open_box .goodthings_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.open_box .goodthings_flex .goodthings {
  width: 72%;
  padding: 1em 1.5em;
  background-color: #FAF4ED;
}
@media (max-width: 767px) {
  .open_box .goodthings_flex .goodthings {
    width: 100%;
  }
}
.open_box .goodthings_flex .goodthings li {
  line-height: 1.8;
  margin-top: 0.7320644217vw;
}
@media (max-width: 767px) {
  .open_box .goodthings_flex .goodthings li {
    margin-top: 2.6666666667vw;
  }
  .open_box .goodthings_flex .goodthings li span {
    font-size: clamp(1rem, 1.3rem, 14px);
  }
}
.open_box .goodthings_flex .goodthings_img {
  width: 22%;
}
@media (max-width: 767px) {
  .open_box .goodthings_flex .goodthings_img {
    width: 100%;
  }
}
.open_box .goodthings_ttl {
  font-weight: bold;
  padding-bottom: 0.7320644217vw;
  position: relative;
}
@media (max-width: 767px) {
  .open_box .goodthings_ttl {
    font-size: clamp(1rem, 1.3rem, 14px);
    padding-bottom: 2.6666666667vw;
  }
}
.open_box .goodthings_ttl:after {
  content: "";
  background-size: 10px 10px;
  background-color: #e1eef5;
  background-image: -webkit-repeating-linear-gradient(135deg, #EA5404 0, #EA5404 2px, #FAF4ED 0, #FAF4ED 50%);
  background-image: repeating-linear-gradient(-45deg, #EA5404 0, #EA5404 2px, #FAF4ED 0, #FAF4ED 50%);
  width: 60px;
  height: 7px;
  position: absolute;
  bottom: -5px;
  left: 0;
}

/* accordion
=========================================== */
.js-accordion-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3660322108vw 0.7320644217vw;
  background: #4C4C4C;
  width: 10.980966325vw;
  height: 4.39238653vw;
  margin-top: -4.39238653vw;
  position: relative;
  z-index: 5;
  float: right;
}
@media (max-width: 767px) {
  .js-accordion-title {
    width: 100%;
    height: 10.6666666667vw;
    margin-top: -10.6666666667vw;
    padding: 1.3333333333vw 2.6666666667vw;
  }
}
.js-accordion-title .title_text {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  height: 100%;
  color: #fff;
  font-size: clamp(1rem, 1.8rem, 20px);
  line-height: 2.2;
  letter-spacing: 0.04em;
  font-weight: 600;
}
@media (max-width: 767px) {
  .js-accordion-title .title_text {
    font-size: clamp(1rem, 1.4rem, 15px);
  }
}
@media (min-width: 1980px) {
  .js-accordion-title .title_text {
    font-size: 20px;
  }
}
.js-accordion-title .title_text:after {
  content: "";
  vertical-align: middle;
  width: 0.3em;
  height: 0.3em;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 6;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.js-accordion-title.open .title_text {
  font-size: 0;
}
.js-accordion-title.open .title_text:before {
  display: block;
  content: "CLOSE";
  color: #fff;
  font-size: clamp(1rem, 1.8rem, 20px);
  line-height: 2.2;
  letter-spacing: 0.04em;
  font-weight: 600;
}
@media (max-width: 767px) {
  .js-accordion-title.open .title_text:before {
    font-size: clamp(1rem, 1.4rem, 14px);
  }
}
@media (min-width: 1980px) {
  .js-accordion-title.open .title_text:before {
    font-size: 20px;
  }
}
.js-accordion-title.open .title_text:after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  z-index: 6;
  font-size: clamp(1rem, 1.8rem, 20px);
  line-height: 2.2;
  letter-spacing: 0.04em;
  font-weight: 600;
}
@media (max-width: 767px) {
  .js-accordion-title.open .title_text:after {
    font-size: clamp(1rem, 1.4rem, 14px);
  }
}
@media (min-width: 1980px) {
  .js-accordion-title.open .title_text:after {
    font-size: 20px;
  }
}

.accordion-content {
  display: none;
}

/* features
=========================================== */
#features {
  background: url(../../img/recruit/bg_orange2.jpg) top 4.39238653vw center no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #features {
    background: url(../../img/recruit/bg_orange.jpg) top 16vw center no-repeat;
    background-size: 100% auto;
  }
}
#features .mainimg {
  margin-right: calc(50% - 50vw);
}
#features .section_inner {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #fff), to(#fff));
  background: -webkit-linear-gradient(left, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
  background: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
  position: relative;
}
#features .section_inner .container {
  background: #fff;
}
#features .features_flex {
  padding: 4.39238653vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #features .features_flex {
    padding: 8vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#features .features_flex figure {
  width: 34%;
}
@media only screen and (max-width: 767px) {
  #features .features_flex figure {
    width: 100%;
  }
}
#features .features_flex .textbox {
  width: 56%;
}
@media only screen and (min-width: 1600px) {
  #features .features_flex .textbox {
    padding: 2.196193265vw 1.4641288433vw 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #features .features_flex .textbox {
    width: 100%;
    margin-top: 10.6666666667vw;
  }
}
#features .point_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #features .point_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.6666666667vw;
  }
}
#features .point_list li {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  #features .point_list li {
    width: 100%;
  }
}
#features .point_list li > p {
  margin-top: 1em;
}
#features .point_list li .point_img {
  position: relative;
}
#features .point_list li .point_img .point_ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: 66px;
  background: #fff;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
}
#features .point_list li .point_img .point_ttl .mincho {
  font-size: 3.6rem;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #features .point_list li .point_img .point_ttl .mincho {
    font-size: 3rem;
  }
}
@media (min-width: 1980px) {
  #features .point_list li .point_img .point_ttl .mincho {
    font-size: 36px;
  }
}
#features .point_list li .point_img .point_ttl .mincho:first-letter {
  color: #EA5404;
}
#features .point_list li .point_img .point {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #EA5404;
  text-orientation: sideways;
  padding: 5px 5px;
}
@media (max-width: 767px) {
  #features .point_list li .point_img .point {
    width: 8vw;
  }
}
#features .point_list li .point_img .point .sideways {
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  color: #fff;
  line-height: 1;
}
#features .point_list li .point_img .point .sideways .en {
  margin-bottom: 10px;
  line-height: 1;
}
#features .point_list li .point_img .point .sideways .mincho {
  line-height: 1;
}

/* data
=========================================== */
#data {
  position: relative;
}
#data .data_ttl {
  background: url(../../img/recruit/data_bg.jpg) top center no-repeat;
  background-size: cover;
  height: 21.9619326501vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  #data .data_ttl {
    height: 53.3333333333vw;
  }
}
#data .data_ttl .mincho {
  color: #fff;
  line-height: 1;
  font-size: clamp(1rem, 4.6rem, 54px);
}
@media (max-width: 767px) {
  #data .data_ttl .mincho {
    font-size: clamp(1rem, 2.2rem, 24px);
  }
}
#data .big_en.left {
  top: 24.1581259151vw;
}
@media (max-width: 767px) {
  #data .big_en.left {
    top: 40vw;
  }
}
#data .section_title {
  text-align: center;
  margin: 3em auto 1em;
}
#data .data_title {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0.5em 1.5em;
  color: #fff;
  background: #EA5404;
  line-height: 1;
  margin-bottom: 1em;
}
#data .data_title.mb5 {
  margin-bottom: 5px;
}
#data .data_title:after {
  position: absolute;
  top: calc(50% - 0.2em);
  left: 0.6em;
  width: 0.4em;
  height: 0.4em;
  content: "";
  border-radius: 50%;
  background: #fff;
}
#data .jobtype_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.4641288433vw;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #data .jobtype_flex {
    gap: 10.6666666667vw;
    margin-bottom: 8vw;
  }
}
#data .jobtype_flex li {
  width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
@media only screen and (max-width: 767px) {
  #data .jobtype_flex li {
    width: 40%;
  }
}
#data .jobtype_flex li h5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  line-height: 1.4;
}
#data .jobtype_flex li figure {
  height: 6.0029282577vw;
  max-height: 82px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#data .jobtype_flex li figure img {
  width: auto;
  height: 95%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #data .jobtype_flex li figure {
    height: 26.6666666667vw;
  }
}
@media (min-width: 1980px) {
  #data .jobtype_flex li figure {
    height: 80px;
  }
}
#data .num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: first baseline;
  -webkit-align-items: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  margin-top: 5px;
}
#data .num .mincho {
  color: #EA5404;
  font-size: 3.6rem;
  line-height: 1;
}
@media (max-width: 767px) {
  #data .num .mincho {
    font-size: 3rem;
  }
}
@media (min-width: 1980px) {
  #data .num .mincho {
    font-size: 36px;
  }
}
#data .num .unit {
  line-height: 1;
}
#data .num .unit.ml5 {
  margin-left: 5px;
}
#data .num .unit.mr5 {
  margin-right: 5px;
}
#data .data_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #data .data_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#data .data_flex li {
  width: 29%;
  margin-right: 6%;
  margin-top: 2.9282576867vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#data .data_flex li:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  #data .data_flex li {
    width: 100%;
    margin-top: 10.6666666667vw;
    margin-right: 0;
  }
}
#data .data_flex li .data_set {
  padding-bottom: 1.0980966325vw;
}
@media only screen and (max-width: 767px) {
  #data .data_flex li .data_set {
    padding-bottom: 4vw;
  }
}
#data .data_flex li .data_set figure {
  height: 7.8330893119vw;
  max-height: 107px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  #data .data_flex li .data_set figure {
    height: 28.5333333333vw;
  }
}
@media (min-width: 1980px) {
  #data .data_flex li .data_set figure {
    height: 107px;
  }
}
#data .data_flex li .data_set figure img {
  width: auto;
  height: 95%;
  text-align: center;
}

/* benefits
=========================================== */
#benefits {
  position: relative;
  padding-bottom: 2.196193265vw;
}
@media (max-width: 767px) {
  #benefits {
    padding-bottom: 13.3333333333vw;
  }
}
#benefits .benefits_ttl {
  background: url(../../img/recruit/benefits_bg.jpg) top center no-repeat;
  background-size: cover;
  height: 21.9619326501vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  #benefits .benefits_ttl {
    height: 53.3333333333vw;
  }
}
#benefits .benefits_ttl .mincho {
  color: #fff;
  line-height: 1;
  font-size: clamp(1rem, 4.6rem, 54px);
}
@media (max-width: 767px) {
  #benefits .benefits_ttl .mincho {
    font-size: clamp(1rem, 2.2rem, 24px);
  }
}
#benefits .big_en.right {
  top: 18.6676427526vw;
}
@media (max-width: 767px) {
  #benefits .big_en.right {
    top: 48vw;
  }
}
#benefits .benefitsbox {
  background: url(../../img/recruit/bg_logo.svg) top left 5.8565153734vw no-repeat;
  padding-top: 6.588579795vw;
  margin-top: 3.6603221083vw;
  background-size: auto 33.6749633968vw;
}
@media (max-width: 767px) {
  #benefits .benefitsbox {
    background: url(../../img/recruit/bg_logo.svg) top left no-repeat;
    padding-top: 10.6666666667vw;
    margin-top: 10.6666666667vw;
    background-size: auto 61.3333333333vw;
  }
}
#benefits .benefitslist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #benefits .benefitslist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#benefits .benefitslist li {
  width: 48%;
  margin-right: 4%;
  margin-top: 2.9282576867vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-top: 0.2928257687vw solid #EA5404;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.4641288433vw 2.9282576867vw;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
}
#benefits .benefitslist li:first-child, #benefits .benefitslist li:nth-child(2) {
  margin-top: 0;
}
#benefits .benefitslist li:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  #benefits .benefitslist li {
    width: 100%;
    margin-top: 10.6666666667vw;
    margin-right: 0;
    border-top: 1.0666666667vw solid #EA5404;
    padding: 5.3333333333vw 5.3333333333vw;
  }
  #benefits .benefitslist li:nth-child(2) {
    margin-top: 10.6666666667vw;
  }
}
#benefits .benefitslist li .benefits_title {
  text-align: center;
  margin: 10px auto 0;
}
#benefits .benefitslist li figure {
  height: 9.5168374817vw;
  max-height: 130px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  #benefits .benefitslist li figure {
    height: 34.6666666667vw;
  }
}
@media (min-width: 1980px) {
  #benefits .benefitslist li figure {
    height: 130px;
  }
}
#benefits .benefitslist li figure img {
  width: auto;
  height: 95%;
  text-align: center;
}

/* entry
=========================================== */
.grecaptcha-badge {
  z-index: 999;
}

.entry {
  background: #fff;
  position: relative;
  height: 100%;
}
.entry:before {
  position: absolute;
  top: 4.39238653vw;
  left: 0;
  width: 100%;
  height: calc(100% - 4.39238653vw);
  background: url(../../img/recruit/bg_orange.jpg) top center repeat-y;
  background-size: 100% auto;
  content: "";
}
@media only screen and (max-width: 767px) {
  .entry:before {
    top: 8vw;
    height: calc(100% - 8vw);
  }
}
.entry .container {
  background: #fff;
}
.entry .entry_text {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.9282576867vw;
}
@media only screen and (max-width: 767px) {
  .entry .entry_text {
    margin-bottom: 5.3333333333vw;
  }
}
.entry.thanks .btn_wrapper {
  text-align: center;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .entry.thanks .btn_wrapper {
    width: 200px;
  }
}
.entry.thanks .entry_text {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .entry.thanks .entry_text {
    margin-bottom: 0;
    text-align: left;
  }
}

/*contact
=========================================== */
.confirm_p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.9282576867vw;
}
@media only screen and (max-width: 767px) {
  .confirm_p {
    margin-bottom: 5.3333333333vw;
  }
}

#contact_form .contact_box {
  position: relative;
  padding: 0 7.3206442167vw 7.3206442167vw;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 2.9282576867vw;
  gap: 4.39238653vw;
}
@media (min-width: 1980px) {
  #contact_form .contact_box {
    padding: 0 4.1666666667vw 4.1666666667vw;
  }
}
@media (max-width: 767px) {
  #contact_form .contact_box {
    padding: 0 5.3333333333vw 13.3333333333vw;
    gap: 13.3333333333vw;
    border-radius: 5.3333333333vw;
  }
}
#contact_form .input_form .req, #contact_form .confirm .req {
  margin: 0 0.7320644217vw;
  font-size: clamp(1rem, 1.2rem, 14px);
  background: #EA5404;
  border-radius: 0.1464128843vw;
  padding: 0.2928257687vw 0.7320644217vw;
  color: #fff;
}
@media (max-width: 767px) {
  #contact_form .input_form .req, #contact_form .confirm .req {
    font-size: clamp(1rem, 1.1rem, 12px);
    border-radius: 0.5333333333vw;
    padding: 1.0666666667vw 2.6666666667vw;
    margin: 0 2.6666666667vw;
  }
}
@media (min-width: 1980px) {
  #contact_form .input_form .req, #contact_form .confirm .req {
    font-size: 14px;
  }
}
#contact_form .input_form .optional, #contact_form .confirm .optional {
  font-size: clamp(1rem, 1.2rem, 14px);
  margin: 0 0.7320644217vw;
  background: #FFEAD4;
  border-radius: 0.1464128843vw;
  padding: 0.2928257687vw 0.7320644217vw;
}
@media (max-width: 767px) {
  #contact_form .input_form .optional, #contact_form .confirm .optional {
    font-size: clamp(1rem, 1.2rem, 13px);
    border-radius: 0.5333333333vw;
    padding: 1.0666666667vw 2.6666666667vw;
    margin: 0 2.6666666667vw;
  }
}
@media (min-width: 1980px) {
  #contact_form .input_form .optional, #contact_form .confirm .optional {
    font-size: 14px;
  }
}
#contact_form .input_form dl dt p, #contact_form .confirm dl dt p {
  font-weight: 700;
}
#contact_form .input_form dl dd, #contact_form .confirm dl dd {
  margin-top: 0.7320644217vw;
  font-size: clamp(1rem, 1.6rem, 18px);
  /* ラジオボタン*/
}
@media (min-width: 1980px) {
  #contact_form .input_form dl dd, #contact_form .confirm dl dd {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #contact_form .input_form dl dd, #contact_form .confirm dl dd {
    font-size: clamp(1rem, 1.4rem, 16px);
    margin-top: 2.6666666667vw;
  }
}
#contact_form .input_form dl dd input[type=text],
#contact_form .input_form dl dd input[type=email],
#contact_form .input_form dl dd input[type=tel],
#contact_form .input_form dl dd textarea, #contact_form .confirm dl dd input[type=text],
#contact_form .confirm dl dd input[type=email],
#contact_form .confirm dl dd input[type=tel],
#contact_form .confirm dl dd textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  width: 100%;
  border-radius: 0.1464128843vw;
  border: 1px solid #C3BCB2;
  background: #FAF4ED;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1.6rem, 18px);
  padding: 0.5856515373vw 1.0980966325vw;
}
@media (min-width: 1980px) {
  #contact_form .input_form dl dd input[type=text],
  #contact_form .input_form dl dd input[type=email],
  #contact_form .input_form dl dd input[type=tel],
  #contact_form .input_form dl dd textarea, #contact_form .confirm dl dd input[type=text],
  #contact_form .confirm dl dd input[type=email],
  #contact_form .confirm dl dd input[type=tel],
  #contact_form .confirm dl dd textarea {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #contact_form .input_form dl dd input[type=text],
  #contact_form .input_form dl dd input[type=email],
  #contact_form .input_form dl dd input[type=tel],
  #contact_form .input_form dl dd textarea, #contact_form .confirm dl dd input[type=text],
  #contact_form .confirm dl dd input[type=email],
  #contact_form .confirm dl dd input[type=tel],
  #contact_form .confirm dl dd textarea {
    padding: 2.1333333333vw 4vw;
    font-size: clamp(1rem, 1.4rem, 16px);
  }
}
#contact_form .input_form dl dd input[type=text]::-webkit-input-placeholder, #contact_form .input_form dl dd input[type=email]::-webkit-input-placeholder, #contact_form .input_form dl dd input[type=tel]::-webkit-input-placeholder, #contact_form .input_form dl dd textarea::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=text]::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=email]::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=tel]::-webkit-input-placeholder, #contact_form .confirm dl dd textarea::-webkit-input-placeholder {
  color: #C3BCB2;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1.6rem, 18px);
}
#contact_form .input_form dl dd input[type=text]::-moz-placeholder, #contact_form .input_form dl dd input[type=email]::-moz-placeholder, #contact_form .input_form dl dd input[type=tel]::-moz-placeholder, #contact_form .input_form dl dd textarea::-moz-placeholder, #contact_form .confirm dl dd input[type=text]::-moz-placeholder, #contact_form .confirm dl dd input[type=email]::-moz-placeholder, #contact_form .confirm dl dd input[type=tel]::-moz-placeholder, #contact_form .confirm dl dd textarea::-moz-placeholder {
  color: #C3BCB2;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1.6rem, 18px);
}
#contact_form .input_form dl dd input[type=text]:-ms-input-placeholder, #contact_form .input_form dl dd input[type=email]:-ms-input-placeholder, #contact_form .input_form dl dd input[type=tel]:-ms-input-placeholder, #contact_form .input_form dl dd textarea:-ms-input-placeholder, #contact_form .confirm dl dd input[type=text]:-ms-input-placeholder, #contact_form .confirm dl dd input[type=email]:-ms-input-placeholder, #contact_form .confirm dl dd input[type=tel]:-ms-input-placeholder, #contact_form .confirm dl dd textarea:-ms-input-placeholder {
  color: #C3BCB2;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1.6rem, 18px);
}
#contact_form .input_form dl dd input[type=text]::-ms-input-placeholder, #contact_form .input_form dl dd input[type=email]::-ms-input-placeholder, #contact_form .input_form dl dd input[type=tel]::-ms-input-placeholder, #contact_form .input_form dl dd textarea::-ms-input-placeholder, #contact_form .confirm dl dd input[type=text]::-ms-input-placeholder, #contact_form .confirm dl dd input[type=email]::-ms-input-placeholder, #contact_form .confirm dl dd input[type=tel]::-ms-input-placeholder, #contact_form .confirm dl dd textarea::-ms-input-placeholder {
  color: #C3BCB2;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1.6rem, 18px);
}
#contact_form .input_form dl dd input[type=text]::placeholder,
#contact_form .input_form dl dd input[type=email]::placeholder,
#contact_form .input_form dl dd input[type=tel]::placeholder,
#contact_form .input_form dl dd textarea::placeholder, #contact_form .confirm dl dd input[type=text]::placeholder,
#contact_form .confirm dl dd input[type=email]::placeholder,
#contact_form .confirm dl dd input[type=tel]::placeholder,
#contact_form .confirm dl dd textarea::placeholder {
  color: #C3BCB2;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1.6rem, 18px);
}
@media (min-width: 1980px) {
  #contact_form .input_form dl dd input[type=text]::-webkit-input-placeholder, #contact_form .input_form dl dd input[type=email]::-webkit-input-placeholder, #contact_form .input_form dl dd input[type=tel]::-webkit-input-placeholder, #contact_form .input_form dl dd textarea::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=text]::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=email]::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=tel]::-webkit-input-placeholder, #contact_form .confirm dl dd textarea::-webkit-input-placeholder {
    font-size: 18px;
  }
  #contact_form .input_form dl dd input[type=text]::-moz-placeholder, #contact_form .input_form dl dd input[type=email]::-moz-placeholder, #contact_form .input_form dl dd input[type=tel]::-moz-placeholder, #contact_form .input_form dl dd textarea::-moz-placeholder, #contact_form .confirm dl dd input[type=text]::-moz-placeholder, #contact_form .confirm dl dd input[type=email]::-moz-placeholder, #contact_form .confirm dl dd input[type=tel]::-moz-placeholder, #contact_form .confirm dl dd textarea::-moz-placeholder {
    font-size: 18px;
  }
  #contact_form .input_form dl dd input[type=text]:-ms-input-placeholder, #contact_form .input_form dl dd input[type=email]:-ms-input-placeholder, #contact_form .input_form dl dd input[type=tel]:-ms-input-placeholder, #contact_form .input_form dl dd textarea:-ms-input-placeholder, #contact_form .confirm dl dd input[type=text]:-ms-input-placeholder, #contact_form .confirm dl dd input[type=email]:-ms-input-placeholder, #contact_form .confirm dl dd input[type=tel]:-ms-input-placeholder, #contact_form .confirm dl dd textarea:-ms-input-placeholder {
    font-size: 18px;
  }
  #contact_form .input_form dl dd input[type=text]::-ms-input-placeholder, #contact_form .input_form dl dd input[type=email]::-ms-input-placeholder, #contact_form .input_form dl dd input[type=tel]::-ms-input-placeholder, #contact_form .input_form dl dd textarea::-ms-input-placeholder, #contact_form .confirm dl dd input[type=text]::-ms-input-placeholder, #contact_form .confirm dl dd input[type=email]::-ms-input-placeholder, #contact_form .confirm dl dd input[type=tel]::-ms-input-placeholder, #contact_form .confirm dl dd textarea::-ms-input-placeholder {
    font-size: 18px;
  }
  #contact_form .input_form dl dd input[type=text]::placeholder,
  #contact_form .input_form dl dd input[type=email]::placeholder,
  #contact_form .input_form dl dd input[type=tel]::placeholder,
  #contact_form .input_form dl dd textarea::placeholder, #contact_form .confirm dl dd input[type=text]::placeholder,
  #contact_form .confirm dl dd input[type=email]::placeholder,
  #contact_form .confirm dl dd input[type=tel]::placeholder,
  #contact_form .confirm dl dd textarea::placeholder {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #contact_form .input_form dl dd input[type=text]::-webkit-input-placeholder, #contact_form .input_form dl dd input[type=email]::-webkit-input-placeholder, #contact_form .input_form dl dd input[type=tel]::-webkit-input-placeholder, #contact_form .input_form dl dd textarea::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=text]::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=email]::-webkit-input-placeholder, #contact_form .confirm dl dd input[type=tel]::-webkit-input-placeholder, #contact_form .confirm dl dd textarea::-webkit-input-placeholder {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
  #contact_form .input_form dl dd input[type=text]::-moz-placeholder, #contact_form .input_form dl dd input[type=email]::-moz-placeholder, #contact_form .input_form dl dd input[type=tel]::-moz-placeholder, #contact_form .input_form dl dd textarea::-moz-placeholder, #contact_form .confirm dl dd input[type=text]::-moz-placeholder, #contact_form .confirm dl dd input[type=email]::-moz-placeholder, #contact_form .confirm dl dd input[type=tel]::-moz-placeholder, #contact_form .confirm dl dd textarea::-moz-placeholder {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
  #contact_form .input_form dl dd input[type=text]:-ms-input-placeholder, #contact_form .input_form dl dd input[type=email]:-ms-input-placeholder, #contact_form .input_form dl dd input[type=tel]:-ms-input-placeholder, #contact_form .input_form dl dd textarea:-ms-input-placeholder, #contact_form .confirm dl dd input[type=text]:-ms-input-placeholder, #contact_form .confirm dl dd input[type=email]:-ms-input-placeholder, #contact_form .confirm dl dd input[type=tel]:-ms-input-placeholder, #contact_form .confirm dl dd textarea:-ms-input-placeholder {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
  #contact_form .input_form dl dd input[type=text]::-ms-input-placeholder, #contact_form .input_form dl dd input[type=email]::-ms-input-placeholder, #contact_form .input_form dl dd input[type=tel]::-ms-input-placeholder, #contact_form .input_form dl dd textarea::-ms-input-placeholder, #contact_form .confirm dl dd input[type=text]::-ms-input-placeholder, #contact_form .confirm dl dd input[type=email]::-ms-input-placeholder, #contact_form .confirm dl dd input[type=tel]::-ms-input-placeholder, #contact_form .confirm dl dd textarea::-ms-input-placeholder {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
  #contact_form .input_form dl dd input[type=text]::placeholder,
  #contact_form .input_form dl dd input[type=email]::placeholder,
  #contact_form .input_form dl dd input[type=tel]::placeholder,
  #contact_form .input_form dl dd textarea::placeholder, #contact_form .confirm dl dd input[type=text]::placeholder,
  #contact_form .confirm dl dd input[type=email]::placeholder,
  #contact_form .confirm dl dd input[type=tel]::placeholder,
  #contact_form .confirm dl dd textarea::placeholder {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
}
#contact_form .input_form dl dd input[type=radio], #contact_form .confirm dl dd input[type=radio] {
  display: none;
}
#contact_form .input_form dl dd input[type=radio] + span, #contact_form .confirm dl dd input[type=radio] + span {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding: 10px 20px;
  border-radius: 2px;
  color: #000;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}
#contact_form .input_form dl dd input[type=radio] + span::before, #contact_form .confirm dl dd input[type=radio] + span::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  content: "";
  margin-top: -10px;
  border: 2px solid #9E9E9E;
  background: #fff;
  border-radius: 50%;
}
#contact_form .input_form dl dd input[type=radio]:checked + span::after, #contact_form .confirm dl dd input[type=radio]:checked + span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  background: -webkit-linear-gradient(300deg, rgb(236, 110, 0), rgb(246, 160, 0));
  background: linear-gradient(150deg, rgb(236, 110, 0), rgb(246, 160, 0));
  border-radius: 50%;
}
#contact_form .input_form dl dd select, #contact_form .confirm dl dd select {
  border: none;
  width: 100%;
  max-width: 400px;
  border-radius: 0.1464128843vw;
  border: 1px solid #C3BCB2;
  background: #FAF4ED;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1.6rem, 18px);
  padding: 0.878477306vw 1.0980966325vw;
  cursor: pointer;
}
@media (min-width: 1980px) {
  #contact_form .input_form dl dd select, #contact_form .confirm dl dd select {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #contact_form .input_form dl dd select, #contact_form .confirm dl dd select {
    padding: 2.1333333333vw 4vw;
    font-size: clamp(1rem, 1.4rem, 16px);
  }
}
#contact_form .input_form dl dd.quantity > p, #contact_form .confirm dl dd.quantity > p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7320644217vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  #contact_form .input_form dl dd.quantity > p, #contact_form .confirm dl dd.quantity > p {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#contact_form .input_form dl dd.quantity input[type=text], #contact_form .confirm dl dd.quantity input[type=text] {
  max-width: 400px;
}
#contact_form .input_form dl dd.s_text p, #contact_form .confirm dl dd.s_text p {
  font-size: clamp(1rem, 1.6rem, 18px);
}
@media (min-width: 1980px) {
  #contact_form .input_form dl dd.s_text p, #contact_form .confirm dl dd.s_text p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #contact_form .input_form dl dd.s_text p, #contact_form .confirm dl dd.s_text p {
    font-size: clamp(1rem, 1.4rem, 16px);
  }
}
#contact_form .input_form dl dd input[type=checkbox], #contact_form .confirm dl dd input[type=checkbox] {
  display: none;
}
#contact_form .input_form dl dd input[type=checkbox] + span.wpcf7-list-item-label, #contact_form .confirm dl dd input[type=checkbox] + span.wpcf7-list-item-label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  border-radius: 2px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 767px) {
  #contact_form .input_form dl dd input[type=checkbox] + span.wpcf7-list-item-label, #contact_form .confirm dl dd input[type=checkbox] + span.wpcf7-list-item-label {
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: left;
  }
}
#contact_form .input_form dl dd input[type=checkbox] + span.wpcf7-list-item-label::before, #contact_form .confirm dl dd input[type=checkbox] + span.wpcf7-list-item-label::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  content: "";
  margin-top: -10px;
  border: 1px solid #C3BCB2;
  background-color: #FAF4ED;
  content: "";
}
#contact_form .input_form dl dd input[type=checkbox]:checked + span.wpcf7-list-item-label::after, #contact_form .confirm dl dd input[type=checkbox]:checked + span.wpcf7-list-item-label::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -5px;
  width: 10px;
  height: 6px;
  margin-top: -4px;
  position: absolute;
  border-left: 3px solid #EA5404;
  border-bottom: 3px solid #EA5404;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#contact_form .input_form dl + dl, #contact_form .confirm dl + dl {
  margin-top: 2.3426061493vw;
}
@media (max-width: 767px) {
  #contact_form .input_form dl + dl, #contact_form .confirm dl + dl {
    margin-top: 4.2666666667vw;
  }
}
#contact_form .input_form a.acceptance_link, #contact_form .confirm a.acceptance_link {
  color: #EA5404;
  text-decoration: underline;
}
@media (hover: hover) {
  #contact_form .input_form a.acceptance_link:hover, #contact_form .confirm a.acceptance_link:hover {
    opacity: 0.7;
  }
}
#contact_form .input_form .submit-btn, #contact_form .confirm .submit-btn {
  margin-top: 4.39238653vw;
}
@media (max-width: 767px) {
  #contact_form .input_form .submit-btn, #contact_form .confirm .submit-btn {
    margin-top: 10.6666666667vw;
  }
}
#contact_form .input_form .submit-btn .submit, #contact_form .confirm .submit-btn .submit {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
#contact_form .input_form .submit-btn input[type=submit], #contact_form .confirm .submit-btn input[type=submit] {
  position: relative;
  border-radius: 2.5622254758vw;
  width: clamp(1rem, 21.9619326501vw, 360px);
  min-width: 200px;
  height: 5.1244509517vw;
  background: #EA5404;
  color: #fff;
  padding: 2px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: clamp(1rem, 1.8rem, 20px);
  line-height: 2.2;
  letter-spacing: 0.04em;
  font-weight: 600;
}
@media (min-width: 1980px) {
  #contact_form .input_form .submit-btn input[type=submit], #contact_form .confirm .submit-btn input[type=submit] {
    font-size: 20px;
    width: 360px;
    height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #contact_form .input_form .submit-btn input[type=submit], #contact_form .confirm .submit-btn input[type=submit] {
    width: 100%;
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
    font-size: clamp(1rem, 1.6rem, 18px);
  }
}
@media (hover: hover) {
  #contact_form .input_form .submit-btn input[type=submit]:hover, #contact_form .confirm .submit-btn input[type=submit]:hover {
    padding: 2px;
    background: -webkit-linear-gradient(300deg, rgb(236, 110, 0), rgb(246, 160, 0));
    background: linear-gradient(150deg, rgb(236, 110, 0), rgb(246, 160, 0));
  }
}

.confirm_button {
  border-radius: 999px !important;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.confirm_button:disabled {
  background: #797979;
  cursor: not-allowed;
}

.back_button {
  border-radius: 999px !important;
  background: #797979;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}
@media (hover: hover) {
  .back_button:hover {
    opacity: 0.7;
    background: #797979;
  }
}

.confirm .btn_wrapper {
  margin-top: 40px;
}
.confirm .btn_wrapper .btn_round {
  margin: auto;
}

.btn_round.submit {
  border-radius: 999px !important;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

/*fadein
=========================================== */
.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}
.fadein.fadein-left {
  -webkit-transform: translate(-30px, 0);
          transform: translate(-30px, 0);
}
.fadein.fadein-right {
  -webkit-transform: translate(30px, 0);
          transform: translate(30px, 0);
}
.fadein.fadein-up {
  -webkit-transform: translate(0, -30px);
          transform: translate(0, -30px);
}
.fadein.fadein-bottom {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
}
.fadein.scrollin {
  opacity: 1 !important;
  -webkit-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
}/*# sourceMappingURL=recruit_common.css.map */