@charset "UTF-8";
/*!
 * ress.css • v3.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* ============================================
  Setting
============================================ */
* {
  word-break: break-all;
}
*:focus, *:active {
  outline: none;
}
*:hover {
  -webkit-tap-highlight-color: transparent;
}

table {
  border-collapse: collapse;
}

img,
svg {
  image-rendering: -webkit-optimize-contrast;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  img,
  svg {
    image-rendering: unset;
  }
}
_::-webkit-full-page-media, _:future, :root img,
:root svg {
  image-rendering: unset;
}

ul,
ol {
  list-style: none;
}

.cf::after {
  content: "";
  display: block;
  clear: both;
}

sup {
  font-size: 56%;
}

/* ============================================
  Viewport
============================================ */
/* ============================================
  Animation
============================================ */
.fade-in {
  position: relative;
  visibility: visible;
  opacity: 1;
  top: 0;
  transition: opacity 0.5s 0.3s, top 0.5s 0.3s;
}

.fade-out {
  opacity: 0;
  visibility: hidden;
  top: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  .fade-out {
    top: 40px;
  }
}

.slide-in {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.inview {
  position: relative;
  opacity: 0;
}

.animate {
  animation: inview_slide_up 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 0.2s;
}

/* ============================================
  Keyframes
============================================ */
@keyframes inview_slide_up {
  0% {
    bottom: -50px;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}
/* ============================================
  Common
============================================ */
.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.maltiple {
  line-height: 1.8;
}

.flr {
  float: right;
}

.fll {
  float: left;
}

.is-hidden {
  visibility: hidden;
  pointer-events: none;
}

/* ============================================
  Link
============================================ */
a,
button {
  color: inherit;
  text-decoration: none;
  transition: all 300ms;
}
a:hover,
button:hover {
  text-decoration: underline;
}

.textLink {
  position: relative;
  text-decoration: underline;
}
.textLink:hover {
  opacity: 1;
  text-decoration: none;
}

.exLink {
  position: relative;
  padding-right: 2.4911032028vw;
}
@media only screen and (min-width: 1124px) {
  .exLink {
    padding-right: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .exLink {
    padding-right: 4.8vw;
  }
}
.exLink::after {
  content: "";
  position: absolute;
  top: 0.4003558719vw;
  right: 0;
  background: url(/assets/img/common/ico_exlink_01.png) no-repeat 0 0/cover;
  image-rendering: -webkit-optimize-contrast;
  width: 1.6014234875vw;
  height: 1.6014234875vw;
}
@media only screen and (min-width: 1124px) {
  .exLink::after {
    top: 4.5px;
    width: 18px;
    height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .exLink::after {
    top: 1.2vw;
    image-rendering: auto;
    width: 2.4vw;
    height: 2.4vw;
  }
}
_::-webkit-full-page-media, _:future, :root .exLink::after {
  image-rendering: unset;
}

.mailLink {
  position: relative;
  padding-left: 2.846975089vw;
}
@media only screen and (min-width: 1124px) {
  .mailLink {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .mailLink {
    padding-left: 8.5333333333vw;
  }
}
.mailLink::before {
  content: "";
  position: absolute;
  top: 0.378113879vw;
  left: 0;
  background: url(/assets/img/common/ico_mail_01.png) no-repeat 0 0/cover;
  image-rendering: -webkit-optimize-contrast;
  width: 1.9572953737vw;
  height: 1.9572953737vw;
}
@media only screen and (min-width: 1124px) {
  .mailLink::before {
    top: 4.25px;
    width: 22px;
    height: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .mailLink::before {
    top: 1.1333333333vw;
    image-rendering: auto;
    width: 5.8666666667vw;
    height: 4.5333333333vw;
  }
}
_::-webkit-full-page-media, _:future, :root .mailLink::before {
  image-rendering: unset;
}

.over {
  transition: all 300ms;
}
.over:hover {
  opacity: 0.65;
  text-decoration: none;
}

/* ============================================
  Base
============================================ */
html,
body {
  height: 100%;
}

html {
  font-size: 0.8896797153vw;
}
@media only screen and (min-width: 1124px) {
  html {
    font-size: 62.5%;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 1.3333333333vw;
  }
}

body {
  position: relative;
  background: #fff;
  color: #292929;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  letter-spacing: 0.04em;
  opacity: 0;
}
body.loaded {
  opacity: 1;
}
body.openMenu {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 1124px) {
  body {
    min-width: 1124px;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 1rem;
    min-width: unset;
  }
}

/* ============================================
  Switch
============================================ */
@media only screen and (max-width: 767px) {
  .view-sp {
    display: block;
  }
  .view-pc {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .view-pc {
    display: block;
  }
  .view-sp {
    display: none !important;
  }
}
/* ============================================
  Fonts
============================================ */
.f-serif {
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}

/* ============================================
  Wrapper
============================================ */
.wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: auto;
  padding: 19.9288256228vw 0 30.2491103203vw;
}
@media only screen and (min-width: 1124px) {
  .wrapper {
    padding: 224px 0 340px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper {
    overflow-x: hidden;
    padding-top: 13.3333333333vw;
    padding-bottom: unset;
  }
}

/* ============================================
  Header
============================================ */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: #fff;
  border-bottom: 0.3558718861vw solid #0bb35b;
  width: 100%;
  height: 19.9288256228vw;
}
@media only screen and (min-width: 1124px) {
  .header {
    border-bottom-width: 4px;
    height: 224px;
  }
}
@media only screen and (max-width: 767px) {
  .header {
    background: rgb(255, 255, 255);
    border-bottom: none;
    min-width: unset;
    height: 13.3333333333vw;
  }
}
.header.fixed {
  height: 15.7473309609vw;
}
@media only screen and (min-width: 1124px) {
  .header.fixed {
    height: 177px;
  }
}
.header_in {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 0 4.4483985765vw;
}
@media only screen and (min-width: 1124px) {
  .header_in {
    width: 1124px;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .header_in {
    padding: 0 4vw;
  }
}
.header_logo {
  width: 36.3879003559vw;
  padding: 2.4021352313vw 0 2.1352313167vw;
}
@media only screen and (min-width: 1124px) {
  .header_logo {
    width: 409px;
    padding: 27px 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  .header_logo {
    width: 54.6666666667vw;
    padding-top: 3.7333333333vw;
  }
}
.header_inquiry {
  padding-top: 2.2241992883vw;
}
@media only screen and (min-width: 1124px) {
  .header_inquiry {
    padding-top: 25px;
  }
}
.header_inquiry > a {
  display: block;
  background: url(../img/common/btn_inquiry_01.png) no-repeat 0 0/contain;
  image-rendering: -webkit-optimize-contrast;
  width: 19.3950177936vw;
  height: 4.0925266904vw;
}
@media only screen and (min-width: 1124px) {
  .header_inquiry > a {
    width: 245px;
    height: 46px;
  }
}
@media only screen and (max-width: 767px) {
  .header_inquiry > a {
    image-rendering: auto;
  }
}
_::-webkit-full-page-media, _:future, :root .header_inquiry > a {
  image-rendering: unset;
}

.header_inquiry > a:hover {
  background-image: url(../img/common/btn_inquiry_01_on.png);
}
.header figure {
  margin: 0;
}

/* ============================================
  Hamburger
============================================ */
.hamburger {
  position: absolute;
  top: 0;
  right: 0;
  background: #0bb35b;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
}
@media only screen and (min-width: 768px) {
  .hamburger {
    display: none;
  }
}
.hamburger_in {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 4.8vw;
  height: 4vw;
  margin: auto;
}
.hamburger_in span {
  position: absolute;
  background: #fff;
  transition: all 300ms;
  border-radius: 0.5333333333vw;
  width: 100%;
  height: 0.5333333333vw;
}
.hamburger_in span:nth-of-type(1) {
  top: 0;
}
.hamburger_in span:nth-of-type(2) {
  top: 50%;
  margin-top: -0.2666666667vw;
}
.hamburger_in span:nth-of-type(3) {
  top: 100%;
  margin-top: -0.5333333333vw;
}
.openMenu .hamburger span:nth-of-type(1) {
  top: 50%;
  transform: rotate(225deg);
  margin-top: -0.5333333333vw;
}
.openMenu .hamburger span:nth-of-type(2) {
  opacity: 0;
}
.openMenu .hamburger span:nth-of-type(3) {
  top: 50%;
  transform: rotate(135deg);
  margin-top: -0.5333333333vw;
}

/* ============================================
  G-Navi
============================================ */
@media only screen and (min-width: 768px) {
  .gnavi {
    width: 100%;
  }
  .gnaviList {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .gnaviList_item {
    text-align: center;
    width: 20%;
    height: 8.896797153vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .gnaviList_item {
    height: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .gnaviList_item:not(:first-of-type) {
    background-image: linear-gradient(to bottom, #959595, #959595 0.1779359431vw, transparent 0.1779359431vw, transparent 0.4448398577vw);
    background-repeat: repeat-y;
    background-size: 0.1779359431vw 0.4448398577vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .gnaviList_item:not(:first-of-type) {
    background-image: linear-gradient(to bottom, #959595, #959595 2px, transparent 2px, transparent 5px);
    background-size: 2px 5px;
  }
}
@media only screen and (min-width: 768px) {
  .gnaviList_item > a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
  .gnaviList_item > a:hover {
    color: #0bb35b;
  }
  .gnaviList_item > a .orn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5.0711743772vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .gnaviList_item > a .orn_wrap {
    height: 57px;
  }
}
@media only screen and (min-width: 768px) {
  .gnaviList_item > a .orn {
    margin: 0 auto;
  }
  .gnaviList_item > a .orn-01 {
    width: 2.7580071174vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .gnaviList_item > a .orn-01 {
    width: 31px;
  }
}
@media only screen and (min-width: 768px) {
  .gnaviList_item > a .orn-02 {
    width: 3.7366548043vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .gnaviList_item > a .orn-02 {
    width: 42px;
  }
}
@media only screen and (min-width: 768px) {
  .gnaviList_item > a .orn-03 {
    width: 2.9359430605vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .gnaviList_item > a .orn-03 {
    width: 33px;
  }
}
@media only screen and (min-width: 768px) {
  .gnaviList_item > a .orn-04 {
    width: 2.4021352313vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .gnaviList_item > a .orn-04 {
    width: 27px;
  }
}
@media only screen and (min-width: 768px) {
  .gnaviList_item > a .orn-05 {
    width: 3.2028469751vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .gnaviList_item > a .orn-05 {
    width: 36px;
  }
}
@media only screen and (min-width: 768px) {
  .gnaviList_item > a .text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0;
    height: 2.4em;
  }
  .gnavi.is-black .gnaviList_item {
    color: #292929;
  }
  .fixed .gnavi.is-black .gnaviList_item {
    color: #fff;
  }
  .fixed .gnaviList_item {
    height: 7.0666666667vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .fixed .gnaviList_item {
    height: 53px;
  }
}
@media only screen and (min-width: 768px) {
  .fixed .gnaviList_item .orn_wrap {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .gnavi {
    position: fixed;
    top: 13.3333333333vw;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 400ms;
    flex-direction: column;
    width: 100%;
    height: calc(100% - 13.3333333333vw);
    padding: 1.7333333333vw 4vw 13.3333333333vw;
  }
  .gnavi .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
  }
  .gnavi_in {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  .gnaviList {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }
  .gnaviList_item {
    background-image: linear-gradient(to right, #0bb35b, #0bb35b 0.8vw, transparent 0.8vw, transparent 1.6vw);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 1.6vw 0.2666666667vw;
    color: #292929;
    font-size: 3.6rem;
    letter-spacing: 0.2em;
    width: 100%;
  }
  .gnaviList_item a {
    position: relative;
    display: block;
    padding: 6.6666666667vw 0 6.6666666667vw 12.8vw;
  }
  .gnaviList_item a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../img/common/arrow_more_01.svg) no-repeat 0 0/contain;
    width: 2.1333333333vw;
    height: 3.6vw;
    margin: auto 0;
  }
  .gnaviList_item a:hover {
    text-decoration: underline;
  }
  .gnaviList_item a .orn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .gnaviList_item a .orn-01 {
    left: 3.6vw;
    width: 4.5333333333vw;
  }
  .gnaviList_item a .orn-02 {
    left: 2.8vw;
    width: 6.1333333333vw;
  }
  .gnaviList_item a .orn-03 {
    left: 3.3333333333vw;
    width: 4.9333333333vw;
  }
  .gnaviList_item a .orn-04 {
    left: 3.7333333333vw;
    width: 4.1333333333vw;
  }
  .gnaviList_item a .orn-05 {
    left: 2.9333333333vw;
    width: 5.7333333333vw;
  }
  .gnaviList_item a .text {
    font-size: 3.6rem;
    font-weight: 600;
    letter-spacing: 0;
  }
  .gnavi_inquiry {
    padding-top: 2.2241992883vw;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1124px) {
  .gnavi_inquiry {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .gnavi_inquiry > a {
    display: block;
    background: url(../img/common/btn_inquiry_01_sp.png) no-repeat 0 0/contain;
    width: 91.7333333333vw;
    height: 13.2vw;
    margin: 10.6666666667vw auto 0;
  }
  .openMenu .gnavi {
    opacity: 1;
    pointer-events: auto;
  }
}
/* ============================================
  Footer
============================================ */
.footer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #0bb35b;
  height: 30.2491103203vw;
  margin-top: -30.2491103203vw;
}
@media only screen and (min-width: 1124px) {
  .footer {
    min-width: 1124px;
    height: 340px;
    margin-top: -340px;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    min-width: unset;
    height: auto;
    margin-top: unset;
  }
}
.footer::before {
  content: "";
  position: absolute;
  top: -2.5800711744vw;
  right: 0;
  left: 0;
  background: url(../img/common/orn_footer_01.png) repeat-x 0 0/auto 100%;
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
  height: 2.5800711744vw;
}
@media only screen and (min-width: 1124px) {
  .footer::before {
    top: -29px;
    height: 29px;
  }
}
@media only screen and (max-width: 767px) {
  .footer::before {
    top: -3.8666666667vw;
    image-rendering: auto;
    height: 3.8666666667vw;
  }
}
_::-webkit-full-page-media, _:future, :root .footer::before {
  image-rendering: unset;
}

.footer_in {
  width: 100%;
  margin: 0 auto;
  padding: 5.871886121vw 0 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  .footer_in {
    width: 1124px;
    padding: 66px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_in {
    width: 100%;
    padding: 11.4666666667vw 0 13.3333333333vw;
  }
}
.footer_logo {
  width: 29.0035587189vw;
  margin: 0 auto;
}
@media only screen and (min-width: 1124px) {
  .footer_logo {
    width: 326px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_logo {
    width: 48.2666666667vw;
  }
}
.footer_navi {
  margin-top: 4.6263345196vw;
}
@media only screen and (min-width: 1124px) {
  .footer_navi {
    margin-top: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_navi {
    margin-top: 3.7333333333vw;
  }
}
.footer_naviList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0;
  margin: 4.6263345196vw auto 0;
}
@media only screen and (min-width: 1124px) {
  .footer_naviList {
    margin-top: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_naviList {
    font-size: 2.6rem;
    margin-top: 8vw;
  }
}
.footer_naviList > li {
  padding: 0 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  .footer_naviList > li {
    padding: 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_naviList > li {
    padding: 0 5.3333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer_naviList > li:not(:first-of-type) {
    background-image: linear-gradient(to bottom, #fff, #fff 0.1779359431vw, transparent 0.1779359431vw, transparent 0.4448398577vw);
    background-repeat: repeat-y;
    background-size: 0.1779359431vw 0.4448398577vw;
  }
}
@media only screen and (min-width: 1124px) {
  .footer_naviList > li:not(:first-of-type) {
    background-image: linear-gradient(to bottom, #fff, #fff 2px, transparent 2px, transparent 5px);
    background-size: 2px 5px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_naviList > li:not(:nth-of-type(1)):not(:nth-of-type(4)) {
    background-image: linear-gradient(to bottom, #fff, #fff 0.4vw, transparent 0.4vw, transparent 0.9333333333vw);
    background-repeat: repeat-y;
    background-size: 0.4vw 0.9333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .footer_naviList > li:nth-of-type(n+4) {
    margin-top: 5.8666666667vw;
  }
}
.footer_naviList > li > a {
  position: relative;
  display: block;
}
.footer_naviList > li > a::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.8896797153vw;
  left: 0;
  background: #fff;
  transition: all 300ms;
  transform: scale(0, 1);
  transform-origin: 0 0;
  width: 100%;
  height: 1px;
  margin: 0 auto;
}
@media only screen and (min-width: 1124px) {
  .footer_naviList > li > a::before {
    bottom: -10px;
  }
}
.footer_naviList > li > a:hover::before {
  transform: scale(1, 1);
}
.footer_naviList-02 {
  display: flex;
  justify-content: center;
  margin: 3.3807829181vw auto 0;
}
@media only screen and (min-width: 1124px) {
  .footer_naviList-02 {
    margin-top: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_naviList-02 {
    margin-top: 8vw;
  }
}
.footer_naviList-02 > li {
  color: #dbefe5;
  font-size: 1.5rem;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .footer_naviList-02 > li {
    font-size: 2.4rem;
  }
}
.footer_naviList-02 > li:not(:first-of-type) {
  margin-left: 4em;
}
.footer_naviList-02 > li > a {
  position: relative;
  display: block;
}
.footer_naviList-02 > li > a::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.7117437722vw;
  left: 0;
  background: #fff;
  transition: all 300ms;
  transform: scale(0, 1);
  transform-origin: 0 0;
  width: 100%;
  height: 1px;
  margin: 0 auto;
}
@media only screen and (min-width: 1124px) {
  .footer_naviList-02 > li > a::before {
    bottom: -8px;
  }
}
.footer_naviList-02 > li > a:hover::before {
  transform: scale(1, 1);
}
.footer .copyright {
  background: #fff;
  color: #0bb35b;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 0;
  padding: 0.8896797153vw;
}
@media only screen and (min-width: 1124px) {
  .footer .copyright {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .copyright {
    font-size: 2.2rem;
    padding: 2.6666666667vw;
  }
}

/* ============================================
  Pagetop
============================================ */
.pagetop {
  position: fixed;
  bottom: 1.7793594306vw;
  right: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  .pagetop {
    bottom: 20px;
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pagetop {
    bottom: 2.6666666667vw;
    right: 2.6666666667vw;
  }
}
.pagetop.bottom {
  position: absolute;
  top: -13.3451957295vw;
  bottom: unset;
}
@media only screen and (min-width: 1124px) {
  .pagetop.bottom {
    top: -150px;
  }
}
@media only screen and (max-width: 767px) {
  .pagetop.bottom {
    top: -21.3333333333vw;
    bottom: unset;
  }
}
.pagetop a {
  display: block;
  background: url(../img/common/pagetop_01.png) no-repeat center/cover;
  image-rendering: -webkit-optimize-contrast;
  border: 0.3558718861vw solid transparent;
  border-radius: 50%;
  width: 8.71886121vw;
  height: 8.71886121vw;
}
@media only screen and (min-width: 1124px) {
  .pagetop a {
    border-width: 4px;
    width: 98px;
    height: 98px;
  }
}
@media only screen and (max-width: 767px) {
  .pagetop a {
    background-image: url(../img/common/pagetop_01_sp.png);
    image-rendering: auto;
    border: none;
    width: 14.9333333333vw;
    height: 14.9333333333vw;
  }
}
_::-webkit-full-page-media, _:future, :root .pagetop a {
  image-rendering: unset;
}

.pagetop a:hover {
  background-image: url(../img/common/pagetop_01_on.png);
  border-color: #fff;
}
@media only screen and (max-width: 767px) {
  .pagetop a:hover {
    background-image: url(../img/common/pagetop_01_sp.png);
    opacity: 0.65;
  }
}

/* ============================================
  Contents
============================================ */
.contents {
  position: relative;
}

/* ============================================
  Section
============================================ */
.sec_in {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 4.4483985765vw;
}
@media only screen and (min-width: 1124px) {
  .sec_in {
    width: 1124px;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sec_in {
    width: 100%;
    padding: 0 4vw;
  }
}
@media only screen and (min-width: 768px) {
  .sec_in.p-0 {
    padding: 0;
  }
}
.sec .text {
  font-size: 1.8rem;
  line-height: 1.6;
  margin: -0.3em 0;
}
@media only screen and (max-width: 767px) {
  .sec .text {
    font-size: 3rem;
    line-height: 1.5;
    margin: -0.25em 0;
  }
}
.sec .text + .text {
  margin-top: 1em;
}
.sec .text-m {
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .sec .text-m {
    font-size: 2.8rem;
  }
}
.sec .text-s {
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .sec .text-s {
    font-size: 2.3rem;
  }
}
.sec .text-num {
  text-indent: -1em;
  margin-left: 1em;
}

/* ============================================
  List
============================================ */
.dotList > li {
  position: relative;
  line-height: 1.3;
  padding-left: 1em;
}
.dotList > li::before {
  position: absolute;
  top: 0;
  left: 0.25em;
  content: "・";
}

/* ============================================
  Table
============================================ */
.table01 {
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .table01 {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .table01 tbody,
  .table01 tr,
  .table01 th,
  .table01 td {
    display: block;
  }
}
.table01 th,
.table01 td {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: left;
  border-top: 1px solid #e0e0e0;
  padding: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  .table01 th,
  .table01 td {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .table01 th,
  .table01 td {
    font-size: 3rem;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .table01 th {
    padding-top: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  .table01 td {
    border-top: none;
    margin-top: 0.3em;
    padding-bottom: 4vw;
  }
}

/* ============================================
  Image
============================================ */
.img {
  margin: 0 auto;
}

/* ============================================
  Column
============================================ */
.column_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.column_wrap.jc-start {
  justify-content: flex-start;
}
.column_wrap.jc-center {
  justify-content: center;
}
.column_wrap.column-half .column {
  width: 50%;
}
.column_wrap.column-3 .column {
  width: calc((100% - 3.4285714286vw) / 3);
}
@media only screen and (min-width: 1124px) {
  .column_wrap.column-3 .column {
    width: calc((100% - 48px) / 3);
  }
}
.column_wrap.column-3 .column:not(:nth-of-type(3n + 1)) {
  margin-left: 2.1352313167vw;
}
@media only screen and (min-width: 1124px) {
  .column_wrap.column-3 .column:not(:nth-of-type(3n + 1)) {
    margin-left: 24px;
  }
}
.column_wrap.column-2 .column {
  width: 44.8vw;
}
@media only screen and (min-width: 768px) {
  .column_wrap.column-2 .column {
    width: 336px;
  }
  .column_wrap.column-2 .column:not(:nth-of-type(2n + 1)) {
    margin-left: 32px;
  }
}
.column_wrap.column-2 .column:nth-of-type(n + 3) {
  margin-top: 4.2666666667vw;
}
@media only screen and (min-width: 768px) {
  .column_wrap.column-2 .column:nth-of-type(n + 3) {
    margin-top: 32px;
  }
}

/* ============================================
  Button
============================================ */
.btn:hover {
  text-decoration: none;
}

.btn-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #0bb35b;
  font-size: 1.8rem;
  font-weight: 600;
  border-radius: 2.4911032028vw;
  border: 0.1779359431vw solid #0bb35b;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  width: 16.9039145907vw;
  height: 4.9822064057vw;
}
@media only screen and (min-width: 1124px) {
  .btn-more {
    border-radius: 28px;
    border-width: 2px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    width: 190px;
    height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-more {
    font-size: 3.6rem;
    border-width: 0.5333333333vw;
    border-radius: 6.6666666667vw;
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    width: 78.1333333333vw;
    height: 13.3333333333vw;
  }
}
.btn-more .svg {
  position: absolute;
  top: 50%;
  right: 1.7793594306vw;
  transform: translateY(-50%);
  width: 0.7117437722vw;
  height: 1.334519573vw;
}
@media only screen and (min-width: 1124px) {
  .btn-more .svg {
    right: 20px;
    width: 8px;
    height: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-more .svg {
    right: 4vw;
    width: 2.2666666667vw;
    height: 4vw;
  }
}
.btn-more .svg .cls-1 {
  transition: all 300ms;
}
.btn-more:hover {
  background: #0bb35b;
  color: #fff;
}
.btn-more:hover .svg .cls-1 {
  fill: #fff;
}

/* ============================================
  List
============================================ */
#TOP {
  /* ============================================
    MV
  ============================================ */
}
#TOP .mv {
  position: relative;
  background: url(../img/top/mv_01.jpg) no-repeat center/cover;
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
  height: 62.0996441281vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv {
    height: 698px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv {
    background-image: url(../img/top/mv_01_sp.jpg);
    image-rendering: auto;
    height: 170.5333333333vw;
  }
}
_::-webkit-full-page-media, _:future, :root #TOP .mv {
  image-rendering: unset;
}

#TOP .mv .sec_in {
  position: relative;
  z-index: 1;
}
#TOP .mv .catch {
  position: absolute;
  top: 14.2348754448vw;
  left: 2.5800711744vw;
  width: 57.0284697509vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .catch {
    top: 160px;
    left: 29px;
    width: 641px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .catch {
    top: 20.6666666667vw;
    right: 0;
    left: 0;
    width: 93.3333333333vw;
    margin: 0 auto;
  }
}
#TOP .mv .badge {
  position: absolute;
  top: 12.4555160142vw;
  right: 3.1138790036vw;
  width: 18.5053380783vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .badge {
    top: 140px;
    right: 35px;
    width: 208px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .badge {
    top: 47.4666666667vw;
    right: 35px;
    width: 32.1333333333vw;
  }
}
#TOP .mv .recruit {
  position: absolute;
  right: 19.5729537367vw;
  bottom: 8.5409252669vw;
  display: block;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  border-radius: 0.8896797153vw;
  overflow: hidden;
  width: 26.4234875445vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .recruit {
    right: 240px;
    bottom: 96px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    border-radius: 10px;
    width: 297px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .recruit {
    right: 0;
    bottom: 38.6666666667vw;
    left: 0;
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    border-radius: 1.3333333333vw;
    width: 57.6vw;
    margin: 0 auto;
  }
}
#TOP .mv .recruit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 0.8896797153vw;
  border: 0.5338078292vw solid rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .recruit::before {
    border-radius: 10px;
    border-width: 6px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .recruit::before {
    border-radius: 1.3333333333vw;
    border-width: 0.8vw;
  }
}
#TOP .mv .recruit picture {
  display: block;
}
#TOP .mv .recruit .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(11, 179, 91, 0.9);
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  border-radius: 0 0 0.8896797153vw 0.8896797153vw;
  width: 100%;
  height: 4.1814946619vw;
  padding: 1.0676156584vw 0 0 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .recruit .bar {
    border-radius: 0 0 10px 10px;
    height: 47px;
    padding: 12px 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .recruit .bar {
    font-size: 3rem;
    border-radius: 0 0 1.3333333333vw 1.3333333333vw;
    height: 9.2vw;
    padding: 2.4vw 0 0 4vw;
  }
}
#TOP .mv .recruit .bar::before {
  content: "";
  position: absolute;
  top: 1.334519573vw;
  right: 1.7793594306vw;
  background: url(../img/common/arrow_01.svg) no-repeat 0 0/cover;
  width: 0.6227758007vw;
  height: 1.1565836299vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .recruit .bar::before {
    top: 15px;
    right: 20px;
    width: 7px;
    height: 13px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .recruit .bar::before {
    top: 2.9333333333vw;
    right: 4vw;
    width: 1.3333333333vw;
    height: 2.4vw;
  }
}
#TOP .mv .recruit img {
  transition: all 300ms;
}
#TOP .mv .recruit:hover img {
  transform: scale(1.1);
}
#TOP .mv .mynavi {
  position: absolute;
  left: 34.6975088968vw;
  bottom: 9.2526690391vw;
  display: block;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  border-radius: 0.8896797153vw;
  overflow: hidden;
  width: 11.5658362989vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .mynavi {
    left: 390px;
    bottom: 104px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    border-radius: 10px;
    width: 130px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .mynavi {
    right: 0;
    bottom: 72vw;
    left: 0;
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    width: 57.6vw;
    margin: 0 auto;
  }
}
#TOP .mv .mynavi:hover {
  opacity: 0.8;
}
#TOP .mv .bnr_news {
  position: absolute;
  right: 1.7793594306vw;
  bottom: 8.5409252669vw;
  display: block;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  border-radius: 0.8896797153vw;
  overflow: hidden;
  width: 15.3024911032vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .bnr_news {
    right: 50px;
    bottom: 96px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    border-radius: 10px;
    width: 172px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .bnr_news {
    right: 0;
    bottom: 25.3333333333vw;
    left: 0;
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    border-radius: 1.3333333333vw;
    width: 57.6vw;
    margin: 0 auto;
    display: flex;
    background: rgba(237, 117, 0, 0.9);
  }
}
#TOP .mv .bnr_news::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 0.8896797153vw;
  border: 0.5338078292vw solid rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .bnr_news::before {
    border-radius: 10px;
    border-width: 6px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .bnr_news::before {
    border-radius: 1.3333333333vw;
    border-width: 0.8vw;
  }
}
#TOP .mv .bnr_news picture {
  display: block;
}
@media only screen and (max-width: 767px) {
  #TOP .mv .bnr_news picture {
    z-index: 10;
    width: 8.5333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .bnr_news picture img {
    padding-top: 8px;
    position: relative;
    left: 15px;
  }
}
#TOP .mv .bnr_news .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(237, 117, 0, 0.9);
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  border-radius: 0 0 0.8896797153vw 0.8896797153vw;
  width: 100%;
  height: 4.1814946619vw;
  padding: 1.0676156584vw 0 0 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .bnr_news .bar {
    border-radius: 0 0 10px 10px;
    height: 47px;
    padding: 12px 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .bnr_news .bar {
    background: none;
    font-size: 3rem;
    border-radius: 0 0 1.3333333333vw 1.3333333333vw;
    height: 9.2vw;
    padding: 1.8666666667vw 0 0 16vw;
  }
}
#TOP .mv .bnr_news .bar::before {
  content: "";
  position: absolute;
  top: 1.334519573vw;
  right: 1.7793594306vw;
  background: url(../img/common/arrow_01.svg) no-repeat 0 0/cover;
  width: 0.6227758007vw;
  height: 1.1565836299vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .bnr_news .bar::before {
    top: 15px;
    right: 20px;
    width: 7px;
    height: 13px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .bnr_news .bar::before {
    top: 2.9333333333vw;
    right: 4vw;
    width: 1.3333333333vw;
    height: 2.4vw;
  }
}
#TOP .mv .bnr_news img {
  transition: all 300ms;
}
#TOP .mv .bnr_news:hover img {
  transform: scale(1.1);
}
#TOP .mv .arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 2.4911032028vw;
  height: 11.5658362989vw;
  margin: 0 auto;
}
@media only screen and (min-width: 1124px) {
  #TOP .mv .arrow {
    width: 28px;
    height: 130px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .mv .arrow {
    bottom: -4.6666666667vw;
    width: 5.0666666667vw;
    height: 22.9333333333vw;
  }
}
#TOP {
  /* ============================================
    Section
  ============================================ */
}
#TOP .sec {
  padding: 4.4483985765vw 0;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec {
    padding: 13.3333333333vw 0;
  }
}
#TOP .sec_heading {
  position: relative;
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec_heading {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec_heading {
    font-size: 4.6rem;
    letter-spacing: 0.06em;
    margin-bottom: 8vw;
  }
}
#TOP .sec_heading::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0 auto;
}
#TOP .sec .btn_wrap {
  display: flex;
  justify-content: center;
  margin: 5.3380782918vw auto 0;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec .btn_wrap {
    margin-top: 60px;
  }
}
#TOP {
  /* ============================================
    事業情報
  ============================================ */
}
#TOP .sec-business {
  padding: 9.7864768683vw 0 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-business {
    padding: 110px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-business {
    padding: 19.0666666667vw 0 11.4666666667vw;
  }
}
#TOP .sec-business .sec_in {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-business .sec_in {
    padding: 0 4vw;
  }
}
#TOP .sec-business .sec_heading {
  padding-top: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-business .sec_heading {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-business .sec_heading {
    padding-top: 9.7333333333vw;
  }
}
#TOP .sec-business .sec_heading::before {
  background-image: url(../img/top/orn_sec_heading_01.png);
  width: 2.7580071174vw;
  height: 3.7366548043vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-business .sec_heading::before {
    width: 31px;
    height: 42px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-business .sec_heading::before {
    background-image: url(../img/top/orn_sec_heading_01_sp.png);
    width: 5.6vw;
    height: 7.2vw;
  }
}
#TOP .sec-business .businessList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#TOP .sec-business .businessList_item {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  width: 18.7722419929vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-business .businessList_item {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    width: 211px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-business .businessList_item {
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    width: 43.2vw;
    margin: 0 auto;
  }
  #TOP .sec-business .businessList_item:nth-of-type(n+3) {
    margin-top: 5.3333333333vw;
  }
}
#TOP .sec-business .businessList_item > a .bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(133, 189, 59, 0.9);
  transition: all 500ms;
  height: 6.7615658363vw;
  margin: 0 auto;
  padding: 1.2455516014vw 0 3.7366548043vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-business .businessList_item > a .bar {
    height: 76px;
    padding: 14px 0 42px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-business .businessList_item > a .bar {
    height: 15.6vw;
    padding: 3.0666666667vw 0 8.6666666667vw;
  }
}
#TOP .sec-business .businessList_item > a .bar .title {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-business .businessList_item > a .bar .title {
    font-size: 3rem;
  }
}
#TOP .sec-business .businessList_item:hover .bar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
}
#TOP {
  /* ============================================
    安心・安全の取り組み
  ============================================ */
}
#TOP .sec-safety {
  background: url(../img/top/bg_safety_01.png) no-repeat top center/1920px auto;
  image-rendering: -webkit-optimize-contrast;
  height: 104.8932384342vw;
  padding: 12.4555160142vw 0;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety {
    height: 1179px;
    padding: 140px 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety {
    background-image: url(../img/top/bg_safety_01_sp.png);
    background-size: 100vw auto;
    image-rendering: auto;
    height: 293.8666666667vw;
    padding: 15.6vw 0;
  }
}
_::-webkit-full-page-media, _:future, :root #TOP .sec-safety {
  image-rendering: unset;
}

#TOP .sec-safety .sec_heading {
  padding-top: 5.871886121vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .sec_heading {
    padding-top: 66px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .sec_heading {
    padding-top: 9.4666666667vw;
  }
}
#TOP .sec-safety .sec_heading::before {
  background-image: url(../img/top/orn_sec_heading_02.png);
  width: 4.0925266904vw;
  height: 3.1138790036vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .sec_heading::before {
    width: 46px;
    height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .sec_heading::before {
    background-image: url(../img/top/orn_sec_heading_02_sp.png);
    width: 8.8vw;
    height: 6.6666666667vw;
  }
}
#TOP .sec-safety .safetyList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#TOP .sec-safety .safetyList_item {
  background: #fff;
  border-radius: 0.8896797153vw;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  width: 43.7722419929vw;
  height: 25.8007117438vw;
}
@media only screen and (min-width: 768px) {
  #TOP .sec-safety .safetyList_item:nth-of-type(n+3) {
    margin-top: 3.5587188612vw;
  }
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .safetyList_item {
    border-radius: 10px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    width: 492px;
    height: 290px;
  }
  #TOP .sec-safety .safetyList_item:nth-of-type(n+3) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .safetyList_item {
    border-radius: 1.3333333333vw;
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    width: 100%;
    height: 51.4666666667vw;
  }
  #TOP .sec-safety .safetyList_item:not(:first-of-type) {
    margin-top: 4vw;
  }
}
#TOP .sec-safety .safetyList_item .btn {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .safetyList_item .btn {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .safetyList_item .btn {
    padding: 2.6666666667vw;
  }
}
#TOP .sec-safety .safetyList_item .btn:hover .img img {
  transform: scale(1.1);
}
#TOP .sec-safety .safetyList_item .img {
  overflow: hidden;
}
#TOP .sec-safety .safetyList_item .img img {
  transition: all 300ms;
}
#TOP .sec-safety .safetyList_item .title {
  position: relative;
  color: #0bb35b;
  font-size: 2.4rem;
  font-weight: 600;
  margin-top: auto;
  padding-left: 4.6263345196vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .safetyList_item .title {
    padding-left: 52px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .safetyList_item .title {
    font-size: 3rem;
    padding-left: 8.4vw;
  }
}
#TOP .sec-safety .safetyList_item .title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: auto 0;
}
#TOP .sec-safety .safetyList_item .title-01::before {
  left: 0.8896797153vw;
  background-image: url(../img/top/orn_safety_01.png);
  width: 1.7793594306vw;
  height: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .safetyList_item .title-01::before {
    left: 10px;
    width: 20px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .safetyList_item .title-01::before {
    background-image: url(../img/top/orn_safety_01_sp.png);
    left: 2vw;
    width: 2.9333333333vw;
    height: 6.1333333333vw;
  }
}
#TOP .sec-safety .safetyList_item .title-02::before {
  background-image: url(../img/top/orn_safety_02.png);
  width: 3.1138790036vw;
  height: 2.846975089vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .safetyList_item .title-02::before {
    width: 35px;
    height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .safetyList_item .title-02::before {
    background-image: url(../img/top/orn_safety_02_sp.png);
    left: 0.6666666667vw;
    width: 5.4666666667vw;
    height: 5.0666666667vw;
  }
}
#TOP .sec-safety .safetyList_item .title-03::before {
  background-image: url(../img/top/orn_safety_03.png);
  width: 3.2918149466vw;
  height: 2.846975089vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .safetyList_item .title-03::before {
    width: 37px;
    height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .safetyList_item .title-03::before {
    background-image: url(../img/top/orn_safety_03_sp.png);
    left: 0.5333333333vw;
    width: 5.7333333333vw;
    height: 5.0666666667vw;
  }
}
#TOP .sec-safety .safetyList_item .title-04::before {
  background-image: url(../img/top/orn_safety_04.png);
  width: 2.6690391459vw;
  height: 3.4697508897vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-safety .safetyList_item .title-04::before {
    width: 30px;
    height: 39px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-safety .safetyList_item .title-04::before {
    background-image: url(../img/top/orn_safety_04_sp.png);
    left: 0.6666666667vw;
    width: 5.3333333333vw;
    height: 6.6666666667vw;
  }
}
#TOP {
  /* ============================================
    採用情報 
  ============================================ */
}
#TOP .sec-recruit {
  padding: 5.3380782918vw 0;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-recruit {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit {
    padding: 11.3333333333vw 0;
  }
}
#TOP .sec-recruit .sec_in {
  padding: 0;
}
#TOP .sec-recruit .sec_heading {
  padding-top: 6.2277580071vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-recruit .sec_heading {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit .sec_heading {
    padding-top: 11.0666666667vw;
  }
}
#TOP .sec-recruit .sec_heading::before {
  background-image: url(../img/top/orn_sec_heading_03.png);
  width: 3.1138790036vw;
  height: 4.0035587189vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-recruit .sec_heading::before {
    width: 35px;
    height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit .sec_heading::before {
    background-image: url(../img/top/orn_sec_heading_03_sp.png);
    width: 6.5333333333vw;
    height: 8.4vw;
  }
}
#TOP .sec-recruit .recruitBox_wrap {
  position: relative;
  background: url(../img/top/bg_recruit_01.jpg) no-repeat center/cover;
  image-rendering: -webkit-optimize-contrast;
  width: 100.1779359431vw;
  height: 38.4341637011vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-recruit .recruitBox_wrap {
    width: 1126px;
    height: 432px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit .recruitBox_wrap {
    image-rendering: auto;
    width: 100vw;
    height: 58.5333333333vw;
  }
}
_::-webkit-full-page-media, _:future, :root #TOP .sec-recruit .recruitBox_wrap {
  image-rendering: unset;
}

#TOP .sec-recruit .recruitBox_wrap .recruitBox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0.8896797153vw;
  width: 54.8042704626vw;
  height: 17.9715302491vw;
  margin: auto;
  padding: 0.7117437722vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-recruit .recruitBox_wrap .recruitBox {
    border-radius: 10px;
    width: 616px;
    height: 202px;
    padding: 8px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit .recruitBox_wrap .recruitBox {
    border-radius: 1.3333333333vw;
    width: 91.8666666667vw;
    height: 42.4vw;
    padding: 1.0666666667vw;
  }
}
#TOP .sec-recruit .recruitBox_wrap .recruitBox_in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: 0.1779359431vw solid #0bb35b;
  border-radius: 0.8896797153vw;
  transition: all 300ms;
  width: 100%;
  height: 100%;
  padding: 2.6690391459vw 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-recruit .recruitBox_wrap .recruitBox_in {
    border-width: 2px;
    border-radius: 10px;
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit .recruitBox_wrap .recruitBox_in {
    border-width: 0.2666666667vw;
    border-radius: 1.3333333333vw;
    padding: 5.3333333333vw;
  }
}
#TOP .sec-recruit .recruitBox_wrap .recruitBox_in:hover {
  background: rgba(11, 179, 91, 0.3);
}
#TOP .sec-recruit .recruitBox_wrap .recruitBox_in:hover .more .svg .cls-1 {
  fill: #292929;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit .recruitBox_wrap .text {
    letter-spacing: 0;
  }
}
#TOP .sec-recruit .recruitBox_wrap .more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 2.846975089vw;
  padding-right: 2.4911032028vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-recruit .recruitBox_wrap .more {
    margin-top: 32px;
    padding-right: 28px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit .recruitBox_wrap .more {
    font-size: 3rem;
    margin-top: 4.6666666667vw;
    padding-right: 5.3333333333vw;
  }
}
#TOP .sec-recruit .recruitBox_wrap .more .svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.7117437722vw;
  margin: auto 0;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-recruit .recruitBox_wrap .more .svg {
    width: 8px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-recruit .recruitBox_wrap .more .svg {
    width: 1.7333333333vw;
  }
}
#TOP .sec-recruit .recruitBox_wrap .more .svg .cls-1 {
  transition: all 300ms;
}
#TOP {
  /* ============================================
    会社概要
  ============================================ */
}
#TOP .sec-company {
  background: url(../img/top/bg_company_01.png) no-repeat center top/1920px auto, linear-gradient(to bottom, #fff, #fff 50%, #f8f4e5 50%, #f8f4e5 100%);
  image-rendering: -webkit-optimize-contrast;
  height: 65.3024911032vw;
  padding: 12.4555160142vw 0;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-company {
    height: 734px;
    padding: 140px 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-company {
    background-image: url(../img/top/bg_company_01_sp.png), linear-gradient(to bottom, #fff, #fff 50%, #f8f4e5 50%, #f8f4e5 100%);
    background-size: 100% auto;
    image-rendering: auto;
    height: 174.6666666667vw;
    padding-top: 17.3333333333vw 0 13.3333333333vw;
  }
}
_::-webkit-full-page-media, _:future, :root #TOP .sec-company {
  image-rendering: unset;
}

#TOP .sec-company .sec_heading {
  padding-top: 5.871886121vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-company .sec_heading {
    padding-top: 66px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-company .sec_heading {
    padding-top: 10.6666666667vw;
  }
}
#TOP .sec-company .sec_heading::before {
  background-image: url(../img/top/orn_sec_heading_04.png);
  width: 2.4911032028vw;
  height: 3.2028469751vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-company .sec_heading::before {
    width: 28px;
    height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-company .sec_heading::before {
    background-image: url(../img/top/orn_sec_heading_04_sp.png);
    width: 5.6vw;
    height: 7.0666666667vw;
  }
}
#TOP .sec-company .companyBox .column-img {
  width: 43.7722419929vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-company .companyBox .column-img {
    width: 492px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-company .companyBox .column-img {
    width: 100%;
  }
}
#TOP .sec-company .companyBox .column-img .img {
  border-radius: 0.8896797153vw;
  overflow: hidden;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-company .companyBox .column-img .img {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-company .companyBox .column-img .img {
    border-radius: 1.3333333333vw;
  }
}
#TOP .sec-company .companyBox .column-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 43.9501779359vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-company .companyBox .column-text {
    width: 494px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-company .companyBox .column-text {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
#TOP .sec-company .companyBox .column-text .btn_wrap {
  margin-top: auto;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-company .companyBox .column-text .btn_wrap {
    margin-top: 8vw;
  }
}
#TOP {
  /* ============================================
    お知らせ
  ============================================ */
}
#TOP .sec-news {
  background: #f8f4e5;
  padding: 5.3380782918vw 0 11.5658362989vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-news {
    padding: 60px 0 130px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news {
    padding: 11.3333333333vw 0 25.3333333333vw;
  }
}
#TOP .sec-news .sec_heading {
  padding-top: 5.871886121vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-news .sec_heading {
    padding-top: 66px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .sec_heading {
    padding-top: 10.6666666667vw;
  }
}
#TOP .sec-news .sec_heading::before {
  background-image: url(../img/top/orn_sec_heading_05.png);
  width: 3.2028469751vw;
  height: 3.024911032vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-news .sec_heading::before {
    width: 36px;
    height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .sec_heading::before {
    width: 7.3333333333vw;
    height: 7.0666666667vw;
  }
}
#TOP .sec-news .newsList {
  display: flex;
  flex-wrap: wrap;
}
#TOP .sec-news .newsList_item {
  background: #fff;
  border-radius: 0.8896797153vw;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  width: 28.5587188612vw;
  margin-right: 1.7793594306vw;
}
#TOP .sec-news .newsList_item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-news .newsList_item {
    border-radius: 10px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    width: 318px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .newsList_item {
    border-radius: 1.3333333333vw;
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    width: 100%;
    margin-right: 0;
  }
  #TOP .sec-news .newsList_item:not(:first-of-type) {
    margin-top: 4vw;
  }
}
#TOP .sec-news .newsList_item > a {
  display: block;
  padding: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-news .newsList_item > a {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .newsList_item > a {
    padding: 2.6666666667vw;
  }
}
#TOP .sec-news .newsList_item > a .img {
  overflow: hidden;
  margin-bottom: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-news .newsList_item > a .img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .newsList_item > a .img {
    margin-bottom: 2.6666666667vw;
  }
}
#TOP .sec-news .newsList_item > a .img img {
  transition: all 300ms;
}
#TOP .sec-news .newsList_item > a .date {
  position: relative;
  color: #0bb35b;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1.334519573vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-news .newsList_item > a .date {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .newsList_item > a .date {
    font-size: 3rem;
    margin-bottom: 2.9333333333vw;
  }
}
#TOP .sec-news .newsList_item > a .date.is-new::after {
  position: absolute;
  top: 50%;
  left: 8em;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  content: "NEW";
  background: #e50011;
  color: #fff;
  font-size: 1.5rem;
  width: 5.3380782918vw;
  height: 2.0462633452vw;
}
@media only screen and (min-width: 1124px) {
  #TOP .sec-news .newsList_item > a .date.is-new::after {
    width: 60px;
    height: 23px;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .newsList_item > a .date.is-new::after {
    font-size: 2.4rem;
    width: 10.6666666667vw;
    height: 4.4vw;
  }
}
#TOP .sec-news .newsList_item > a .title {
  font-size: 1.8rem;
  line-height: 1.6;
  margin: -0.3em 0;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .newsList_item > a .title {
    font-size: 3rem;
    line-height: 1.5;
    margin: -0.25em 0;
  }
}
#TOP .sec-news .newsList_item > a:hover .img img {
  transform: scale(1.1);
}

.PAGE {
  /* ============================================
    CONTENTS
  ============================================ */
}
.PAGE .contents {
  padding-bottom: 11.5658362989vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .contents {
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .contents {
    padding-bottom: 25.3333333333vw;
  }
}
.PAGE {
  /* ============================================
    PAGE
  ============================================ */
}
.PAGE .sec_heading-01 {
  color: #0bb35b;
  font-size: 2.8rem;
  margin-bottom: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .sec_heading-01 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec_heading-01 {
    font-size: 4rem;
    margin-bottom: 8vw;
  }
}
.PAGE .sec_heading-02 {
  background: linear-gradient(to right, #0bb35b, #0bb35b 2px, transparent 2px, transparent 6px) repeat-x 0 bottom;
  background-size: 0.5338078292vw 0.1779359431vw;
  color: #0bb35b;
  font-size: 2.8rem;
  margin-bottom: 2.6690391459vw;
  padding-bottom: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .sec_heading-02 {
    background-size: 6px 2px;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec_heading-02 {
    font-size: 4rem;
    background-image: linear-gradient(to right, #0bb35b, #0bb35b 0.5333333333vw, transparent 0.5333333333vw, transparent 1.6vw);
    background-size: 1.6vw 0.5333333333vw;
    margin-bottom: 4.8vw;
    padding-bottom: 4vw;
  }
}
.PAGE .sec-ivory {
  position: relative;
  background: #f8f4e5;
}
.PAGE .sec-ivory::before {
  content: "";
  position: absolute;
  top: -3.5587188612vw;
  right: 0;
  left: 0;
  background: url(../img/page/bg_ivory_01.svg) no-repeat center top/100% auto;
  width: 100%;
  height: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .sec-ivory::before {
    top: -40px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-ivory::before {
    top: -2.1333333333vw;
    background-image: url(../img/page/bg_ivory_01_sp.svg);
    height: 2.1333333333vw;
  }
}
.PAGE {
  /* ============================================
    MV
  ============================================ */
}
.PAGE .mv {
  position: relative;
  background-image: url(../img/page/bg_mv_01.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 100%;
  width: 100%;
  height: 30.4270462633vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .mv {
    height: 342px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .mv {
    background-image: url(../img/page/bg_mv_01_sp.svg);
    height: 48.8vw;
    margin-bottom: 0;
  }
}
.PAGE .mv .heading {
  color: #fff;
  font-size: 4.2rem;
  font-weight: 700;
  text-shadow: 0 0 2.0462633452vw rgba(0, 0, 0, 0.5);
  width: 100%;
  margin-top: 9.6085409253vw;
  padding-left: 5.6939501779vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .mv .heading {
    text-shadow: 0 0 23px rgba(0, 0, 0, 0.5);
    margin-top: 108px;
    padding-left: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .mv .heading {
    font-size: 4.6rem;
    margin-top: unset;
    padding: 18.6666666667vw 0 0 11.7333333333vw;
  }
}
.PAGE .mv .heading.is-black {
  color: #292929;
  text-shadow: 0 0 2.0462633452vw rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 1124px) {
  .PAGE .mv .heading.is-black {
    text-shadow: 0 0 23px rgba(255, 255, 255, 0.5);
  }
}
.PAGE .mv .heading.line-2 {
  font-size: 4rem;
  line-height: 1.5;
  margin-top: 6.2277580071vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .mv .heading.line-2 {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .mv .heading.line-2 {
    font-size: 4.6rem;
    margin-top: 0;
    padding-top: 14.1333333333vw;
  }
}
.PAGE .mv .heading .subText {
  display: block;
  font-size: 58.3%;
  margin-top: 0.762em;
}
.PAGE .mv.is-low {
  height: 21.3523131673vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .mv.is-low {
    height: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .mv.is-low {
    height: 32vw;
  }
}
.PAGE .mv.is-low .heading {
  font-size: 4.2rem;
}
.PAGE {
  /* ============================================
    BREADCRUMB
  ============================================ */
}
.PAGE .breadcrumb {
  color: #fff;
  text-shadow: 0 0 0.8896797153vw rgba(0, 0, 0, 0.8);
  padding: 1.4234875445vw 0;
}
@media only screen and (min-width: 1124px) {
  .PAGE .breadcrumb {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    padding: 16px 0;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .breadcrumb {
    display: none;
  }
}
.PAGE .breadcrumb.is-black {
  color: #292929;
  text-shadow: 0 0 0.8896797153vw rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1124px) {
  .PAGE .breadcrumb.is-black {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
  }
}
.PAGE .breadcrumbList {
  display: flex;
  flex-wrap: wrap;
}
.PAGE .breadcrumbList_item {
  font-size: 1.3rem;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .PAGE .breadcrumbList_item {
    font-size: 2.6rem;
  }
}
.PAGE .breadcrumbList_item:not(:first-of-type)::before {
  content: ">";
  margin: 0 0.5em;
}
.PAGE {
  /* ============================================
    PAGE NAVI
  ============================================ */
}
.PAGE .pageNavi {
  padding: 6.0498220641vw 0 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .pageNavi {
    padding: 68px 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .pageNavi {
    padding: 10.6666666667vw 0 15.7333333333vw;
  }
}
.PAGE .pageNaviList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 0;
}
@media only screen and (max-width: 767px) {
  .PAGE .pageNaviList {
    justify-content: space-between;
    margin-top: -5.0666666667vw;
    gap: 0;
  }
}
@media only screen and (min-width: 768px) {
  .PAGE .pageNaviList_item:not(:first-of-type) {
    margin-left: 3.5587188612vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  .PAGE .pageNaviList_item:not(:first-of-type) {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .pageNaviList_item {
    margin: 5.0666666667vw 0 0;
    width: 100%;
  }
  .PAGE .pageNaviList_item.m-auto {
    margin-right: auto;
    margin-left: auto;
  }
}
.PAGE .pageNaviList_item .btn {
  color: #0bb35b;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  border-radius: 2.3131672598vw;
  min-width: 16.7259786477vw;
  width: auto;
  height: 4.8042704626vw;
  padding: 0.1779359431vw 3.5587188612vw 0 2.1352313167vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .pageNaviList_item .btn {
    border-radius: 26px;
    min-width: 188px;
    height: 54px;
    padding: 2px 40px 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .pageNaviList_item .btn {
    font-size: 3.4rem;
    border-width: 0.5333333333vw;
    border-radius: 5.8666666667vw;
    min-width: 33.8666666667vw;
    height: 11.7333333333vw;
    padding: 0 8.6666666667vw 0 5.3333333333vw;
  }
  .PAGE .pageNaviList_item .btn .svg {
    right: 3.4666666667vw;
    width: 1.7333333333vw;
    height: 3.0666666667vw;
  }
}
.PAGE .pageNaviList_item .btn-recruit {
  min-width: 22.2419928826vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .pageNaviList_item .btn-recruit {
    min-width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .pageNaviList_item .btn-recruit {
    min-width: 37.8666666667vw;
  }
}
.PAGE .pageNaviList_item .btn-safety {
  min-width: 15.3914590747vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .pageNaviList_item .btn-safety {
    min-width: 173px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .pageNaviList_item .btn-safety {
    min-width: 33.8666666667vw;
  }
}
.PAGE .pageNaviList_item .btn:hover {
  color: #fff;
}
.PAGE .pageNaviList_item .btn.is-current {
  background: #e9f7d2;
  color: #6bde99;
  padding-right: 2.7580071174vw;
  padding-left: 2.7580071174vw;
}
@media only screen and (min-width: 1124px) {
  .PAGE .pageNaviList_item .btn.is-current {
    padding-right: 31px;
    padding-left: 31px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .pageNaviList_item .btn.is-current {
    padding-right: 7vw;
    padding-left: 7vw;
  }
}
.PAGE .pageNaviList_item .btn.is-current .svg {
  display: none;
}
.PAGE {
  /* ============================================
    TextBox
  ============================================ */
}
.PAGE .textBox {
  width: 62.6334519573vw;
  margin: 0 auto;
}
@media only screen and (min-width: 1124px) {
  .PAGE .textBox {
    width: 704px;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .textBox {
    width: 100%;
  }
}

#COMPANY .mv {
  background-image: url(../img/company/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #COMPANY .mv {
    background-image: url(../img/company/bg_mv_01_sp.jpg);
  }
}
#COMPANY .sec-outline {
  padding: 0 0 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-outline {
    padding: 0 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-outline {
    padding-bottom: 10.1333333333vw;
  }
}
#COMPANY .sec-outline .table-outline {
  border: 1px solid #aaaaaa;
  border-radius: 0.8896797153vw;
  border-collapse: separate;
  width: 100%;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-outline .table-outline {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-outline .table-outline {
    border-width: 0.2666666667vw;
    border-radius: 1.3333333333vw;
  }
}
#COMPANY .sec-outline .table-outline > dl {
  display: flex;
  flex-wrap: wrap;
}
#COMPANY .sec-outline .table-outline > dl:not(:first-of-type) {
  border-top: 1px solid #aaa;
}
#COMPANY .sec-outline .table-outline > dl > dt {
  font-weight: 700;
  width: 27.2015655577%;
  padding: 2.6690391459vw 0 2.6690391459vw 4.8042704626vw;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-outline .table-outline > dl > dt {
    padding: 30px 0 30px 54px;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-outline .table-outline > dl > dt {
    width: 25.5072463768%;
    padding: 5.6vw 0 5.6vw 3.2vw;
  }
}
#COMPANY .sec-outline .table-outline > dl > dd {
  border-left: 1px solid #aaa;
  width: 72.7984344423%;
  padding: 2.6690391459vw 0 2.6690391459vw 3.9145907473vw;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-outline .table-outline > dl > dd {
    padding: 30px 0 30px 44px;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO {
    display: flex;
    margin-top: 1em;
    gap: 10px;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO img {
    width: auto;
    height: 160px;
    margin-right: 10px;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO span {
    line-height: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-outline .table-outline > dl > dd {
    width: 74.4927536232%;
    padding: 5.6vw 3.2vw 5.6vw 4.5333333333vw;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .text {
    letter-spacing: 0;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO {
    display: block;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO li {
    margin-bottom: 10px;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO li img {
    margin: 0;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO .iso1 {
    font-size: 3rem;
    line-height: 1.5;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO .iso1 img {
    width: 70%;
  }
  #COMPANY .sec-outline .table-outline > dl > dd .companyISO .iso1 span {
    display: block;
    padding: 2rem 0;
    text-align: left;
  }
}
#COMPANY .sec-organization {
  background: #f8f4e5;
  background: url(../img/company/bg_organization_01.svg) no-repeat center 0/auto 100%;
  height: 106.4946619217vw;
  padding: 12.4555160142vw 0;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-organization {
    height: 1197px;
    padding: 140px 0;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-organization {
    background-image: url(../img/company/bg_organization_01_sp.svg);
    height: 214.5333333333vw;
    padding: 16vw 0 0;
  }
}
#COMPANY .sec-access {
  padding: 5.3380782918vw 0 11.5658362989vw;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-access {
    padding: 60px 0 130px;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-access {
    padding: 9.8666666667vw 0 0;
  }
}
#COMPANY .sec-access .dl-access {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-access .dl-access {
    margin-bottom: 5.3333333333vw;
  }
}
#COMPANY .sec-access .dl-access > dt {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1.9572953737vw 1.7793594306vw 2.4911032028vw 0;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-access .dl-access > dt {
    padding: 22px 20px 28px 0;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-access .dl-access > dt {
    font-size: 3rem;
    padding: 0 0 0 0;
  }
}
#COMPANY .sec-access .dl-access > dd {
  background-image: linear-gradient(to bottom, transparent, transparent 0.3558718861vw, #9e9e9e 0.3558718861vw, #9e9e9e 0.5338078292vw);
  background-repeat: repeat-y;
  background-size: 0.1779359431vw 0.5338078292vw;
  padding: 0.8896797153vw 0 0.8896797153vw 2.846975089vw;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-access .dl-access > dd {
    background-image: linear-gradient(to bottom, transparent, transparent 4px, #9e9e9e 4px, #9e9e9e 6px);
    background-size: 2px 6px;
    padding: 10px 0 10px 32px;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-access .dl-access > dd {
    background-image: none;
    margin-top: 4.2666666667vw;
    padding: 0 0 0 0;
  }
}
#COMPANY .sec-access .map_wrap {
  box-shadow: 0 0 1.334519573vw 0 rgba(0, 0, 0, 0.2);
  margin-top: 2.6690391459vw;
  padding: 0.8896797153vw 1.1565836299vw 1.0676156584vw;
}
@media only screen and (min-width: 1124px) {
  #COMPANY .sec-access .map_wrap {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    margin-top: 30px;
    padding: 10px 13px 12px;
  }
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-access .map_wrap {
    box-shadow: 0 0 2vw 0 rgba(0, 0, 0, 0.2);
    padding: 1.3333333333vw 1.7333333333vw;
  }
}
#COMPANY .sec-access .map_wrap .map {
  position: relative;
}
#COMPANY .sec-access .map_wrap .map::before {
  content: "";
  display: block;
  padding-top: 36.0655737705%;
}
@media only screen and (max-width: 767px) {
  #COMPANY .sec-access .map_wrap .map::before {
    padding-top: 46.9879518072%;
  }
}
#COMPANY .sec-access .map_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#COMPANY .box_access {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
#COMPANY .box_access .access_img {
  width: 45%;
  max-width: 500px;
}
@media only screen and (max-width: 767px) {
  #COMPANY .box_access .access_img {
    width: 100%;
    margin-bottom: 20px;
  }
}
#COMPANY .box_access .access_txts {
  width: 55%;
  padding-left: 4%;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  #COMPANY .box_access .access_txts {
    width: 100%;
    padding-left: 0;
    font-size: 3rem;
  }
}
#COMPANY .box_access .access_txts .access_ttl {
  margin-bottom: 10px;
}
#COMPANY .box_access .access_txts p {
  margin-bottom: 40px;
}
#COMPANY .box_access .access_txts p:last-child {
  margin-bottom: 0;
}

#HISTORY .mv {
  background-image: url(../img/company/history/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #HISTORY .mv {
    background-image: url(../img/company/history/bg_mv_01_sp.jpg);
  }
}
#HISTORY .sec-history {
  position: relative;
  padding-bottom: 11.5658362989vw;
}
@media only screen and (min-width: 1124px) {
  #HISTORY .sec-history {
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 767px) {
  #HISTORY .sec-history {
    padding-bottom: 0;
  }
}
#HISTORY .sec-history .table-history {
  border: 1px solid #aaaaaa;
  border-radius: 0.8896797153vw;
  border-collapse: separate;
  width: 100%;
}
@media only screen and (min-width: 1124px) {
  #HISTORY .sec-history .table-history {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #HISTORY .sec-history .table-history {
    border-radius: 1.3333333333vw;
  }
}
#HISTORY .sec-history .table-history > dl {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #HISTORY .sec-history .table-history > dl {
    flex-direction: column;
  }
  #HISTORY .sec-history .table-history > dl.is-hidden {
    display: none;
  }
}
#HISTORY .sec-history .table-history > dl:not(:first-of-type) {
  border-top: 1px solid #aaa;
}
@media only screen and (max-width: 767px) {
  #HISTORY .sec-history .table-history > dl:not(:first-of-type) {
    border-top-width: 0.2666666667vw;
  }
}
#HISTORY .sec-history .table-history > dl > dt {
  font-weight: 700;
  width: 27.2015655577%;
  padding: 2.6690391459vw 0 2.6690391459vw 4.8042704626vw;
}
@media only screen and (min-width: 1124px) {
  #HISTORY .sec-history .table-history > dl > dt {
    padding: 30px 0 30px 54px;
  }
}
@media only screen and (max-width: 767px) {
  #HISTORY .sec-history .table-history > dl > dt {
    width: 100%;
    padding: 5.3333333333vw 3.4666666667vw;
  }
}
#HISTORY .sec-history .table-history > dl > dd {
  border-left: 1px solid #aaa;
  width: 72.7984344423%;
  padding: 2.6690391459vw 0 2.6690391459vw 3.9145907473vw;
}
@media only screen and (min-width: 1124px) {
  #HISTORY .sec-history .table-history > dl > dd {
    padding: 30px 0 30px 44px;
  }
}
@media only screen and (max-width: 767px) {
  #HISTORY .sec-history .table-history > dl > dd {
    background-image: linear-gradient(to right, #888788, #888788 0.5333333333vw, transparent 0.5333333333vw, transparent 2.1333333333vw);
    background-repeat: repeat-x;
    background-position: -0.2666666667vw 0;
    background-size: 2.1333333333vw 0.5333333333vw;
    border-left: none;
    width: 100%;
    padding: 5.3333333333vw 3.4666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  #HISTORY .sec-history .table-history .btn_wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    background: #fff;
    width: 91.4666666667vw;
    margin: 0 auto;
    padding: 8vw 0 0;
  }
  #HISTORY .sec-history .table-history .btn_wrap::before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0;
    transform: translateX(50%);
    background: #fff;
    width: 100vw;
    height: 8vw;
    margin: 0 auto;
  }
}

#MESSAGE .mv {
  background-image: url(../img/company/message/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #MESSAGE .mv {
    background-image: url(../img/company/message/bg_mv_01_sp.jpg);
  }
}
#MESSAGE .contents {
  padding-bottom: 0;
}
#MESSAGE .sec-message {
  padding-bottom: 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-message {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-message {
    padding-bottom: 10.6761565836vw;
  }
}
#MESSAGE .sec-message .column-img {
  width: 29.1814946619vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-message .column-img {
    width: 328px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-message .column-img {
    width: 100%;
  }
}
#MESSAGE .sec-message .column-text {
  width: 58.3629893238vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-message .column-text {
    width: 656px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-message .column-text {
    width: 100%;
    margin-top: 6.6666666667vw;
  }
}
#MESSAGE .sec-message .column-text .dl > dd b {
  font-size: 2.2rem;
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-message .column-text .dl > dd b {
    font-size: 3.4rem;
  }
}
#MESSAGE .sec-policy {
  padding: 8.896797153vw 0 16.0142348754vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy {
    padding: 100px 0 180px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy {
    padding: 16vw 0 25.3333333333vw;
  }
}
#MESSAGE .sec-policy .policyArea {
  background: #fff;
  border-radius: 0.8896797153vw;
  padding: 7.1174377224vw 9.4306049822vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea {
    border-radius: 10px;
    padding: 80px 106px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea {
    padding: 13.3333333333vw 2.6666666667vw;
  }
}
#MESSAGE .sec-policy .policyArea .dl:not(:first-of-type) {
  margin-top: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .dl:not(:first-of-type) {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .dl:not(:first-of-type) {
    margin-top: 13.3333333333vw;
  }
}
#MESSAGE .sec-policy .policyArea .dl > dt {
  position: relative;
  background-image: linear-gradient(to left, rgb(242, 255, 180) 1%, rgb(127, 217, 136) 40%, rgb(11, 179, 91) 84%, rgb(11, 179, 91) 100%);
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  text-shadow: 0 0 0.7117437722vw rgba(2, 142, 69, 0.62);
  margin-bottom: 2.846975089vw;
  padding: 0.7117437722vw 0 0.7117437722vw 7.4733096085vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .dl > dt {
    text-shadow: 0 0 8px rgba(2, 142, 69, 0.62);
    margin-bottom: 32px;
    padding: 8px 0 8px 84px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .dl > dt {
    font-size: 3.6rem;
    text-shadow: 0 0 1.0666666667vw rgba(2, 142, 69, 0.62);
    margin-bottom: 4.8vw;
    padding: 2.4vw 0 2.4vw 10.9333333333vw;
  }
}
#MESSAGE .sec-policy .policyArea .dl > dt::before {
  content: "";
  position: absolute;
  top: 0.7117437722vw;
  left: 4.4483985765vw;
  transform: rotate(45deg);
  transform-origin: 0 0;
  background: #fff;
  filter: drop-shadow(0 0 0.7117437722vw rgba(2, 142, 69, 0.62));
  width: 1.4234875445vw;
  height: 1.4234875445vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .dl > dt::before {
    top: 8px;
    left: 50px;
    filter: drop-shadow(0 0 8px rgba(2, 142, 69, 0.62));
    width: 16px;
    height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .dl > dt::before {
    top: 2.4vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
#MESSAGE .sec-policy .policyArea .dl > dt > span {
  font-size: 1.5rem;
  vertical-align: 0.2669039146vw;
  margin-left: 1.4234875445vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .dl > dt > span {
    vertical-align: 3px;
    margin-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .dl > dt > span {
    font-size: 2.4rem;
    margin-left: 2.6666666667vw;
  }
}
#MESSAGE .sec-policy .policyArea .dl > dd {
  padding: 0 4.4483985765vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .dl > dd {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .dl > dd {
    padding: 0 2.6666666667vw;
  }
}
#MESSAGE .sec-policy .policyArea .img-01 {
  width: 41.5480427046vw;
  margin-top: 4.9822064057vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .img-01 {
    width: 467px;
    margin-top: 56px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .img-01 {
    width: 74.8vw;
    margin-top: 7.4666666667vw;
  }
}
#MESSAGE .sec-policy .policyArea .policyList_item {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
  padding-left: 2.846975089vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .policyList_item {
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .policyList_item {
    font-size: 3rem;
    padding-left: 8.2666666667vw;
  }
}
#MESSAGE .sec-policy .policyArea .policyList_item:not(:first-of-type) {
  margin-top: 2.1352313167vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .policyList_item:not(:first-of-type) {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .policyList_item:not(:first-of-type) {
    margin-top: 4.8vw;
  }
}
#MESSAGE .sec-policy .policyArea .policyList_item::before {
  content: "";
  position: absolute;
  top: 0.4448398577vw;
  left: 0.2669039146vw;
  background: #0bb35b;
  border-radius: 50%;
  width: 1.2455516014vw;
  height: 1.2455516014vw;
}
@media only screen and (min-width: 1124px) {
  #MESSAGE .sec-policy .policyArea .policyList_item::before {
    top: 5px;
    left: 3px;
    width: 14px;
    height: 14px;
  }
}
@media only screen and (max-width: 767px) {
  #MESSAGE .sec-policy .policyArea .policyList_item::before {
    top: 0.8vw;
    left: 0;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}

#SDGS .mv {
  background-image: url(../img/company/sdgs/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #SDGS .mv {
    background-image: url(../img/company/sdgs/bg_mv_01_sp.jpg);
  }
}
#SDGS .contents {
  padding-bottom: 0;
}
#SDGS .sec-about {
  padding-bottom: 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-about {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-about {
    padding-bottom: 10.6761565836vw;
  }
}
#SDGS .sec-about .img {
  width: 68.3274021352vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-about .img {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-about .img {
    width: 100%;
  }
}
#SDGS .sec-about .textBox {
  text-align: justify;
  margin: 5.3380782918vw auto 0;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-about .textBox {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-about .textBox {
    margin-top: 8vw;
  }
}
#SDGS .sec-action {
  padding: 8.896797153vw 0 11.5658362989vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action {
    padding: 100px 0 130px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-action {
    padding: 16vw 0 25.3333333333vw;
  }
  #SDGS .sec-action .sec_heading-01 {
    line-height: 1.5;
  }
}
#SDGS .sec-action .textBox {
  text-align: justify;
  margin: 0 auto;
}
#SDGS .sec-action .textBox .text + .text {
  margin-top: 1.5em;
}
#SDGS .sec-action .actionList {
  display: flex;
  flex-wrap: wrap;
  counter-reset: action;
  margin-top: 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action .actionList {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-action .actionList {
    margin-top: 8vw;
  }
}
#SDGS .sec-action .actionList_item {
  counter-increment: action;
  background: #fff;
  border-radius: 0.8896797153vw;
  width: 44.4839857651vw;
  padding: 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item {
    border-radius: 10px;
    width: 500px;
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-action .actionList_item {
    border-radius: 1.3333333333vw;
    width: 100%;
    padding: 5.3333333333vw;
  }
  #SDGS .sec-action .actionList_item:not(:first-of-type) {
    margin-top: 5.3333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  #SDGS .sec-action .actionList_item:not(:nth-of-type(2n + 1)) {
    margin-left: 2.1352313167vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item:not(:nth-of-type(2n + 1)) {
    margin-left: 24px;
  }
}
@media only screen and (min-width: 768px) {
  #SDGS .sec-action .actionList_item:nth-of-type(n + 3) {
    margin-top: 2.1352313167vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item:nth-of-type(n + 3) {
    margin-top: 24px;
  }
}
#SDGS .sec-action .actionList_item::before {
  content: "● 取り組み方針 " counter(action);
  display: block;
  color: #0bb35b;
  font-size: 2.2rem;
  font-weight: 700;
  border-bottom: 0.2666666667vw solid #0bb35b;
  margin-bottom: 2.2241992883vw;
  padding-bottom: 2.2241992883vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item::before {
    border-bottom-width: 2px;
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-action .actionList_item::before {
    font-size: 3.4rem;
    border-bottom-width: 0.5333333333vw;
    margin-bottom: 6.6666666667vw;
    padding-bottom: 5.3333333333vw;
  }
}
#SDGS .sec-action .actionList_item .dl > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  line-height: 1.27;
  font-weight: 900;
  margin-bottom: 3.1138790036vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item .dl > dt {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-action .actionList_item .dl > dt {
    font-size: 3.4rem;
    margin-bottom: 6.6666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  #SDGS .sec-action .actionList_item .dl > dt.line-2 {
    height: 2.794em;
    margin-bottom: 2.2241992883vw;
  }
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item .dl > dt.line-2 {
    margin-bottom: 25px;
  }
}
#SDGS .sec-action .actionList_item .dl > dd .icoList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2.4911032028vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item .dl > dd .icoList {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-action .actionList_item .dl > dd .icoList {
    margin-bottom: 5.3333333333vw;
  }
}
#SDGS .sec-action .actionList_item .dl > dd .icoList_item {
  width: 11.5658362989vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item .dl > dd .icoList_item {
    width: 130px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-action .actionList_item .dl > dd .icoList_item {
    width: 24.9333333333vw;
  }
}
#SDGS .sec-action .actionList_item .dl > dd .icoList_item:not(:first-of-type) {
  margin-left: 0.8896797153vw;
}
@media only screen and (min-width: 1124px) {
  #SDGS .sec-action .actionList_item .dl > dd .icoList_item:not(:first-of-type) {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #SDGS .sec-action .actionList_item .dl > dd .icoList_item:not(:first-of-type) {
    margin-left: 2.4vw;
  }
}

#INQUIRY .mv {
  background-image: url(../img/inquiry/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #INQUIRY .mv {
    background-image: url(../img/inquiry/bg_mv_01_sp.jpg);
  }
}
#INQUIRY .sec-inquiry {
  padding: 6.0498220641vw 0 0;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .sec-inquiry {
    padding-top: 68px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .sec-inquiry {
    padding-top: 13.0666666667vw;
  }
}
#INQUIRY .sec-inquiry .table-inquiry > dl {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl {
    flex-direction: column;
  }
}
#INQUIRY .sec-inquiry .table-inquiry > dl:not(:first-of-type) {
  margin-top: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl:not(:first-of-type) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl:not(:first-of-type) {
    margin-top: 5.8666666667vw;
  }
}
#INQUIRY .sec-inquiry .table-inquiry > dl > dt {
  flex: 0 0 27.2241992883vw;
  font-size: 1.8rem;
  font-weight: 700;
  padding-top: 1.6014234875vw;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl > dt {
    flex: 0 0 306px;
    padding-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl > dt {
    flex: 0 0 auto;
    font-size: 3rem;
    padding-top: 0;
  }
}
#INQUIRY .sec-inquiry .table-inquiry > dl > dt .required {
  position: relative;
  top: -0.1779359431vw;
  display: inline-block;
  background: #e50011;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  border-radius: 0.8896797153vw;
  width: 4.9822064057vw;
  height: 1.7793594306vw;
  margin-left: 1.7793594306vw;
  padding: 0.2669039146vw 0;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl > dt .required {
    top: -2px;
    border-radius: 10px;
    width: 56px;
    height: 20px;
    margin-left: 20px;
    padding: 3px 0;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl > dt .required {
    font-size: 2.4rem;
    border-radius: 2.6666666667vw;
    width: 11.4666666667vw;
    height: 5.3333333333vw;
    margin-left: 2.6666666667vw;
    padding: 1.3333333333vw 0;
  }
}
#INQUIRY .sec-inquiry .table-inquiry > dl > dt .required::before {
  content: "必須";
}
#INQUIRY .sec-inquiry .table-inquiry > dl > dd {
  flex: 0 0 63.8790035587vw;
  font-size: 1.8rem;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl > dd {
    flex: 0 0 718px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .sec-inquiry .table-inquiry > dl > dd {
    flex: 0 0 auto;
    font-size: 3rem;
    margin-top: 3.2vw;
  }
}
#INQUIRY .agreementArea {
  margin-top: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .agreementArea {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .agreementArea {
    margin-top: 6.6666666667vw;
  }
}
#INQUIRY .agreementArea .checkbox-agree {
  margin-top: 1.334519573vw;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .agreementArea .checkbox-agree {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .agreementArea .checkbox-agree {
    margin-top: 4vw;
  }
}
#INQUIRY .submitArea {
  display: flex;
  justify-content: center;
  margin-top: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .submitArea {
    margin-top: 60px;
  }
}
#INQUIRY {
  /* ============================================
    FORM
  ============================================ */
}
#INQUIRY .select,
#INQUIRY .input-text,
#INQUIRY .textarea,
#INQUIRY .mwform-checkbox-field {
  cursor: pointer;
}
#INQUIRY .select,
#INQUIRY .input-text,
#INQUIRY .textarea {
  display: inline-block;
  color: #292929;
  border: 1px solid #333;
  border-radius: 0.8896797153vw;
  height: 4.6263345196vw;
  padding: 1.4234875445vw 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .select,
  #INQUIRY .input-text,
  #INQUIRY .textarea {
    border-radius: 10px;
    height: 52px;
    padding: 16px 20px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .select,
  #INQUIRY .input-text,
  #INQUIRY .textarea {
    border-radius: 1.3333333333vw;
    height: 13.8666666667vw;
    padding: 4.8vw;
  }
}
#INQUIRY .select {
  background-image: url(../img/inquiry/ico_arrow_select_01.svg);
  background-repeat: no-repeat;
  background-position: right 1.6014234875vw center;
  background-size: 1.2455516014vw auto;
  color: #8c8c8c;
  width: 27.9359430605vw;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .select {
    background-position: right 18px center;
    background-size: 14px auto;
    width: 314px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .select {
    background-position: right 4.8vw center;
    background-size: 4vw auto;
    width: 100%;
  }
}
#INQUIRY .input-text {
  width: 100%;
}
#INQUIRY .textarea {
  width: 100%;
  height: 20.462633452vw;
}
@media only screen and (min-width: 1124px) {
  #INQUIRY .textarea {
    height: 230px;
  }
}
@media only screen and (max-width: 767px) {
  #INQUIRY .textarea {
    height: 53.3333333333vw;
  }
}
#INQUIRY .checkbox-agree {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  #INQUIRY .checkbox-agree {
    font-size: 3rem;
  }
}
#INQUIRY .btn-confirm:disabled {
  pointer-events: none;
  opacity: 0.4;
}

#PRIVACY .sec-privacy {
  padding-bottom: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #PRIVACY .sec-privacy {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY .sec-privacy {
    border-top: 0.2666666667vw solid #0bb35b;
    padding-bottom: 0;
  }
}
#PRIVACY .sec-privacy .page_heading {
  color: #0bb35b;
  font-size: 4rem;
  border-bottom: 2px solid #0bb35b;
  padding: 7.4733096085vw 0 4.8042704626vw;
}
@media only screen and (min-width: 1124px) {
  #PRIVACY .sec-privacy .page_heading {
    padding: 84px 0 54px;
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY .sec-privacy .page_heading {
    font-size: 4.6rem;
    border-bottom-width: 0.5333333333vw;
    padding: 16vw 0 8vw;
  }
}
#PRIVACY .sec-privacy .leadArea {
  margin: 5.3380782918vw auto 0;
}
@media only screen and (min-width: 1124px) {
  #PRIVACY .sec-privacy .leadArea {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY .sec-privacy .leadArea {
    margin-top: 8vw;
  }
}
#PRIVACY .sec-privacy .leadArea .text {
  letter-spacing: 0.08em;
}
#PRIVACY .sec-privacy .dl {
  counter-increment: policy-counter;
  margin-top: 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  #PRIVACY .sec-privacy .dl {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY .sec-privacy .dl {
    margin-top: 16vw;
  }
}
#PRIVACY .sec-privacy .dl > dt {
  font-size: 2.4rem;
}
@media only screen and (max-width: 767px) {
  #PRIVACY .sec-privacy .dl > dt {
    font-size: 3.6rem;
    line-height: 1.5;
    margin: -0.25em 0;
  }
}
#PRIVACY .sec-privacy .dl > dt:not(:first-line) {
  margin-left: 2em;
}
#PRIVACY .sec-privacy .dl > dt::before {
  content: counter(policy-counter, decimal-leading-zero) ".";
  margin-right: 0.5em;
}
#PRIVACY .sec-privacy .dl > dd {
  margin-top: 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #PRIVACY .sec-privacy .dl > dd {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY .sec-privacy .dl > dd {
    margin-top: 4vw;
  }
}
#PRIVACY .sec-privacy .dl_in {
  margin-top: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #PRIVACY .sec-privacy .dl_in {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY .sec-privacy .dl_in {
    margin-top: 8vw;
  }
}
#PRIVACY .sec-privacy .dl_in > dd {
  margin-top: 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #PRIVACY .sec-privacy .dl_in > dd {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY .sec-privacy .dl_in > dd {
    margin-top: 4vw;
  }
}

#NEWS .mv {
  background-image: url(../img/news/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #NEWS .mv {
    background-image: url(../img/news/bg_mv_01_sp.jpg);
  }
}
#NEWS .sec-news {
  padding-top: 11.3879003559vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .sec-news {
    padding-top: 128px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news {
    padding-top: 10.6666666667vw;
  }
}
#NEWS .column-main {
  width: 80.0711743772vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .column-main {
    width: 900px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .column-main {
    order: 2;
    width: 100%;
    margin-top: 8vw;
  }
}
#NEWS .column-sub {
  width: 15.3024911032vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .column-sub {
    width: 172px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .column-sub {
    order: 1;
    width: 100%;
  }
}
#NEWS .archiveBox {
  background: #fff;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.3));
  border-radius: 0.8896797153vw;
  padding: 2.1352313167vw 1.6014234875vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .archiveBox {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.3));
    border-radius: 10px;
    padding: 24px 18px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .archiveBox {
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.3));
    padding: 5.0666666667vw 2.6666666667vw 0;
  }
}
#NEWS .archiveBox .heading-archive {
  font-size: 2.2rem;
  font-weight: 700;
  border-bottom: 0.1779359431vw solid #272727;
  padding-bottom: 0.8896797153vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .archiveBox .heading-archive {
    border-bottom-width: 2px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .archiveBox .heading-archive {
    position: relative;
    font-size: 3.2rem;
    text-align: center;
    border-bottom: none;
    padding-bottom: 3.7333333333vw;
  }
  #NEWS .archiveBox .heading-archive .svg {
    position: absolute;
    top: 1.0666666667vw;
    right: 0;
    transform: rotate(90deg);
    transform-origin: 0 0;
    width: 2.2666666667vw;
    height: 4vw;
  }
  #NEWS .archiveBox .heading-archive .svg .cls-1 {
    fill: #8d8d8d;
  }
}
#NEWS .archiveBox .archiveList {
  margin-top: 2.4911032028vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .archiveBox .archiveList {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .archiveBox .archiveList {
    display: none;
    margin-top: 0;
    padding-bottom: 5.0666666667vw;
  }
}
#NEWS .archiveBox .archiveList_item {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  #NEWS .archiveBox .archiveList_item {
    font-size: 3rem;
    text-align: center;
  }
}
#NEWS .archiveBox .archiveList_item:not(:first-of-type) {
  margin-top: 2.1352313167vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .archiveBox .archiveList_item:not(:first-of-type) {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .archiveBox .archiveList_item:not(:first-of-type) {
    margin-top: 3.2vw;
  }
}
#NEWS .newsList {
  display: flex;
  flex-wrap: wrap;
}
#NEWS .newsList_item {
  background: #fff;
  border-radius: 0.8896797153vw;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  width: 25.2669039146vw;
}
@media only screen and (min-width: 768px) {
  #NEWS .newsList_item:nth-of-type(n+4) {
    margin-top: 5.3380782918vw;
  }
  #NEWS .newsList_item:not(:nth-of-type(3n+1)) {
    margin-left: 2.1352313167vw;
  }
}
@media only screen and (min-width: 1124px) {
  #NEWS .newsList_item {
    border-radius: 10px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    width: 284px;
  }
  #NEWS .newsList_item:nth-of-type(n+4) {
    margin-top: 60px;
  }
  #NEWS .newsList_item:not(:nth-of-type(3n+1)) {
    margin-left: 24px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .newsList_item {
    border-radius: 1.3333333333vw;
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    width: 100%;
  }
  #NEWS .newsList_item:not(:first-of-type) {
    margin-top: 4vw;
  }
}
#NEWS .newsList_item > a {
  display: block;
  padding: 1.6014234875vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .newsList_item > a {
    padding: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .newsList_item > a {
    padding: 2.6666666667vw;
  }
}
#NEWS .newsList_item > a .img {
  overflow: hidden;
  margin-bottom: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .newsList_item > a .img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .newsList_item > a .img {
    margin-bottom: 2.6666666667vw;
  }
}
#NEWS .newsList_item > a .img img {
  transition: all 300ms;
}
#NEWS .newsList_item > a .date {
  position: relative;
  color: #0bb35b;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1.334519573vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .newsList_item > a .date {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .newsList_item > a .date {
    font-size: 3rem;
    margin-bottom: 2.9333333333vw;
  }
}
#NEWS .newsList_item > a .date.is-new::after {
  position: absolute;
  top: 50%;
  left: 8em;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  content: "NEW";
  background: #e50011;
  color: #fff;
  font-size: 1.5rem;
  width: 5.3380782918vw;
  height: 2.0462633452vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .newsList_item > a .date.is-new::after {
    width: 60px;
    height: 23px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .newsList_item > a .date.is-new::after {
    font-size: 2.4rem;
    width: 10.6666666667vw;
    height: 4.4vw;
  }
}
#NEWS .newsList_item > a .title {
  display: -webkit-box;
  font-size: 1.8rem;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: -0.3em 0;
}
@media only screen and (max-width: 767px) {
  #NEWS .newsList_item > a .title {
    font-size: 3rem;
    line-height: 1.5;
    margin: -0.25em 0;
  }
}
#NEWS .newsList_item > a:hover .img img {
  transform: scale(1.1);
}
#NEWS .pager {
  margin-top: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .pager {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .pager {
    margin-top: 8vw;
  }
}
#NEWS .pagerList, #NEWS .pager ul.page-numbers {
  display: flex;
  justify-content: center;
}
#NEWS .pagerList_item, #NEWS .pagerList li, #NEWS .pager ul.page-numbers_item, #NEWS .pager ul.page-numbers li {
  width: 4.4483985765vw;
  height: 4.4483985765vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .pagerList_item, #NEWS .pagerList li, #NEWS .pager ul.page-numbers_item, #NEWS .pager ul.page-numbers li {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .pagerList_item, #NEWS .pagerList li, #NEWS .pager ul.page-numbers_item, #NEWS .pager ul.page-numbers li {
    width: 11.7333333333vw;
    height: 11.7333333333vw;
  }
}
#NEWS .pagerList_item:not(:first-of-type), #NEWS .pagerList li:not(:first-of-type), #NEWS .pager ul.page-numbers_item:not(:first-of-type), #NEWS .pager ul.page-numbers li:not(:first-of-type) {
  margin-left: 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .pagerList_item:not(:first-of-type), #NEWS .pagerList li:not(:first-of-type), #NEWS .pager ul.page-numbers_item:not(:first-of-type), #NEWS .pager ul.page-numbers li:not(:first-of-type) {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .pagerList_item:not(:first-of-type), #NEWS .pagerList li:not(:first-of-type), #NEWS .pager ul.page-numbers_item:not(:first-of-type), #NEWS .pager ul.page-numbers li:not(:first-of-type) {
    margin-left: 5.3333333333vw;
  }
}
#NEWS .pagerList_item span.page-numbers, #NEWS .pagerList li span.page-numbers, #NEWS .pager ul.page-numbers_item span.page-numbers, #NEWS .pager ul.page-numbers li span.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #0bb35b;
  font-size: 1.8rem;
  font-weight: 700;
  border: 0.1779359431vw solid #0bb35b;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.3));
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #0bb35b;
  color: #fff;
}
#NEWS .pagerList_item .btn, #NEWS .pagerList_item a.page-numbers, #NEWS .pagerList li .btn, #NEWS .pagerList li a.page-numbers, #NEWS .pager ul.page-numbers_item .btn, #NEWS .pager ul.page-numbers_item a.page-numbers, #NEWS .pager ul.page-numbers li .btn, #NEWS .pager ul.page-numbers li a.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #0bb35b;
  font-size: 1.8rem;
  font-weight: 700;
  border: 0.1779359431vw solid #0bb35b;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.3));
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1124px) {
  #NEWS .pagerList_item .btn, #NEWS .pagerList_item a.page-numbers, #NEWS .pagerList li .btn, #NEWS .pagerList li a.page-numbers, #NEWS .pager ul.page-numbers_item .btn, #NEWS .pager ul.page-numbers_item a.page-numbers, #NEWS .pager ul.page-numbers li .btn, #NEWS .pager ul.page-numbers li a.page-numbers {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.3));
    border-width: 2px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .pagerList_item .btn, #NEWS .pagerList_item a.page-numbers, #NEWS .pagerList li .btn, #NEWS .pagerList li a.page-numbers, #NEWS .pager ul.page-numbers_item .btn, #NEWS .pager ul.page-numbers_item a.page-numbers, #NEWS .pager ul.page-numbers li .btn, #NEWS .pager ul.page-numbers li a.page-numbers {
    font-size: 3.6rem;
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.3));
    border-width: 2px;
  }
}
#NEWS .pagerList_item .btn.is-current, #NEWS .pagerList_item a.page-numbers.is-current, #NEWS .pagerList li .btn.is-current, #NEWS .pagerList li a.page-numbers.is-current, #NEWS .pager ul.page-numbers_item .btn.is-current, #NEWS .pager ul.page-numbers_item a.page-numbers.is-current, #NEWS .pager ul.page-numbers li .btn.is-current, #NEWS .pager ul.page-numbers li a.page-numbers.is-current {
  background: #0bb35b;
  color: #fff;
}
#NEWS .pagerList_item .btn:hover, #NEWS .pagerList_item a.page-numbers:hover, #NEWS .pagerList li .btn:hover, #NEWS .pagerList li a.page-numbers:hover, #NEWS .pager ul.page-numbers_item .btn:hover, #NEWS .pager ul.page-numbers_item a.page-numbers:hover, #NEWS .pager ul.page-numbers li .btn:hover, #NEWS .pager ul.page-numbers li a.page-numbers:hover {
  background: #0bb35b;
  color: #fff;
}
#NEWS .pagerList_item .btn:hover .svg .cls-1, #NEWS .pagerList_item a.page-numbers:hover .svg .cls-1, #NEWS .pagerList li .btn:hover .svg .cls-1, #NEWS .pagerList li a.page-numbers:hover .svg .cls-1, #NEWS .pager ul.page-numbers_item .btn:hover .svg .cls-1, #NEWS .pager ul.page-numbers_item a.page-numbers:hover .svg .cls-1, #NEWS .pager ul.page-numbers li .btn:hover .svg .cls-1, #NEWS .pager ul.page-numbers li a.page-numbers:hover .svg .cls-1 {
  fill: #fff;
}
#NEWS .pagerList_item .btn .svg, #NEWS .pagerList_item a.page-numbers .svg, #NEWS .pagerList li .btn .svg, #NEWS .pagerList li a.page-numbers .svg, #NEWS .pager ul.page-numbers_item .btn .svg, #NEWS .pager ul.page-numbers_item a.page-numbers .svg, #NEWS .pager ul.page-numbers li .btn .svg, #NEWS .pager ul.page-numbers li a.page-numbers .svg {
  width: 0.6227758007vw;
  height: 1.1565836299vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .pagerList_item .btn .svg, #NEWS .pagerList_item a.page-numbers .svg, #NEWS .pagerList li .btn .svg, #NEWS .pagerList li a.page-numbers .svg, #NEWS .pager ul.page-numbers_item .btn .svg, #NEWS .pager ul.page-numbers_item a.page-numbers .svg, #NEWS .pager ul.page-numbers li .btn .svg, #NEWS .pager ul.page-numbers li a.page-numbers .svg {
    width: 7px;
    height: 13px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .pagerList_item .btn .svg, #NEWS .pagerList_item a.page-numbers .svg, #NEWS .pagerList li .btn .svg, #NEWS .pagerList li a.page-numbers .svg, #NEWS .pager ul.page-numbers_item .btn .svg, #NEWS .pager ul.page-numbers_item a.page-numbers .svg, #NEWS .pager ul.page-numbers li .btn .svg, #NEWS .pager ul.page-numbers li a.page-numbers .svg {
    width: 2.1333333333vw;
    height: 3.8666666667vw;
  }
}
#NEWS .pagerList_item .btn .svg .cls-1, #NEWS .pagerList_item a.page-numbers .svg .cls-1, #NEWS .pagerList li .btn .svg .cls-1, #NEWS .pagerList li a.page-numbers .svg .cls-1, #NEWS .pager ul.page-numbers_item .btn .svg .cls-1, #NEWS .pager ul.page-numbers_item a.page-numbers .svg .cls-1, #NEWS .pager ul.page-numbers li .btn .svg .cls-1, #NEWS .pager ul.page-numbers li a.page-numbers .svg .cls-1 {
  fill: #0bb35b;
}
#NEWS .sec-news-detail {
  padding-top: 11.3879003559vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .sec-news-detail {
    padding-top: 128px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail {
    padding-top: 10.6666666667vw;
  }
}
#NEWS .sec-news-detail .article {
  background: #fff;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.3));
  border-radius: 0.8896797153vw;
  padding: 4.4483985765vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .sec-news-detail .article {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.3));
    border-radius: 10px;
    padding: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail .article {
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.3));
    border-radius: 1.3333333333vw;
    padding: 6.6666666667vw 5.3333333333vw;
  }
}
#NEWS .sec-news-detail .article .dl > dt {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail .article .dl > dt {
    font-size: 3rem;
  }
}
#NEWS .sec-news-detail .article .dl > dd {
  margin-top: 1.6014234875vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .sec-news-detail .article .dl > dd {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail .article .dl > dd {
    margin-top: 2.4vw;
  }
}
#NEWS .sec-news-detail .article .heading-article {
  font-size: 2.8rem;
  font-weight: 700;
  border-bottom: 0.1779359431vw solid #292929;
  margin-bottom: 3.5587188612vw;
  padding-bottom: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .sec-news-detail .article .heading-article {
    border-bottom-width: 2px;
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail .article .heading-article {
    font-size: 4rem;
    border-bottom-width: 0.5333333333vw;
    margin-bottom: 6.6666666667vw;
    padding-bottom: 4vw;
  }
}
#NEWS .sec-news-detail .article .imgBox + .imgBox {
  margin-top: 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .sec-news-detail .article .imgBox + .imgBox {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail .article .imgBox + .imgBox {
    margin-top: 3.0666666667vw;
  }
}
#NEWS .sec-news-detail .article .imgBox.column-2 {
  justify-content: space-between;
}
#NEWS .sec-news-detail .article .imgBox.column-2 .img {
  width: 34.2526690391vw;
  margin: 0;
}
@media only screen and (min-width: 1124px) {
  #NEWS .sec-news-detail .article .imgBox.column-2 .img {
    width: 385px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail .article .imgBox.column-2 .img {
    width: 39.0666666667vw;
  }
}
#NEWS .sec-news-detail .article .textBox {
  width: 100%;
  margin-top: 3.7366548043vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .sec-news-detail .article .textBox {
    margin-top: 42px;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail .article .textBox {
    margin-top: 6.6666666667vw;
  }
}
#NEWS .sec-news-detail .article .textBox .text, #NEWS .sec-news-detail .article .textBox p {
  font-size: 2rem;
  line-height: 1.5;
  margin: -0.25em 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #NEWS .sec-news-detail .article .textBox .text, #NEWS .sec-news-detail .article .textBox p {
    font-size: 3rem;
  }
}
#NEWS .sec-news-detail .article .textBox img {
  display: inline-block;
  margin-bottom: 20px;
}
#NEWS .btn_wrap {
  display: flex;
  justify-content: center;
  margin-top: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #NEWS .btn_wrap {
    margin-top: 80px;
  }
}

#SAFETY .mv {
  background-image: url(../img/safety/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #SAFETY .mv {
    background-image: url(../img/safety/bg_mv_01_sp.jpg);
  }
}
#SAFETY .sec-management {
  padding-top: 5.7829181495vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management {
    padding-top: 65px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management {
    padding-top: 10.6666666667vw;
  }
}
#SAFETY .sec-management .managementList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList {
    margin-top: 8vw;
  }
}
#SAFETY .sec-management .managementList_item {
  background: #fff;
  border-radius: 0.8896797153vw;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  width: 43.7722419929vw;
  height: 32.5622775801vw;
  padding: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item {
    border-radius: 10px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    width: 492px;
    height: 366px;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) {
  #SAFETY .sec-management .managementList_item:not(:nth-of-type(2n+1)) {
    margin-left: 3.5587188612vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item:not(:nth-of-type(2n+1)) {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) {
  #SAFETY .sec-management .managementList_item:nth-of-type(n+3) {
    margin-top: 3.5587188612vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item:nth-of-type(n+3) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item {
    border-radius: 1.3333333333vw;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw 2.6666666667vw 6.6666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .img {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
#SAFETY .sec-management .managementList_item .img::before {
  content: "";
  display: block;
  padding-top: 45.1327433628%;
}
#SAFETY .sec-management .managementList_item .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 300ms;
  margin: auto;
}
#SAFETY .sec-management .managementList_item .heading {
  position: relative;
  color: #0bb35b;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 2.1352313167vw 0;
  padding-left: 4.6263345196vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .heading {
    margin: 24px 0;
    padding-left: 52px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .heading {
    font-size: 3.6rem;
    margin: 3.2vw 0;
    padding-left: 8.5333333333vw;
  }
}
#SAFETY .sec-management .managementList_item .ico {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
#SAFETY .sec-management .managementList_item .ico-01 {
  left: 0.8896797153vw;
  width: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .ico-01 {
    left: 10px;
    width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .ico-01 {
    left: 1.7333333333vw;
    width: 3.4666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .ico-02 {
  width: 3.1138790036vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .ico-02 {
    width: 35px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .ico-02 {
    width: 6.2666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .ico-03 {
  width: 3.2918149466vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .ico-03 {
    width: 37px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .ico-03 {
    width: 6.2666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .ico-04 {
  width: 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .ico-04 {
    width: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .ico-04 {
    width: 5.4666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .btn:hover .img img {
  transform: scale(1.1);
}

#ISO .mv {
  background-image: url(../img/safety/iso/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #ISO .mv {
    background-image: url(../img/safety/iso/bg_mv_01_sp.jpg);
  }
}
#ISO .sec-iso .sec_heading {
  color: #0bb35b;
}
#ISO .sec-iso .textBox + .textBox {
  margin-top: 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .textBox + .textBox {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .textBox + .textBox {
    margin-top: 16vw;
  }
}
#ISO .sec-iso .isoMark {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
}
#ISO .sec-iso .isoMark dl {
  width: 220px;
  margin: 0 20px;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .isoMark dl {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .isoMark dl {
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
}
#ISO .sec-iso .isoMark dl img {
  margin-bottom: 10px;
}
#ISO .sec-iso .numList {
  counter-reset: num1;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .numList {
    font-size: 3rem;
  }
}
#ISO .sec-iso .numList-02 {
  counter-reset: num2;
  margin-top: 1.0676156584vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .numList-02 {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .numList-02 {
    margin-top: 2.4vw;
  }
}
#ISO .sec-iso .numList_item {
  position: relative;
  counter-increment: num1;
  padding: 0 0 0 4.0925266904vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .numList_item {
    padding: 0 0 0 46px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .numList_item {
    padding-left: 9.0666666667vw;
  }
}
#ISO .sec-iso .numList_item:not(:first-of-type) {
  margin-top: 2.4911032028vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .numList_item:not(:first-of-type) {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .numList_item:not(:first-of-type) {
    margin-top: 4.2666666667vw;
  }
}
#ISO .sec-iso .numList_item::before, #ISO .sec-iso .numList_item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.6690391459vw;
  height: 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .numList_item::before, #ISO .sec-iso .numList_item::after {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .numList_item::before, #ISO .sec-iso .numList_item::after {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
#ISO .sec-iso .numList_item::before {
  content: "";
  background: #ecf9f2;
  border-radius: 50%;
}
#ISO .sec-iso .numList_item::after {
  content: counter(num1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0bb35b;
  font-weight: 700;
}
#ISO .sec-iso .numList_item-02 {
  position: relative;
  background: #ecf9f2;
  counter-increment: num2;
  padding: 0.5338078292vw 0 0.5338078292vw 6.2277580071vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .numList_item-02 {
    padding: 6px 0 6px 70px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .numList_item-02 {
    padding: 1.6vw 0 1.6vw 14.4vw;
  }
}
#ISO .sec-iso .numList_item-02:not(:first-of-type) {
  margin-top: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .numList_item-02:not(:first-of-type) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .numList_item-02:not(:first-of-type) {
    margin-top: 2.6666666667vw;
  }
}
#ISO .sec-iso .numList_item-02::before, #ISO .sec-iso .numList_item-02::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5587188612vw;
  height: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .numList_item-02::before, #ISO .sec-iso .numList_item-02::after {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .numList_item-02::before, #ISO .sec-iso .numList_item-02::after {
    width: 9.0666666667vw;
    height: 100%;
  }
}
#ISO .sec-iso .numList_item-02::before {
  content: "";
  background: #0bb35b;
}
#ISO .sec-iso .numList_item-02::after {
  content: counter(num2);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
}
#ISO .sec-iso .text-bottom {
  margin-top: 4.2704626335vw;
}
@media only screen and (min-width: 1124px) {
  #ISO .sec-iso .text-bottom {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 767px) {
  #ISO .sec-iso .text-bottom {
    margin-top: 6.4vw;
  }
}

#RECRUIT .inblock {
  display: inline-block;
}
#RECRUIT .c_red {
  color: #e50011;
  font-style: normal;
}
#RECRUIT .c_black {
  color: #292929;
}
#RECRUIT .bold {
  font-weight: bold;
}
#RECRUIT .mb-1em {
  margin-bottom: 1em;
}
#RECRUIT .btn-to-recruitTop {
  width: 26.6903914591vw;
  margin: auto;
  margin-bottom: 16.6370106762vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .btn-to-recruitTop {
    width: 300px;
    margin-bottom: 187px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .btn-to-recruitTop {
    width: 100%;
    height: 14.9333333333vw;
    margin-bottom: 32vw;
    width: 80vw;
    border-radius: 7.4666666667vw;
  }
  #RECRUIT .btn-to-recruitTop .svg {
    width: 1.7333333333vw;
  }
}
#RECRUIT .mv {
  background-image: url(../img/recruit/bg_mv.jpg);
  height: 37.3665480427vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .mv {
    height: 420px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .mv {
    background-image: url(../img/recruit/bg_mv_sp.jpg);
    height: 49.6vw;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .mv .heading {
    font-size: 6.4rem;
    padding-left: 0;
    text-align: center;
  }
}
#RECRUIT .mv .heading:has(.block) {
  margin-top: 4.359430605vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .mv .heading:has(.block) {
    margin-top: 49px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .mv .heading:has(.block) {
    margin-top: 0;
    padding-top: 15.7333333333vw;
  }
}
#RECRUIT .mv .heading .block {
  display: block;
  font-size: 2.1rem;
  line-height: 1;
  margin-bottom: 3.2918149466vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .mv .heading .block {
    margin-bottom: 37px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .mv .heading .block {
    font-size: 2.8rem;
    margin-bottom: 1.2vw;
  }
}
#RECRUIT .mv:has(.list-tab) .heading {
  margin-bottom: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .mv:has(.list-tab) .heading {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .mv:has(.list-tab) .heading {
    margin-bottom: 26.6666666667vw;
  }
}
#RECRUIT .mv .list-tab {
  margin: 0 auto 20px;
  max-width: 79.1814946619vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .mv .list-tab {
    max-width: 890px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .mv .list-tab {
    max-width: 100%;
  }
}
#RECRUIT .mv .form {
  margin: auto;
  max-width: 79.1814946619vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .mv .form {
    max-width: 890px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .mv .form {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .mv:has(.list-tab) + div .pageNavi {
    margin-top: 50.6666666667vw;
  }
}
#RECRUIT .pageNavi {
  padding: 2.846975089vw 0 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .pageNavi {
    padding: 32px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .pageNavi {
    padding: 7.4666666667vw 0 8.5333333333vw;
  }
}
#RECRUIT .pageNaviList {
  gap: 2.846975089vw 5.4270462633vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .pageNaviList {
    gap: 32px 61px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .pageNaviList {
    gap: 4.2666666667vw 0;
  }
}
#RECRUIT .pageNaviList.is-current {
  background: #0bb35b;
  color: #fff;
}
#RECRUIT .pageNaviList_item:not(:first-of-type) {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .pageNaviList_item:not(:first-of-type) {
    margin-top: 0;
  }
}
#RECRUIT .pageNaviList_item.is-current .btn {
  background: #0bb35b;
  color: #fff;
}
#RECRUIT .sec-intro_title {
  color: #0bb35b;
  text-align: center;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  margin-bottom: 6.4056939502vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-intro_title {
    margin-bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-intro_title {
    font-size: 4.2rem;
    margin-bottom: 14.6666666667vw;
    line-height: 1.7;
  }
}
#RECRUIT .sec-intro_title span {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-intro .content_text:last-child {
    font-size: 2.4rem;
    line-height: 1.75;
  }
}
#RECRUIT .content-schedule_title {
  height: 26.9572953737vw;
  margin-bottom: 4.9822064057vw;
  background-image: url(../img/recruit/bg_schedule.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 100%;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content-schedule_title {
    height: 303px;
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content-schedule_title {
    height: 40.2666666667vw;
    background-image: url(../img/recruit/bg_schedule_sp.png);
    margin-bottom: 9.0666666667vw;
  }
}
#RECRUIT .content-schedule_title h3 {
  height: -moz-max-content;
  height: max-content;
  font-size: 2.8rem;
  letter-spacing: 0.06em;
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content-schedule_title h3 {
    font-size: 3.6rem;
    line-height: 1.9;
  }
}
#RECRUIT .content-schedule_title .ml {
  margin-left: 1.2455516014vw;
  margin-right: 1.2455516014vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content-schedule_title .ml {
    margin-left: 14px;
    margin-right: 14px;
  }
}
#RECRUIT .content_title {
  color: #0bb35b;
  text-align: center;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  margin-bottom: 4.9822064057vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content_title {
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content_title {
    font-size: 3.6rem;
    margin-bottom: 8.5333333333vw;
  }
}
#RECRUIT .content_text {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.05em;
  width: 92.1875%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content_text {
    font-size: 2.8rem;
    line-height: 1.71428;
    width: 100%;
  }
}
#RECRUIT .content_text + .content_text {
  margin-top: 2.5800711744vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content_text + .content_text {
    margin-top: 29px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content_text + .content_text {
    margin-top: 6.4vw;
  }
}
#RECRUIT .content_text-green {
  color: #0bb35b;
  font-size: 1.8rem;
  line-height: 2.2222;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content_text-green {
    font-size: 3.2rem;
    line-height: 1.75;
  }
}
#RECRUIT .content_text-green + .content_text {
  margin-top: 3.024911032vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content_text-green + .content_text {
    margin-top: 34px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content_text-green + .content_text {
    margin-top: 8.5333333333vw;
  }
}
#RECRUIT .content_text .brackets {
  margin-left: 0.9786476868vw;
  margin-right: 0.7117437722vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content_text .brackets {
    margin-left: 11px;
    margin-right: 8px;
  }
}
#RECRUIT .content_img {
  display: flex;
  gap: 0.7117437722vw;
  margin-top: 4.9822064057vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content_img {
    gap: 8px;
    margin-top: 56px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content_img {
    flex-direction: column;
    gap: 1.3333333333vw;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8.2666666667vw;
  }
}
#RECRUIT .content_img + .content_text {
  margin-top: 4.9822064057vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content_img + .content_text {
    margin-top: 56px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content_img + .content_text {
    margin-top: 8.5333333333vw;
  }
}
#RECRUIT .content_img img {
  width: calc((100% - 0.7117437722vw) / 2);
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content_img img {
    width: calc((100% - 8px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content_img img {
    width: 100%;
  }
}
#RECRUIT .content-schedule {
  padding-bottom: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content-schedule {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content-schedule {
    padding-bottom: 8.5333333333vw;
  }
}
#RECRUIT .content-slogan {
  padding-top: 5.6939501779vw;
  padding-bottom: 7.7402135231vw;
  background: url(../img/recruit/bg_lemon_top.png) top center/100% no-repeat, url(../img/recruit/bg_lemon_bottom.png) bottom center/100% no-repeat, linear-gradient(to bottom, transparent 0, transparent 2.846975089vw, #fefae8 2.846975089vw, #fefae8 calc(100% - 2.846975089vw), transparent calc(100% - 2.846975089vw), transparent 100%);
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content-slogan {
    padding-top: 64px;
    padding-bottom: 87px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content-slogan {
    padding-top: 8.5333333333vw;
    padding-bottom: 11.2vw;
  }
}
#RECRUIT .content-slogan .content_title {
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content-slogan .content_title {
    line-height: 1.8;
  }
}
#RECRUIT .content-data {
  padding-top: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .content-data {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .content-data {
    padding-top: 8.5333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .icon-plus {
    position: relative;
    padding-right: 4.5333333333vw;
    cursor: pointer;
  }
  #RECRUIT .icon-plus::after {
    content: "";
    position: absolute;
    right: 5.8666666667vw;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6.4vw;
    height: 6.4vw;
    border: 0.5333333333vw solid #0bb35b;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(#0bb35b, #0bb35b), linear-gradient(#0bb35b, #0bb35b);
    background-size: 3.7333333333vw 0.5333333333vw, 0.5333333333vw 3.7333333333vw;
    transition: background-size 0.3s ease;
    pointer-events: none;
  }
  #RECRUIT .is-open .icon-plus::after {
    background-size: 3.7333333333vw 0.5333333333vw, 0.5333333333vw 0;
  }
  #RECRUIT [data-accordion-body] {
    overflow: hidden;
    height: 0;
    transition: 0.4s;
    opacity: 0;
    transition: height 0.35s ease, opacity 0.2s;
  }
  #RECRUIT .is-open [data-accordion-body] {
    opacity: 1;
  }
  #RECRUIT [data-accordion-body] .content_text {
    padding-top: 8.5333333333vw;
  }
}
#RECRUIT .list-data {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5587188612vw 2.1352313167vw;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
  color: #0bb35b;
  margin-top: 4.9822064057vw;
  padding-bottom: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data {
    gap: 40px 24px;
    margin-top: 56px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data {
    gap: 4.2666666667vw 0;
    flex-direction: column;
    font-size: 3.2rem;
    margin-top: 12.2666666667vw;
    padding-bottom: 17.0666666667vw;
  }
}
#RECRUIT .list-data_item {
  border: solid 1px #0bb35b;
  border-radius: 0.8896797153vw;
  width: calc((100% - 4.2704626335vw) / 3);
  background: #fff;
  box-shadow: 0 0.1779359431vw 0.7117437722vw 0 rgba(0, 0, 0, 0.25);
  padding: 1.4234875445vw 2.1352313167vw 2.846975089vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item {
    border-radius: 10px;
    width: calc((100% - 48px) / 3);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
    padding: 16px 24px 32px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item {
    border-radius: 2.6666666667vw;
    width: 100%;
    box-shadow: 0 0.2666666667vw 1.0666666667vw 0 rgba(0, 0, 0, 0.25);
    padding: 4.2666666667vw 6.4vw;
  }
}
#RECRUIT .list-data_item .title {
  margin-bottom: 0.4448398577vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item .title {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item .title {
    margin-bottom: 2.6666666667vw;
  }
}
#RECRUIT .list-data_item .data_num {
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item .data_num {
    font-size: 4.8rem;
    margin-bottom: 0.2666666667vw;
  }
}
#RECRUIT .list-data_item .data_num .c_red {
  font-size: 4.8rem;
  line-height: 1;
  margin-right: 0.8896797153vw;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item .data_num .c_red {
    font-size: 9.6rem;
  }
}
#RECRUIT .list-data_item .data_year {
  color: #292929;
}
@media only screen and (min-width: 768px) {
  #RECRUIT .list-data_item:nth-child(1) .title, #RECRUIT .list-data_item:nth-child(2) .title, #RECRUIT .list-data_item:nth-child(3) .title {
    margin-bottom: 3.2918149466vw;
  }
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(1) .title, #RECRUIT .list-data_item:nth-child(2) .title, #RECRUIT .list-data_item:nth-child(3) .title {
    margin-bottom: 37px;
  }
}
#RECRUIT .list-data_item:nth-child(1) .data, #RECRUIT .list-data_item:nth-child(2) .data, #RECRUIT .list-data_item:nth-child(3) .data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.0676156584vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(1) .data, #RECRUIT .list-data_item:nth-child(2) .data, #RECRUIT .list-data_item:nth-child(3) .data {
    gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(1) .data, #RECRUIT .list-data_item:nth-child(2) .data, #RECRUIT .list-data_item:nth-child(3) .data {
    flex-direction: row;
    gap: 7.4666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(4), #RECRUIT .list-data_item:nth-child(5), #RECRUIT .list-data_item:nth-child(6) {
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .title, #RECRUIT .list-data_item:nth-child(5) .title, #RECRUIT .list-data_item:nth-child(6) .title {
    margin-bottom: 1.6vw;
  }
}
#RECRUIT .list-data_item:nth-child(1) img {
  width: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(1) img {
    width: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(1) img {
    width: 16.2666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(2) img {
  width: 5.1601423488vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(2) img {
    width: 58px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(2) img {
    width: 15.4666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(3) img {
  width: 5.0711743772vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(3) img {
    width: 57px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(3) img {
    width: 15.2vw;
  }
}
#RECRUIT .list-data_item:nth-child(4) .tbl-num {
  letter-spacing: -0.011em;
  line-height: 1;
  width: 100%;
}
#RECRUIT .list-data_item:nth-child(4) .pb-25 {
  padding-bottom: 2.2241992883vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(4) .pb-25 {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .pb-25 {
    padding-bottom: 1.8666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(4) .pb-11 {
  padding-bottom: 0.9786476868vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(4) .pb-11 {
    padding-bottom: 11px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .pb-11 {
    padding-bottom: 2.6666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(4) .c_black {
  font-size: 1.4rem;
  width: 7.1174377224vw;
  padding-right: 1.7793594306vw;
}
@supports (-webkit-hyphens: none) {
  #RECRUIT .list-data_item:nth-child(4) .c_black {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(4) .c_black {
    width: 8rem;
    padding-right: 2rem;
  }
  @supports (-webkit-hyphens: none) {
    #RECRUIT .list-data_item:nth-child(4) .c_black {
      padding-right: 0;
    }
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .c_black {
    font-size: 2.8rem;
    width: 21.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  @supports (-webkit-hyphens: none) {
    #RECRUIT .list-data_item:nth-child(4) .c_black {
      font-size: 2.6rem;
      width: 24vw;
      padding-right: 2.6666666667vw;
    }
  }
}
#RECRUIT .list-data_item:nth-child(4) .tbl-num_head {
  font-size: 1.2rem;
  line-height: 1;
  width: calc((100% - 7.1174377224vw) / 3);
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(4) .tbl-num_head {
    width: calc((100% - 80px) / 3);
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .tbl-num_head {
    font-size: 2.4rem;
    width: calc((100% - 21.3333333333vw) / 3);
  }
}
#RECRUIT .list-data_item:nth-child(4) .tbl-num_head span {
  display: flex;
  align-items: flex-end;
}
#RECRUIT .list-data_item:nth-child(4) .tbl-num_data {
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .tbl-num_data {
    font-size: 2.8rem;
  }
}
#RECRUIT .list-data_item:nth-child(4) .tbl-num_data.tac {
  text-align: center;
}
#RECRUIT .list-data_item:nth-child(4) .tbl-num_data .c_red {
  font-size: 3.2rem;
}
@supports (-webkit-hyphens: none) {
  #RECRUIT .list-data_item:nth-child(4) .tbl-num_data .c_red {
    font-size: 2.8rem;
    letter-spacing: -0.011em;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .tbl-num_data .c_red {
    font-size: 6.4rem;
  }
}
#RECRUIT .list-data_item:nth-child(4) .img_man {
  width: 2.2241992883vw;
  margin-right: 0.2669039146vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(4) .img_man {
    width: 25px;
    margin-right: 3px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .img_man {
    width: 6.6666666667vw;
    margin-right: 0.8vw;
  }
}
#RECRUIT .list-data_item:nth-child(4) .img_woman {
  width: 1.9572953737vw;
  margin-right: 0.2669039146vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(4) .img_woman {
    width: 22px;
    margin-right: 3px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(4) .img_woman {
    width: 5.8666666667vw;
    margin-right: 0.8vw;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(5) .title {
    margin-bottom: 4.2666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(5) .data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(5) .data {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(5) .data {
    gap: 3.2vw 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(5) .data_bar {
  width: 72.7272%;
  position: relative;
}
#RECRUIT .list-data_item:nth-child(5) .data_bar::before, #RECRUIT .list-data_item:nth-child(5) .data_bar::after {
  content: "";
  position: absolute;
  bottom: 0;
}
#RECRUIT .list-data_item:nth-child(5) .data_bar::before {
  background: url(../img/recruit/img_woman.png) center/100% no-repeat;
  width: 1.8683274021vw;
  height: 2.846975089vw;
  left: -2.7580071174vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(5) .data_bar::before {
    width: 21px;
    height: 32px;
    left: -31px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(5) .data_bar::before {
    width: 5.6vw;
    height: 8.5333333333vw;
    left: -8vw;
  }
}
#RECRUIT .list-data_item:nth-child(5) .data_bar::after {
  background: url(../img/recruit/img_man.png) center/100% no-repeat;
  width: 1.7793594306vw;
  height: 2.7580071174vw;
  right: -2.3131672598vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(5) .data_bar::after {
    width: 20px;
    height: 31px;
    right: -26px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(5) .data_bar::after {
    width: 5.3333333333vw;
    height: 8.2666666667vw;
    right: -7.4666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(5) .data .bar {
  display: flex;
  height: 2.846975089vw;
  border-radius: 0.1779359431vw;
  overflow: hidden;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(5) .data .bar {
    height: 32px;
    border-radius: 2px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(5) .data .bar {
    border-radius: 1.0666666667vw;
    height: 7.4666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(5) .data .male,
#RECRUIT .list-data_item:nth-child(5) .data .female {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
#RECRUIT .list-data_item:nth-child(5) .data .male {
  width: calc(var(--male) * 1%);
  background: #0bb35b;
}
#RECRUIT .list-data_item:nth-child(5) .data .female {
  width: calc(var(--female) * 1%);
  background: #Ff9999;
}
#RECRUIT .list-data_item:nth-child(6) .title {
  margin-bottom: 2.9359430605vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(6) .title {
    margin-bottom: 33px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(6) .title {
    margin-bottom: 3.2vw;
  }
}
#RECRUIT .list-data_item:nth-child(6) .data {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6014234875vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(6) .data {
    gap: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(6) .data {
    gap: 4.2666666667vw;
    margin-bottom: 3.4666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(6) .data_num {
  margin-bottom: 0.4448398577vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(6) .data_num {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(6) .data_num {
    margin-bottom: 1.8666666667vw;
  }
}
#RECRUIT .list-data_item:nth-child(6) img {
  width: 5.0711743772vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-data_item:nth-child(6) img {
    width: 57px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(6) img {
    width: 15.2vw;
  }
}
#RECRUIT .list-data_item:nth-child(6) .c_black {
  font-size: 1.4rem;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-data_item:nth-child(6) .c_black {
    font-size: 2.8rem;
  }
}
#RECRUIT .sec-recruit {
  background-color: #e5faeb;
  padding: 7.1174377224vw 0;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-recruit {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-recruit {
    padding: 10.6666666667vw 0;
  }
  #RECRUIT .sec-recruit .sec_in {
    padding: 0 6.6666666667vw;
  }
}
#RECRUIT .list-recruit {
  display: flex;
  flex-wrap: wrap;
  gap: 4.2704626335vw 2.2241992883vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-recruit {
    gap: 48px 25px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-recruit {
    gap: 6.6666666667vw;
  }
}
#RECRUIT .list-recruit_item {
  border-radius: 0.8896797153vw;
  box-shadow: 0px 0.1779359431vw 1.334519573vw 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background-color: #fff;
  width: calc((100% - 4.4483985765vw) / 3);
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-recruit_item {
    border-radius: 10px;
    box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.25);
    width: calc((100% - 50px) / 3);
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-recruit_item {
    border-radius: 2.6666666667vw;
    width: 100%;
    box-shadow: 0px 0.2666666667vw 2vw 0 rgba(0, 0, 0, 0.25);
  }
}
#RECRUIT .list-recruit_item a:hover {
  text-decoration: none;
}
#RECRUIT .list-recruit_item .title {
  font-size: 2.1rem;
  font-weight: bold;
  color: #0bb35b;
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
  padding: 2.1352313167vw 2.1352313167vw 0;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-recruit_item .title {
    padding: 24px 24px 0;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-recruit_item .title {
    font-size: 3.2rem;
    padding: 4.2666666667vw 4.2666666667vw 0;
  }
}
#RECRUIT .list-recruit_item .title .svg {
  width: 0.7117437722vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-recruit_item .title .svg {
    width: 8px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-recruit_item .title .svg {
    width: 2.1333333333vw;
  }
}
#RECRUIT .list-recruit_item .text {
  font-size: 1.6rem;
  line-height: 1.8125;
  padding: 1.2455516014vw 2.1352313167vw 2.5800711744vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-recruit_item .text {
    padding: 14px 24px 29px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-recruit_item .text {
    font-size: 2.8rem;
    line-height: 1.7142;
    padding: 4vw 4.2666666667vw 4.8vw;
  }
}
#RECRUIT .sec-post {
  padding-top: 7.2953736655vw;
  padding-bottom: 7.2953736655vw;
}
#RECRUIT .sec-post.pb-0 {
  padding-bottom: 0;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-post {
    padding-top: 82px;
    padding-bottom: 82px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-post {
    padding-top: 8.5333333333vw;
    padding-bottom: 8.5333333333vw;
  }
}
#RECRUIT .sec-post .content_title {
  margin-bottom: 6.9395017794vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-post .content_title {
    margin-bottom: 78px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-post .content_title {
    margin-bottom: 8.5333333333vw;
  }
}
#RECRUIT .list-tab {
  display: flex;
  margin-bottom: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-tab {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-tab {
    margin-bottom: 8.8vw;
  }
}
#RECRUIT .list-tab_item {
  text-align: center;
  width: 50%;
  position: relative;
}
#RECRUIT .list-tab_item::before {
  content: "";
  width: 24px;
  height: 19px;
  bottom: -19px;
  background-color: #0bb35b;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
}
#RECRUIT .list-tab_item.is-active::before {
  opacity: 1;
  visibility: visible;
}
#RECRUIT .list-tab_item.is-active .list-tab_btn {
  background-color: #0bb35b;
  color: #fff;
}
#RECRUIT .list-tab_item:first-of-type .list-tab_btn {
  border-radius: 0.8896797153vw 0 0 0.8896797153vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-tab_item:first-of-type .list-tab_btn {
    border-radius: 10px 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-tab_item:first-of-type .list-tab_btn {
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
  }
}
#RECRUIT .list-tab_item:last-of-type .list-tab_btn {
  border-radius: 0 0.8896797153vw 0.8896797153vw 0;
  border-right: solid 1px #0bb35b;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-tab_item:last-of-type .list-tab_btn {
    border-radius: 0 10px 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-tab_item:last-of-type .list-tab_btn {
    border-radius: 0 2.6666666667vw 2.6666666667vw 0;
  }
}
#RECRUIT .list-tab_item .only-one {
  border-radius: 0.8896797153vw !important;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-tab_item .only-one {
    border-radius: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-tab_item .only-one {
    border-radius: 2.6666666667vw !important;
  }
}
#RECRUIT .list-tab_btn {
  width: 100%;
  padding: 1.0676156584vw 0;
  color: #0bb35b;
  border: solid 1px #0bb35b;
  border-right: none;
  font-size: 2.1rem;
  line-height: 1.5;
  font-weight: bold;
  background: #fff;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-tab_btn {
    padding: 12px 0;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-tab_btn {
    padding: 2.9333333333vw 0;
    font-size: 3.2rem;
    border: solid 1px #0bb35b;
  }
}
#RECRUIT .list-tab_btn:hover {
  text-decoration: none;
  background-color: #0bb35b;
  color: #fff;
}
#RECRUIT .tab_contents {
  display: none;
}
#RECRUIT .tab_contents.is-active {
  display: block;
}
#RECRUIT .form {
  background-color: #fefae8;
  padding: 0.9786476868vw 2.846975089vw 1.0676156584vw;
  display: flex;
  gap: 6.4056939502vw;
  align-items: center;
  margin-bottom: 4.9822064057vw;
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .form {
    gap: 72px;
    padding: 11px 32px 12px;
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .form {
    padding: 6.1333333333vw 3.2vw 4.5333333333vw;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.8vw;
    margin-bottom: 8.5333333333vw;
    font-size: 3.2rem;
  }
}
#RECRUIT .form_select {
  background: url(../img/recruit/img_bottom.svg) right 1.4234875445vw center/1.2455516014vw no-repeat, #fff;
  border: solid 1px #bcbcbc;
  font-size: 1.6rem;
  letter-spacing: -0.011em;
  line-height: 1.5;
  padding: 0.9786476868vw 2.0462633452vw;
  width: 22.2419928826vw;
  border-radius: 0.3558718861vw;
  color: #292929;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .form_select {
    background-size: 14px;
    background-position: right 16px center;
    padding: 11px 23px;
    width: 250px;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .form_select {
    background-size: 3.7333333333vw;
    background-position: right 2.6666666667vw center;
    font-size: 2.8rem;
    padding: 2.4vw 6.4vw 2.1333333333vw;
    width: 100%;
    border-radius: 1.0666666667vw;
  }
}
#RECRUIT .job-flex {
  display: flex;
  gap: 4.2704626335vw;
}
#RECRUIT .article {
  border: solid 1px #bcbcbc;
  box-shadow: 0 0.1779359431vw 0.8896797153vw 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 4.2704626335vw;
  border-radius: 0.8896797153vw;
  font-size: 1.6rem;
  line-height: 2;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 48px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article {
    box-shadow: 0 0.5333333333vw 2.6666666667vw 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 8.5333333333vw;
    border-radius: 2.6666666667vw;
    font-size: 2.8rem;
    line-height: 1.7142;
  }
}
#RECRUIT .article:last-of-type {
  margin-bottom: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article:last-of-type {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article:last-of-type {
    margin-bottom: 13.3333333333vw;
  }
}
#RECRUIT .article_link {
  display: flex;
  align-items: center;
  gap: 2.846975089vw;
  padding: 2.846975089vw 3.5587188612vw 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article_link {
    gap: 32px;
    padding: 32px 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article_link {
    gap: 8.5333333333vw;
    padding: 4.2666666667vw;
    flex-direction: column;
  }
}
#RECRUIT .article_link:hover {
  text-decoration: none;
}
#RECRUIT .article_text {
  width: calc(100% - 25.0889679715vw);
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article_text {
    width: calc(100% - 282px);
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article_text {
    width: 100%;
  }
}
#RECRUIT .article_title {
  font-size: 2.1rem;
  line-height: 1.5;
  padding-left: 4.4483985765vw;
  padding-right: 2.1352313167vw;
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.1333333333vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article_title {
    padding-left: 50px;
    padding-right: 24px;
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article_title {
    font-size: 3.2rem;
    padding-left: 9.8666666667vw;
    padding-right: 4.8vw;
  }
}
#RECRUIT .article_title::before {
  content: "";
  background: url(../img/recruit/icon_pot.svg) center/100% no-repeat;
  width: 3.5587188612vw;
  height: 3.5587188612vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article_title::before {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article_title::before {
    width: 7.2vw;
    height: 7.2vw;
  }
}
#RECRUIT .article_title.icon__member::before {
  background: url(../img/recruit/icon_member.svg) center/100% no-repeat;
}
#RECRUIT .article_title::after {
  content: "";
  width: 0.7117437722vw;
  height: 1.334519573vw;
  background: url(../img/common/arrow_more_01.svg) center/contain no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article_title::after {
    width: 8px;
    height: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article_title::after {
    width: 2.1333333333vw;
    height: 4vw;
  }
}
#RECRUIT .article_flex {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 0.6227758007vw;
  padding-top: 1.4234875445vw;
  border-top: 1px solid #bcbcbc;
  padding-left: 1.9572953737vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article_flex {
    margin-top: 7px;
    padding-top: 16px;
    padding-left: 22px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article_flex {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 6.1333333333vw;
    padding-top: 4.5333333333vw;
    padding-left: 0;
  }
}
#RECRUIT .article_update {
  color: #6e6e6e;
  font-size: 1.4rem;
  line-height: 2.5714;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article_update {
    font-size: 2.8rem;
    line-height: 1;
    margin-left: auto;
    margin-top: 2.6666666667vw;
  }
}
#RECRUIT .article_img {
  width: 22.2419928826vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .article_img {
    width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .article_img {
    width: 66.6666666667vw;
  }
}
#RECRUIT .article_img img {
  -o-object-fit: cover;
     object-fit: cover;
}
#RECRUIT .pagination {
  margin-bottom: 23.665480427vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .pagination {
    margin-bottom: 266px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .pagination {
    margin-bottom: 37.8666666667vw;
  }
}
#RECRUIT .list-pagination {
  display: flex;
  justify-content: center;
  gap: 1.4234875445vw;
  font-size: 1.6rem;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-pagination {
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-pagination {
    gap: 4.2666666667vw;
    font-size: 3.2rem;
  }
}
#RECRUIT .list-pagination a {
  width: 3.9145907473vw;
  height: 3.9145907473vw;
  border: solid 1px #0bb35b;
  border-radius: 0.8896797153vw;
  color: #0bb35b;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-pagination a {
    width: 44px;
    height: 44px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-pagination a {
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    border-radius: 2.6666666667vw;
  }
}
#RECRUIT .list-pagination a:hover {
  text-decoration: none;
}
#RECRUIT .list-pagination .is-current a {
  background-color: #0bb35b;
  color: #fff;
}
#RECRUIT .list-pagination .is-prev a::before,
#RECRUIT .list-pagination .is-next a::before {
  content: "";
  width: 0.8896797153vw;
  height: 0.8896797153vw;
  border-bottom: 2px solid #0bb35b;
  border-left: 2px solid #0bb35b;
  display: block;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-pagination .is-prev a::before,
  #RECRUIT .list-pagination .is-next a::before {
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-pagination .is-prev a::before,
  #RECRUIT .list-pagination .is-next a::before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
#RECRUIT .list-pagination .is-prev a::before {
  transform: rotate(45deg);
  margin-left: 0.4448398577vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-pagination .is-prev a::before {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-pagination .is-prev a::before {
    margin-left: 1.3333333333vw;
  }
}
#RECRUIT .list-pagination .is-next a::before {
  transform: rotate(-135deg);
  margin-right: 0.4448398577vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-pagination .is-next a::before {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-pagination .is-next a::before {
    margin-right: 1.3333333333vw;
  }
}
#RECRUIT .wrap_tbl {
  border: solid 1px #a9a9a9;
  border-radius: 1.0676156584vw;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 8.896797153vw;
  margin-bottom: 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .wrap_tbl {
    border-radius: 12px;
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .wrap_tbl {
    font-size: 2.8rem;
    border-radius: 3.2vw;
    margin-top: 10.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
#RECRUIT .tbl {
  width: 100%;
}
#RECRUIT .tbl_head {
  vertical-align: top;
  border-bottom: solid 1px #a9a9a9;
  border-right: solid 1px #a9a9a9;
  padding: 1.4234875445vw 2.846975089vw 1.334519573vw;
  width: 22.2419928826vw;
  text-align: left;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .tbl_head {
    padding: 16px 32px 15px;
    width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .tbl_head {
    display: block;
    border-right: none;
    border-bottom: dashed 1px #a9a9a9;
    padding: 5.3333333333vw 5.3333333333vw 4.8vw;
    width: 100%;
  }
}
#RECRUIT .tbl_data {
  border-bottom: solid 1px #a9a9a9;
  padding: 1.4234875445vw 1.4234875445vw 1.334519573vw;
  width: calc(100% - 22.2419928826vw);
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .tbl_data {
    padding: 16px 16px 15px;
    width: calc(100% - 250px);
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .tbl_data {
    display: block;
    padding: 5.8666666667vw 5.3333333333vw 5.3333333333vw;
    width: 100%;
  }
}
#RECRUIT .tbl_data p + p {
  margin-top: 2.1352313167vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .tbl_data p + p {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .tbl_data p + p {
    margin-top: 5.6vw;
  }
}
#RECRUIT .tbl_data strong {
  display: block;
  margin-bottom: 0.5338078292vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .tbl_data strong {
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .tbl_data strong {
    margin-bottom: 1.6vw;
  }
}
#RECRUIT .tbl tr:last-child .tbl_head,
#RECRUIT .tbl tr:last-child .tbl_data {
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .tbl tr:last-child .tbl_head {
    border-bottom: dashed 1px #a9a9a9;
  }
}
#RECRUIT .sec-entry {
  background: #f1f8f3;
  font-size: 1.6rem;
  padding-top: 4.8042704626vw !important;
  padding-bottom: 6.9395017794vw;
  margin-bottom: 16.6370106762vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry {
    padding-top: 54px !important;
    padding-bottom: 78px;
    margin-bottom: 187px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry {
    font-size: 2.8rem;
    padding-top: 8.5333333333vw !important;
    padding-bottom: 14.1333333333vw;
    margin-bottom: 32vw;
  }
}
#RECRUIT .sec-entry .content_title {
  margin-bottom: 5.5160142349vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .content_title {
    margin-bottom: 62px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .content_title {
    font-size: 4.2rem;
    margin-bottom: 10.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .content_text {
    text-align: left;
  }
}
#RECRUIT .sec-entry .link-tel {
  background: #fff;
  text-align: center;
  display: block;
  transition: 0.3s;
  font-size: 1.6rem;
  padding: 2.846975089vw;
  margin-bottom: 5.6939501779vw;
}
@media only screen and (min-width: 768px) {
  #RECRUIT .sec-entry .link-tel {
    pointer-events: none;
    cursor: default;
  }
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .link-tel {
    padding: 32px;
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .link-tel {
    padding: 3.2vw;
    font-size: 2.8rem;
    margin-bottom: 13.3333333333vw;
  }
}
#RECRUIT .sec-entry .link-tel:hover {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  #RECRUIT .sec-entry .link-tel:hover {
    opacity: 0.8;
  }
}
#RECRUIT .sec-entry .link-tel_num {
  font-size: 4.8rem;
  color: #0bb35b;
  font-weight: bold;
  display: block;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-top: 2.1352313167vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.5587188612vw;
  position: relative;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .link-tel_num {
    margin-top: 24px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .link-tel_num {
    font-size: 7rem;
    margin-top: 4.2666666667vw;
    padding-left: 8.5333333333vw;
  }
}
#RECRUIT .sec-entry .link-tel_num::before {
  content: "";
  width: 2.6690391459vw;
  height: 2.6690391459vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #0bb35b;
  mask: url(../img/recruit/icon_tel.png) no-repeat center center/contain;
  -webkit-mask: url(../img/recruit/icon_tel.png) no-repeat center center/contain;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .link-tel_num::before {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .link-tel_num::before {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
  }
}
#RECRUIT .sec-entry .form_input, #RECRUIT .sec-entry .form_textarea, #RECRUIT .sec-entry .form_select {
  font-size: 1.6rem;
  line-height: 1;
  padding: 0.9786476868vw 1.1565836299vw;
  border: solid #888 1px;
  border-radius: 0.3558718861vw;
  background-color: #fff;
  width: 100%;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .form_input, #RECRUIT .sec-entry .form_textarea, #RECRUIT .sec-entry .form_select {
    border-radius: 4px;
    padding: 11px 13px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .form_input, #RECRUIT .sec-entry .form_textarea, #RECRUIT .sec-entry .form_select {
    font-size: 2.8rem;
    border-radius: 1.0666666667vw;
    padding: 3.2vw 1.8666666667vw;
  }
}
#RECRUIT .sec-entry .form_input, #RECRUIT .sec-entry .form_select {
  min-height: 4.4483985765vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .form_input, #RECRUIT .sec-entry .form_select {
    min-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .form_input, #RECRUIT .sec-entry .form_select {
    min-height: 12.8vw;
  }
}
#RECRUIT .sec-entry .form_input[name=birthday] {
  width: 50%;
}
#RECRUIT .sec-entry .form_textarea {
  resize: none;
}
#RECRUIT .sec-entry .form_label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 1.4234875445vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .form_label {
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .form_label {
    gap: 4.2666666667vw;
  }
}
#RECRUIT .sec-entry .form_radio {
  width: 2.1352313167vw;
  height: 2.1352313167vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .form_radio {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .form_radio {
    width: 6.4vw;
    height: 6.4vw;
  }
}
#RECRUIT .sec-entry .form_checkbox {
  width: 1.8683274021vw;
  height: 1.8683274021vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .form_checkbox {
    width: 21px;
    height: 21px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .form_checkbox {
    width: 5.4666666667vw;
    height: 5.4666666667vw;
  }
}
#RECRUIT .sec-entry .form_title-bd {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: bold;
  padding: 1.4234875445vw 2.846975089vw;
  border-bottom: solid 1px #a9a9a9;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .form_title-bd {
    padding: 16px 32px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .form_title-bd {
    font-size: 3.2rem;
    padding: 7.7333333333vw 0 3.4666666667vw;
    margin-bottom: 4.5333333333vw;
  }
}
#RECRUIT .sec-entry .form_submit {
  width: 26.6903914591vw;
  height: 4.8042704626vw;
  padding: 0.1779359431vw 3.5587188612vw 0 2.1352313167vw;
  margin: auto;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .sec-entry .form_submit {
    width: 300px;
    height: 54px;
    padding: 2px 40px 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .sec-entry .form_submit {
    width: 80vw;
    height: 14.9333333333vw;
    padding: 0 8.6666666667vw 0 5.3333333333vw;
    border-radius: 7.4666666667vw;
  }
}
#RECRUIT .list-step {
  display: flex;
  gap: 8.5409252669vw;
  justify-content: center;
  margin-top: 4.9822064057vw;
  margin-bottom: 5.6939501779vw;
  color: #0bb35b;
  font-weight: bold;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-step {
    gap: 96px;
    margin-top: 56px;
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-step {
    gap: 6.4vw;
    margin-top: 8.5333333333vw;
    margin-bottom: 9.8666666667vw;
  }
}
#RECRUIT .list-step::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #0bb35b;
  position: absolute;
  left: 0;
  top: calc(2.4911032028vw + 1px);
  z-index: -1;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-step::before {
    top: 29px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-step::before {
    top: 7.4666666667vw;
  }
}
#RECRUIT .list-step_item {
  text-align: center;
}
#RECRUIT .list-step .is-current .list-step_num {
  background-color: #0bb35b;
  color: #fff;
}
#RECRUIT .list-step_num {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2rem;
  border: 2px solid #0bb35b;
  background-color: #fff;
  border-radius: 50%;
  width: 5.6939501779vw;
  height: 5.6939501779vw;
  margin-bottom: 0.7117437722vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .list-step_num {
    width: 64px;
    height: 64px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-step_num {
    font-size: 4.2rem;
    width: 14.9333333333vw;
    height: 14.9333333333vw;
    margin-bottom: 2.4vw;
  }
}
#RECRUIT .list-step_text {
  font-size: 1.8rem;
  line-height: 1.6111;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .list-step_text {
    font-size: 3.2rem;
  }
}
#RECRUIT .def-form {
  font-size: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .def-form {
    flex-direction: column;
    font-size: 2.8rem;
  }
}
#RECRUIT .def-form_term {
  width: 22.2419928826vw;
  padding: 1.4234875445vw 0 1.4234875445vw 2.846975089vw;
  display: flex;
  gap: 2.1352313167vw;
  align-items: center;
  line-height: 1.5;
  font-weight: bold;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .def-form_term {
    width: 250px;
    padding: 16px 0 16px 32px;
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .def-form_term {
    width: 100%;
    padding: 0;
    gap: 6.4vw;
  }
}
#RECRUIT .def-form_description {
  width: calc(100% - 22.2419928826vw);
  padding: 1.4234875445vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .def-form_description {
    width: calc(100% - 250px);
    padding: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .def-form_description {
    width: 100%;
    padding: 4.2666666667vw 0;
  }
}
#RECRUIT .def-form_description:has(.form_radio), #RECRUIT .def-form_description:has(.form_checkbox) {
  display: flex;
  flex-wrap: wrap;
  gap: 2.1352313167vw 1.4234875445vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .def-form_description:has(.form_radio), #RECRUIT .def-form_description:has(.form_checkbox) {
    gap: 24px 16px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .def-form_description:has(.form_radio), #RECRUIT .def-form_description:has(.form_checkbox) {
    gap: 2.6666666667vw 4.2666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .def-form_description:nth-of-type(7):has(.form_radio) {
    padding-top: 7.4666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .def-form_description:nth-of-type(1):has(.form_radio) {
    padding-bottom: 6.9333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .def-form_description.pd {
    padding: 4.2666666667vw 0 8.5333333333vw !important;
  }
}
#RECRUIT .def-form_description.w-narrow {
  width: 53.3807829181vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .def-form_description.w-narrow {
    width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .def-form_description.w-narrow {
    width: 100%;
  }
}
#RECRUIT .required {
  background: #e50011;
  color: #fff;
  font-size: 1.2rem;
  padding: 0.0889679715vw 0.8896797153vw;
  border-radius: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .required {
    padding: 1px 10px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .required {
    padding: 0.2666666667vw 2.6666666667vw;
    border-radius: 5.3333333333vw;
    font-size: 2.4rem;
  }
}
#RECRUIT .error {
  color: #e50011;
  font-size: 1.4rem;
  display: block;
  margin-top: 0.7117437722vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .error {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .error {
    margin-top: 2.1333333333vw;
  }
}
#RECRUIT .policy {
  padding-top: 5.6939501779vw;
  padding-bottom: 7.6512455516vw;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: auto;
  font-size: 1.6rem;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .policy {
    padding-top: 64px;
    padding-bottom: 86px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .policy {
    padding-top: 9.6vw;
    padding-bottom: 14.6666666667vw;
    font-size: 3.2rem;
  }
}
#RECRUIT .policy .link-blue {
  color: #3f45f7;
  text-decoration: underline;
}
#RECRUIT .button__area {
  display: flex;
  justify-content: center;
  margin-top: 7.1174377224vw;
  gap: 10.6666666667vw;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .button__area {
    flex-direction: column;
    gap: 10.6666666667vw;
  }
}
#RECRUIT .button__area .form_submit {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .button__area .form_submit {
    margin: 0 auto;
  }
}
#RECRUIT .no-entry {
  font-size: 1.6rem;
  margin-bottom: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #RECRUIT .no-entry {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT .no-entry {
    font-size: 3.2rem;
    margin-bottom: 8.5333333333vw;
  }
}
#RECRUIT .job-slider {
  width: 43.7722419929vw;
}
@media only screen and (max-width: 767px) {
  #RECRUIT .job-slider {
    width: 100%;
  }
}
#RECRUIT .job-slider .swiper-slide {
  display: flex;
  width: 100%;
  justify-content: center;
}
#RECRUIT .job-slider .swiper-slide img {
  width: auto;
  /* 横幅は自動 */
  max-width: 100%;
  /* スライダー幅に収める */
  height: 100% !important;
  /* 高さは自動 */
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

#SINGLE .mv {
  background-image: url(../img/recruit/single/bg_mv.png);
  height: 8.0071174377vw;
  margin-bottom: 2.4021352313vw;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .mv {
    height: 90px;
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .mv {
    background-image: url(../img/recruit/single/bg_mv_sp.png);
    height: 13.3333333333vw;
    margin-bottom: 4.2666666667vw;
  }
}
#SINGLE .sec-single .sec_title {
  color: #0bb35b;
  margin-bottom: 5.4270462633vw;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .sec-single .sec_title {
    margin-bottom: 61px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .sec-single .sec_title {
    margin-bottom: 8.5333333333vw;
  }
}
#SINGLE .sec-single .sec_title_small {
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1.6014234875vw;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .sec-single .sec_title_small {
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .sec-single .sec_title_small {
    text-align: center;
    font-size: 3.2rem;
    margin-bottom: 3.7333333333vw;
  }
}
#SINGLE .sec-single .sec_title_txt {
  font-size: 3.2rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  #SINGLE .sec-single .sec_title_txt {
    font-size: 3.6rem;
  }
}
#SINGLE .sec-single .sec_in {
  max-width: 1120px;
}
#SINGLE .sec-single .btn-more {
  width: 22.2419928826vw;
  margin: 0 auto 10.6761565836vw;
  font-size: 2.2rem;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .sec-single .btn-more {
    width: 250px;
    margin: 0 auto 120px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .sec-single .btn-more {
    width: 100%;
    margin-bottom: 21.3333333333vw;
    height: 11.7333333333vw;
    font-size: 3.4rem;
  }
  #SINGLE .sec-single .btn-more .svg {
    width: 1.7333333333vw;
  }
}
#SINGLE .swiper img {
  border-radius: 0.8896797153vw;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .swiper img {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .swiper img {
    border-radius: 2.6666666667vw;
  }
}
#SINGLE .swiper-pagination {
  position: static;
  margin-top: 2.846975089vw;
  margin-bottom: 0;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .swiper-pagination {
    margin-top: 32px;
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .swiper-pagination {
    margin-top: 4.2666666667vw;
    margin-bottom: 8.5333333333vw;
  }
}
#SINGLE .swiper-pagination-bullet {
  width: 1.2455516014vw;
  height: 1.2455516014vw;
  background: #d9d9d9;
  margin: 0 0.7117437722vw;
  opacity: 1;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 8px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .swiper-pagination-bullet {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    margin: 0 2.1333333333vw;
  }
}
#SINGLE .swiper-pagination-bullet-active {
  background: #0bb35b;
}
#SINGLE .pagination {
  margin-bottom: 16.4590747331vw;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .pagination {
    margin-bottom: 185px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .pagination {
    margin-bottom: 38.1333333333vw;
  }
}
#SINGLE .pageNavi {
  padding: 0 0 5.1601423488vw;
}
@media only screen and (min-width: 1124px) {
  #SINGLE .pageNavi {
    padding: 0 0 58px;
  }
}
@media only screen and (max-width: 767px) {
  #SINGLE .pageNavi {
    padding: 0 0 13.3333333333vw;
  }
}
#SINGLE .btn-fixed {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #0bb35b;
  padding: 10px 0;
}
#SINGLE .btn-fixed .btn {
  margin: auto;
}
@media only screen and (max-width: 767px) {
  #SINGLE .btn-fixed .btn {
    height: 11.7333333333vw;
  }
}

.wrapper:has(#SINGLE) + .footer .pagetop {
  bottom: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  .wrapper:has(#SINGLE) + .footer .pagetop {
    bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper:has(#SINGLE) + .footer .pagetop {
    bottom: 18.6666666667vw;
  }
}

#RECRUIT_MESSAGE .contents {
  padding-bottom: 0;
}
#RECRUIT_MESSAGE .mv {
  background-image: url(../img/recruit/message/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .mv {
    background-image: url(../img/recruit/message/bg_mv_01_sp.jpg);
  }
}
#RECRUIT_MESSAGE .pagelinks {
  background: #f8f4e5;
  border-radius: 12px;
  max-width: 700px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .pagelinks {
    margin: 0 4vw 50px 4vw;
  }
}
#RECRUIT_MESSAGE .pagelinks li {
  width: 33.3333333333%;
}
#RECRUIT_MESSAGE .pagelinks a {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 16px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .pagelinks a {
    font-size: 3rem;
  }
}
#RECRUIT_MESSAGE .pagelinks a::after {
  content: "";
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -4px;
  left: 0;
  width: 9px;
  height: 9px;
  margin-left: 7px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(135deg);
}
#RECRUIT_MESSAGE .sec-message {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .sec-message {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .sec-message:last-of-type {
    margin-bottom: 140px;
  }
}
#RECRUIT_MESSAGE .sec-message .sec_in {
  max-width: 700px;
  margin: auto;
}
#RECRUIT_MESSAGE .heding_rhombus {
  font-size: 2.8rem;
  position: relative;
  padding: 8px 0 8px 40px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .heding_rhombus {
    font-size: 4rem;
    margin-bottom: 20px;
  }
}
#RECRUIT_MESSAGE .heding_rhombus::before {
  position: relative;
  content: "";
  position: absolute;
  top: 0.7117437722vw;
  left: 4.4483985765vw;
  transform: rotate(45deg);
  transform-origin: 0 0;
  background: #0bb35b;
  width: 1.4234875445vw;
  height: 1.4234875445vw;
  top: 10px;
  left: 10px;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .heding_rhombus::before {
    top: 7px;
  }
}
#RECRUIT_MESSAGE .sec_img {
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .sec_img {
    margin-bottom: 30px;
  }
}
#RECRUIT_MESSAGE .sec_img img {
  max-width: 562px;
}
#RECRUIT_MESSAGE .messe_ttl {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .messe_ttl {
    font-size: 3.6rem;
    margin-bottom: 20px;
  }
}
#RECRUIT_MESSAGE .txts p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .txts p {
    font-size: 3rem;
  }
}
#RECRUIT_MESSAGE .txts p:last-of-type {
  margin-bottom: 0;
}
#RECRUIT_MESSAGE .txts .block_name {
  font-size: 2.2rem;
  text-align: right;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #RECRUIT_MESSAGE .txts .block_name {
    font-size: 3.4rem;
  }
}

#INTERVIEW .contents {
  padding-bottom: 0;
}
#INTERVIEW .mv {
  background-image: url(../img/recruit/interview/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .mv {
    background-image: url(../img/recruit/interview/bg_mv_01_sp.jpg);
  }
}
#INTERVIEW .pagelinks {
  background: #f8f4e5;
  border-radius: 12px;
  max-width: 700px;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .pagelinks {
    margin: 0 4vw 50px 4vw;
  }
}
#INTERVIEW .pagelinks li {
  width: 46.5%;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .pagelinks li {
    width: 50%;
  }
}
#INTERVIEW .pagelinks a {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 16px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .pagelinks a {
    font-size: 3rem;
    position: relative;
    padding: 16px 30px;
  }
}
#INTERVIEW .pagelinks a span {
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .pagelinks a span {
    display: block;
    font-size: 2.4rem;
    margin-top: 5px;
  }
}
#INTERVIEW .pagelinks a::after {
  content: "";
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -4px;
  left: 0;
  width: 9px;
  height: 9px;
  margin-left: 7px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(135deg);
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .pagelinks a::after {
    position: absolute;
    left: auto;
    right: 20px;
    bottom: 0;
    margin: auto;
  }
}
#INTERVIEW .heding_rhombus {
  font-size: 2.8rem;
  position: relative;
  padding: 8px 0 8px 40px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .heding_rhombus {
    font-size: 4rem;
    margin-bottom: 20px;
  }
}
#INTERVIEW .heding_rhombus::before {
  position: relative;
  content: "";
  position: absolute;
  top: 0.7117437722vw;
  left: 4.4483985765vw;
  transform: rotate(45deg);
  transform-origin: 0 0;
  background: #0bb35b;
  width: 1.4234875445vw;
  height: 1.4234875445vw;
  top: 10px;
  left: 10px;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .heding_rhombus::before {
    top: 7px;
  }
}
#INTERVIEW .sec-message {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .sec-message {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .sec-message:last-of-type {
    margin-bottom: 140px;
  }
}
#INTERVIEW .sec-message .sec_in {
  max-width: 700px;
  margin: auto;
}
#INTERVIEW .sec_img {
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .sec_img {
    margin-bottom: 30px;
  }
}
#INTERVIEW .sec_img img {
  max-width: 500px;
}
#INTERVIEW .sec_img_first {
  text-align: left;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .sec_img_first {
    margin-bottom: 110px;
  }
}
#INTERVIEW .sec_img_first .heding_rhombus {
  margin-bottom: 10px;
  font-size: 2.4rem;
  padding: 8px 0 8px 30px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .sec_img_first .heding_rhombus {
    font-size: 3.6rem;
    margin-bottom: 0;
    padding: 8px 0 8px 25px;
  }
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .sec_img_first .heding_rhombus::before {
    width: 12px;
    height: 12px;
    top: 8px;
  }
}
#INTERVIEW .sec_img_first figcaption {
  width: 310px;
  padding: 20px;
  background: #FFF;
  border-radius: 12px;
  position: absolute;
  right: 16px;
  bottom: -40px;
  box-shadow: 16px 17px 0px -5px #0bb35b;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .sec_img_first figcaption {
    width: 62%;
    padding: 10px 10px;
    right: 2.9vw;
    bottom: -60px;
  }
}
#INTERVIEW .sec_img_first figcaption p {
  font-size: 1.8rem;
  margin-bottom: 10px;
  line-height: 1.3;
  padding-left: 41px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .sec_img_first figcaption p {
    font-size: 3rem;
    padding-left: 25px;
    margin-bottom: 5px;
  }
}
#INTERVIEW .sec_img_first figcaption p:last-child {
  margin-bottom: 0;
}
#INTERVIEW #interview_ys .block_ttl.ver1 {
  color: #0bb35b;
}
#INTERVIEW #interview_ys .block_ttl.ver2 {
  background: #0bb35b;
  color: #FFF;
}
#INTERVIEW #interview_rt .sec_img_first figcaption {
  box-shadow: 16px 17px 0px -5px #85bd3b;
}
#INTERVIEW #interview_rt .sec_img_first .heding_rhombus::before {
  background: #85bd3b;
}
#INTERVIEW #interview_rt .block_ttl.ver1 {
  color: #85bd3b;
}
#INTERVIEW #interview_rt .block_ttl.ver2 {
  background: #85bd3b;
  color: #FFF;
}
#INTERVIEW .interview_block {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .interview_block {
    margin-bottom: 50px;
  }
}
#INTERVIEW .interview_block .block_ttl {
  font-size: 2.2rem;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .interview_block .block_ttl {
    font-size: 3.4rem;
    line-height: 1.3;
  }
}
#INTERVIEW .interview_block .block_ttl.ver2 {
  background: #333;
  color: #FFF;
}
#INTERVIEW .interview_block dd p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .interview_block dd p {
    font-size: 3rem;
  }
}
#INTERVIEW .interview_block dd p:last-of-type {
  margin-bottom: 0;
}
#INTERVIEW .interview_block dd .sec_img {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  #INTERVIEW .interview_block dd .sec_img {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #POINTS .pageNavi {
    padding-top: 7.2vw;
    padding-bottom: 24.5333333333vw;
  }
}
#POINTS .mv {
  background-image: url(../img/recruit/points/bg_mv.jpg);
  height: 28.4697508897vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .mv {
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .mv {
    background-image: url(../img/recruit/points/bg_mv_sp.jpg);
    height: 50vw;
  }
}
#POINTS .sec:not(.sec-intro) {
  padding-top: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec:not(.sec-intro) {
    padding-top: 80px;
  }
}
#POINTS .sec_text {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.05em;
  width: 92.1875%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  #POINTS .sec_text {
    font-size: 2.8rem;
    line-height: 1.7142;
    width: 100%;
  }
}
#POINTS .sec_text + .sec_text {
  margin-top: 1.4234875445vw;
}
@media only screen and (max-width: 767px) {
  #POINTS .sec_text + .sec_text {
    margin-top: 4.2666666667vw;
  }
}
#POINTS .sec_img {
  display: block;
  border-radius: 0.8896797153vw;
  margin: 0 auto 2.846975089vw;
  width: 92.1875%;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec_img {
    border-radius: 10px;
    margin: 0 auto 32px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec_img {
    border-radius: 2.6666666667vw;
    margin-bottom: 8.5333333333vw;
    width: 100%;
  }
}
#POINTS .sec_img_outer {
  margin-top: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec_img_outer {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-intro_title {
    margin-bottom: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-part-time .sec-post, #POINTS.main-mid-career .sec-post {
    padding-top: 21.3333333333vw;
  }
}
#POINTS.main-part-time .mv {
  background-image: url(../img/recruit/points/bg_mv_part.jpg);
  height: 28.4697508897vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-part-time .mv {
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-part-time .mv {
    background-image: url(../img/recruit/points/bg_mv_part_sp.jpg);
    height: 49.7333333333vw;
  }
}
#POINTS.main-new-graduate .sec-intro {
  overflow: hidden;
}
#POINTS .sec_img_outer {
  display: flex;
  justify-content: center;
  gap: 0.7117437722vw;
  max-width: 182.9181494662vw;
  width: 108.2105%;
  max-width: 2056px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec_img_outer {
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec_img_outer {
    width: 80vw;
    flex-direction: column;
    gap: 2.1333333333vw;
    margin-top: 6.4vw;
  }
}
#POINTS .sec_img_outer img {
  width: calc((100% - 2.1352313167vw) / 4);
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec_img_outer img {
    width: calc((100% - 24px) / 4);
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec_img_outer img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-point {
    padding-top: 19.7333333333vw !important;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-point .content_title {
    font-size: 4.2rem;
    margin-bottom: 12.2666666667vw;
  }
}
#POINTS .list-point {
  display: flex;
  gap: 5.1601423488vw;
  font-weight: bold;
}
@media only screen and (min-width: 1124px) {
  #POINTS .list-point {
    gap: 58px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .list-point {
    flex-direction: column;
    gap: 8.5333333333vw;
    width: 80vw;
    margin-right: auto;
    margin-left: auto;
  }
}
#POINTS .list-point_item {
  border: solid 1px #0bb35b;
  background: #e5faeb;
  padding: 3.2918149466vw 2.4911032028vw 2.5800711744vw;
  border-radius: 2.1352313167vw;
  width: calc(100% - 3.4400948992vw);
}
@media only screen and (min-width: 1124px) {
  #POINTS .list-point_item {
    padding: 37px 28px 29px;
    border-radius: 24px;
    width: calc((100% - 116px) / 3);
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .list-point_item {
    padding: 5.6vw 7.4666666667vw;
    border-radius: 6.4vw;
    width: 100%;
  }
}
#POINTS .list-point_title {
  color: #0bb35b;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 2.4021352313vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .list-point_title {
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .list-point_title {
    font-size: 3.6rem;
    margin-bottom: 4.5333333333vw;
  }
}
#POINTS .list-point_text {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  #POINTS .list-point_text {
    font-size: 2.8rem;
  }
}
#POINTS .sec-voice {
  padding-bottom: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-voice {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-voice {
    padding-top: 20.8vw !important;
    padding-bottom: 12vw;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-voice .content_title {
    font-size: 4.2rem;
  }
}
#POINTS .sec-voice .flex {
  padding-top: 1.0666666667vw;
  display: flex;
  width: 92.1875%;
  margin-left: auto;
  margin-right: auto;
  gap: 4.2704626335vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-voice .flex {
    padding-top: 8px;
    gap: 48px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-voice .flex {
    padding-top: 0;
    flex-direction: column;
    width: 100%;
    gap: 4.2666666667vw;
  }
}
#POINTS .sec-voice .flex img {
  width: 29.872%;
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-voice .flex img {
    width: 75.2vw;
    margin: auto;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .content_text {
    font-size: 3.2rem;
    line-height: 1.8125;
  }
}
#POINTS .sec-training {
  padding-top: 7.2953736655vw !important;
  padding-bottom: 7.8291814947vw;
  background: url(../img/recruit/points/bg_lightgreen_top.png) top center/100% no-repeat, url(../img/recruit/points/bg_lightgreen_bottom.png) bottom center/100% no-repeat, linear-gradient(to bottom, transparent 0, transparent 2.846975089vw, #e5faeb 2.846975089vw, #e5faeb calc(100% - 2.846975089vw), transparent calc(100% - 2.846975089vw), transparent 100%);
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training {
    padding-top: 82px !important;
    padding-bottom: 88px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training {
    padding-top: 9.0666666667vw !important;
    padding-bottom: 11.7333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .content_title {
    font-size: 4.2rem;
  }
}
#POINTS .sec-training .content_title {
  margin-bottom: 5.5160142349vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .content_title {
    margin-bottom: 62px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .content_title {
    margin-bottom: 8.5333333333vw;
  }
}
#POINTS .sec-training .flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 5.6939501779vw;
  padding-left: 5.6939501779vw;
  padding-top: 0.2669039146vw;
  padding-right: 1.512455516vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .flex {
    margin-top: 64px;
    padding-left: 64px;
    padding-top: 3px;
    padding-right: 17px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .flex {
    padding: 0;
    display: block;
    margin-top: 11.2vw;
  }
}
#POINTS .sec-training .flex img {
  width: 25.0889679715vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .flex img {
    width: 282px;
  }
}
#POINTS .sec-training .training {
  position: relative;
}
#POINTS .sec-training .training_block {
  display: flex;
  gap: 4.2704626335vw;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .training_block {
    gap: 48px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training_block {
    gap: 2.6666666667vw;
  }
}
#POINTS .sec-training .training_block:nth-child(1) {
  margin-bottom: 2.0462633452vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .training_block:nth-child(1) {
    margin-bottom: 23px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training_block:nth-child(1) {
    margin-bottom: 4.5333333333vw;
  }
}
#POINTS .sec-training .training_block:nth-child(1) .training_title {
  margin-top: 0.3558718861vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .training_block:nth-child(1) .training_title {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training_block:nth-child(1) .training_title {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training_block:nth-child(1) .list-green {
    margin-top: 0.5333333333vw;
  }
}
#POINTS .sec-training .training_block:nth-child(2) {
  margin-bottom: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .training_block:nth-child(2) {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training_block:nth-child(2) {
    margin-bottom: 17.8666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training_block:nth-child(2) .list-green {
    margin-top: 1.6vw;
  }
}
#POINTS .sec-training .training_block:nth-child(3) .list-green {
  margin-top: 0.5338078292vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .training_block:nth-child(3) .list-green {
    margin-top: 6px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training_block:nth-child(3) .list-green {
    margin-top: 0.5333333333vw;
  }
}
#POINTS .sec-training .training_title {
  background: #fff;
  color: #0bb35b;
  border-radius: 50%;
  width: 10.6761565836vw;
  height: 10.6761565836vw;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0.3558718861vw 1.0676156584vw 0 rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .training_title {
    width: 120px;
    height: 120px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training_title {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    font-size: 3.2rem;
    line-height: 1.5;
  }
}
#POINTS .sec-training .training::after {
  content: "";
  width: 0.1779359431vw;
  height: 98%;
  position: absolute;
  left: 5.3380782918vw;
  top: 0.4448398577vw;
  background: #0bb35b;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .training::after {
    left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .training::after {
    width: 0.5333333333vw;
    top: 1.6vw;
    left: 13.3333333333vw;
  }
}
#POINTS .sec-training .list-green {
  font-size: 1.6rem;
  line-height: 1.8125;
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .list-green {
    font-size: 2.8rem;
    line-height: 1.7142;
  }
}
#POINTS .sec-training .list-green_item {
  padding-left: 1.4234875445vw;
  position: relative;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .list-green_item {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .list-green_item {
    padding-left: 5.3333333333vw;
  }
}
#POINTS .sec-training .list-green_item::before {
  content: "";
  width: 0.7117437722vw;
  height: 0.7117437722vw;
  position: absolute;
  left: 0;
  top: 0.8896797153vw;
  background: #0bb35b;
  border-radius: 50%;
  z-index: 0;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-training .list-green_item::before {
    width: 8px;
    height: 8px;
    top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-training .list-green_item::before {
    width: 3.2vw;
    height: 3.2vw;
    top: 1.6vw;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-career-path {
    padding-top: 8vw !important;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-career-path .content_title {
    font-size: 4.2rem;
  }
}
#POINTS .sec-career-path .content_text {
  padding-top: 0.5338078292vw;
  margin-bottom: 1.4234875445vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-career-path .content_text {
    padding-top: 6px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-career-path .content_text {
    padding-top: 0;
    margin-bottom: 4.2666666667vw;
  }
}
#POINTS .sec-career-path .content_text + .content_text {
  margin-top: 0;
}
#POINTS .sec-career-path .content_text:last-of-type {
  margin-bottom: 5.1601423488vw;
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-career-path .content_text:last-of-type {
    padding-top: 0;
    margin-bottom: 8.2666666667vw;
  }
}
#POINTS .sec-career-path img {
  display: block;
  margin-bottom: 5.6939501779vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-career-path img {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-career-path img {
    margin-bottom: 15.7333333333vw;
  }
}
#POINTS .sec-career-path .btn-more {
  width: 26.6903914591vw;
  margin: auto;
  font-size: 2.2rem;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-career-path .btn-more {
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-career-path .btn-more {
    width: 100%;
    height: 11.7333333333vw;
    font-size: 3.4rem;
  }
  #POINTS .sec-career-path .btn-more .svg {
    width: 1.7333333333vw;
  }
}
#POINTS .sec-job-description {
  padding-top: 7.384341637vw !important;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-job-description {
    padding-top: 83px !important;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-job-description {
    padding-top: 33.0666666667vw !important;
  }
}
#POINTS .sec-job-description .content_title {
  margin-bottom: 5.5160142349vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec-job-description .content_title {
    margin-bottom: 62px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec-job-description .content_title {
    font-size: 4.2rem;
    margin-bottom: 8.5333333333vw;
  }
}
#POINTS .wrap_tbl {
  margin-bottom: 4.9822064057vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .wrap_tbl {
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .wrap_tbl {
    margin-bottom: 10.6666666667vw;
  }
}
#POINTS .btn-mynavi {
  display: block;
  border: 1px solid #d9d9d9;
  padding: 3.024911032vw;
  text-align: center;
  margin-bottom: 7.1174377224vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .btn-mynavi {
    padding: 34px;
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .btn-mynavi {
    padding: 9.0666666667vw;
    margin-bottom: 38.4vw;
  }
}
#POINTS .btn-mynavi img {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  #POINTS .btn-mynavi img {
    width: 53.3333333333vw;
  }
}
#POINTS .sec:last-of-type {
  margin-bottom: 5.6939501779vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .sec:last-of-type {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .sec:last-of-type {
    margin-bottom: 13.3333333333vw;
  }
}
#POINTS .pagination {
  margin-bottom: 5.6939501779vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS .pagination {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS .pagination {
    margin-bottom: 13.3333333333vw;
  }
}

#POINTS.main-new-graduate .mv {
  background-image: url(../img/recruit/new-graduate/bg_mv.jpg);
  height: 28.4697508897vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .mv {
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .mv {
    background-image: url(../img/recruit/new-graduate/bg_mv_sp.jpg);
    height: 50vw;
  }
}

#POINTS.entry .mv {
  background-image: url(../img/recruit/entry/bg_mv.jpg);
  height: 28.4697508897vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.entry .mv {
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.entry .mv {
    background-image: url(../img/recruit/entry/bg_mv_sp.jpg);
    height: 50vw;
  }
}

@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .list-tab {
    flex-direction: column;
    gap: 4.2666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .list-tab_item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .list-tab_item::before {
    content: none;
  }
}
#POINTS.main-new-graduate .sec-voice .list-tab_btn {
  font-size: 1.6rem;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .list-tab_btn {
    font-size: 2.8rem;
    border-radius: 2.6666666667vw !important;
  }
}
#POINTS.main-new-graduate .sec-voice .list-tab_btn .pc-view {
  display: inline;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .list-tab_btn .pc-view {
    display: none;
  }
}
#POINTS.main-new-graduate .sec-voice .first-block {
  display: flex;
  align-items: end;
  gap: 2.0462633452vw;
  margin-bottom: 4.0035587189vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .first-block {
    gap: 23px;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .first-block {
    flex-direction: column;
    gap: 2.9333333333vw;
    margin-bottom: 10.4vw;
  }
}
#POINTS.main-new-graduate .sec-voice .first-block_img {
  width: 37.2775800712vw;
  flex-grow: 0;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .first-block_img {
    width: 419px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .first-block_img {
    width: 100%;
  }
}
#POINTS.main-new-graduate .sec-voice .first-block_h3 {
  width: calc(100% - 39.3238434164vw);
  border-radius: 0.8896797153vw;
  background-color: #0bb35b;
  color: #fff;
  padding: 4.6263345196vw 3.3807829181vw 4.537366548vw;
  font-weight: 500;
  font-size: 2.4rem;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .first-block_h3 {
    width: calc(100% - 442px);
    border-radius: 10px;
    padding: 52px 38px 51px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .first-block_h3 {
    width: 100%;
    border-radius: 2.6666666667vw;
    font-size: 3.6rem;
    padding: 5.0666666667vw 6.4vw 5.3333333333vw;
  }
}
#POINTS.main-new-graduate .sec-voice .first-block_h3 span {
  display: block;
  font-size: 1.8rem;
  line-height: 1.3333;
  margin-top: 1.512455516vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .first-block_h3 span {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .first-block_h3 span {
    margin-top: 1.6vw;
    font-size: 2.8rem;
    line-height: 1.2857;
  }
}
#POINTS.main-new-graduate .sec-voice .first-block_h3 span:first-of-type {
  margin-top: 0;
}
#POINTS.main-new-graduate .sec-voice .flex-reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .flex-reverse {
    flex-direction: column;
  }
}
#POINTS.main-new-graduate .sec-voice .section-block {
  width: 92.1875%;
  margin: 0 auto 4.8042704626vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .section-block {
    margin-bottom: 54px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .section-block {
    width: 100%;
    margin-bottom: 7.2vw;
  }
}
#POINTS.main-new-graduate .sec-voice .section-block:nth-of-type(odd) .section-block_title {
  border: 1px solid #0bb35b;
  color: #0bb35b;
  background-color: #fff;
  margin-bottom: 2.3131672598vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .section-block:nth-of-type(odd) .section-block_title {
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .section-block:nth-of-type(odd) .section-block_title {
    margin-bottom: 4.2666666667vw;
  }
}
#POINTS.main-new-graduate .sec-voice .section-block:nth-of-type(even) .section-block_title {
  border: 1px solid #0bb35b;
  color: #fff;
  background-color: #0bb35b;
  margin-bottom: 2.3131672598vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .section-block:nth-of-type(even) .section-block_title {
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .section-block:nth-of-type(even) .section-block_title {
    margin-bottom: 4.2666666667vw;
  }
}
#POINTS.main-new-graduate .sec-voice .section-block_title {
  font-size: 2.1rem;
  border-radius: 0.7117437722vw;
  padding: 0.7117437722vw 1.4234875445vw 0.6227758007vw;
  line-height: 1.3809;
  font-weight: 500;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .section-block_title {
    margin-bottom: 26px;
    border-radius: 8px;
    padding: 8px 16px 7px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .section-block_title {
    font-size: 3.2rem;
    line-height: 1.8125;
    border-radius: 2.1333333333vw;
    padding: 2.1333333333vw 4.2666666667vw 1.0666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#POINTS.main-new-graduate .sec-voice .section-block_text {
  font-size: 1.8rem;
  line-height: 1.8333;
  display: flex;
  gap: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .section-block_text {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .section-block_text {
    flex-direction: column;
    gap: 3.2vw;
    font-size: 2.8rem;
    align-items: center;
    line-height: 1.71428;
  }
}
@media only screen and (min-width: 768px) {
  #POINTS.main-new-graduate .sec-voice .section-block_text.img-reverse {
    flex-direction: row-reverse;
  }
}
#POINTS.main-new-graduate .sec-voice .section-block_text:has(img) p {
  width: calc(100% - 25.9786476868vw);
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .section-block_text:has(img) p {
    width: calc(100% - 292px);
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .section-block_text:has(img) p {
    width: 100%;
  }
}
#POINTS.main-new-graduate .sec-voice .section-block_text img {
  width: 25.9786476868vw;
  flex-grow: 0;
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .section-block_text img {
    width: 292px;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .section-block_text img {
    width: 58.4vw;
  }
}
#POINTS.main-new-graduate .sec-voice .mb_voice {
  margin-bottom: 5.6939501779vw;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .mb_voice {
    margin-bottom: 10.6666666667vw;
  }
}
#POINTS.main-new-graduate .sec-voice .timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  margin: 1.0676156584vw auto 0;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline {
    flex-direction: column;
    align-items: flex-start;
    gap: 4.2666666667vw;
  }
}
#POINTS.main-new-graduate .sec-voice .timeline::before {
  content: "";
  position: absolute;
  top: 2.4911032028vw;
  left: 0;
  width: 100%;
  height: 1.6014234875vw;
  background: #E5FAEB;
  border-radius: 1.0666666667vw;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline::before {
    top: 0;
    left: 3.2vw;
    width: 3.2vw;
    height: 100%;
    border-radius: 2.1333333333vw;
  }
}
@media only screen and (min-width: 1124px) {
  #POINTS.main-new-graduate .sec-voice .timeline::before {
    top: 1.9572953737vw;
  }
}
#POINTS.main-new-graduate .sec-voice .timeline-item {
  text-align: center;
  position: relative;
  width: 14%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline-item {
    width: 100%;
    text-align: left;
    position: relative;
  }
}
#POINTS.main-new-graduate .sec-voice .timeline-item .time {
  font-size: 1.6rem;
  font-weight: 700;
  color: #22A958;
  margin-bottom: 0.3558718861vw;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline-item .time {
    font-size: 3.2rem;
    position: absolute;
    top: 2.6666666667vw;
    left: 12.8vw;
  }
}
#POINTS.main-new-graduate .sec-voice .timeline-item .circle {
  width: 3.024911032vw;
  height: 3.024911032vw;
  background: #22A958;
  border-radius: 50%;
  margin: 0 auto 1.0676156584vw;
  border: 0.6227758007vw solid #E5FAEB;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline-item .circle {
    width: 9.0666666667vw;
    height: 9.0666666667vw;
    margin: 0;
    border: 1.8666666667vw solid #E5FAEB;
  }
}
#POINTS.main-new-graduate .sec-voice .timeline-item .title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #22A958;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline-item .title {
    position: absolute;
    position: absolute;
    top: 9.3333333333vw;
    left: 12.8vw;
    font-size: 3.2rem;
    margin: 0;
  }
}
#POINTS.main-new-graduate .sec-voice .timeline-item .desc {
  font-size: 1.4rem;
  color: #000;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline-item .desc {
    font-size: 2.8rem;
    margin-top: -0.5333333333vw;
    margin-left: 24.8vw;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline-item .desc br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #POINTS.main-new-graduate .sec-voice .timeline-item .desc.ml {
    margin-left: 34.6666666667vw;
  }
}

#FLOW .mv {
  background-image: url(../img/recruit/flow/bg_mv.jpg);
  height: 28.4697508897vw;
}
@media only screen and (min-width: 1124px) {
  #FLOW .mv {
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .mv {
    background-image: url(../img/recruit/flow/bg_mv_sp.jpg);
    height: 50vw;
  }
}
#FLOW .sec-intro_title {
  margin-bottom: 6.7615658363vw;
}
@media only screen and (min-width: 1124px) {
  #FLOW .sec-intro_title {
    margin-bottom: 76px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .sec-intro_title {
    margin: 16vw 0 7.4666666667vw;
  }
}
#FLOW .sec-intro .list-tab {
  margin-bottom: 10.4982206406vw;
}
@media only screen and (min-width: 1124px) {
  #FLOW .sec-intro .list-tab {
    margin-bottom: 118px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .sec-intro .list-tab {
    margin-bottom: 12.8vw;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .sec-intro .list-tab_btn {
    font-size: 2.8rem;
  }
}
#FLOW .list-flow {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.846975089vw;
  margin: 0 4.2704626335vw 12.2666666667vw;
}
@media only screen and (min-width: 1124px) {
  #FLOW .list-flow {
    gap: 32px;
    margin: 0 48px 92px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .list-flow {
    gap: 8.5333333333vw;
    margin: 12.8vw 0 12.8vw;
  }
}
#FLOW .list-flow_item {
  display: flex;
  align-items: center;
  border-radius: 0.8896797153vw;
  padding: 1.4234875445vw 2.4911032028vw 1.4234875445vw 1.4234875445vw;
  gap: 3.2028469751vw;
}
@media only screen and (min-width: 1124px) {
  #FLOW .list-flow_item {
    padding: 16px 28px 16px 16px;
    gap: 36px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .list-flow_item {
    align-items: center;
    border-radius: 2.6666666667vw;
    padding: 4.2666666667vw;
    gap: 4.2666666667vw;
  }
}
#FLOW .list-flow_item:nth-child(odd) {
  background: #e5faeb;
}
#FLOW .list-flow_item:nth-child(even) {
  background: #f3fff6;
}
#FLOW .list-flow_time {
  color: #0bb35b;
  font-size: 2.4rem;
  width: 10.6761565836vw;
  aspect-ratio: 1/1;
  background: #fff;
  box-shadow: 0 0.3558718861vw 1.0676156584vw 0 rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-weight: 700;
}
@media only screen and (min-width: 1124px) {
  #FLOW .list-flow_time {
    width: 120px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .list-flow_time {
    width: 23.4666666667vw;
    font-size: 3.2rem;
    box-shadow: 0 0.7117437722vw 2.1352313167vw 0 rgba(0, 0, 0, 0.25);
  }
}
#FLOW .list-flow_title {
  color: #0bb35b;
  font-size: 2.2rem;
  margin-top: 0.8007117438vw;
  margin-bottom: 0.3558718861vw;
  font-weight: 700;
  line-height: 1.31818;
}
@media only screen and (min-width: 1124px) {
  #FLOW .list-flow_title {
    margin-top: 9px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .list-flow_title {
    font-size: 3.2rem;
    margin-bottom: 1.6vw;
    line-height: 1.8125;
  }
}
#FLOW .list-flow_text {
  font-size: 1.6rem;
  line-height: 1.8125;
}
@media only screen and (max-width: 767px) {
  #FLOW .list-flow_text {
    font-size: 2.8rem;
    line-height: 1.7142;
  }
}
#FLOW .list-flow_flex {
  display: flex;
  width: 100%;
  gap: 2.846975089vw;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1124px) {
  #FLOW .list-flow_flex {
    gap: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .list-flow_flex {
    flex-direction: column;
    align-items: flex-start;
  }
}
#FLOW .list-flow_img {
  width: 17.793594306vw;
}
@media only screen and (min-width: 1124px) {
  #FLOW .list-flow_img {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .list-flow_img {
    width: 44.2666666667vw;
  }
}
#FLOW .list-flow::before {
  content: "";
  position: absolute;
  left: 6.7615658363vw;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #0bb35b;
  z-index: -1;
}
@media only screen and (min-width: 1124px) {
  #FLOW .list-flow::before {
    left: 76px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .list-flow::before {
    content: none;
  }
}
#FLOW .pagination {
  margin-bottom: 5.6939501779vw;
}
@media only screen and (min-width: 1124px) {
  #FLOW .pagination {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  #FLOW .pagination {
    margin-bottom: 13.3333333333vw;
  }
}

#VOICE .mv {
  background-image: url(../img/recruit/voice/bg_mv.jpg);
  height: 28.4697508897vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .mv {
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .mv {
    background-image: url(../img/recruit/voice/bg_mv_sp.jpg);
    height: 50vw;
  }
}
#VOICE .sec-intro_title {
  margin-bottom: 6.7615658363vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .sec-intro_title {
    margin-bottom: 76px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .sec-intro_title {
    margin: 16vw 0 7.4666666667vw;
  }
}
#VOICE .sec-intro .list-tab {
  margin-bottom: 7.7402135231vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .sec-intro .list-tab {
    margin-bottom: 87px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .sec-intro .list-tab {
    margin-bottom: 9.0666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .sec-intro .list-tab_btn {
    font-size: 2.8rem;
  }
}
#VOICE .first-block {
  display: flex;
  align-items: end;
  gap: 2.0462633452vw;
  margin-bottom: 4.0035587189vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .first-block {
    gap: 23px;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .first-block {
    flex-direction: column;
    gap: 2.9333333333vw;
    margin-bottom: 10.4vw;
  }
}
#VOICE .first-block_img {
  width: 37.2775800712vw;
  flex-grow: 0;
}
@media only screen and (min-width: 1124px) {
  #VOICE .first-block_img {
    width: 419px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .first-block_img {
    width: 100%;
  }
}
#VOICE .first-block_h3 {
  width: calc(100% - 39.3238434164vw);
  border-radius: 0.8896797153vw;
  background-color: #0bb35b;
  color: #fff;
  padding: 4.6263345196vw 3.3807829181vw 4.537366548vw;
  font-weight: bold;
  font-size: 3.2rem;
}
@media only screen and (min-width: 1124px) {
  #VOICE .first-block_h3 {
    width: calc(100% - 442px);
    border-radius: 10px;
    padding: 52px 38px 51px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .first-block_h3 {
    width: 100%;
    border-radius: 2.6666666667vw;
    font-size: 3.6rem;
    padding: 5.0666666667vw 6.4vw 5.3333333333vw;
  }
}
#VOICE .first-block_h3 span {
  display: block;
  font-size: 1.8rem;
  line-height: 1.3333;
  margin-top: 1.512455516vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .first-block_h3 span {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .first-block_h3 span {
    margin-top: 1.6vw;
    font-size: 2.8rem;
    line-height: 1.2857;
  }
}
#VOICE .flex-reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  #VOICE .flex-reverse {
    flex-direction: column;
  }
}
#VOICE .section-block {
  width: 92.1875%;
  margin: 0 auto 4.8042704626vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .section-block {
    margin-bottom: 54px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .section-block {
    width: 100%;
    margin-bottom: 7.2vw;
  }
}
#VOICE .section-block:nth-of-type(odd) .section-block_title {
  border: 1px solid #0bb35b;
  color: #0bb35b;
  background-color: #fff;
  margin-bottom: 2.3131672598vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .section-block:nth-of-type(odd) .section-block_title {
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .section-block:nth-of-type(odd) .section-block_title {
    margin-bottom: 4.2666666667vw;
  }
}
#VOICE .section-block:nth-of-type(even) .section-block_title {
  border: 1px solid #0bb35b;
  color: #fff;
  background-color: #0bb35b;
  margin-bottom: getPc(48);
}
@media only screen and (min-width: 1124px) {
  #VOICE .section-block:nth-of-type(even) .section-block_title {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .section-block:nth-of-type(even) .section-block_title {
    margin-bottom: 4.2666666667vw;
  }
}
#VOICE .section-block_title {
  font-size: 2.1rem;
  border-radius: 0.7117437722vw;
  padding: 0.7117437722vw 1.4234875445vw 0.6227758007vw;
  line-height: 1.3809;
  font-weight: bold;
}
@media only screen and (min-width: 1124px) {
  #VOICE .section-block_title {
    margin-bottom: 26px;
    border-radius: 8px;
    padding: 8px 16px 7px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .section-block_title {
    font-size: 3.2rem;
    line-height: 1.8125;
    border-radius: 2.1333333333vw;
    padding: 2.1333333333vw 4.2666666667vw 1.0666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
#VOICE .section-block_text {
  font-size: 1.8rem;
  line-height: 1.8333;
  display: flex;
  gap: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .section-block_text {
    gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .section-block_text {
    flex-direction: column;
    gap: 3.2vw;
    font-size: 2.8rem;
    align-items: center;
    line-height: 1.71428;
  }
}
@media only screen and (min-width: 768px) {
  #VOICE .section-block_text.img-reverse {
    flex-direction: row-reverse;
  }
}
#VOICE .section-block_text:has(img) p {
  width: calc(100% - 25.9786476868vw);
}
@media only screen and (min-width: 1124px) {
  #VOICE .section-block_text:has(img) p {
    width: calc(100% - 292px);
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .section-block_text:has(img) p {
    width: 100%;
  }
}
#VOICE .section-block_text img {
  width: 25.9786476868vw;
  flex-grow: 0;
}
@media only screen and (min-width: 1124px) {
  #VOICE .section-block_text img {
    width: 292px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .section-block_text img {
    width: 58.4vw;
  }
}
#VOICE .pagination {
  margin-bottom: 5.6939501779vw;
}
@media only screen and (min-width: 1124px) {
  #VOICE .pagination {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  #VOICE .pagination {
    margin-bottom: 13.3333333333vw;
  }
}

#EDUCATION .contents {
  padding-bottom: 0;
}
#EDUCATION .mv {
  background-image: url(../img/safety/education/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #EDUCATION .mv {
    background-image: url(../img/safety/education/bg_mv_01_sp.jpg);
  }
}
#EDUCATION .heding_rhombus {
  font-size: 2.2rem;
  position: relative;
  padding: 8px 0 8px 40px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .heding_rhombus {
    font-size: 4rem;
    margin-bottom: 20px;
  }
}
#EDUCATION .heding_rhombus::before {
  position: relative;
  content: "";
  position: absolute;
  top: 0.7117437722vw;
  left: 4.4483985765vw;
  transform: rotate(45deg);
  transform-origin: 0 0;
  background: #0bb35b;
  width: 1.4234875445vw;
  height: 1.4234875445vw;
  top: 7px;
  left: 10px;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .heding_rhombus::before {
    top: 7px;
  }
}
#EDUCATION .intro {
  max-width: 700px;
  margin: auto;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .intro {
    margin-bottom: 50px;
  }
}
#EDUCATION .intro .intro_ttl {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .intro .intro_ttl {
    font-size: 3.6rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
#EDUCATION .intro p {
  font-size: 1.8rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .intro p {
    font-size: 3rem;
  }
}
#EDUCATION .education_block {
  max-width: 700px;
  margin: auto;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .education_block {
    margin-bottom: 40px;
  }
}
#EDUCATION .education_block:last-of-type {
  margin-bottom: 160px;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .education_block:last-of-type {
    margin-bottom: 130px;
  }
}
#EDUCATION .education_block .box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
#EDUCATION .education_block .education_txts {
  width: calc(100% - 296px);
  padding-right: 5%;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .education_block .education_txts {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
#EDUCATION .education_block .education_txts p {
  font-size: 1.8rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .education_block .education_txts p {
    font-size: 3rem;
  }
}
#EDUCATION .education_block .education_imgs {
  width: 296px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #EDUCATION .education_block .education_imgs {
    width: 100%;
    max-width: 592px;
    margin: auto;
  }
}

#MANEGEMENT .contents {
  padding-bottom: 0;
}
#MANEGEMENT .mv {
  background-image: url(../img/safety/manegement/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .mv {
    background-image: url(../img/safety/manegement/bg_mv_01_sp.jpg);
  }
}
#MANEGEMENT .sec-manegement {
  padding-bottom: 80px;
}
#MANEGEMENT .sec-manegement .sec_in {
  max-width: 800px;
}
#MANEGEMENT .sec_heading-01 {
  color: #292929;
  font-size: 2.4rem;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .sec_heading-01 {
    font-size: 4rem;
    line-height: 1.5;
  }
}
#MANEGEMENT .heding_rhombus {
  font-size: 2.2rem;
  position: relative;
  padding: 8px 0 8px 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .heding_rhombus {
    font-size: 4rem;
    margin-bottom: 20px;
  }
}
#MANEGEMENT .heding_rhombus::before {
  position: relative;
  content: "";
  position: absolute;
  top: 0.7117437722vw;
  left: 4.4483985765vw;
  transform: rotate(45deg);
  transform-origin: 0 0;
  background: #0bb35b;
  width: 1.4234875445vw;
  height: 1.4234875445vw;
  top: 7px;
  left: 10px;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .heding_rhombus::before {
    top: 7px;
  }
}
#MANEGEMENT .list_taisaku {
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .list_taisaku {
    justify-content: space-between;
  }
}
#MANEGEMENT .list_taisaku li {
  width: 100%;
  max-width: 305px;
  background: #f9fff0;
  border: 3px solid #0bb35b;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .list_taisaku li {
    width: 48%;
  }
}
#MANEGEMENT .list_taisaku li .num {
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto;
  max-width: 72px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .list_taisaku li .num {
    top: 3px;
    left: 3px;
    max-width: 60px;
  }
}
#MANEGEMENT .list_taisaku li .ico {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .list_taisaku li .ico {
    padding-top: 10px;
    margin-bottom: 20px;
  }
}
#MANEGEMENT .list_taisaku li .ico img {
  width: auto;
  max-width: 100%;
}
#MANEGEMENT .photos {
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .photos li {
    width: 100%;
  }
}
#MANEGEMENT .photos li:first-child {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .photos li:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
#MANEGEMENT .photos li:last-child {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .photos li:last-child {
    margin-left: 0;
  }
}
#MANEGEMENT .photos li img {
  width: auto;
  max-width: 300px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .photos li img {
    max-width: 100%;
  }
}
#MANEGEMENT .img7s {
  margin-top: 40px;
}
#MANEGEMENT .kansen {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .kansen {
    margin-top: 20px;
    padding-bottom: 40px;
  }
}
#MANEGEMENT .kansen .txt {
  width: calc(100% - 296px);
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .kansen .txt {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
#MANEGEMENT .kansen .img {
  width: 100%;
  max-width: 296px;
}
@media only screen and (max-width: 767px) {
  #MANEGEMENT .kansen .img {
    max-width: 100%;
  }
}

#SAFETY .mv {
  background-image: url(../img/safety/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #SAFETY .mv {
    background-image: url(../img/safety/bg_mv_01_sp.jpg);
  }
}
#SAFETY .sec-management {
  padding-top: 5.7829181495vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management {
    padding-top: 65px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management {
    padding-top: 10.6666666667vw;
  }
}
#SAFETY .sec-management .managementList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList {
    margin-top: 8vw;
  }
}
#SAFETY .sec-management .managementList_item {
  background: #fff;
  border-radius: 0.8896797153vw;
  filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
  width: 43.7722419929vw;
  height: 32.5622775801vw;
  padding: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item {
    border-radius: 10px;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    width: 492px;
    height: 366px;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) {
  #SAFETY .sec-management .managementList_item:not(:nth-of-type(2n+1)) {
    margin-left: 3.5587188612vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item:not(:nth-of-type(2n+1)) {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) {
  #SAFETY .sec-management .managementList_item:nth-of-type(n+3) {
    margin-top: 3.5587188612vw;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item:nth-of-type(n+3) {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item {
    border-radius: 1.3333333333vw;
    width: 100%;
    height: auto;
    padding: 2.6666666667vw 2.6666666667vw 6.6666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .img {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
#SAFETY .sec-management .managementList_item .img::before {
  content: "";
  display: block;
  padding-top: 45.1327433628%;
}
#SAFETY .sec-management .managementList_item .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 300ms;
  margin: auto;
}
#SAFETY .sec-management .managementList_item .heading {
  position: relative;
  color: #0bb35b;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 2.1352313167vw 0;
  padding-left: 4.6263345196vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .heading {
    margin: 24px 0;
    padding-left: 52px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .heading {
    font-size: 3.6rem;
    margin: 3.2vw 0;
    padding-left: 8.5333333333vw;
  }
}
#SAFETY .sec-management .managementList_item .ico {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
#SAFETY .sec-management .managementList_item .ico-01 {
  left: 0.8896797153vw;
  width: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .ico-01 {
    left: 10px;
    width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .ico-01 {
    left: 1.7333333333vw;
    width: 3.4666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .ico-02 {
  width: 3.1138790036vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .ico-02 {
    width: 35px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .ico-02 {
    width: 6.2666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .ico-03 {
  width: 3.2918149466vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .ico-03 {
    width: 37px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .ico-03 {
    width: 6.2666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .ico-04 {
  width: 2.6690391459vw;
}
@media only screen and (min-width: 1124px) {
  #SAFETY .sec-management .managementList_item .ico-04 {
    width: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #SAFETY .sec-management .managementList_item .ico-04 {
    width: 5.4666666667vw;
  }
}
#SAFETY .sec-management .managementList_item .btn:hover .img img {
  transform: scale(1.1);
}

#HYGIENE .contents {
  padding-bottom: 0;
}
#HYGIENE .mv {
  background-image: url(../img/safety/hygiene/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #HYGIENE .mv {
    background-image: url(../img/safety/hygiene/bg_mv_01_sp.jpg);
  }
}
#HYGIENE .sec-hygiene {
  padding-bottom: 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  #HYGIENE .sec-hygiene {
    padding-bottom: 100px;
  }
}
#HYGIENE .sec-hygiene .sec_in {
  max-width: 800px;
}
#HYGIENE .sec-hygiene-img {
  margin-top: -5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #HYGIENE .sec-hygiene-img {
    margin-top: -60px;
  }
}
#HYGIENE .sec-hygiene-img .sec_in {
  max-width: unset;
}
#HYGIENE .sec_heading-01 {
  color: #292929;
  font-size: 2.4rem;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .sec_heading-01 {
    font-size: 4rem;
    line-height: 1.5;
  }
}
#HYGIENE .heding_rhombus {
  font-size: 2.2rem;
  position: relative;
  padding: 8px 0 8px 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .heding_rhombus {
    font-size: 4rem;
    margin-bottom: 20px;
  }
}
#HYGIENE .heding_rhombus::before {
  position: relative;
  content: "";
  position: absolute;
  top: 0.7117437722vw;
  left: 4.4483985765vw;
  transform: rotate(45deg);
  transform-origin: 0 0;
  background: #0bb35b;
  width: 1.4234875445vw;
  height: 1.4234875445vw;
  top: 7px;
  left: 10px;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .heding_rhombus::before {
    top: 7px;
  }
}
#HYGIENE .list_taisaku {
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .list_taisaku {
    justify-content: space-between;
  }
}
#HYGIENE .list_taisaku li {
  width: 100%;
  max-width: 305px;
  background: #f9fff0;
  border: 3px solid #0bb35b;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .list_taisaku li {
    width: 48%;
  }
}
#HYGIENE .list_taisaku li .num {
  position: absolute;
  top: 10px;
  left: 10px;
  width: auto;
  max-width: 72px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .list_taisaku li .num {
    top: 3px;
    left: 3px;
    max-width: 60px;
  }
}
#HYGIENE .list_taisaku li .ico {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .list_taisaku li .ico {
    padding-top: 10px;
    margin-bottom: 20px;
  }
}
#HYGIENE .list_taisaku li .ico img {
  width: auto;
  max-width: 100%;
}
#HYGIENE .photos {
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .photos li {
    width: 100%;
  }
}
#HYGIENE .photos li:first-child {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .photos li:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
#HYGIENE .photos li:last-child {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .photos li:last-child {
    margin-left: 0;
  }
}
#HYGIENE .photos li img {
  width: auto;
  max-width: 300px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .photos li img {
    max-width: 100%;
  }
}
#HYGIENE .img7s {
  margin-top: 40px;
}
#HYGIENE .kansen {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .kansen {
    margin-top: 20px;
    padding-bottom: 40px;
  }
}
#HYGIENE .kansen .txt {
  width: calc(100% - 296px);
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .kansen .txt {
    width: 100%;
    padding-right: 0;
    margin-bottom: 6.6666666667vw;
  }
}
#HYGIENE .kansen .img {
  width: 100%;
  max-width: 296px;
}
@media only screen and (max-width: 767px) {
  #HYGIENE .kansen .img {
    max-width: 100%;
  }
}
#HYGIENE .kansen .img img + img {
  margin-top: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #HYGIENE .kansen .img img + img {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #HYGIENE .kansen .img img + img {
    margin-top: 6.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  #HYGIENE .js-scrollable .img {
    width: 185% !important;
  }
}

#BUSINESS .mv {
  background-image: url(../img/business/bg_mv_01.jpg);
}
@media only screen and (max-width: 767px) {
  #BUSINESS .mv {
    background-image: url(../img/business/bg_mv_01_sp.jpg);
  }
}
#BUSINESS .anchorNavi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #f8f4e5;
  border-radius: 0.8896797153vw;
  height: 4.4483985765vw;
  margin-top: 5.9608540925vw;
  padding: 0 4.0925266904vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .anchorNavi {
    border-radius: 10px;
    height: 50px;
    margin-top: 67px;
    padding: 0 46px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .anchorNavi {
    border-radius: 1.3333333333vw;
    height: auto;
    margin-top: 10.6666666667vw;
    padding: 0;
  }
}
#BUSINESS .anchorNaviList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #BUSINESS .anchorNaviList {
    justify-content: flex-start;
    padding: 1.6vw 0;
  }
}
#BUSINESS .anchorNaviList_item {
  width: auto;
}
@media only screen and (max-width: 767px) {
  #BUSINESS .anchorNaviList_item {
    width: 50%;
  }
}
#BUSINESS .anchorNaviList_item .btn {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  #BUSINESS .anchorNaviList_item .btn {
    padding-right: 2.0462633452vw;
  }
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .anchorNaviList_item .btn {
    padding-right: 23px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .anchorNaviList_item .btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 3rem;
    padding: 1.6vw 10.6666666667vw;
  }
}
#BUSINESS .anchorNaviList_item .btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../img/common/arrow_down_01.svg) no-repeat center/cover;
  width: 1.1565836299vw;
  height: 0.6227758007vw;
  margin: auto 0;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .anchorNaviList_item .btn::after {
    width: 13px;
    height: 7px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .anchorNaviList_item .btn::after {
    right: 5.3333333333vw;
    width: 2.6666666667vw;
    height: 1.6vw;
  }
}
#BUSINESS .sec {
  font-feature-settings: normal;
  letter-spacing: normal;
}
#BUSINESS .sec .heading-01 {
  position: relative;
  font-size: 2.8rem;
  padding-left: 3.2028469751vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec .heading-01 {
    padding-left: 36px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .heading-01 {
    font-size: 4rem;
    padding-left: 7.2vw;
  }
}
#BUSINESS .sec .heading-01::before {
  content: "";
  position: absolute;
  top: 0.3558718861vw;
  left: 0.3558718861vw;
  background: #0bb35b;
  transform: rotate(45deg);
  transform-origin: center;
  width: 1.7793594306vw;
  height: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec .heading-01::before {
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .heading-01::before {
    top: 0.8vw;
    left: 0.8vw;
    width: 4vw;
    height: 4vw;
  }
}
#BUSINESS .sec .text {
  line-height: 1.5;
  margin: -0.25em 0;
}
#BUSINESS .sec .text + .text {
  margin-top: 1.5em;
}
#BUSINESS .sec .img {
  overflow: hidden;
  border-radius: 0.8896797153vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec .img {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .img {
    border-radius: 1.3333333333vw;
  }
}
#BUSINESS .sec-feature {
  margin-top: 8.896797153vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-feature {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-feature {
    margin-top: 16vw;
  }
}
#BUSINESS .sec-feature .sec_in {
  position: relative;
  padding-top: 6.7615658363vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-feature .sec_in {
    padding-top: 76px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-feature .sec_in {
    padding-top: 0;
  }
}
#BUSINESS .sec-feature .img-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 53.7366548043%;
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-feature .img-bg {
    top: 12vw;
    width: 86.6666666667vw;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-narrow {
    margin-top: 2.1352313167vw;
    padding-top: 6.7615658363vw;
  }
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-narrow {
    margin-top: 24px;
    padding-top: 76px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-narrow {
    margin-top: 21.3333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-narrow .sec_in {
    width: 71.6192170819vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-narrow .sec_in {
    width: 805px;
  }
}
#BUSINESS .sec-narrow .heading-01 {
  margin-bottom: 3.2028469751vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-narrow .heading-01 {
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-narrow .heading-01 {
    margin-bottom: 5.8666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-narrow .img {
    max-width: 492px;
    width: 69.7872340426%;
    margin-top: 3.5587188612vw;
  }
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-narrow .img {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-narrow .img {
    margin-top: 6.6666666667vw;
  }
}
#BUSINESS .sec .leadBox {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec .leadBox {
    border-radius: 0.8896797153vw;
    filter: drop-shadow(0 0 1.334519573vw rgba(0, 0, 0, 0.2));
    width: 54.98046875%;
    margin-top: 5.871886121vw;
    padding: 3.5587188612vw;
  }
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec .leadBox {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.2));
    border-radius: 10px;
    margin-top: 66px;
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .leadBox {
    filter: drop-shadow(0 0 2vw rgba(0, 0, 0, 0.2));
    border-radius: 1.3333333333vw;
    width: 86.6666666667vw;
    margin-top: 48.8vw;
    padding: 8vw 5.3333333333vw;
  }
}
#BUSINESS .sec .leadBox .heading {
  margin-bottom: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec .leadBox .heading {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .leadBox .heading {
    margin-bottom: 10vw;
  }
}
#BUSINESS .sec .leadBox .heading > span {
  display: inline-block;
  font-size: 2.2rem;
  line-height: 1.7;
  margin: -0.35em 0;
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .leadBox .heading > span {
    font-size: 3.6rem;
    line-height: 1.5;
    margin: -0.25em 0;
  }
}
#BUSINESS .sec .thoutBox {
  background: #f8f4e5;
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec .thoutBox {
    border-radius: 0.8896797153vw;
    width: 80.56640625%;
    margin: 3.5587188612vw auto 0;
    padding: 5.3380782918vw;
  }
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec .thoutBox {
    border-radius: 10px;
    margin-top: 40px;
    padding: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .thoutBox {
    border-radius: 1.3333333333vw;
    margin-top: 8vw;
    padding: 8vw 5.3333333333vw;
  }
}
#BUSINESS .sec .thoutBox .heading {
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec .thoutBox .heading {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .thoutBox .heading {
    font-size: 3.2rem;
    margin-bottom: 6vw;
  }
}
#BUSINESS .sec .thoutBox .column_wrap {
  justify-content: center;
  margin-top: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec .thoutBox .column_wrap {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .thoutBox .column_wrap {
    margin-top: 6.6666666667vw;
  }
}
#BUSINESS .sec .thoutBox .column_wrap .column {
  width: 41.9858156028%;
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .thoutBox .column_wrap .column {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec .thoutBox .column_wrap .column + .column {
    margin-left: 5.6737588652%;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec .thoutBox .column_wrap .column + .column {
    margin-top: 6.6666666667vw;
  }
}
#BUSINESS .sec-eyecatch {
  margin-top: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-eyecatch {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-eyecatch {
    margin-top: 8vw;
  }
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-eyecatch .sec_in {
    padding: 0;
  }
}
#BUSINESS .sec-eyecatch .column_wrap {
  height: 38.3451957295vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-eyecatch .column_wrap {
    height: 431px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-eyecatch .column_wrap {
    flex-direction: column;
    height: auto;
  }
}
#BUSINESS .sec-eyecatch .column-text {
  background-image: linear-gradient(to top, rgb(242, 255, 180) 1%, rgb(127, 217, 136) 30%, rgb(11, 179, 91) 62%, rgb(11, 179, 91) 100%);
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-eyecatch .column-text {
    width: 46.0854092527%;
    height: 100%;
    padding-top: 8.896797153vw;
  }
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-eyecatch .column-text {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-eyecatch .column-text {
    width: 100%;
    padding-top: 6.9333333333vw;
    padding-bottom: 9.8666666667vw;
  }
}
#BUSINESS .sec-eyecatch .column-text .heading {
  font-size: 2.1352313167vw;
  filter: drop-shadow(0 0 1.1565836299vw #067b3e);
  border-top: 0.1779359431vw solid #fff;
  border-bottom: 0.1779359431vw solid #fff;
  width: 80.3088803089%;
  margin: 0 auto 4.0925266904vw;
  padding: 1.9572953737vw 0 2.1352313167vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-eyecatch .column-text .heading {
    font-size: 2.4rem;
    filter: drop-shadow(0 0 13px #067b3e);
    border-top-width: 2px;
    border-bottom-width: 2px;
    margin-bottom: 46px;
    padding: 22px 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-eyecatch .column-text .heading {
    font-size: 3.6rem;
    filter: drop-shadow(0 0 1.7333333333vw #067b3e);
    border-top-width: 0.5333333333vw;
    border-bottom-width: 0.5333333333vw;
    width: 87.8260869565%;
    padding: 2.9333333333vw 0 3.2vw;
  }
}
#BUSINESS .sec-eyecatch .column-text .text {
  filter: drop-shadow(0 0 1.1565836299vw #067b3e);
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-eyecatch .column-text .text {
    filter: drop-shadow(0 0 13px #067b3e);
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-eyecatch .column-text .text {
    filter: drop-shadow(0 0 1.7333333333vw #067b3e);
  }
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-eyecatch .column-img {
    width: 53.9145907473%;
  }
}
#BUSINESS .sec-eyecatch .column-img .img {
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-01 .img-bg {
    right: 4.4483985765%;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-01 .img-bg {
    left: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-01 .leadBox {
    margin-left: auto;
  }
}
#BUSINESS .sec-02 .img-bg {
  right: 9.7864768683%;
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-02 .img-bg {
    right: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-02 .leadBox {
    margin-right: auto;
  }
}
#BUSINESS .sec-05 .box {
  background: #ecf9f2;
  border-radius: 0.8896797153vw;
  margin: 3.5587188612vw auto 0;
  padding: 2.6690391459vw 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-05 .box {
    border-radius: 10px;
    margin-top: 40px;
    padding: 30px 60px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-05 .box {
    border-radius: 1.3333333333vw;
    margin-top: 6.6666666667vw;
    padding: 5.3333333333vw;
  }
}
#BUSINESS .sec-05 .box_heading {
  color: #3dd585;
  font-size: 2.2rem;
  margin-bottom: 1.7793594306vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-05 .box_heading {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-05 .box_heading {
    font-size: 3.4rem;
    margin-bottom: 5.3333333333vw;
  }
}
#BUSINESS .sec-05 .box .dl dt {
  position: relative;
  padding-left: 1.5em;
}
#BUSINESS .sec-05 .box .dl dt::before {
  content: "● ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  color: #3dd585;
  margin: auto 0;
}
#BUSINESS .sec-05 .box .dl dd {
  padding-left: 1em;
}
#BUSINESS .sec-05 .box .dl dd + dt {
  margin-top: 1.5em;
}
#BUSINESS .sec-05 .column_wrap {
  justify-content: center;
  margin-top: 3.5587188612vw;
}
@media only screen and (min-width: 1124px) {
  #BUSINESS .sec-05 .column_wrap {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-05 .column_wrap {
    margin-top: 6.6666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-05 .column_wrap .column {
    width: 41.9858156028%;
  }
}
@media only screen and (min-width: 768px) {
  #BUSINESS .sec-05 .column_wrap .column + .column {
    margin-left: 5.6737588652%;
  }
}
@media only screen and (max-width: 767px) {
  #BUSINESS .sec-05 .column_wrap .column + .column {
    margin-top: 6.6666666667vw;
  }
}
#BUSINESS .sec-05 .column_wrap .img {
  width: 100%;
  margin: 0;
}

#SITEMAP .sec-sitemap {
  padding-bottom: 5.3380782918vw;
}
@media only screen and (min-width: 1124px) {
  #SITEMAP .sec-sitemap {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap {
    border-top: 0.2666666667vw solid #0bb35b;
    padding-bottom: 0;
  }
}
#SITEMAP .sec-sitemap .page_heading {
  color: #0bb35b;
  font-size: 4rem;
  border-bottom: 2px solid #0bb35b;
  padding: 7.4733096085vw 0 4.8042704626vw;
}
@media only screen and (min-width: 1124px) {
  #SITEMAP .sec-sitemap .page_heading {
    padding: 84px 0 54px;
  }
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .page_heading {
    font-size: 4.6rem;
    border-bottom-width: 0.5333333333vw;
    padding: 16vw 0 8vw;
  }
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .sitemapArea {
    flex-direction: column;
    padding-top: 6em;
  }
}
#SITEMAP .sec-sitemap .sitemapArea .column {
  width: 48.046875%;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .sitemapArea .column {
    width: 100%;
  }
  #SITEMAP .sec-sitemap .sitemapArea .column + .column {
    margin-top: 12em;
  }
}
@media only screen and (min-width: 768px) {
  #SITEMAP .sec-sitemap .anchorList {
    margin-top: 6em;
  }
}
#SITEMAP .sec-sitemap .anchorList_item:not(:first-of-type) {
  margin-top: 9.6em;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .anchorList_item:not(:first-of-type) {
    margin-top: 12em;
  }
}
#SITEMAP .sec-sitemap .anchorList_item > a {
  position: relative;
  color: #0bb35b;
  font-size: 2.4rem;
  padding-right: 1em;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .anchorList_item > a {
    font-size: 3.6rem;
  }
}
#SITEMAP .sec-sitemap .anchorList_item .svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.33em;
  margin: auto 0;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .anchorList_item .svg {
    width: 0.484em;
  }
}
#SITEMAP .sec-sitemap .childrenList {
  margin-top: 2.4em;
  padding-left: 2.4em;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .childrenList {
    margin-top: 6em;
  }
}
#SITEMAP .sec-sitemap .childrenList_item:not(:first-of-type) {
  margin-top: 2.4em;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .childrenList_item:not(:first-of-type) {
    margin-top: 6em;
  }
}
#SITEMAP .sec-sitemap .childrenList_item > a {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap .childrenList_item > a {
    font-size: 3rem;
  }
}
#SITEMAP .sec-sitemap .childrenList_item > a:hover {
  color: #0bb35b;
}/*# sourceMappingURL=style.css.map */