@charset "UTF-8";
/*!
Theme Name: suzuyasu
Theme URI: http://underscores.me/
Author: SUZUYASU Corporation
Author URI: http://www.suzuyasu.co.jp/
Description: Description
Version: 1.0.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

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

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

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

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

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

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

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

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

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #111;
  font-family: "IBM Plex Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  font-weight: bold;
  clear: both;
}

h1 {
  font-size: 2.4rem;
  margin: 1rem 0 0.75rem;
}

h2 {
  font-size: 1.8rem;
  margin: 2rem 0 0.7rem;
}

h3 {
  font-size: 1.6rem;
  margin: 1.8rem 0 0.6rem;
}

h4 {
  font-size: 1.4rem;
  margin: 0.75rem 0 0.45rem;
}

h5 {
  font-size: 1.2rem;
  margin: 0.6rem 0 0.4rem;
}

h6 {
  font-size: 1.1rem;
  margin: 0.5rem 0 0.25rem;
}

p {
  margin: 0 0 1em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
  font-family: "IBM Plex Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-animation: fadeIn 1.2s ease 0s 1 normal;
  animation: fadeIn 1.2s ease 0s 1 normal;
  font-size: 16px;
}
body.menu-open, body.search-form-open {
  background-color: #00984b;
  overflow: hidden;
}
body.dialog-opened {
  overflow: hidden;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.content-inner {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

hr.wp-block-separator {
  max-width: 360px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.5rem;
  margin-bottom: 1.5em;
  border-color: #00984b;
  border-bottom: 0;
  height: 1px;
}

ul,
ol {
  margin: 0 0 1.5em;
  padding: 0 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img, video {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

figure {
  margin: 1em 0;
}

figure.wp-block-table {
  padding: 0 1rem;
}

table {
  margin: 0 0 1.5rem;
}
table th, table td {
  border: 1px solid #00984b;
  padding: 0.5rem;
}

body.company-outline figure:not(.corporate-history) table th, body.company-outline figure:not(.corporate-history) table td {
  display: block;
  width: 100%;
}

.corporate-history table th, .corporate-history table td {
  border: 0;
  vertical-align: top;
}
.corporate-history table tr {
  border-bottom: 1px solid #00984b;
}
.corporate-history table tr th {
  font-weight: normal;
  width: 5rem !important;
}
.corporate-history table tr:first-of-type {
  border-top: 1px solid #00984b;
}

/* Links
--------------------------------------------- */
a {
  color: #111;
  transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
  color: #00984b;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 2px solid;
  border-color: #00984b;
  background: #fff;
  color: #00984b;
  line-height: 1;
  padding: 0.65rem 1rem 0.6rem;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}
button:hover, button:active, button:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
  background-color: #00984b;
  color: #fff;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #333;
  border: 2px solid #00984b;
  padding: 0.5em;
  transition: border 0.3s ease-in-out;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  border-color: #111;
  outline: none;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
#page {
  background-color: #fff;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

body:not(.home) #page {
  padding-top: 64px;
  z-index: 1;
}

.no-sidebar .site {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  grid-template-areas: "header" "main" "footer";
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  display: none !important;
}

#masthead {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #fff;
}
body.admin-bar #masthead {
  top: 32px;
}
#masthead .inner {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 0 0.5rem;
  height: 64px;
  border-bottom: 2px solid #00984b;
}
#masthead h1.site-title, #masthead div.site-title {
  margin: 0;
  line-height: 21px;
  width: 176px;
  transition: all 0.3s ease-in-out;
}
#masthead h1.site-title img.en, #masthead div.site-title img.en {
  width: 100%;
  height: auto;
}
#masthead h1.site-title svg, #masthead div.site-title svg {
  vertical-align: bottom;
}
#masthead h1.site-title svg path, #masthead div.site-title svg path {
  transition: fill 0.3s ease-in-out;
}
body.scrolled #masthead {
  background-color: #fff;
}
body.scrolled #masthead .site-branding {
  padding-bottom: 0;
}
body.scrolled #masthead h1.site-title svg path, body.scrolled #masthead div.site-title svg path {
  fill: #000 !important;
}

#colophon {
  position: relative;
  min-height: 0%;
  z-index: 2;
  background-color: #00b55b;
  padding: 0;
  color: #111;
  border-radius: 37px 0 0 0;
}
#colophon::before, #colophon::after {
  position: absolute;
  content: "";
  display: block;
  height: 7px;
  top: 0;
}
#colophon::before {
  background: linear-gradient(to right, #00ff77, #00ff77 50%, #00bb41);
  right: 23%;
  left: 37px;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, calc(100% - 10px) 100%, 0px 100%);
  clip-path: polygon(0px 0px, 100% 0px, calc(100% - 10px) 100%, 0px 100%);
}
#colophon::after {
  background: linear-gradient(to right, #00ff77, #00ff77 50%, #00bb41);
  right: 0;
  left: calc(77% - 2px);
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% 100%, 0px 100%);
  clip-path: polygon(10px 0px, 100% 0px, 100% 100%, 0px 100%);
}
#colophon .footer-wrapper {
  position: relative;
  padding: 50px 76px 25px;
  background-image: url(images/recruit/footer-symbol.svg), url(images/recruit/footer-symbol.svg);
  background-repeat: no-repeat;
  background-size: 74px;
  background-position: left top, right bottom;
  z-index: 20;
}
#colophon .footer-wrapper::before, #colophon .footer-wrapper::after {
  position: absolute;
  content: "";
  display: block;
  height: 7px;
  bottom: 0;
}
#colophon .footer-wrapper::before {
  background: linear-gradient(to right, #00ff77, #00ff77 50%, #00bb41);
  right: 37px;
  left: 23%;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% 100%, 0px 100%);
  clip-path: polygon(10px 0px, 100% 0px, 100% 100%, 0px 100%);
}
#colophon .footer-wrapper::after {
  background: linear-gradient(to left, #00ff77, #00ff77 50%, #00bb41);
  right: calc(77% - 2px);
  left: 0;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, calc(100% - 10px) 100%, 0px 100%);
  clip-path: polygon(0px 0px, 100% 0px, calc(100% - 10px) 100%, 0px 100%);
}
#colophon .footer-nav-wrapper {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#colophon .footer-nav-wrapper .footer-navigation {
  width: 90%;
  margin: 0 auto 2em;
}
#colophon .footer-nav-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#colophon .footer-nav-wrapper ul.parent-companies {
  display: flex;
  flex-direction: row;
  margin: 10px 0;
}
#colophon .footer-nav-wrapper ul.parent-companies li {
  max-width: 50%;
}
#colophon .footer-nav-wrapper ul.parent-companies li a {
  background-color: #fff;
  width: 186px;
  max-width: 100%;
  padding: 10px;
  transition: opacity 0.3s ease-in-out;
  display: inline-block;
}
#colophon .footer-nav-wrapper ul.parent-companies li a img {
  vertical-align: text-top;
}
#colophon .footer-nav-wrapper ul.parent-companies li a:hover, #colophon .footer-nav-wrapper ul.parent-companies li a:focus, #colophon .footer-nav-wrapper ul.parent-companies li a:active {
  opacity: 0.7;
}
#colophon .footer-nav-wrapper ul a {
  text-decoration: none;
  color: #fff;
}
#colophon .footer-nav-wrapper ul a:hover, #colophon .footer-nav-wrapper ul a:focus, #colophon .footer-nav-wrapper ul a:active {
  text-decoration: underline;
}
#colophon .footer-nav-wrapper ul#footer-menu {
  text-align: left;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 1em;
  text-align: left;
}
#colophon .footer-nav-wrapper ul#footer-menu > li {
  margin-bottom: 1em;
}
#colophon .footer-nav-wrapper ul#footer-menu > li > a {
  font-weight: bold;
  font-size: 1.1em;
  position: relative;
  padding: 0 2px;
}
#colophon .footer-nav-wrapper ul#footer-menu > li > a:hover, #colophon .footer-nav-wrapper ul#footer-menu > li > a:focus, #colophon .footer-nav-wrapper ul#footer-menu > li > a:active {
  text-decoration: none;
}
#colophon .footer-nav-wrapper ul#footer-menu > li > a:hover::after, #colophon .footer-nav-wrapper ul#footer-menu > li > a:focus::after, #colophon .footer-nav-wrapper ul#footer-menu > li > a:active::after {
  background-color: #00984b;
}
#colophon .footer-nav-wrapper ul#footer-menu > li ul {
  margin: 5px 0 0 0;
}
#colophon .footer-nav-wrapper ul#footer-menu > li ul li {
  text-indent: -1.5em;
  margin-left: 1.5em;
}
#colophon .footer-nav-wrapper ul#footer-menu > li ul li::before {
  content: "-";
  display: inline;
  color: #fff;
  margin: 0 0.5em;
}
#colophon .privacy-policy {
  text-align: center;
}
#colophon .privacy-policy ul {
  max-width: 1240px;
  margin: 1em auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
#colophon .privacy-policy li {
  list-style: none;
  margin-right: 2em;
}
#colophon .privacy-policy a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
#colophon .privacy-policy a:hover, #colophon .privacy-policy a:focus, #colophon .privacy-policy a:active {
  text-decoration: underline;
}
#colophon .company-address {
  width: 90%;
  margin: 0 auto 2.5em;
  color: #fff;
  text-align: center;
}
#colophon .company-address dl {
  margin: 0 0 1em;
}
#colophon .company-address dt {
  font-weight: bold;
  font-style: normal;
}
#colophon .company-address dd {
  font-weight: normal;
  font-style: normal;
  margin: 0;
}
#colophon .company-address .logo-metal-one {
  text-align: center;
}
#colophon .company-address .logo-metal-one li {
  width: 191px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#colophon .company-address .logo-metal-one a {
  display: inline-block;
  padding: 10px;
  background-color: #fff;
  transition: opacity 0.3s ease-in-out;
}
#colophon .company-address .logo-metal-one a img {
  vertical-align: top;
}
#colophon .company-address .logo-metal-one a:hover, #colophon .company-address .logo-metal-one a:focus, #colophon .company-address .logo-metal-one a:active {
  opacity: 0.7;
}
#colophon .site-info {
  position: relative;
  padding: calc(2em + 37px) 0 2em;
  background: linear-gradient(to top, #008408, #00B850);
  margin-top: -37px;
}
#colophon .site-info::before {
  position: absolute;
  content: "";
  display: block;
  background-color: #00b55b;
  top: 0;
  right: 37px;
  left: 0;
  height: 37px;
}
#colophon p.copyright {
  margin: 0;
  text-align: center;
  color: #fff;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: none;
}
.main-navigation .metal-one-link {
  display: none;
}
body.scrolled .main-navigation .metal-one-link {
  display: none;
}
body.scrolled .main-navigation a {
  color: #000;
}
/* Small menu. */
#mobile-navigation:not(.mm-menu) {
  display: none;
}

button.menu-toggle.hamburger {
  background-color: #00984b;
  border-radius: 0;
  padding: 18px 15px 12px;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50%;
}
button.menu-toggle.hamburger .hamburger-box {
  width: 24px;
  height: 12px;
}
button.menu-toggle.hamburger .hamburger-inner, button.menu-toggle.hamburger .hamburger-inner::before, button.menu-toggle.hamburger .hamburger-inner::after {
  width: 24px;
  height: 2px;
}
button.menu-toggle.hamburger .hamburger-inner::before {
  top: -8px;
}
button.menu-toggle.hamburger .hamburger-inner::after {
  bottom: -8px;
}
button.menu-toggle.hamburger.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.mm-navbar, .mm-panel, .mm-panels {
  background: #00984b;
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
  color: #fff;
  font-weight: bold;
}

.mm-menu > a {
  text-transform: uppercase;
}

.mm-navbar, .mm-listitem::after, .mm-listitem__btn, .mm-btn::after, .mm-btn::before, .mm-navbars_bottom .mm-navbar:first-child {
  border-color: #fff;
}

.mm-navbar i {
  margin: 0 3px;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

.wp-pagenavi {
  margin: 3rem 0;
  clear: both;
  text-align: center;
}
.wp-pagenavi span, .wp-pagenavi a {
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #00984b;
  margin: 2px;
  padding: 0.5em 1em;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #00984b;
  background-color: #00984b;
  color: #fff;
}

.wp-pagenavi span.current {
  font-weight: bold;
}

.pswp__top-bar {
  top: auto;
  bottom: 0;
}

.breadcrumbs {
  background-color: #fff;
  border-top: 2px solid #00984b;
  border-bottom: 2px solid #00984b;
  box-sizing: content-box;
  color: #00984b;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
  padding: 0;
  font-weight: bold;
}
.breadcrumbs .inner {
  max-width: 1240px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.breadcrumbs .inner > span {
  padding-left: 10px;
  padding-right: 1.5rem;
  position: relative;
  display: inline-block;
}
.breadcrumbs .inner > span:not(:last-of-type):before {
  content: "";
  display: block;
  box-sizing: content-box;
  position: absolute;
  right: 0;
  width: 18px;
  height: 18px;
  background-color: transparent;
  border-top: 2px solid #00984b;
  border-right: 2px solid #00984b;
  top: 4px;
  transform: rotate(45deg);
  transform-origin: center;
}
.breadcrumbs .inner > span a {
  text-decoration: none;
  position: relative;
  color: #00984b;
}
.breadcrumbs .inner > span a:after {
  position: absolute;
  content: "";
  height: 2px;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #00984b;
  transition: border-color 0.3s ease-in-out;
}
.breadcrumbs .inner > span a:hover, .breadcrumbs .inner > span a:active, .breadcrumbs .inner > span a:focus {
  opacity: 0.7;
}
.breadcrumbs .inner > span a:hover:after, .breadcrumbs .inner > span a:active:after, .breadcrumbs .inner > span a:focus:after {
  border-color: transparent;
}

/* Top
--------------------------------------------- */
#main-gallery {
  position: relative;
  background-color: #fff;
  min-height: 480px;
}
#main-gallery .swiper {
  width: 100%;
  height: calc(100vh - 5.8rem - 64px);
  min-height: 480px;
  max-height: 760px;
  margin-top: 64px;
  opacity: 0;
  transition: opacity 3.2s ease-in-out;
}
#main-gallery .swiper .swiper-slide {
  opacity: 0;
  transition: opacity 4s ease-in-out;
}
#main-gallery .swiper.init {
  opacity: 1;
}
#main-gallery .swiper.init .swiper-slide {
  opacity: 0;
}
#main-gallery .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#main-gallery .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#main-gallery .swiper-slide:after:not(.slide01) {
  background-color: rgba(0, 0, 0, 0.15);
}
#main-gallery .swiper-slide.slide01 {
  background-color: #fff;
  background-image: url("images/slides/slide01.svg?2025071702");
  background-position: center center;
  background-size: 90%;
}
#main-gallery .swiper-slide.slide02 {
  background-image: url("images/slides/slide02.svg?2025071702"), url("images/slides/slide02.webp?2025071702");
  background-position: center center;
  background-repeat: no-repeat, repeat;
  background-size: 90%, contain;
}
#main-gallery .swiper-slide.slide03 {
  background-image: url("images/slides/slide03.webp?2025072201");
  background-position: top center;
}
#main-gallery .swiper-slide.slide04 {
  background-image: url("images/slides/slide04-h1200.webp?2025071702");
  background-position: center right 25%;
}
#main-gallery .swiper-slide.slide05 {
  background-image: url("images/slides/slide05-h1200.webp?2025071702");
  background-position: top left 35%;
}
#main-gallery .swiper-slide.slide06 {
  background-image: url("images/slides/slide06-h1200.webp?2025071702");
  background-position: center center;
}
#main-gallery .swiper-slide.slide07 {
  background-image: url("images/slides/slide07-h1200.webp?2025072201");
  background-position: top left 32%;
}
#main-gallery .swiper-slide.slide08 {
  background-image: url("images/slides/slide08-h1200.webp?2025071702");
  background-position: center left 25%;
}
#main-gallery .swiper-slide.slide09 {
  background-image: url("images/slides/slide09-h1200.webp?2025071702");
  background-position: center left;
}
#main-gallery .swiper-slide.slide10 {
  background-image: url("images/slides/slide10-h1200.webp?2025071702");
  background-position: center left;
}
#main-gallery .swiper-slide.slide11 {
  background-image: url("images/slides/slide11-h1200.webp?2025071702");
  background-position: center center;
}
#main-gallery .site-description {
  line-break: strict;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 12rem;
  height: calc(100vh - 5.8rem - 64px);
  min-height: calc(480px - 5.8rem - 64px);
  max-height: 760px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: end;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  padding-left: 5%;
  padding-right: 5%;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.6s ease-in-out;
}
#main-gallery .site-description.first {
  color: #00984b;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
#main-gallery .site-description.init {
  opacity: 1;
}
#main-gallery .site-description h2 {
  margin-top: 0;
  font-size: 1.85rem;
  line-height: 1.2;
}
#main-gallery .site-description p {
  font-size: 1rem;
  font-weight: bold;
}
#main-gallery .site-description br {
  display: none;
}
#main-gallery .information {
  z-index: 10;
  background-color: #00984b;
  padding: 0.5rem;
}
#main-gallery .information .inner {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 1.25rem 0 1.5rem;
}
#main-gallery .information .inner > div {
  z-index: 100;
}
#main-gallery .information h2 {
  font-size: 1.4rem;
  text-align: center;
  flex: 0 1 40%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#main-gallery .information h2 a {
  text-decoration: none;
  display: inline-block;
  padding: 0.5rem 1rem;
  color: #00984b;
  background-color: #fff;
}
#main-gallery .information h2 a:hover, #main-gallery .information h2 a:active, #main-gallery .information h2 a:focus {
  color: #111;
}
#main-gallery .information ul {
  flex: 0 1 60%;
  margin: 0;
  padding: 0 1rem;
  list-style: square;
  list-style-position: outside;
}
#main-gallery .information p {
  color: #fff;
  font-weight: bold;
}
#main-gallery .information li {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: bold;
}
#main-gallery .information li a {
  display: flex;
  flex-direction: column;
  color: #fff;
}
#main-gallery .information li a .entry-meta {
  padding-right: 0.5rem;
}
#main-gallery .information li a .entry-meta time {
  display: inline-block;
}
#main-gallery .information li a:hover, #main-gallery .information li a:focus, #main-gallery .information li a:active {
  text-decoration: none;
  opacity: 0.8;
}

span.link-button,
p.link-button {
  text-align: right;
}
span.link-button a,
p.link-button a {
  background-color: #00984b;
  border: 2px solid #00984b;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding: 0.75rem 1rem;
}
span.link-button a:hover, span.link-button a:focus, span.link-button a:active,
p.link-button a:hover,
p.link-button a:focus,
p.link-button a:active {
  background-color: #fff;
  color: #00984b;
}

.contents-wrapper {
  margin: 0;
  padding: 2.25em 1.25em;
}
.contents-wrapper .content-inner {
  opacity: 0;
  display: flex;
  flex-direction: column;
}
.contents-wrapper .text-wrapper {
  flex: 0 0 55%;
  padding: 0.75em 0.75em;
  overflow: hidden;
  --animate-duration: 1.6s;
}
.contents-wrapper .text-wrapper .wrapper {
  opacity: 0;
  --animate-duration: 1s;
  transition: opacity 0.7s ease-in-out 0.6s;
}
.contents-wrapper .text-wrapper .wrapper.animate__slideInRight, .contents-wrapper .text-wrapper .wrapper.animate__slideInLeft {
  opacity: 1;
}
.contents-wrapper .image-wrapper {
  flex: 0 0 45%;
}
.contents-wrapper h2 {
  font-size: calc(100vw / 7);
  line-height: 1;
  color: #00984b;
  font-family: "Catamaran", "IBM Plex Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 900;
}
.contents-wrapper h3 {
  font-size: calc(100vw / 24);
  line-height: 1.2;
}
.contents-wrapper br {
  display: none;
}
.contents-wrapper p {
  font-size: 1.1em;
}
.contents-wrapper#business-contents {
  background-color: #00984b;
}
.contents-wrapper#business-contents .text-wrapper {
  background-color: #fff;
}
.contents-wrapper ul {
  position: relative;
  z-index: 5;
  margin: -2rem 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.contents-wrapper ul li {
  margin: 0;
}
.contents-wrapper ul li a {
  color: #00984b;
  font-weight: bold;
  text-decoration: none;
}
.contents-wrapper ul li figure {
  margin: 0;
  border: 1px solid #00984b;
  height: 100%;
}
.contents-wrapper ul li figcaption {
  border-top: 1px solid #00984b;
  padding: 0.5rem 1rem;
  position: relative;
}
.contents-wrapper ul li figcaption:after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 1.2rem;
}
.contents-wrapper#other-contents ul li {
  flex: 0 0 100%;
}
.contents-wrapper#other-contents ul li figure {
  background-color: #00984b;
  color: #fff;
}
.contents-wrapper#other-contents ul li:nth-child(4) .inner, .contents-wrapper#other-contents ul li:nth-child(5) .inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#about-suzuyasu {
  position: relative;
  display: flex;
  align-items: center;
}
#about-suzuyasu .content-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1920px;
  position: relative;
  z-index: 3;
}
#about-suzuyasu .coil-center {
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1.25rem;
  flex: 0 0 50vw;
  border-top: 3px solid #00984b;
  border-bottom: 3px solid #00984b;
  margin: 1rem 1rem 1rem 0;
}
#about-suzuyasu .coil-center h2 {
  color: rgba(0, 152, 75, 0.2);
  font-size: 3.6rem;
  line-height: 1;
  margin: 0;
}
#about-suzuyasu .coil-center h3 {
  font-size: 2.2rem;
  color: #00984b;
  margin: 0;
}
#about-suzuyasu .coil-center p {
  font-size: 1.2rem;
}
#about-suzuyasu .sub-content {
  opacity: 0;
  margin: 1.5rem;
  background-color: #00984b;
  flex: 0 0 40vw;
  justify-content: center;
}
#about-suzuyasu .sub-content .each-content {
  color: #fff;
  padding: 1rem;
}
#about-suzuyasu .sub-content .each-content .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
#about-suzuyasu .sub-content .each-content .inner img {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#about-suzuyasu .sub-content .each-content .image, #about-suzuyasu .sub-content .each-content .text {
  flex: 0 1 50%;
}
#about-suzuyasu .sub-content .each-content h3 {
  margin: 0;
  padding: 0 1rem;
}
#about-suzuyasu .sub-content .each-content.service-center h3 {
  text-align: right;
}
#about-suzuyasu .sub-content .each-content.service-center .image, #about-suzuyasu .sub-content .each-content.service-center .text {
  flex: 0 1 50%;
}
#about-suzuyasu .sub-content .each-content.iron-plate {
  padding-bottom: 2rem;
}
#about-suzuyasu .sub-content .each-content.iron-plate .inner {
  flex-direction: column;
}
#about-suzuyasu.bg-loaded:before {
  -webkit-animation: fadeIn;
  animation: fadeIn;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  content: "";
  filter: grayscale(1);
  background-image: url(images/background-about.jpg);
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}

#contact-area {
  background-color: #e2f0d9;
  text-align: center;
  padding: 5rem 1rem;
  position: relative;
  overflow: hidden;
  border-top: 3px solid #00984b;
  border-bottom: 3px solid #00984b;
}
#contact-area h2 {
  color: rgba(0, 152, 75, 0.05);
  font-size: calc(100vw / 7);
  font-family: "Catamaran", "IBM Plex Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#contact-area p:not(.link-button) {
  position: relative;
  z-index: 2;
  font-size: 2rem;
  font-weight: bold;
}
#contact-area p.link-button {
  position: relative;
  z-index: 2;
  text-align: center;
}
#contact-area p.link-button a {
  border-radius: 2rem;
}

/* Posts and pages
--------------------------------------------- */
#google-map {
  height: 480px;
}

.page-header .inner,
.entry-header .inner,
.entry-header .entry-meta,
.entry-content,
.looped-content,
.page-content,
.entry-footer {
  max-width: 980px;
  padding: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.entry-header .entry-meta {
  padding-top: 0;
}

.entry-header:not(.loop), .page-header {
  background-color: #00984b;
  color: #fff;
  padding: 0;
}
.entry-header:not(.loop) h1, .page-header h1 {
  margin: 0;
}
.entry-header:not(.loop) .entry-title > .inner, .entry-header:not(.loop) .page-title > .inner, .page-header .entry-title > .inner, .page-header .page-title > .inner {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
.entry-header:not(.loop) .en, .page-header .en {
  font-size: 0.6em;
  position: relative;
  margin-bottom: 0.25em;
}
.entry-header:not(.loop) .en::after, .page-header .en::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px / 2);
  left: 0;
  right: 0;
  background-color: #fff;
  height: 1px;
}
.entry-header:not(.loop) .en span, .page-header .en span {
  background: #fff;
  padding: 0 5px;
  position: relative;
  z-index: 2;
  display: inline;
}
.entry-header:not(.loop) .en .inner, .page-header .en .inner {
  background-color: #00984b;
}

body.single .entry-header {
  margin-top: 2rem;
  background-color: #fff;
  color: #111;
}
body.single .entry-header .entry-meta {
  border-bottom: 2px solid #00984b;
}

body.archive h2.page-title {
  margin: 0;
  position: relative;
}
body.archive h2.page-title::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px / 2);
  left: 0;
  right: 0;
  background-color: #fff;
  height: 1px;
}
body.archive h2.page-title span {
  background: #fff;
  padding: 0 5px;
  position: relative;
  z-index: 2;
  display: inline;
}
body.archive h2.page-title span {
  background-color: #00984b;
}

body.page .entry-content h2:not(.no-border) {
  color: #00984b;
  text-align: center;
  position: relative;
}
body.page .entry-content h2:not(.no-border)::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px / 2);
  left: 0;
  right: 0;
  background-color: #00984b;
  height: 2px;
}
body.page .entry-content h2:not(.no-border) span {
  background: #fff;
  padding: 0 5px;
  position: relative;
  z-index: 2;
  display: inline;
}
body.page .entry-content h2:not(.no-border) span {
  background-color: #fff;
}
body.page .entry-content .sub-content-wrapper h2 {
  display: inline-block;
  text-align: left;
  margin-bottom: 0;
  background-color: #00984b;
  color: #fff;
}
body.page .entry-content .sub-content-wrapper h2:after {
  display: none;
}
body.page .entry-content .sub-content-wrapper h2 > span {
  text-align: center;
  padding: 0.35rem 0.75rem 0.25rem;
}
body.page .entry-content .sub-content-wrapper h2 span {
  text-align: inherit;
  background: transparent;
}
body.page .entry-content table {
  table-layout: fixed;
}
body.page .entry-content table th {
  text-align: left;
}
body.page.company-outline .entry-content h3 {
  font-size: 1.2rem;
}

.entry-content {
  min-height: 480px;
}
.entry-content ul.corporate-philosophy {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0 0 6rem;
  padding: 0;
}
.entry-content ul.corporate-philosophy li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.8em;
  height: 8.8em;
  border: 1px solid #00984b;
  border-radius: 50%;
  font-size: 1.1rem;
  font-weight: bold;
  color: #00984b;
}
.entry-content p.link-button {
  margin: 2rem 0;
}
.entry-content > .wp-block-group:not(.interviewee) > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container {
  padding: 1rem;
}
.entry-content .wp-block-group.promise > .wp-block-group__inner-container .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.entry-content .wp-block-group.promise > .wp-block-group__inner-container .wp-block-group__inner-container h3 {
  text-align: center;
  border-bottom: 2px solid #ccc;
}
.entry-content .wp-block-group.agenda ol {
  list-style-position: inside;
  margin: 2rem 1rem;
  padding: 2rem 1rem;
  border-top: 1px solid #00984b;
  border-bottom: 1px solid #00984b;
  counter-reset: number 0;
}
.entry-content .wp-block-group.agenda li {
  list-style: none;
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.entry-content .wp-block-group.agenda li:last-child {
  margin-bottom: 0;
}
.entry-content .wp-block-group.agenda li:before {
  counter-increment: number 1;
  content: counter(number) ") ";
}

.background-area {
  content: url(images/background-suzuyasu-sp.jpg);
  display: block;
  width: 100%;
}

body.page.business .entry-content .wp-block-group.sub-content-wrapper .wp-block-group__inner-container {
  padding: 0;
}

.sub-content-wrapper {
  margin: 3.5rem 0;
}
.sub-content-wrapper .inner-wrapper {
  border: 2px solid #00984b;
  margin: -2rem 0 0;
  padding: 0.5rem;
}
.sub-content-wrapper .inner-wrapper .text-wrapper {
  padding: 1rem 0.5rem;
}
.sub-content-wrapper .inner-wrapper .text-wrapper h3 {
  padding: 0;
}
.sub-content-wrapper .inner-wrapper figure {
  margin: 0;
  padding: 1rem;
}
body.page.business .sub-content-wrapper .inner-wrapper > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
}
body.business .entry-content .sub-content-wrapper h2 > span {
  text-align: center;
  display: block;
}
body.business .entry-content .sub-content-wrapper .text-wrapper {
  flex: 0 0 52%;
}
body.recruit-content .entry-content .sub-content-wrapper h2 {
  text-align: left;
  min-width: 15.5rem;
  line-height: 1.1;
}
body.recruit-content .entry-content .sub-content-wrapper h2 > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 3.2em;
}
body.recruit-content .entry-content .sub-content-wrapper h2 > span > br {
  display: none;
}
body.recruit-content .entry-content .sub-content-wrapper h2 span.en {
  display: block;
  font-size: 1.8rem;
  border-bottom: 2px solid #fff;
  font-family: "Catamaran", "IBM Plex Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}
body.recruit-content .entry-content .sub-content-wrapper h2 span.ja {
  font-size: 1.1rem;
  padding-top: 0.5rem;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper > .wp-block-group__inner-container p:last-child {
  margin-bottom: 0;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.text-media > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.text-media > .wp-block-group__inner-container .wp-block-image,
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.text-media > .wp-block-group__inner-container .wp-block-group {
  margin: 0;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.text-media > .wp-block-group__inner-container figure {
  max-width: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.inner-wrapper.interviews > .wp-block-group__inner-container {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.inner-wrapper.interviews .interview-wrapper {
  flex: 0 0 100%;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.inner-wrapper.interviews .interview-wrapper a {
  padding: 0.5rem;
  background-color: rgba(0, 152, 75, 0.2);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.inner-wrapper.interviews h3 {
  order: 2;
  font-size: 1rem;
  margin: 0.5rem 0;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.inner-wrapper.interviews figure {
  order: 1;
  padding: 0;
}
body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.inner-wrapper.interviews p {
  margin: 0;
  order: 3;
  font-weight: bold;
  font-size: 1.1rem;
}
body.recruit-content .entry-content .sub-content-wrapper h3 {
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 0.5rem;
  color: #00984b;
  font-size: 1.25rem;
}
.sub-content-wrapper ol.process-list {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.sub-content-wrapper ol.process-list li {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.sub-content-wrapper ol.process-list li span {
  flex: 1 0 calc(100% - 2em);
  border: 1px solid #00984b;
  background-color: rgba(0, 152, 75, 0.2);
  font-weight: bold;
  padding: 0.5em;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-content-wrapper ol.process-list li:first-child span {
  flex: 1 0 100%;
}
.sub-content-wrapper ol.process-list li:not(:first-child):before {
  text-align: center;
  padding: 3px 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  content: "▼";
  color: #00984b;
}

body.page.special-interviews .entry-content h2,
body.page.faq .entry-content h2,
body.page.privacy-policy .entry-content h2,
body.page.terms-of-use .entry-content h2 {
  text-align: left;
}
body.page.special-interviews .entry-content h2:after,
body.page.faq .entry-content h2:after,
body.page.privacy-policy .entry-content h2:after,
body.page.terms-of-use .entry-content h2:after {
  display: none;
}
body.page.special-interviews .entry-content h2 span,
body.page.faq .entry-content h2 span,
body.page.privacy-policy .entry-content h2 span,
body.page.terms-of-use .entry-content h2 span {
  padding: 0;
}

.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 3rem auto 6rem;
}

body.single #primary {
  margin-bottom: 6rem;
}
body.single .entry-content {
  margin-bottom: 1rem;
}
body.single .entry-footer {
  text-align: center;
}
body.single .entry-footer .cat-links.link-button a {
  display: inline-block;
  margin: 0.5rem 3px;
}

.page-links {
  clear: both;
  margin: 0 0 1.5rem;
}

.wp-block-group {
  margin: 2rem 0;
}

.wp-block-group.business-lead-description {
  margin-bottom: 4rem;
}
.wp-block-group.business-lead-description .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.page .entry-content .wp-block-group.business-lead-description h2 {
  margin: 0;
  flex: 0 0 auto;
  line-height: 1.2;
}
body.page .entry-content .wp-block-group.business-lead-description h2 span {
  display: block;
  padding: 0.75em 1.75em;
  background-color: #00984b;
  color: #fff;
}
.wp-block-group.business-lead-description .wp-block-group.description-wrapper {
  margin: -3rem 0 0 0;
  border: 1px solid #00984b;
}
.wp-block-group.business-lead-description .wp-block-group.description-wrapper .wp-block-group__inner-container {
  height: 100%;
  padding: 4.5rem 1.5rem 3rem 1.5rem !important;
  margin: 0;
}
.wp-block-group.business-lead-description .wp-block-group.description-wrapper .wp-block-group__inner-container p {
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 1rem;
  padding: 1.5rem 0;
}
.wp-block-group.business-lead-description .wp-block-group.description-wrapper .wp-block-group__inner-container p:last-child {
  margin-bottom: 0;
}

.wp-block-group.business-section-block .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.wp-block-group.business-section-block h3 {
  margin: 0 0 1rem;
  padding: 0.25rem 0.5rem !important;
  flex: 0 0 auto;
  background-color: #00984b;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-group.business-section-block ul, .wp-block-group.business-section-block ol, .wp-block-group.business-section-block p {
  -ms-grid-row-align: center;
  align-self: center;
  flex: 1 1 auto;
  margin: 0 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: bold;
}
.wp-block-group.business-section-block ul span, .wp-block-group.business-section-block ol span {
  display: block;
}
.wp-block-group.business-section-block ul a, .wp-block-group.business-section-block ol a {
  font-size: 1rem;
}
.wp-block-group.business-section-block ul li, .wp-block-group.business-section-block ol li {
  margin: 0.25rem 0;
}
.wp-block-group.business-section-block p {
  padding: 1.5rem 0;
}
.wp-block-group.business-section-block .wp-block-gallery {
  flex: 0 0 auto;
  -ms-grid-row-align: center;
  align-self: center;
}
.wp-block-group.business-section-block .wp-block-gallery.columns-2 {
  max-width: 416px;
}

body.page.retail-sales .wp-block-group.business-section-block .wp-block-gallery {
  flex: 0 1 auto;
}

#business-foundation-nav ul,
#recruit-content-nav ul {
  margin: 0 1rem 2rem;
  padding: 0;
  display: -ms-grid;
  display: grid;
  list-style: none;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 1rem;
}
#business-foundation-nav li a,
#recruit-content-nav li a {
  border: 2px solid #00984b;
  color: #00984b;
  font-weight: bold;
  display: flex;
  text-align: center;
  text-decoration: none;
  padding: 1.25rem 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#business-foundation-nav li.current a,
#recruit-content-nav li.current a {
  background-color: #00984b;
  color: #fff;
  cursor: default;
}

#recruit-content-nav ul {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
#recruit-content-nav li a:hover, #recruit-content-nav li a:active, #recruit-content-nav li a:focus {
  background-color: #00984b;
  color: #fff;
}

#business-foundation-nav {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
#business-foundation-nav ul {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}
#business-foundation-nav li a {
  flex-direction: column;
}
#business-foundation-nav li a span.sub {
  font-size: 0.8em;
}
#business-foundation-nav li a:hover, #business-foundation-nav li a:active {
  background-color: #00984b;
  color: #fff;
}

.table-recruitment figure.wp-block-table table {
  margin: 0;
  table-layout: fixed;
}
.table-recruitment figure.wp-block-table table th, .table-recruitment figure.wp-block-table table td {
  border: 0;
  display: block;
  text-align: center;
}
.table-recruitment figure.wp-block-table > table > tbody > tr > th, .table-recruitment figure.wp-block-table > table > tbody > tr > td {
  border-bottom: 1px solid #00984b;
}
.table-recruitment figure.wp-block-table > table > tbody > tr table th, .table-recruitment figure.wp-block-table > table > tbody > tr table td {
  display: table-cell;
}
.table-recruitment figure.wp-block-table > table > tbody > tr table th {
  font-weight: normal;
  text-align: center;
}
.table-recruitment figure.wp-block-table > table > tbody > tr table td {
  text-align: left;
}
.table-recruitment figure.wp-block-table > table > tbody > tr table td:first-of-type {
  text-align: center;
}

.mynavi-link {
  margin-top: 6rem;
  text-align: center;
}

p.link-button.recruit-entry {
  text-align: center;
}
p.link-button.recruit-entry a {
  font-size: 1.2rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  border-radius: 1.5rem;
}

body.page.special-interviews .entry-content h2 {
  color: #111;
  text-align: left;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
body.page.special-interviews .entry-content p {
  font-size: 1.1rem;
}
body.page.special-interviews .entry-content p.interviewer {
  font-weight: bold;
  margin-top: 2.5rem;
  font-size: 1.1rem;
  color: #00984b;
}
body.page.special-interviews .entry-content p.interviewer:before {
  content: "──";
  margin-right: 0.1rem;
}
body.page.special-interviews:not(.cross-talk) .entry-content h2, body.page.special-interviews:not(.special-interview-03) .entry-content h2 {
  font-size: 1.6rem;
}
body.page.special-interviews.cross-talk .entry-content h2, body.page.special-interviews.special-interview-03 .entry-content h2 {
  font-family: "IBM Plex Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #00984b;
}
body.page.special-interviews.cross-talk .entry-content h3, body.page.special-interviews.special-interview-03 .entry-content h3 {
  margin-top: 3rem;
}

.entry-content .wp-block-group.interviewee > .wp-block-group__inner-container {
  display: flex;
  flex-direction: row;
  align-items: start;
}
.entry-content .wp-block-group.interviewee .wp-block-group__inner-container {
  padding: 0;
}
.entry-content .wp-block-group.interviewee .wp-block-image {
  margin: 0;
}
.entry-content .wp-block-group.interviewee .wp-block-image figure {
  padding: 0;
}
.entry-content .wp-block-group.interviewee .wp-block-group {
  margin: 0;
}
.entry-content .wp-block-group.interviewee p.name {
  flex: 0 0 3.5rem;
  font-weight: bold;
}

body.page.training .entry-content ol {
  font-size: 1.2rem;
}
body.page.training .entry-content ol > li {
  color: #00984b;
  font-weight: bold;
}
body.page.training .entry-content ol > li ul {
  font-size: 1rem;
  color: #111;
  font-weight: normal;
  margin-bottom: 1em;
}

body.page.faq .entry-content h2 {
  font-size: 1.1rem;
  color: #00984b;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2rem;
}
body.page.faq .entry-content h2:before {
  opacity: 0.25;
  line-height: 1;
  color: #00984b;
  content: "Q";
  margin-right: 0.2rem;
  font-size: 3.2rem;
}
body.page.faq .entry-content p, body.page.faq .entry-content ul {
  font-size: 1.1rem;
  font-weight: bold;
}
body.page.faq .entry-content p:last-child, body.page.faq .entry-content ul:last-child {
  margin-bottom: 0;
}
body.page.faq .entry-content .wp-block-group.answer {
  border-bottom: 1px solid #00984b;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2.8em;
  padding-bottom: 2.8em;
}
body.page.faq .entry-content .wp-block-group.answer:before {
  -ms-grid-row-align: start;
  align-self: start;
  opacity: 0.25;
  line-height: 1;
  color: #00984b;
  font-weight: bold;
  content: "A";
  margin-right: 0.2rem;
  font-size: 3.2rem;
}

body.page.privacy-policy .entry-content,
body.page.terms-of-use .entry-content {
  counter-reset: number 0;
}
body.page.privacy-policy .entry-content h2,
body.page.terms-of-use .entry-content h2 {
  margin-top: 1em;
  text-align: left;
}
body.page.privacy-policy .entry-content h2:before,
body.page.terms-of-use .entry-content h2:before {
  counter-increment: number 1;
  content: counter(number) ". ";
}
body.page.privacy-policy .entry-content ol,
body.page.terms-of-use .entry-content ol {
  counter-reset: list-number 0;
  list-style: none;
}
body.page.privacy-policy .entry-content ol li,
body.page.terms-of-use .entry-content ol li {
  display: flex;
  flex-direction: row;
  align-items: start;
}
body.page.privacy-policy .entry-content ol li:before,
body.page.terms-of-use .entry-content ol li:before {
  margin-top: 0.25em;
  flex: 0 0 1rem;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  text-align: center;
  vertical-align: middle;
  counter-increment: list-number 1;
  content: counter(list-number);
  border: 1px solid #111;
  border-radius: 50%;
  margin-right: 0.5em;
}

body.page.terms-of-use .entry-content h2:first-of-type:before {
  content: none;
}

ol.custom-ordered-list {
  counter-reset: list-number 0;
  list-style: none;
}
ol.custom-ordered-list li {
  display: flex;
  flex-direction: row;
  align-items: start;
}
ol.custom-ordered-list li sub {
  -ms-grid-row-align: center;
  align-self: center;
}
ol.custom-ordered-list li:before {
  margin-top: 0.25em;
  flex: 0 0 1rem;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
  text-align: center;
  vertical-align: middle;
  counter-increment: list-number 1;
  content: counter(list-number);
  border: 1px solid #111;
  border-radius: 50%;
  margin-right: 0.5em;
}

body.page.sustainable .entry-content h3.sdgs-h3-title {
  color: #00984b;
}
body.page.sustainable .entry-content ol.custom-ordered-list {
  color: #00984b;
}
body.page.sustainable .entry-content ol.custom-ordered-list li {
  font-weight: bold;
}
body.page.sustainable .entry-content ol.custom-ordered-list li:before {
  border-color: #00984b;
}
body.page.sustainable .entry-content .wp-block-group.actions-wrapper {
  counter-reset: list-number 0;
}
body.page.sustainable .entry-content .wp-block-group.actions-wrapper h4 {
  font-size: 1.1rem;
}
body.page.sustainable .entry-content .wp-block-group.actions-wrapper h4:before {
  counter-increment: list-number 1;
  content: counter(list-number) ". ";
}

.entry-content .wp-block-group.sustainable-development-goals {
  margin-bottom: 4rem;
}
.entry-content .wp-block-group.sustainable-development-goals > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
}
.entry-content .wp-block-group.sustainable-development-goals > .wp-block-group__inner-container > .wp-block-group {
  margin: 0;
}
.entry-content .wp-block-group.sustainable-development-goals > .wp-block-group__inner-container > .wp-block-group .wp-block-group__inner-container {
  padding: 0 !important;
}
.entry-content .wp-block-group.sustainable-development-goals > .wp-block-group__inner-container h3 {
  margin: 0 0 2rem;
}
.entry-content .wp-block-group.sdgs-titles .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
}
.entry-content .wp-block-group.sdgs-titles .wp-block-group__inner-container figure {
  width: 90px;
  -ms-grid-row-align: end;
  align-self: end;
}
.entry-content .wp-block-group.sdgs-titles .wp-block-group__inner-container h4 {
  border-bottom: 1px solid #00984b;
}

body.page.branches .branch-map-wrapper {
  text-align: center;
}
body.page.branches .entry-content .wp-block-group.branch-wrapper {
  margin-bottom: 4.5rem;
}
body.page.branches .entry-content .wp-block-group.branch-wrapper h2 {
  text-align: left;
}
body.page.branches .entry-content .wp-block-group.branch-wrapper h2:after {
  content: 0;
}
body.page.branches .entry-content .wp-block-group.branch-wrapper h3 {
  text-align: center;
}
body.page.branches .entry-content .wp-block-group.branch-wrapper#shizuoka-fuji-warehouse h3 {
  text-align: left;
}
body.page.branches .entry-content .wp-block-group.media-text-wrapper {
  margin-top: 0;
}
body.page.branches .entry-content .wp-block-group.media-text-wrapper > .wp-block-group__inner-container {
  padding: 0;
  display: flex;
  flex-direction: column;
}
body.page.branches .entry-content .wp-block-group.media-text-wrapper .wp-block-image {
  -ms-grid-row-align: center;
  align-self: center;
}
body.page.branches .entry-content .wp-block-group.media-text-wrapper .wp-block-group.text-wrapper {
  margin: 0;
  flex: 0 0 52%;
}
body.page.branches .entry-content .wp-block-group.media-text-wrapper .wp-block-group.address-wrapper {
  margin: 0;
}
body.page.branches .entry-content .wp-block-group.media-text-wrapper .wp-block-group.address-wrapper .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  text-align: center;
}
body.page.branches .entry-content .wp-block-group.media-text-wrapper .wp-block-group.address-wrapper .wp-block-group__inner-container p.link-button {
  margin: 0 0 2rem;
  text-align: center;
}
body.page.branches .entry-content ul.branch-info {
  margin: 0;
  padding: 1rem;
  list-style: none;
  border: 1px solid #00984b;
}

.entry-content .wp-block-group.s-one-concept {
  padding: 1rem;
}
.entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container {
  border-top: 1px solid #00984b;
  padding: 1rem;
}
.entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container h3, .entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container p {
  margin: 0;
  -ms-grid-row-align: center;
  align-self: center;
}
.entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container h3 {
  font-size: 1.4rem;
  text-align: center;
}
.entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container p {
  margin-bottom: 1rem;
  min-height: 4em;
  padding: 0.5em 0 0.5em 0.5em;
  font-size: 1.1rem;
  border-left: 3px solid #00984b;
}
.entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container ul {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
  margin: 0;
  padding: 0;
  list-style: none;
}
.entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container ul li {
  padding: 0.25em 0.75em;
  background-color: rgba(0, 152, 75, 0.2);
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0.5em 0;
}
.entry-content .wp-block-group.s-one-presentation {
  width: 86%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.entry-content .wp-block-group.s-one-themes {
  width: 86%;
  margin: 0 auto;
}
.entry-content .wp-block-group.s-one-themes .wp-block-group {
  margin: 0;
}
.entry-content .wp-block-group.s-one-themes .wp-block-group__inner-container {
  padding: 0 !important;
}
.entry-content .wp-block-group.s-one-themes > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
}
.entry-content h2#tetsu-one > span {
  display: -ms-inline-grid;
  display: inline-grid;
}
.entry-content h2#tetsu-one > span span.sub {
  font-size: 0.6em;
}
.entry-content .wp-block-columns.tetsu-one-points {
  border: 3px solid #00984b;
  border-radius: 12px;
}
.entry-content .wp-block-columns.tetsu-one-points h3 {
  margin-bottom: 1rem;
  color: #00984b;
  font-size: 1.1rem;
  text-align: center;
}
.entry-content .wp-block-columns.tetsu-one-points h3 span {
  border-bottom: 2px solid #00984b;
  padding: 0 0.2em;
}
.entry-content .wp-block-columns.tetsu-one-points .wp-block-column > ul {
  list-style: none;
  font-weight: bold;
}
.entry-content .wp-block-columns.tetsu-one-points .wp-block-column > ul li > ul {
  list-style: disc;
}
.entry-content .wp-block-columns.tetsu-one-points .wp-block-column:nth-of-type(2) {
  border-top: 2px solid #00984b;
}
.entry-content .wp-block-columns.tetsu-one-points:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
  margin: 0;
}
.entry-content .tetsu-one-fig02 {
  padding: 0 1.5rem;
}

.looped-content {
  min-height: 480px;
}
.looped-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.looped-content li {
  margin: 1rem 0;
  border-bottom: 1px solid #00984b;
}
.looped-content li a {
  padding: 1em 2.5em 1em 1em;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  font-weight: bold;
  position: relative;
}
.looped-content li a:after {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2em;
  font-family: "Font Awesome 5 Free";
  content: "";
}
.looped-content li .entry-meta {
  margin-right: 2em;
}

.error-404.not-found .page-content {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}

span.tel-fax-label {
  display: inline-block;
  min-width: 2.2em;
}

.now-printing.recruit {
  font-weight: bold;
  font-size: 3rem !important;
  text-align: center;
}

p.number-lead,
p.interview-01-lead {
  font-size: 1.2rem;
  border: 1px solid #00984b;
  padding: 1rem;
  margin: 1rem 1rem 2rem;
}
p.number-lead br,
p.interview-01-lead br {
  display: none;
}

body.page.special-interviews.special-interview-01 .entry-content h2 {
  font-family: "IBM Plex Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
}

.wp-block-media-text.interviewee-profile {
  max-width: 280px;
  margin: 0.5rem auto;
}
.wp-block-media-text.interviewee-profile.first {
  margin-top: 1rem;
}
.wp-block-media-text.interviewee-profile.last {
  margin-bottom: 2rem;
}
.wp-block-media-text.interviewee-profile img {
  border-radius: 50%;
}
.wp-block-media-text.interviewee-profile .wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text.interviewee-profile .wp-block-media-text__content p {
  margin: 0;
  font-size: 1.2rem !important;
  font-weight: bold;
  border-bottom: 2px solid #00984b;
  padding: 0.5em;
}
.wp-block-media-text.interviewee-profile.has-media-on-the-right .wp-block-media-text__content {
  padding: 0;
}

.wp-block-group.interview-01-unit.clear {
  clear: both;
}
.wp-block-group.interview-01-unit .wp-block-group,
.wp-block-group.interview-01-unit .wp-block-group__inner-container {
  margin: 0;
  padding: 0 !important;
}
.wp-block-group.interview-01-unit > .wp-block-group__inner-container p {
  margin: 1rem 0;
}
.wp-block-group.interview-01-unit > .wp-block-group__inner-container > p, .wp-block-group.interview-01-unit > .wp-block-group__inner-container > wp-block-group {
  -ms-grid-row-align: center;
  align-self: center;
}
.wp-block-group.interview-01-unit > .wp-block-group__inner-container .wp-block-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1rem;
  position: relative;
}
.wp-block-group.interview-01-unit > .wp-block-group__inner-container .wp-block-image img {
  width: 90px;
  z-index: 2;
  position: relative;
  border-radius: 50%;
}
.wp-block-group.interview-01-unit > .wp-block-group__inner-container .wp-block-image:after {
  content: "";
  background-color: #00984b;
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  bottom: calc(50% - 1px);
}

.wp-block-table.access-info-company-outline table {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-table.access-info-company-outline table th, .wp-block-table.access-info-company-outline table td {
  border: 0;
  text-align: center !important;
  padding: 0.5rem 1.25rem;
}
.wp-block-table.access-info-company-outline table th {
  border-top: 1px solid #00984b;
  border-bottom: 1px solid #00984b;
}

body.number .entry-content {
  min-height: 100vh;
}
body.number .entry-content > .wp-block-group .wp-block-group__inner-container {
  padding: 0 !important;
}
body.number .wp-block-gallery.has-nested-images figure.wp-block-image {
  -ms-grid-row-align: center !important;
  align-self: center !important;
}
body.number .grid-wrapper {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
body.number .grid-wrapper.show-cols {
  opacity: 1;
}
body.number .wp-block-group.grid-item {
  padding: 1rem;
  margin: 0 0 4px;
  background-color: #efefef;
  float: left;
  width: 100%;
}
body.number .wp-block-group.grid-item h2:not(.no-border) {
  margin: 1rem 0;
  text-align: left;
  font-size: 2.2rem;
}
body.number .wp-block-group.grid-item h2:not(.no-border) span {
  background-color: transparent;
}
body.number .wp-block-group.grid-item h2:not(.no-border):after {
  display: none;
}
body.number .wp-block-group.grid-item h2:not(.no-border) .num-shuffle {
  letter-spacing: -0.1em;
  font-size: 2.5em;
}
body.number .wp-block-group.grid-item p, body.number .wp-block-group.grid-item figure {
  opacity: 0;
  transition: opacity 0.9s ease-in-out;
}
body.number .wp-block-group.grid-item p.inview, body.number .wp-block-group.grid-item figure.inview {
  opacity: 1;
}
body.number .wp-block-group.grid-item figure {
  margin-left: auto;
  margin-right: auto;
}
body.number .wp-block-group.grid-item.item02 figure, body.number .wp-block-group.grid-item.item03 figure, body.number .wp-block-group.grid-item.item04 figure, body.number .wp-block-group.grid-item.item09 figure, body.number .wp-block-group.grid-item.item12 figure, body.number .wp-block-group.grid-item.item13 figure {
  max-width: 360px;
}
body.number .wp-block-group.grid-item.item05 h2 {
  clear: none;
}
body.number .wp-block-group.grid-item.item05 figure {
  max-width: 180px;
}
body.number .wp-block-group.grid-item.item06 figure {
  max-width: 240px;
}
body.number .wp-block-group.grid-item.item07 figure {
  max-height: 240px;
  width: auto !important;
}
body.number .wp-block-group.grid-item.item07 figure img {
  max-height: 240px;
  flex: initial !important;
  width: auto !important;
  height: 100% !important;
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
body.number .wp-block-group.grid-item.item14 figure {
  max-width: 280px;
}
body.number .wp-block-group.grid-item.item15 figure.has-nested-images figure {
  margin: 0 !important;
}
body.number .wp-block-group.grid-item.item15 figure.has-nested-images figure:first-child {
  width: 64% !important;
}
body.number .wp-block-group.grid-item.item15 figure.has-nested-images figure:last-child {
  width: 36% !important;
}
body.number .grid-item--width2 {
  width: 100%;
}

br.only-pc {
  display: none;
}

body.recruit .entry-content, body.interview .entry-content, body.human-resource .entry-content, body.work-at-suzuyasu .entry-content {
  margin-top: 0;
  max-width: initial;
  padding: 0;
}

body.recruit .entry-content {
  background-image: url(images/recruit/recruit-top02.svg?1.0.0.2025040801);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 450px;
  background-attachment: fixed;
}

.entry-content.welfare-benefits-and-education {
  margin-top: 1rem;
}

body.person, body.number, body.career-stage {
  background-color: #f4f6f3;
}
body.person #page, body.number #page, body.career-stage #page {
  background-color: #f4f6f3;
}

.recruit-section-content {
  width: 100%;
}
.recruit-section-content .inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 1rem;
}
.recruit-section-content .inner.welfare-benefits-and-education-inner {
  padding: 1rem 0;
}
.recruit-section-content .fade-effect, .recruit-section-content .fade-effect-up {
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.recruit-section-content h2.fade-effect, .recruit-section-content h2.fade-effect-up, .recruit-section-content h3.fade-effect, .recruit-section-content h3.fade-effect-up {
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-section-content h2 img, .recruit-section-content h3 img {
  transform: rotate(0.0001deg);
  display: block;
}
.recruit-section-content p.name {
  margin-bottom: 2.5rem;
}
.recruit-section-content p.name.fade-effect {
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.recruit-section-content .image:not(.no-fade) {
  opacity: 0;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-section-content.steel-service-center {
  background-color: #f4f6f4;
  margin-bottom: 3rem;
  padding: 2.5rem 0;
}
.recruit-section-content.steel-service-center h2 {
  margin-top: 0;
}
.recruit-section-content.steel-service-center text.inner {
  padding: 1rem 3rem;
}
.recruit-section-content.steel-service-center figure {
  padding: 1rem 3rem;
}
.recruit-section-content.steel-service-center img.pc {
  display: none;
}

@-webkit-keyframes background-effect {
  0% {
    background-position: 0px center;
  }
  100% {
    background-position: -300% center;
  }
}

@keyframes background-effect {
  0% {
    background-position: 0px center;
  }
  100% {
    background-position: -300% center;
  }
}
.entry-header.recruit {
  position: relative;
  min-height: 450px;
  overflow: hidden;
  background-image: url(images/recruit/background-recruit.webp);
  background-position: 0px center;
  background-repeat: repeat;
  background-size: contain;
  -webkit-animation-name: background-effect;
  animation-name: background-effect;
  -webkit-animation-duration: 32s;
  animation-duration: 32s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.entry-header.recruit .inner {
  padding: 0;
}
.entry-header.recruit .entry-title, .entry-header.recruit .movie-wrapper, .entry-header.recruit .image-wrapper {
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.entry-header.recruit .entry-title {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  position: relative;
  z-index: 10;
}
.entry-header.recruit .ja-title {
  position: relative;
  z-index: 10;
  font-size: 2rem;
  padding: 1em;
}
.entry-header.recruit .en-title {
  position: absolute;
  top: -10px;
}
.entry-header.recruit .movie-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.entry-header.recruit .movie-wrapper video {
  max-width: initial;
  height: 100%;
}
.entry-header.recruit .image-wrapper {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.entry-header.recruit .image-wrapper img {
  width: 100%;
  max-width: 420px;
}

.entry-header.recruit-interview,
.entry-header.recruit-gradient-header {
  background-color: transparent;
  min-height: min(450px, 80vh);
  color: #111;
}
.entry-header.recruit-interview h1,
.entry-header.recruit-gradient-header h1 {
  font-size: 1.5rem;
  opacity: 0;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.entry-header.recruit-interview h1 img,
.entry-header.recruit-gradient-header h1 img {
  transform: rotate(0.0001deg);
}
.entry-header.recruit-interview .en-title,
.entry-header.recruit-gradient-header .en-title {
  padding: 1.5rem 1.5rem 1rem;
}
.entry-header.recruit-interview .entry-title .inner,
.entry-header.recruit-gradient-header .entry-title .inner {
  padding: 1.5rem 1rem;
  flex-direction: column;
}

.entry-header.recruit-interview {
  background-image: url(images/recruit/recruit-interview00.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.entry-header.recruit-gradient-header {
  min-height: max(450px, 80vh);
  position: relative;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.entry-header.recruit-gradient-header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to bottom, #fff 35%, transparent);
}
.entry-header.recruit-gradient-header.recruit-human-resource {
  background-image: url(images/recruit/recruit-human-resource00-01.webp), url(images/recruit/recruit-human-resource00-02.webp), url(images/recruit/recruit-human-resource00-03.webp);
  background-repeat: repeat-y;
  background-size: auto, auto, auto;
  background-position: calc(50% - 200px) -200px, 50% -100px, calc(50% + 200px) -200px;
}
.entry-header.recruit-gradient-header.recruit-human-resource .dashed-text.dashed::after {
  width: 18em;
}
.entry-header.recruit-gradient-header.recruit-work-at-suzuyasu {
  background-image: url(images/recruit/recruit-work-at-suzuyasu00.webp);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom -150px center;
}
.entry-header.recruit-gradient-header.recruit-work-at-suzuyasu::before {
  background: linear-gradient(to bottom, #fff 15%, transparent);
}

.recruit-readmore a {
  position: relative;
  display: inline-block;
  background-color: #00984b;
  color: #fff;
  border: 1px solid #00984b;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
  padding: 0.5em 2em 0.5em 1em;
  width: 100%;
  max-width: 15em;
  text-align: center;
  border-radius: 3em;
  line-height: 1;
}
.recruit-readmore a::after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  background-color: #fff;
  color: #00984b;
  display: block;
  padding: 0.25em 0.5em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  right: 0.25em;
  top: 0.25em;
  transition: all 0.3s ease-in-out;
}
.recruit-readmore a:hover, .recruit-readmore a:active, .recruit-readmore a:active {
  background-color: #fff;
  color: #00984b;
}
.recruit-readmore a:hover::after, .recruit-readmore a:active::after, .recruit-readmore a:active::after {
  background-color: #00984b;
  color: #fff;
}
.recruit-readmore.white a {
  background-color: #fff;
  color: #00984b;
  border-color: #fff;
}
.recruit-readmore.white a:after {
  color: #fff;
  background-color: #00984b;
}
.recruit-readmore.white a:hover, .recruit-readmore.white a:active, .recruit-readmore.white a:active {
  background-color: #00984b;
  color: #fff;
}
.recruit-readmore.white a:hover::after, .recruit-readmore.white a:active::after, .recruit-readmore.white a:active::after {
  color: #00984b;
  background-color: #fff;
}

.recruit-common h2 {
  margin-top: 0;
  padding: 0 1.5rem;
}
.recruit-common p {
  padding: 0 1.5rem;
}

@-webkit-keyframes dashed-text-in {
  0% {
    background-size: 0%;
  }
  100% {
    background-size: 100%;
  }
}

@keyframes dashed-text-in {
  0% {
    background-size: 0%;
  }
  100% {
    background-size: 100%;
  }
}
.dashed-text > span {
  padding: 0 0 0 1.5rem;
}
.dashed-text::after {
  content: "";
  background-image: url(images/recruit/recruit-top03.svg?1.0.0.2025040801);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0%;
  display: block;
  width: 16em;
  max-width: 100%;
  aspect-ratio: 35/1;
  margin-right: -2rem;
}
.dashed-text.dashed::after {
  -webkit-animation: 0.3s dashed-text-in 1.8s linear forwards;
  animation: 0.3s dashed-text-in 1.8s linear forwards;
}

.recruit-human-resource.recruit-section-content {
  padding-top: 50px;
  margin-bottom: 50px;
}
.recruit-human-resource.recruit-section-content h3 {
  font-size: 1.2rem;
}
.recruit-human-resource.recruit-section-content .dashed-text.dashed::after {
  width: 18em;
}

@-webkit-keyframes motion-navigation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 26px));
  }
}

@keyframes motion-navigation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 26px));
  }
}
#recruit-human-resource-gallery {
  min-height: 250px;
  overflow: hidden;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
#recruit-human-resource-gallery .swiper-wrapper {
  transition-timing-function: linear;
  display: none;
}
#recruit-human-resource-gallery .swiper-slide img {
  border: 3px solid #00984b;
  border-radius: 8px;
}

.recruit-number.recruit-section-content {
  position: relative;
  display: flex;
  min-height: 553px;
  margin-bottom: 100px;
  background-image: url(images/recruit/recruit-top05-01.webp), url(images/recruit/recruit-top05-02.webp), url(images/recruit/recruit-top05-03.webp), url(images/recruit/recruit-top05-04.webp), url(images/recruit/recruit-top05-05.webp), url(images/recruit/recruit-top05-01.webp), url(images/recruit/recruit-top05-02.webp), url(images/recruit/recruit-top05-03.webp), url(images/recruit/recruit-top05-04.webp), url(images/recruit/recruit-top05-05.webp), url(images/recruit/recruit-top05-01.webp), url(images/recruit/recruit-top05-02.webp), url(images/recruit/recruit-top05-03.webp), url(images/recruit/recruit-top05-04.webp), url(images/recruit/recruit-top05-05.webp);
  background-repeat: repeat-y;
  background-size: auto, auto, auto, auto, auto;
  background-position: -100px -200px, 126px -100px, 352px -200px, 576px -100px, 802px -200px, 1028px -100px, 1254px -200px, 1480px -100px, 1706px -200px, 1932px -100px, 2158px -200px, 2384px -100px, 2610px -200px, 2836px -100px, 3062px -200px;
  justify-content: center;
  align-items: center;
}
.recruit-number.recruit-section-content .inner {
  position: relative;
  z-index: 10;
}
.recruit-number.recruit-section-content h2, .recruit-number.recruit-section-content h3, .recruit-number.recruit-section-content p {
  margin: 0 0 1em;
  text-align: center;
}
.recruit-number.recruit-section-content h3, .recruit-number.recruit-section-content p.name {
  color: #fff;
}
.recruit-number.recruit-section-content p.name {
  margin-left: auto;
  margin-right: auto;
}
.recruit-number.recruit-section-content:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 152, 75, 0.85);
}

.recruit-section-content-wrapper {
  position: relative;
  background-image: url(images/recruit/recruit-top07.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}
.recruit-section-content-wrapper .background-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(images/recruit/recruit-top11.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-attachment: fixed;
  opacity: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.recruit-work.recruit-section-content {
  padding: 50px 0;
  position: relative;
  z-index: 10;
}
.recruit-work.recruit-section-content h2 {
  margin-bottom: 2rem;
}
.recruit-work.recruit-section-content h3 {
  margin: 0.6rem 0 0.6rem;
}
.recruit-work.recruit-section-content .inner-wrapper {
  padding: 50px 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.recruit-work.recruit-section-content .text p {
  line-height: 2;
}
.recruit-work.recruit-section-content figure {
  margin: 0;
  text-align: right;
}
.recruit-work.recruit-section-content figure img {
  max-width: 60%;
}
.recruit-work.recruit-section-content .recruit-readmore {
  margin-top: 1em;
}

.recruit-welfare.recruit-section-content {
  position: relative;
  margin-top: -1px;
  padding: 100px 0;
}
.recruit-welfare.recruit-section-content h2 {
  margin: 0 0 2rem;
}
.recruit-welfare.recruit-section-content h3 {
  color: #00d780;
  margin: 0 0 1rem;
}
.recruit-welfare.recruit-section-content .inner {
  position: relative;
  z-index: 10;
}
.recruit-welfare.recruit-section-content p.name {
  color: #fff;
  margin: 0;
}
.recruit-welfare.recruit-section-content .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.recruit-readmore-illust .view-more {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: #00984b;
  color: #fff;
  border-radius: 0 0 8px 8px;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0.25em;
  z-index: 20;
  transition: all 0.3s ease-in-out;
}
.recruit-readmore-illust .view-more span::after {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  background-color: #fff;
  color: #00984b;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  font-size: 0.8em;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  border-radius: 50%;
  margin-left: 0.5em;
  transition: all 0.3s ease-in-out;
}
.recruit-readmore-illust a {
  position: relative;
  display: block;
  width: 292px;
  height: 292px;
  padding: 2rem 1rem;
  background-color: #daf2e5;
  border-radius: 8px;
}
.recruit-readmore-illust a::after {
  position: absolute;
  content: "";
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.recruit-readmore-illust a:hover .view-more, .recruit-readmore-illust a:active .view-more, .recruit-readmore-illust a:focus .view-more {
  background-color: #fff;
  color: #00984b;
}
.recruit-readmore-illust a:hover .view-more span::after, .recruit-readmore-illust a:active .view-more span::after, .recruit-readmore-illust a:focus .view-more span::after {
  background-color: #00984b;
  color: #fff;
}
.recruit-readmore-illust a:hover::after, .recruit-readmore-illust a:active::after, .recruit-readmore-illust a:focus::after {
  background-color: rgba(0, 152, 75, 0.6);
}

@-webkit-keyframes marquee {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(calc(-100% - 2em));
  }
}

@keyframes marquee {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(calc(-100% - 2em));
  }
}
.recruit-interview.recruit-section-content {
  overflow: hidden;
}
.recruit-interview.recruit-section-content .fade-effect-up, .recruit-interview.recruit-section-content .fade-effect, .recruit-interview.recruit-section-content .image {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.recruit-interview.recruit-section-content h2 {
  position: relative;
  margin: 0 0 3rem;
}
.recruit-interview.recruit-section-content h2 .fade-effect-up, .recruit-interview.recruit-section-content h2 .fade-effect, .recruit-interview.recruit-section-content h2 .image {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.recruit-interview.recruit-section-content h2 .ja-title {
  position: absolute;
  display: block;
  max-width: 770px;
  margin: 0 auto;
  right: 0;
  bottom: -0.45em;
  left: 0;
  color: #00984b;
}
.recruit-interview.recruit-section-content h2 .en-title {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-left: -1rem;
  margin-right: -1rem;
}
.recruit-interview.recruit-section-content h2 .en-title::before, .recruit-interview.recruit-section-content h2 .en-title::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(50% - 385px);
  min-width: 2rem;
  z-index: 10;
}
.recruit-interview.recruit-section-content h2 .en-title::before {
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
  left: 0;
}
.recruit-interview.recruit-section-content h2 .en-title::after {
  background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
  right: 0;
}
.recruit-interview.recruit-section-content h2 .en-title .marquee-wrapper {
  display: flex;
  flex-direction: row;
  gap: 2em;
  -webkit-animation: 10s marquee 3s linear infinite;
  animation: 10s marquee 3s linear infinite;
}
.recruit-interview.recruit-section-content .interview-link {
  background-color: #fff;
  max-width: 770px;
  width: 100%;
  margin: 0 auto 3rem;
  padding: 1.5rem 1.5rem 1.5rem 0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-interview.recruit-section-content .interview-link h3 {
  margin: 0 0 0.5em;
  padding: 0 0.5rem;
  width: 70%;
}
.recruit-interview.recruit-section-content .interview-link p.interview-name {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0.5rem 0.5rem;
}
.recruit-interview.recruit-section-content .interview-link .dashed-text span {
  width: 14em;
  padding: 0 0.5rem;
}
.recruit-interview.recruit-section-content .interview-link .recruit-readmore {
  grid-area: readmore;
  margin: 1.5em 0 0;
}
.recruit-interview.recruit-section-content .interview-link .recruit-readmore a {
  border-radius: 0 3em 3em 0;
}
.recruit-interview.recruit-section-content .interview-link figure {
  margin: 0;
}
.recruit-interview.recruit-section-content .interview-link.person .recruit-readmore a {
  background-color: #ff7500;
  border-color: #ff7500;
}
.recruit-interview.recruit-section-content .interview-link.person .recruit-readmore a::after {
  color: #ff7500;
}
.recruit-interview.recruit-section-content .interview-link.person .recruit-readmore a:hover, .recruit-interview.recruit-section-content .interview-link.person .recruit-readmore a:active, .recruit-interview.recruit-section-content .interview-link.person .recruit-readmore a:active {
  background-color: #ffcd8a;
  border-color: #ffcd8a;
  color: #ff7500;
}
.recruit-interview.recruit-section-content .interview-link.person .recruit-readmore a:hover::after, .recruit-interview.recruit-section-content .interview-link.person .recruit-readmore a:active::after, .recruit-interview.recruit-section-content .interview-link.person .recruit-readmore a:active::after {
  background-color: #ff7500;
  color: #fff;
}
.recruit-interview.recruit-section-content .interview-link.round-table-talk .recruit-readmore a {
  background-color: #3086ff;
  border-color: #3086ff;
}
.recruit-interview.recruit-section-content .interview-link.round-table-talk .recruit-readmore a::after {
  color: #3086ff;
}
.recruit-interview.recruit-section-content .interview-link.round-table-talk .recruit-readmore a:hover, .recruit-interview.recruit-section-content .interview-link.round-table-talk .recruit-readmore a:active, .recruit-interview.recruit-section-content .interview-link.round-table-talk .recruit-readmore a:active {
  background-color: #b6d4ff;
  border-color: #b6d4ff;
  color: #3086ff;
}
.recruit-interview.recruit-section-content .interview-link.round-table-talk .recruit-readmore a:hover::after, .recruit-interview.recruit-section-content .interview-link.round-table-talk .recruit-readmore a:active::after, .recruit-interview.recruit-section-content .interview-link.round-table-talk .recruit-readmore a:active::after {
  background-color: #3086ff;
  color: #fff;
}
.recruit-interview.recruit-section-content .interview-link.career-stage .recruit-readmore a {
  background-color: #00a75d;
  border-color: #00a75d;
}
.recruit-interview.recruit-section-content .interview-link.career-stage .recruit-readmore a::after {
  color: #00a75d;
}
.recruit-interview.recruit-section-content .interview-link.career-stage .recruit-readmore a:hover, .recruit-interview.recruit-section-content .interview-link.career-stage .recruit-readmore a:active, .recruit-interview.recruit-section-content .interview-link.career-stage .recruit-readmore a:active {
  background-color: #aaffb9;
  border-color: #aaffb9;
  color: #00a75d;
}
.recruit-interview.recruit-section-content .interview-link.career-stage .recruit-readmore a:hover::after, .recruit-interview.recruit-section-content .interview-link.career-stage .recruit-readmore a:active::after, .recruit-interview.recruit-section-content .interview-link.career-stage .recruit-readmore a:active::after {
  background-color: #00a75d;
  color: #fff;
}

@-webkit-keyframes background-marquee {
  0% {
    background-position: 0px -10px;
  }
  100% {
    background-position: -1320px -10px;
  }
}

@keyframes background-marquee {
  0% {
    background-position: 0px -10px;
  }
  100% {
    background-position: -1320px -10px;
  }
}
.section-header.interview,
.section-header.human-resource {
  background-repeat: repeat-x;
  background-size: 1320px;
  background-position: 100% -10px;
  min-height: 200px;
}
.section-header.interview h2,
.section-header.human-resource h2 {
  font-size: 1.4rem;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.section-header.interview span,
.section-header.human-resource span {
  display: block;
  margin-bottom: 0.5em;
}

.section-header.interview {
  -webkit-animation: background-marquee 10s linear infinite;
  animation: background-marquee 10s linear infinite;
}
.section-header.interview.person {
  background-image: url(images/recruit/recruit-person02.svg?1.0.0.2025040801);
}
.section-header.interview.person h2 {
  color: #ff7500;
}
.section-header.interview.round-table-talk {
  background-image: url(images/recruit/recruit-round-table-talk02.svg?1.0.0.2025040801);
}
.section-header.interview.round-table-talk h2 {
  color: #2f92ff;
}
.section-header.interview.career-stage {
  background-image: url(images/recruit/recruit-career-stage02.svg?1.0.0.2025040801);
}
.section-header.interview.career-stage h2 {
  color: #00b95d;
}

@-webkit-keyframes background-marquee02 {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -1320px 0px;
  }
}

@keyframes background-marquee02 {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -1320px 0px;
  }
}
.section-header.human-resource {
  margin-top: 2.5rem;
  background-image: url(images/recruit/recruit-human-resource02.svg?1.0.0.2025040801);
  background-position: 100% 0px;
  background-size: contain;
  -webkit-animation: background-marquee02 10s linear infinite;
  animation: background-marquee02 10s linear infinite;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.section-header.human-resource .inner {
  width: 100%;
  padding: 0 3rem;
}
.section-header.human-resource h2 {
  margin: 0 0 -0.5em 0;
  color: #008632;
}

.section-header.layered-header {
  position: relative;
  margin-bottom: 1.5rem;
  text-align: center;
}
.section-header.layered-header h2 {
  font-size: 2.1rem;
}
.section-header.layered-header h2 img {
  display: inline;
}
.section-header.layered-header .ja-title {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section-header.layered-header.section-header.suzuyasu-at-work-department .ja-title {
  justify-content: end;
  margin-bottom: -10px;
}

.section-header.human-resource-recruitment h2 {
  font-size: 1.3rem;
}
.section-header.human-resource-recruitment .en-title {
  display: block;
  margin-bottom: 1em;
  padding-left: 8px;
}
.section-header.human-resource-recruitment .ja-title {
  padding-left: 8px;
}

.recruit-section-content .section-header.human-resource-recruitment .inner {
  padding: 1rem 0;
}

.section-header.work-at-suzuyasu .dashed-text.dashed::after {
  margin-left: -0.8em;
}
.section-header.work-at-suzuyasu .ja-title {
  color: #00b85d;
  font-size: 1.6rem;
  margin-top: 0.8em;
  display: block;
}

.recruit-interview-nav {
  padding: 40px 10px;
}
.recruit-interview-nav .inner {
  padding: 1rem 0;
  max-width: calc(328px + 2rem);
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-interview-nav ul {
  list-style: none;
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.recruit-interview-nav li {
  flex: 0 0 calc(50% - 1rem);
  min-width: 0;
}
.recruit-interview-nav a {
  max-width: 164px;
  display: block;
  margin: 0 auto;
  border: 5px solid #ff9400;
  border-radius: 50%;
  overflow: hidden;
}
.recruit-interview-nav li:not(.current) a {
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
}
.recruit-interview-nav li:not(.current) a:hover, .recruit-interview-nav li:not(.current) a:focus, .recruit-interview-nav li:not(.current) a:active {
  opacity: 1;
}
.recruit-interview-nav li.interview02 a {
  border-color: #ff5a00;
}
.recruit-interview-nav li.interview03 a {
  border-color: #ff7600;
}
.recruit-interview-nav li.interview04 a {
  border-color: #ff6446;
}
.recruit-interview-nav.career-stage a {
  border-color: #00c680;
}
.recruit-interview-nav.career-stage li.interview02 a {
  border-color: #00d1a3;
}
.recruit-interview-nav.career-stage li.interview03 a {
  border-color: #00ddc5;
}

.recruit-section-content .recruit-interview-content .fade-effect, .recruit-section-content .recruit-interview-content .fade-effect-up {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.recruit-human-resource-content, .recruit-interview-content .timeline-wrapper, .message-inner, .round-table-talk-inner, .round-table-talk-members {
  max-width: 1240px;
  margin: 0 auto;
}

.timeline-wrapper {
  padding-bottom: 3rem;
}

.recruit-interview-content {
  margin: 3rem 0 3rem;
  opacity: 0;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-interview-content.person, .recruit-interview-content.career-stage {
  margin-top: 80%;
}
.recruit-interview-content .interview-inner {
  position: relative;
}
.recruit-interview-content:not(.current, .exclude) {
  display: none;
}
.recruit-interview-content figure {
  margin: 0;
}
.recruit-interview-content h3.with-mark {
  margin: 0 0 1rem;
}
.recruit-interview-content h3.with-mark::before {
  top: -60px;
}
.recruit-interview-content .dashed-text > span {
  padding: 0 1rem;
}
.recruit-interview-content .dashed-text .san {
  font-size: 0.8em;
}
.recruit-interview-content .dashed-text::after {
  margin-left: -4rem;
}
.recruit-interview-content .profile-wrapper, .recruit-interview-content .interview-unit {
  width: 100%;
}
.recruit-interview-content .profile-wrapper .dashed-text::after {
  width: 24em;
  max-width: calc(100% + 6rem);
}
.recruit-interview-content .members-talk-question {
  width: 100%;
}
.recruit-interview-content .in-content-image {
  position: relative;
  z-index: 999999;
}
.recruit-interview-content figure.fixed-image {
  padding: 1rem 0;
  background-color: #f4f6f3;
  margin: 0 -2rem 0 calc(-6rem - 2px);
  position: relative;
  text-align: center;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 999;
}
.recruit-interview-content figure.fixed-image.profile:not(.scrolled):not(.bottomed) {
  z-index: 1000;
}
.recruit-interview-content figure.fixed-image.pc {
  display: none;
}
.recruit-interview-content figure.fixed-image.sp.profile {
  position: absolute;
  bottom: 100%;
}
.recruit-interview-content figure.fixed-image img {
  width: 100%;
}
.recruit-interview-content .interview-unit {
  margin-bottom: 4rem;
}
.recruit-interview-content .interview-unit h4.fade-effect, .recruit-interview-content .interview-unit h4.fade-effect-up, .recruit-interview-content .interview-unit .answer.fade-effect, .recruit-interview-content .interview-unit .answer.fade-effect-up {
  opacity: 0;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.recruit-interview-content .interview-unit h4, .recruit-interview-content .interview-unit h5 {
  color: #ff9400;
  font-size: 1rem;
  line-height: 1.6;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.recruit-interview-content .interview-unit h4 {
  border-bottom: 1px solid #111;
}
.recruit-interview-content .interview-unit .text {
  padding-left: 1em;
}
.recruit-interview-content .interview-unit p {
  margin-bottom: 2rem;
}
.recruit-interview-content .time-schedule-header figure, .recruit-interview-content .time-schedule-unit figure {
  z-index: 999;
}
.recruit-interview-content .time-schedule-header figure img, .recruit-interview-content .time-schedule-unit figure img {
  width: 100%;
}
.recruit-interview-content .time-schedule-header figure.sp, .recruit-interview-content .time-schedule-unit figure.sp {
  position: relative;
  background-color: #f4f6f3;
}
.recruit-interview-content .time-schedule-header figure.sp:not(.in-image), .recruit-interview-content .time-schedule-unit figure.sp:not(.in-image) {
  margin-left: calc(-6rem - 2px);
  margin-right: -2rem;
  padding: 1rem 0;
}
.recruit-interview-content .time-schedule-header figure.sp.in-image, .recruit-interview-content .time-schedule-unit figure.sp.in-image {
  padding: 1em;
}
.recruit-interview-content .time-schedule-header figure.pc, .recruit-interview-content .time-schedule-unit figure.pc {
  display: none;
}
.recruit-interview-content.person .interview-inner {
  margin-left: 4rem;
  margin-right: 2rem;
  padding-left: 2rem;
  border-left: 2px solid #000;
}
.recruit-interview-content.person .interview-inner::after {
  position: absolute;
  content: "";
  display: block;
  background: linear-gradient(to bottom, transparent, #f4f6f3 50px, #f4f6f3);
  width: 4rem;
  top: var(--data-scrolled-top);
  bottom: 0;
  left: -2rem;
  z-index: 5;
}
.recruit-interview-content.person.career-stage .interview-inner::after {
  background: #f4f6f3 url(images/recruit/timeline-arrow01.svg) no-repeat center top;
  background-size: 20px 10px;
  top: calc(var(--data-scrolled-top) - 10px);
}
.recruit-interview-content.person.career-stage.interview03 .interview-inner::after {
  background-image: url(images/recruit/timeline-arrow03.svg);
}
.recruit-interview-content.person .with-mark::before {
  position: -webkit-sticky;
  position: sticky;
  content: url(images/recruit/interview01-mark.svg?1.0.0.2025040801);
  width: 60px;
  height: 60px;
  z-index: 9999;
  display: block;
  top: 100px;
  margin-left: calc(-2rem - 31px);
}
.recruit-interview-content.person .with-mark.bottomed::before {
  display: none;
}
.recruit-interview-content.person .with-mark.last {
  position: relative;
}
.recruit-interview-content.person .with-mark.last::before {
  display: none;
}
.recruit-interview-content.person .with-mark.last::after {
  position: absolute;
  content: "";
  background-color: #f4f6f3;
  display: block;
  width: 60px;
  top: calc(1.5em + 12px);
  bottom: 0;
  left: -4rem;
  z-index: 1;
}
.recruit-interview-content.person .with-mark.last.bottomed::before {
  top: 0;
  position: absolute;
  display: block;
}
.recruit-interview-content.person .time-schedule-unit figure.sp.with-mark::before, .recruit-interview-content.person .time-schedule-unit figure.sp.with-mark::after {
  left: calc(2px + 2rem);
}
.recruit-interview-content.person .time-schedule-unit figure.sp.with-mark::before {
  top: -60px;
}
.recruit-interview-content.person .time-schedule-unit figure.sp.with-mark::after {
  bottom: -60px;
}
.recruit-interview-content.person .profile {
  min-width: 0;
  color: #103D1B;
  font-weight: bold;
}
.recruit-interview-content.person .profile p.fade-effect {
  opacity: 0;
}
.recruit-interview-content.person p.section, .recruit-interview-content.person p.career {
  margin: 0;
  padding-left: 1rem;
}
.recruit-interview-content.person p.catch {
  margin-top: 2.5rem;
}
.recruit-interview-content.person .dotted {
  position: relative;
  height: 20px;
  margin: 0 0 20px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-interview-content.person .dotted::before {
  position: absolute;
  content: "";
  display: block;
  background-color: #000;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 0;
  left: calc(-2rem - 3px);
  z-index: 10;
}
.recruit-interview-content.person .time-schedule-header {
  margin-bottom: 2rem;
  padding-left: 1em;
}
.recruit-interview-content.person .time-schedule-header h3 {
  font-size: 1.5rem;
}
.recruit-interview-content.person .time-schedule-header span {
  display: block;
  margin-bottom: 1rem;
}
.recruit-interview-content.person .time-schedule-unit {
  margin-bottom: 40px;
}
.recruit-interview-content.person .time-schedule-unit.margin-15m {
  margin-top: 20px;
}
.recruit-interview-content.person .time-schedule-unit.margin-30m {
  margin-top: 40px;
}
.recruit-interview-content.person .time-schedule-unit.margin-60m {
  margin-top: 80px;
}
.recruit-interview-content.person .time-schedule-unit.margin-75m {
  margin-top: 100px;
}
.recruit-interview-content.person .time-schedule-unit.margin-90m {
  margin-top: 120px;
}
.recruit-interview-content.person .time-schedule-unit.margin-180m {
  margin-top: 240px;
}
.recruit-interview-content.person .time-schedule-unit.margin-240m {
  margin-top: 320px;
}
.recruit-interview-content.person .time-schedule-unit.career-stage {
  margin-top: 120px;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner {
  border: 1px solid #ff9400;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner.fade-effect {
  opacity: 0;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner h4 {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 5px;
  font-size: 1.1rem;
  margin: 1rem 0 0;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner span {
  vertical-align: bottom;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner .event.no-time {
  display: block;
  padding-left: 0.75em;
  margin-top: 0.75em;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner .time {
  position: relative;
  display: inline-block;
  background-color: #ff9400;
  color: #fff;
  padding: 0.125em 1.25em 0.125em 1em;
  font-weight: normal;
  border-radius: 0 1em 1em 0;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner .time::before {
  position: absolute;
  content: "";
  display: block;
  background-color: #ff9400;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  top: calc(50% - 5px);
  left: calc(-2rem - 7px);
  z-index: 10;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner .time::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: calc(2rem + 1px);
  height: 1px;
  top: 50%;
  left: calc(-2rem - 1px);
  background-color: #ff9400;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner p {
  margin: 2rem 0;
  padding: 0 1em;
  line-height: 1.8;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner p.no-content {
  margin: 0.5rem 0;
  padding: 0;
  line-height: 0;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner p.no-margin {
  margin: 1em 0;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner dl {
  padding: 0 1em;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner dl:not(.license) dt {
  font-weight: bold;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner dt, .recruit-interview-content.person .time-schedule-unit .time-schedule-inner dd {
  margin: 0;
}
.recruit-interview-content.person .time-schedule-unit .time-schedule-inner ul {
  margin: 0;
  padding: 0 0 0 1em;
}
.recruit-interview-content.interview02 .with-mark::before {
  content: url(images/recruit/interview02-mark.svg?1.0.0.2025040801);
}
.recruit-interview-content.interview02 .interview-unit h4 {
  color: #ff5a00;
}
.recruit-interview-content.interview02 .time-schedule-unit .time-schedule-inner {
  border-color: #ff5a00;
}
.recruit-interview-content.interview02 .time-schedule-unit .time-schedule-inner .time {
  background-color: #ff5a00;
}
.recruit-interview-content.interview02 .time-schedule-unit .time-schedule-inner .time::before, .recruit-interview-content.interview02 .time-schedule-unit .time-schedule-inner .time::after {
  background-color: #ff5a00;
}
.recruit-interview-content.interview03 .with-mark::before {
  content: url(images/recruit/interview03-mark.svg?1.0.0.2025040801);
}
.recruit-interview-content.interview03 .interview-unit h4, .recruit-interview-content.interview03 .interview-unit h5 {
  color: #ff7600;
}
.recruit-interview-content.interview03 .time-schedule-unit .time-schedule-inner {
  border-color: #ff7600;
}
.recruit-interview-content.interview03 .time-schedule-unit .time-schedule-inner .time {
  background-color: #ff7600;
}
.recruit-interview-content.interview03 .time-schedule-unit .time-schedule-inner .time::before, .recruit-interview-content.interview03 .time-schedule-unit .time-schedule-inner .time::after {
  background-color: #ff7600;
}
.recruit-interview-content.interview04 .with-mark::before {
  content: url(images/recruit/interview04-mark.svg?1.0.0.2025040801);
}
.recruit-interview-content.interview04 .interview-unit h4 {
  color: #ff6446;
}
.recruit-interview-content.interview04 .time-schedule-unit .time-schedule-inner {
  border-color: #ff6446;
}
.recruit-interview-content.interview04 .time-schedule-unit .time-schedule-inner .time {
  background-color: #ff6446;
}
.recruit-interview-content.interview04 .time-schedule-unit .time-schedule-inner .time::before, .recruit-interview-content.interview04 .time-schedule-unit .time-schedule-inner .time::after {
  background-color: #ff6446;
}
.recruit-interview-content.career-stage .time-schedule-unit .time-schedule-inner h5 {
  font-size: 1.1rem;
  margin: 1em 0;
  padding: 0 1em;
}
.recruit-interview-content.career-stage .time-schedule-unit .time-schedule-inner p {
  margin: 0;
}
.recruit-interview-content.career-stage .time-schedule-unit .time-schedule-inner p:last-child {
  margin-bottom: 1em;
}
.recruit-interview-content.interview01.career-stage .with-mark::before {
  content: url(images/recruit/career-stage01-mark.svg?1.0.0.2025040801);
}
.recruit-interview-content.interview01.career-stage .interview-unit h4 {
  color: #00c680;
}
.recruit-interview-content.interview01.career-stage .time-schedule-unit .time-schedule-inner {
  border-color: #00c680;
}
.recruit-interview-content.interview01.career-stage .time-schedule-unit .time-schedule-inner h5 {
  color: #00c680;
}
.recruit-interview-content.interview01.career-stage .time-schedule-unit .time-schedule-inner .time {
  background-color: #00c680;
}
.recruit-interview-content.interview01.career-stage .time-schedule-unit .time-schedule-inner .time::before, .recruit-interview-content.interview01.career-stage .time-schedule-unit .time-schedule-inner .time::after {
  background-color: #00c680;
}
.recruit-interview-content.interview03.career-stage .with-mark::before {
  content: url(images/recruit/career-stage03-mark.svg?1.0.0.2025040801);
}
.recruit-interview-content.interview03.career-stage .interview-unit h4 {
  color: #00ddc5;
}
.recruit-interview-content.interview03.career-stage .time-schedule-unit .time-schedule-inner {
  border-color: #00ddc5;
}
.recruit-interview-content.interview03.career-stage .time-schedule-unit .time-schedule-inner h5 {
  color: #00ddc5;
}
.recruit-interview-content.interview03.career-stage .time-schedule-unit .time-schedule-inner .time {
  background-color: #00ddc5;
}
.recruit-interview-content.interview03.career-stage .time-schedule-unit .time-schedule-inner .time::before, .recruit-interview-content.interview03.career-stage .time-schedule-unit .time-schedule-inner .time::after {
  background-color: #00ddc5;
}
.recruit-interview-content.member-talk {
  padding: 0 0.5rem;
}
.recruit-interview-content.member-talk.round-table-talk h3, .recruit-interview-content.member-talk.career-stage h4 {
  font-size: 1.25rem;
  padding: 0 0 1em;
  margin: 0 0 1em;
  color: #2f92ff;
  border-bottom: 1px solid #111;
}
.recruit-interview-content.member-talk.career-stage h4 {
  color: #00d1a3;
}
.recruit-interview-content.member-talk .cross-talk-members {
  margin: 0;
}
.recruit-interview-content.member-talk .cross-talk-members h3 {
  font-size: 1.8rem;
}
.recruit-interview-content.member-talk .cross-talk-members h4 {
  font-size: 1.5rem;
  color: #111;
  border: 0;
  padding-bottom: 0;
}
.recruit-interview-content.member-talk .cross-talk-members .text {
  padding: 1rem;
}
.recruit-interview-content.member-talk .cross-talk-members p {
  font-size: 0.8rem;
  margin-bottom: 0.5em;
}
.recruit-interview-content.member-talk .cross-talk-members dl, .recruit-interview-content.member-talk .cross-talk-members dt, .recruit-interview-content.member-talk .cross-talk-members dd {
  margin: 0;
}
.recruit-interview-content.member-talk .cross-talk-members dt {
  font-size: 1.2rem;
}
.recruit-interview-content.member-talk .cross-talk-members dt span {
  font-size: 0.8em;
}
.recruit-interview-content.member-talk .cross-talk-members p, .recruit-interview-content.member-talk .cross-talk-members dd {
  margin-bottom: 1em;
  color: #8ea291;
}
.recruit-interview-content.member-talk .members-talk-header h3 {
  margin-bottom: 1.5em;
}
.recruit-interview-content.member-talk .members-talk-header .dashed-text span {
  display: inline-block;
}
.recruit-interview-content.member-talk .members-talk-header .dashed-text::after {
  margin-left: 0;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4, .recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h5 {
  flex: 0 0 60px;
  margin: 0;
  border: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  left: 0;
  font-size: 1rem;
  text-align: center;
  font-weight: normal;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4::before, .recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h5::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 3px;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member01 {
  color: #503ce4;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member01::before {
  content: url(images/recruit/round-table-talk-member-icon01.svg);
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member02 {
  color: #2fbcff;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member02::before {
  content: url(images/recruit/round-table-talk-member-icon02.svg);
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member03 {
  color: #005ae6;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member03::before {
  content: url(images/recruit/round-table-talk-member-icon03.svg);
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member04 {
  color: #a079ff;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member04::before {
  content: url(images/recruit/round-table-talk-member-icon04.svg);
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member05 {
  color: #2f92ff;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h4.member05::before {
  content: url(images/recruit/round-table-talk-member-icon05.svg);
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h5.member01 {
  color: #00c680;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h5.member01::before {
  content: url(images/recruit/career-stage-member-icon01.svg);
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h5.member02 {
  color: #00ddc5;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) h5.member02::before {
  content: url(images/recruit/career-stage-member-icon02.svg);
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) .text {
  position: relative;
  display: flex;
  flex-direction: row;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 0;
  align-items: start;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) .text p {
  line-height: 2.5;
  margin: 0;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) .text::after {
  flex: 0 0 60px;
  content: "";
  display: block;
  width: 60px;
  height: 60px;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members):not(.career-stage):nth-of-type(2n) .text {
  flex-direction: row-reverse;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members).career-stage .text p {
  margin-bottom: 1em;
}
.recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members).career-stage.member02 .text {
  flex-direction: row-reverse;
}
.recruit-interview-content.member-talk figure.fixed-image {
  background-color: #fff;
  margin: 0 -0.5rem;
}
.recruit-interview-content.member-talk figure.fixed-image figcaption {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  font-size: 1.1rem;
  line-height: 2;
  text-align: left;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}
.recruit-interview-content.member-talk figure.fixed-image figcaption.dashed-text::after {
  margin-top: 1em;
  margin-left: -1.5rem;
}
.recruit-interview-content.member-talk .in-content-image {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 4rem;
}
.recruit-interview-content.member-talk.round-table-talk figure.fixed-image {
  padding-top: 2.5rem;
  padding-left: 2.5rem;
}

.entry-header.recruit-number,
.entry-header.recruit-welfare-benefits-and-education {
  background-color: #e4f8ed;
  color: #111;
}
.entry-header.recruit-number .inner,
.entry-header.recruit-welfare-benefits-and-education .inner {
  position: relative;
  padding: 3.5rem 1.5rem 0;
  overflow: hidden;
}
.entry-header.recruit-number span,
.entry-header.recruit-welfare-benefits-and-education span {
  display: block;
}
.entry-header.recruit-number .en-title,
.entry-header.recruit-welfare-benefits-and-education .en-title {
  padding: 0 1.5rem;
  margin-bottom: 1em;
}
.entry-header.recruit-number h1,
.entry-header.recruit-welfare-benefits-and-education h1 {
  font-size: 1.8rem;
}
.entry-header.recruit-number .entry-title,
.entry-header.recruit-welfare-benefits-and-education .entry-title {
  opacity: 0;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: relative;
  z-index: 10;
}
.entry-header.recruit-number .image-wrapper,
.entry-header.recruit-welfare-benefits-and-education .image-wrapper {
  text-align: center;
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.entry-header.recruit-number .image-wrapper-inner,
.entry-header.recruit-welfare-benefits-and-education .image-wrapper-inner {
  display: inline-block;
}
.entry-header.recruit-number .image-wrapper-inner img,
.entry-header.recruit-welfare-benefits-and-education .image-wrapper-inner img {
  margin-bottom: -3%;
}

.entry-header.recruit-welfare-benefits-and-education .inner {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
.entry-header.recruit-welfare-benefits-and-education .entry-title {
  max-width: 100%;
}

.recruit-number-annotation {
  opacity: 0;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-weight: bold;
  color: #00984b;
  max-width: 980px;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: 0 3rem;
}

.recruit-number-content {
  margin: 0;
}

.recruit-number-title {
  font-size: 1.4rem;
  margin-bottom: 3rem;
  opacity: 0;
}
.recruit-number-title:before {
  opacity: 0;
  content: "";
  display: block;
  width: 3em;
  height: 5px;
  background-color: #00984b;
  margin-bottom: 1rem;
}
.recruit-number-title.inview {
  opacity: 0;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-number-title.inview::before {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.working-condition .recruit-number-title:before {
  background-color: #ff6900;
}

.workers .recruit-number-title:before {
  background-color: #009bff;
}

.recruit-number-data-wrapper {
  display: -ms-grid;
  display: grid;
  margin-bottom: 6rem;
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
}

.recruit-number-data {
  background-color: #fff;
  border-radius: 1.4rem;
  text-align: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/7;
  padding: 0.5rem;
  opacity: 0;
}
.recruit-number-data.inview {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-number-data:nth-child(2n+1).style-1-3 {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4/7;
}
.recruit-number-data:nth-child(2n).style-1-3 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
}
.recruit-number-data h3 {
  margin: 0;
  font-size: 0.8rem;
}
.recruit-number-data h4 {
  margin: 0;
  font-size: 0.6rem;
}
.recruit-number-data .num-unit {
  font-size: 1.8rem;
  font-weight: bold;
}
.recruit-number-data .num {
  color: #00984b;
}
.recruit-number-data .num.small {
  font-size: 0.7em;
}
.recruit-number-data .unit {
  font-size: 0.6em;
}
.recruit-number-data .text {
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.recruit-number-data.inview .text {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-number-data p {
  margin: 0;
}
.recruit-number-data figure {
  position: relative;
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5em 0;
  opacity: 0;
}
.recruit-number-data figure.pie-graph img {
  width: 136px;
}
.recruit-number-data figure.figure02 {
  order: 3;
}
.recruit-number-data dt, .recruit-number-data dd {
  opacity: 0;
}
.recruit-number-data.inview figure {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-number-data.inview dt, .recruit-number-data.inview dd {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-number-data.regular-sq img {
  height: 46px;
}
.recruit-number-data.style01 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.recruit-number-data.style03 {
  -ms-grid-columns: 25% 50% 25%;
  grid-template-columns: 25% 50% 25%;
}
.recruit-number-data.style03 .figure01 {
  justify-content: end;
  margin: 0 0 74px;
}
.recruit-number-data.style03 .figure02 {
  justify-content: start;
  margin: 74px 0 0;
}
.recruit-number-data.style04 {
  -ms-grid-columns: 40% 60%;
  grid-template-columns: 40% 60%;
}
.recruit-number-data.style04 .sub-text-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
}
.recruit-number-data.style04 .sub-text .num-unit {
  font-size: 1.4rem;
}
.recruit-number-data.style05 {
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.recruit-number-data.style05 .text {
  order: 1;
}
.recruit-number-data.style05 figure {
  order: 2;
  flex-direction: column;
}
.recruit-number-data.style05 figcaption {
  width: 100%;
}

.about-suzuyasu .recruit-number-data.style01.data02 {
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
.about-suzuyasu .recruit-number-data.data05 {
  padding-bottom: 5em;
}

.working-condition .recruit-number-data:not(.style02), .workers .recruit-number-data:not(.style02) {
  aspect-ratio: 1/1;
}
.working-condition .recruit-number-data:nth-child(2n+1), .workers .recruit-number-data:nth-child(2n+1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
}
.working-condition .recruit-number-data:nth-child(2n), .workers .recruit-number-data:nth-child(2n) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4/7;
}
.working-condition .recruit-number-data.style02, .workers .recruit-number-data.style02 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/7;
}

.working-condition .recruit-number-data .num {
  color: #ff6900;
}

.workers .recruit-number-data .num {
  color: #009bff;
}

ul.recruit-number-pie-graph-text, ul.recruit-number-bar-graph-text {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.recruit-number-pie-graph-text dt, ul.recruit-number-pie-graph-text dd, ul.recruit-number-bar-graph-text dt, ul.recruit-number-bar-graph-text dd {
  margin: 0;
}

ul.recruit-number-pie-graph-text li {
  position: absolute;
}
ul.recruit-number-pie-graph-text li:first-child {
  top: calc(100% + 1rem);
  left: 0;
  right: 0;
  font-size: 0.8rem;
}
ul.recruit-number-pie-graph-text li:first-child dt {
  margin-left: -1em;
}
ul.recruit-number-pie-graph-text li:nth-child(2) {
  bottom: 0;
  left: calc(50% + 68px - 1em);
}
ul.recruit-number-pie-graph-text li:nth-child(n+2) dt, ul.recruit-number-pie-graph-text li:nth-child(n+2) dd {
  display: inline;
}
ul.recruit-number-pie-graph-text li:nth-last-child(6) {
  bottom: 0;
  right: calc(50% + 68px - 1em);
}
ul.recruit-number-pie-graph-text li:nth-last-child(5) {
  top: 66.666667%;
  right: calc(50% + 68px + .5em);
}
ul.recruit-number-pie-graph-text li:nth-last-child(4) {
  top: 50%;
  right: calc(50% + 68px + 1em);
}
ul.recruit-number-pie-graph-text li:nth-last-child(3) {
  top: 33.333333%;
  right: calc(50% + 68px + 1em);
}
ul.recruit-number-pie-graph-text li:nth-last-child(2) {
  top: 16.666667%;
  right: calc(50% + 68px + .5em);
}
ul.recruit-number-pie-graph-text li:last-child {
  top: -0.35rem;
  right: calc(50% + 68px - 1em);
}
ul.recruit-number-pie-graph-text li:not(:first-child) {
  font-size: 0.5rem;
}
ul.recruit-number-pie-graph-text li:not(:first-child) .num-unit {
  font-size: 1.1rem;
}
ul.recruit-number-pie-graph-text li:not(:first-child) .unit {
  font-size: 0.5em;
}

ul.recruit-number-bar-graph-text {
  width: 100%;
  max-width: 267px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: -0.4em;
}
ul.recruit-number-bar-graph-text .num-unit {
  font-size: 0.8rem;
}
ul.recruit-number-bar-graph-text li {
  display: inline-block;
  width: 16.6666667%;
  letter-spacing: normal;
}

.recruit-entry-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.recruit-entry-links li {
  vertical-align: middle;
  margin: 30px 0;
}
.recruit-entry-links div {
  display: inline-block;
  margin: 0;
}
.recruit-entry-links .contact-link {
  width: 256px;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
}
.recruit-entry-links .contact-link a {
  border-radius: 36px;
  display: inline-flex;
  background-color: #fff;
  color: #00984b;
  border: 4px solid #00984b;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
}
.recruit-entry-links .contact-link span::before {
  content: "";
  display: inline;
  margin-right: 1em;
  font-family: "Font Awesome 6 Free";
  font-size: 0.8rem;
  font-weight: 400;
  background-color: #00984b;
  padding: 0.5em;
  color: #fff;
  border-radius: 50%;
  transition: 0.3s all ease-in-out;
}
.recruit-entry-links .contact-link a:hover, .recruit-entry-links .contact-link a:focus, .recruit-entry-links .contact-link a:active {
  background-color: #00984b;
  color: #fff;
}
.recruit-entry-links .contact-link a:hover span::before, .recruit-entry-links .contact-link a:focus span::before, .recruit-entry-links .contact-link a:active span::before {
  background-color: #fff;
  color: #00984b;
}

.recruit-message-content .message-inner {
  margin-top: 2rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.recruit-message-content .message-inner .text {
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8%;
}
.recruit-message-content .message-inner p {
  font-size: 1.2rem;
}
.recruit-message-content .message-inner figure {
  margin: 0;
  padding-right: 8%;
  order: 1;
}
.recruit-message-content .message-inner figure img {
  border-radius: 0 50px 0 0;
}

.recruit-message-content.recruit-round-table-talk-content .message-inner h3 {
  font-size: 2rem;
  color: #2f92ff;
  margin-bottom: 1em;
}

.recruit-message-content.recruit-human-resource-content {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.recruit-message-content.recruit-human-resource-content blockquote {
  margin: 0;
}
.recruit-message-content.recruit-human-resource-content p {
  margin: 0;
  line-height: 2;
}
.recruit-message-content.recruit-human-resource-content p.credit {
  margin: 1em 0;
  text-align: right;
  line-height: 1;
}
.recruit-message-content.recruit-human-resource-content p.credit img {
  vertical-align: top;
}
.recruit-message-content.recruit-human-resource-content .title {
  font-size: 0.8em;
}
.recruit-message-content.recruit-human-resource-content .name {
  font-size: 1.2em;
  vertical-align: middle;
}
.recruit-message-content.recruit-human-resource-content .message-inner figure {
  margin: 1em 0;
  position: relative;
}
.recruit-message-content.recruit-human-resource-content .message-inner figure img {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  border-radius: 0 0 50px 0;
}

.round-table-talk-member-wrapper {
  background-image: url(images/recruit/recruit-round-table-talk05.svg);
  background-repeat: repeat-y;
  background-position: left -20px top;
  background-size: 36%;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.round-table-talk-member-list {
  max-width: 980px;
  margin: 2.5rem auto;
  padding: 0 4%;
}
.round-table-talk-member-list .member {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 0.5rem 0 0.5rem 60px 0.5rem 1fr;
  grid-template-columns: 100px 0 60px 1fr;
  -ms-grid-rows: auto auto 0.25rem 1fr;
  grid-template-rows: auto auto 0.25rem 1fr;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  padding: 1.5rem 0;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.round-table-talk-member-list .member > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.round-table-talk-member-list .member > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.round-table-talk-member-list .member > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.round-table-talk-member-list .member > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.round-table-talk-member-list .member > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.round-table-talk-member-list .member > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.round-table-talk-member-list .member > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
.round-table-talk-member-list .member > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 7;
}
.round-table-talk-member-list .member > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.round-table-talk-member-list .member > *:nth-child(10) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.round-table-talk-member-list .member > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.round-table-talk-member-list .member > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
.round-table-talk-member-list .member > *:nth-child(13) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.round-table-talk-member-list .member > *:nth-child(14) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.round-table-talk-member-list .member > *:nth-child(15) {
  -ms-grid-row: 4;
  -ms-grid-column: 5;
}
.round-table-talk-member-list .member > *:nth-child(16) {
  -ms-grid-row: 4;
  -ms-grid-column: 7;
}
.round-table-talk-member-list .member::before {
  content: url(images/recruit/round-table-talk-member-icon01.svg);
  display: block;
  width: 60px;
  height: 60px;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
.round-table-talk-member-list dt, .round-table-talk-member-list dd {
  margin: 0;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
  -ms-grid-row-align: start;
  align-self: start;
}
.round-table-talk-member-list dt {
  line-height: 2rem;
  font-size: 1.5rem;
  color: #503ce4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.round-table-talk-member-list dd.photo {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1/5;
  width: 100px;
}
.round-table-talk-member-list dd.photo img {
  border: 3px solid #503ce4;
  border-radius: 50%;
}
.round-table-talk-member-list figure {
  margin: 0;
}
.round-table-talk-member-list dd.prof {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/5;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  height: 100%;
  background-color: rgba(80, 60, 228, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.round-table-talk-member-list dd.prof .text {
  padding: 2rem 1rem;
}
.round-table-talk-member-list dd.prof p {
  margin: 0;
}
.round-table-talk-member-list .member:nth-of-type(2)::before {
  content: url(images/recruit/round-table-talk-member-icon02.svg);
}
.round-table-talk-member-list .member:nth-of-type(2) dt {
  color: #2fbcff;
}
.round-table-talk-member-list .member:nth-of-type(2) dd.photo img {
  border-color: #2fbcff;
}
.round-table-talk-member-list .member:nth-of-type(2) dd.prof {
  background-color: rgba(47, 188, 255, 0.1);
}
.round-table-talk-member-list .member:nth-of-type(3)::before {
  content: url(images/recruit/round-table-talk-member-icon03.svg);
}
.round-table-talk-member-list .member:nth-of-type(3) dt {
  color: #005ae6;
}
.round-table-talk-member-list .member:nth-of-type(3) dd.photo img {
  border-color: #005ae6;
}
.round-table-talk-member-list .member:nth-of-type(3) dd.prof {
  background-color: rgba(0, 90, 230, 0.1);
}
.round-table-talk-member-list .member:nth-of-type(4)::before {
  content: url(images/recruit/round-table-talk-member-icon04.svg);
}
.round-table-talk-member-list .member:nth-of-type(4) dt {
  color: #a079ff;
}
.round-table-talk-member-list .member:nth-of-type(4) dd.photo img {
  border-color: #a079ff;
}
.round-table-talk-member-list .member:nth-of-type(4) dd.prof {
  background-color: rgba(160, 121, 255, 0.1);
}
.round-table-talk-member-list .member:nth-of-type(5)::before {
  content: url(images/recruit/round-table-talk-member-icon05.svg);
}
.round-table-talk-member-list .member:nth-of-type(5) dt {
  color: #2f92ff;
}
.round-table-talk-member-list .member:nth-of-type(5) dd.photo img {
  border-color: #2f92ff;
}
.round-table-talk-member-list .member:nth-of-type(5) dd.prof {
  background-color: rgba(47, 146, 255, 0.1);
}

figure.round-table-talk-members {
  position: relative;
  margin: 3rem -0.5rem;
}
figure.round-table-talk-members figcaption {
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  color: #fff;
  font-size: 1.1rem;
  line-height: 2;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}
figure.round-table-talk-members .dashed-text::after {
  margin-left: -1.5rem;
  background-image: url(images/recruit/recruit-top03-white.svg);
}

.recruit-human-resource-agenda-figure {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  background-image: url(images/recruit/recruit-human-resource07.webp);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.recruit-human-resource-agenda-figure img {
  opacity: 0;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.recruit-section-content .recruit-human-resource-agenda-figure.inner {
  padding-bottom: 68px;
}

dl.recruit-human-resource-agenda-list {
  text-align: center;
}
dl.recruit-human-resource-agenda-list dt, dl.recruit-human-resource-agenda-list dd {
  margin: 0;
}
dl.recruit-human-resource-agenda-list dt {
  font-size: 2rem;
  -webkit-animation-delay: 2.4s !important;
  animation-delay: 2.4s !important;
}
dl.recruit-human-resource-agenda-list dd {
  font-size: 1.1rem;
}
dl.recruit-human-resource-agenda-list .agenda {
  margin-bottom: 5em;
}
dl.recruit-human-resource-agenda-list .agenda.honesty dt {
  color: #00b964;
}
dl.recruit-human-resource-agenda-list .agenda.passion dt {
  color: #ff8100;
}
dl.recruit-human-resource-agenda-list .agenda.dream dt {
  color: #5399ff;
}

.recruit-human-resource-section.human-resource-recruitment {
  margin-bottom: 3rem;
}

.recruit-tabbed-nav {
  padding: 0;
}
.recruit-tabbed-nav ul {
  list-style: none;
  margin: 0;
  padding: 0 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: stretch;
  gap: 8px;
  border-bottom: 3px solid;
  font-size: 0.8rem;
  transition: all 0.3s ease-in-out;
}
.recruit-tabbed-nav ul.new-graduate, .recruit-tabbed-nav ul.work-style-reform {
  border-color: #00b964;
}
.recruit-tabbed-nav ul.career, .recruit-tabbed-nav ul.certification {
  border-color: #ff8100;
}
.recruit-tabbed-nav ul.faq, .recruit-tabbed-nav ul.education {
  border-color: #5399ff;
}
.recruit-tabbed-nav li {
  flex: 1 0;
}
.recruit-tabbed-nav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: rgba(150, 165, 150, 0.3);
  padding: 0.25em;
  font-weight: bold;
  border-radius: 0 10px 0 0;
  height: 100%;
}
.recruit-tabbed-nav li.current.green a {
  background-color: #00b964;
}
.recruit-tabbed-nav li.current.orange a {
  background-color: #ff8100;
}
.recruit-tabbed-nav li.current.blue a {
  background-color: #5399ff;
}
.recruit-tabbed-nav li.green a:hover, .recruit-tabbed-nav li.green a:active, .recruit-tabbed-nav li.green a:focus {
  background-color: #00b964;
}
.recruit-tabbed-nav li.orange a:hover, .recruit-tabbed-nav li.orange a:active, .recruit-tabbed-nav li.orange a:focus {
  background-color: #ff8100;
}
.recruit-tabbed-nav li.blue a:hover, .recruit-tabbed-nav li.blue a:active, .recruit-tabbed-nav li.blue a:focus {
  background-color: #5399ff;
}

.recruit-section-content .recruit-tabbed-nav.fade-effect {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.recruit-tabbed-content-unit {
  margin: 0;
  opacity: 0;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.recruit-tabbed-content-unit:not(.current) {
  display: none;
}

.recruit-tabbed-content {
  background-color: #f4f6f4;
  padding: 1.5rem;
  margin-bottom: 2.5rem;
}
.recruit-tabbed-content p.margin-bottom {
  margin-bottom: 2em;
}
.recruit-tabbed-content h3, .recruit-tabbed-content h4 {
  font-size: 1.25rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}
.recruit-tabbed-content h3::after, .recruit-tabbed-content h4::after {
  content: "";
  background-color: #00b964;
  width: 3em;
  height: 6px;
  margin-top: 0.75em;
}
.recruit-tabbed-content .lead {
  padding: 2rem 0;
  margin: 2rem 0;
  border-top: 2px solid;
  border-bottom: 2px solid;
}
.recruit-tabbed-content .text-figre-wrapper {
  padding: 0 2rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 5%;
}
.recruit-tabbed-content .text-figre-wrapper .text {
  order: 2;
}
.recruit-tabbed-content .text-figre-wrapper figure {
  text-align: center;
  margin: 0;
  order: 1;
}

table.recruit-recruiment-table {
  width: 100%;
  border-collapse: separate;
}
table.recruit-recruiment-table ul, table.recruit-recruiment-table ol, table.recruit-recruiment-table p, table.recruit-recruiment-table dl, table.recruit-recruiment-table dt, table.recruit-recruiment-table dd {
  margin: 0;
  padding: 0;
}
table.recruit-recruiment-table dl.definition dt {
  color: #00b964;
}
table.recruit-recruiment-table dl.definition .unit:not(:last-child) {
  margin-bottom: 2em;
}
table.recruit-recruiment-table dl.definition.education dt {
  color: #5399ff;
}
table.recruit-recruiment-table ul {
  padding-left: 1em;
}
table.recruit-recruiment-table ul.recruitment-list {
  list-style: none;
}
table.recruit-recruiment-table ul.annotation {
  list-style: none;
}
table.recruit-recruiment-table ul.annotation li {
  text-indent: -1em;
  margin-left: 1em;
}
table.recruit-recruiment-table ul.annotation li::before {
  content: "※";
}
table.recruit-recruiment-table ol.annotation-ordered {
  list-style: none;
}
table.recruit-recruiment-table ol.annotation-ordered li {
  font-size: 0.8em;
  counter-increment: numbering;
  text-indent: -1em;
  margin-left: 1em;
}
table.recruit-recruiment-table ol.annotation-ordered li::before {
  content: "*" counter(numbering) " ";
}
table.recruit-recruiment-table th, table.recruit-recruiment-table td {
  vertical-align: top;
  border: 0;
  line-height: 1.8;
}
table.recruit-recruiment-table th {
  display: block;
  border: 0;
  padding: 1em 0 0.5em;
}
table.recruit-recruiment-table th span {
  display: block;
}
table.recruit-recruiment-table th dd {
  color: #00b964;
}
table.recruit-recruiment-table td {
  display: block;
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #00b964 24%, #96a596 24% 100%) 1;
  border-image: linear-gradient(to right, #00b964 24%, #96a596 24% 100%) 1;
  padding: 0.5em 0 1em;
}
table.recruit-recruiment-table.welfare-benefits-table.welfare-benefits th, table.recruit-recruiment-table.welfare-benefits-table.welfare-benefits td {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
table.recruit-recruiment-table.welfare-benefits-table.welfare-benefits tr:first-child td {
  border-top: 2px solid;
  -o-border-image: linear-gradient(to right, #00b964 24%, #96a596 24% 100%) 1;
  border-image: linear-gradient(to right, #00b964 24%, #96a596 24% 100%) 1;
}
table.recruit-recruiment-table:not(.welfare-benefits-table) tr:last-child th, table.recruit-recruiment-table:not(.welfare-benefits-table) tr:last-child td {
  border: 0;
  padding-bottom: 0;
}
table.recruit-recruiment-table .position-wrapper dt, table.recruit-recruiment-table .position-wrapper dd {
  display: inline;
}
table.recruit-recruiment-table .position-wrapper dt {
  font-weight: normal;
  margin-right: 1em;
}
table.recruit-recruiment-table .position-wrapper.starting-salary, table.recruit-recruiment-table .position-wrapper .sub-item {
  display: flex;
  flex-direction: row;
}
table.recruit-recruiment-table .position-wrapper.starting-salary dt, table.recruit-recruiment-table .position-wrapper .sub-item dt {
  flex: 0 0 auto;
}
table.recruit-recruiment-table .position-wrapper.starting-salary ul, table.recruit-recruiment-table .position-wrapper .sub-item ul {
  list-style: none;
  padding-left: 0;
}
table.recruit-recruiment-table .position-wrapper .sub-item {
  flex-direction: column;
}
table.recruit-recruiment-table dl.example dt {
  font-weight: normal;
}
table.recruit-recruiment-table dl.example dd {
  display: inline;
}

.recruit-tabbed-content-unit.orange .recruit-tabbed-content h3::after, .recruit-tabbed-content-unit.orange .recruit-tabbed-content h4::after {
  background-color: #ff8100;
}
.recruit-tabbed-content-unit.orange .recruit-tabbed-content .lead {
  border-color: #ff8100;
}
.recruit-tabbed-content-unit.orange table.recruit-recruiment-table th {
  border-color: #ff8100;
}
.recruit-tabbed-content-unit.orange table.recruit-recruiment-table td {
  -o-border-image: linear-gradient(to right, #ff8100 24%, #96a596 24% 100%) 1;
  border-image: linear-gradient(to right, #ff8100 24%, #96a596 24% 100%) 1;
}

.recruit-tabbed-content-unit.blue .recruit-tabbed-content h3::after, .recruit-tabbed-content-unit.blue .recruit-tabbed-content h4::after {
  background-color: #5399ff;
}
.recruit-tabbed-content-unit.blue .recruit-tabbed-content .lead {
  border-color: #5399ff;
}
.recruit-tabbed-content-unit.blue .recruit-tabbed-content .lead p {
  margin-bottom: 2rem;
}
.recruit-tabbed-content-unit.blue .recruit-tabbed-content .lead ol {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.recruit-tabbed-content-unit.blue .recruit-tabbed-content .lead ol li {
  position: relative;
  counter-increment: numbering;
  display: flex;
  flex-direction: row;
  gap: 1em;
  margin: 0 0 1rem 0;
}
.recruit-tabbed-content-unit.blue .recruit-tabbed-content .lead ol li::before {
  flex: 0 0 42px;
  content: counter(numbering);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 2px 0 0 2px;
  width: 42px;
  height: 42px;
  font-size: 1.1rem;
  background-color: #5399ff;
  color: #fff;
  font-weight: bold;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%);
  z-index: 10;
}
.recruit-tabbed-content-unit.blue .recruit-tabbed-content .lead ol li::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 46px;
  height: 46px;
  background-color: #c8e6ff;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%);
}
.recruit-tabbed-content-unit.blue table.recruit-recruiment-table th {
  border-color: #5399ff;
}
.recruit-tabbed-content-unit.blue table.recruit-recruiment-table td {
  -o-border-image: linear-gradient(to right, #5399ff 24%, #96a596 24% 100%) 1;
  border-image: linear-gradient(to right, #5399ff 24%, #96a596 24% 100%) 1;
}

ol.human-resource-employment-process {
  counter-reset: numbering;
  list-style: none;
  margin: 0;
  padding: 0;
}
ol.human-resource-employment-process li {
  position: relative;
  counter-increment: numbering;
  margin-bottom: 60px;
  background-color: #fff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
ol.human-resource-employment-process li::before {
  content: counter(numbering);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #5ec571;
  color: #fff;
  width: 100%;
  height: 60px;
  font-weight: bold;
  font-size: 24px;
}
ol.human-resource-employment-process li:not(:last-child)::after {
  position: absolute;
  bottom: -40px;
  left: calc(50% - 20px);
  content: "";
  display: inline-block;
  width: 40px;
  height: 20px;
  background-color: #5ec571;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
ol.human-resource-employment-process li:nth-child(2)::before, ol.human-resource-employment-process li:nth-child(2)::after {
  background-color: #5ac46f;
}
ol.human-resource-employment-process li:nth-child(3)::before, ol.human-resource-employment-process li:nth-child(3)::after {
  background-color: #55c26c;
}
ol.human-resource-employment-process li:nth-child(4)::before, ol.human-resource-employment-process li:nth-child(4)::after {
  background-color: #51c16a;
}
ol.human-resource-employment-process li:nth-child(5)::before, ol.human-resource-employment-process li:nth-child(5)::after {
  background-color: #4cbf66;
}
ol.human-resource-employment-process li:nth-child(6)::before, ol.human-resource-employment-process li:nth-child(6)::after {
  background-color: #48be62;
}
ol.human-resource-employment-process li:nth-child(7)::before, ol.human-resource-employment-process li:nth-child(7)::after {
  background-color: #43bc5d;
}
ol.human-resource-employment-process figure {
  margin: 0;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
ol.human-resource-employment-process figcaption {
  font-size: 1.1rem;
  font-weight: bold;
}

ul.human-resource-process-annotation {
  list-style: none;
}

.human-resource-access-list dt, .human-resource-access-list dd {
  font-weight: normal;
}
.human-resource-access-list .access-unit {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.5em;
}
.human-resource-access-list .access-unit dt {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
}

.recruit-tabbed-content-unit.faq h4::after {
  content: none;
}

h3.over-bar-title {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  margin: 0.25rem 0 1rem;
}
h3.over-bar-title span {
  display: block;
}
h3.over-bar-title .main-title {
  margin: 0.6em 0;
}
h3.over-bar-title .sub-title {
  font-size: 0.75em;
  color: #5399ff;
  letter-spacing: 0.2em;
}
h3.over-bar-title::before {
  content: "";
  background-color: #5399ff;
  width: 3em;
  height: 6px;
  margin-top: 0.75em;
}

dl.human-resource-faq-list {
  margin: 0;
  padding: 0;
}
dl.human-resource-faq-list .faq-unit {
  padding: 2rem 0;
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #5399ff 24%, #96a596 24% 100%) 1;
  border-image: linear-gradient(to right, #5399ff 24%, #96a596 24% 100%) 1;
}
dl.human-resource-faq-list .faq-unit:nth-of-type(1) {
  border-top: 2px solid;
}
dl.human-resource-faq-list dt, dl.human-resource-faq-list dd {
  margin: 1.5em 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.1rem;
  display: flex;
  flex-direction: row;
  gap: 0.5em;
}
dl.human-resource-faq-list dt.question {
  position: relative;
  padding-right: 36px;
}
dl.human-resource-faq-list dt.question button {
  border: 0;
  font-weight: normal;
  background: transparent;
  color: inherit;
  padding: 0;
  margin: 0;
}
dl.human-resource-faq-list dt.question::after {
  position: absolute;
  content: "−";
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #5399ff;
  color: #fff;
  text-align: center;
  right: 0;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
dl.human-resource-faq-list .faq-unit.close dt.question::after {
  content: "＋";
}
dl.human-resource-faq-list .label {
  font-size: 1.1em;
  font-weight: bold;
  color: #5399ff;
  flex: 0 0;
  line-height: 1.2;
}
dl.human-resource-faq-list .text span {
  display: block;
}
dl.human-resource-faq-list .text span:first-child {
  margin-bottom: 1em;
}

.steel-distribution-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.steel-distribution-inner figure {
  margin: 0;
  order: 1;
}
.steel-distribution-inner .text {
  order: 2;
}
.steel-distribution-inner img {
  border-radius: 10px;
}

.suzuyasu-position-inner h3 {
  margin-bottom: 1.5rem;
}
.suzuyasu-position-inner h3::before {
  content: "";
  display: block;
  width: 2.5em;
  height: 6px;
  margin-bottom: 1rem;
  background-color: #00b964;
}

.recruit-work-at-suzuyasu-departments-list dl {
  margin: 0;
}
.recruit-work-at-suzuyasu-departments-list dl:not(.in-overlay) {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 5%;
  column-gap: 5%;
}
.recruit-work-at-suzuyasu-departments-list dl:not(.in-overlay)::after {
  content: "";
  display: block;
  min-height: 360px;
  background-image: url(images/recruit/recruit-work-at-suzuyasu09.webp);
  background-position: bottom 20% center;
  background-repeat: no-repeat;
  background-size: contain;
  order: 3;
}
.recruit-work-at-suzuyasu-departments-list dt, .recruit-work-at-suzuyasu-departments-list dd {
  margin: 0;
  padding: 0;
  order: 2;
}
.recruit-work-at-suzuyasu-departments-list .department-unit {
  order: 1;
  background-color: #f4f6f4;
}
.recruit-work-at-suzuyasu-departments-list .department-unit:not(.full) {
  padding: 1.5rem;
  cursor: pointer;
  margin-bottom: 1.5rem;
}
.recruit-work-at-suzuyasu-departments-list .department-unit:not(.full) dd.text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.recruit-work-at-suzuyasu-departments-list button.department-unit, .recruit-work-at-suzuyasu-departments-list .department-unit.full {
  display: flex;
  flex-direction: column;
  gap: 1em;
  border: 0;
  color: inherit;
  line-height: 1.5;
  text-align: left;
}
.recruit-work-at-suzuyasu-departments-list button.department-unit dd, .recruit-work-at-suzuyasu-departments-list .department-unit.full dd {
  font-weight: normal;
}
.recruit-work-at-suzuyasu-departments-list dd.illust {
  order: 1;
  text-align: center;
}

.recruit-section-content .recruit-work-at-suzuyasu-departments-list .fade-effect {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

dl.work-at-suzuyasu-suzuyasu-position-chart {
  display: -ms-grid;
  display: grid;
  margin-bottom: 3rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
dl.work-at-suzuyasu-suzuyasu-position-chart dt, dl.work-at-suzuyasu-suzuyasu-position-chart dd, dl.work-at-suzuyasu-suzuyasu-position-chart figure, dl.work-at-suzuyasu-suzuyasu-position-chart ol, dl.work-at-suzuyasu-suzuyasu-position-chart li {
  margin: 0;
  padding: 0;
}
dl.work-at-suzuyasu-suzuyasu-position-chart ol {
  list-style: none;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit {
  display: -ms-grid;
  display: grid;
  justify-content: normal;
  align-items: normal;
  -ms-grid-columns: 5em 1fr 1fr;
  grid-template-columns: 5em 1fr 1fr;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt {
  position: relative;
  text-align: center;
  color: #fff;
  padding: 1em 0.5em;
  line-height: 1;
  font-size: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt::after {
  position: absolute;
  content: "";
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  top: 100%;
  left: 0;
  width: 100%;
  height: 1em;
  z-index: 10;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 2em;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt > span::before {
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-bottom: 0.5em;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt span.sub {
  font-size: 0.75em;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dd {
  position: relative;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dd::after {
  position: absolute;
  top: 100%;
  left: calc(50% - 16px);
  content: "";
  width: 32px;
  height: 1em;
  z-index: 10;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
dl.work-at-suzuyasu-suzuyasu-position-chart figure {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  height: 100%;
}
dl.work-at-suzuyasu-suzuyasu-position-chart figcaption {
  font-weight: bold;
  margin: 0;
  text-align: center;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .production > dt {
  border-radius: 1rem 0 0 0;
  background-color: #fe6a00;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .production > dt::after {
  background-color: #fe6a00;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .production > dt > span::before {
  content: url(images/recruit/recruit-work-at-suzuyasu04-01.svg);
}
dl.work-at-suzuyasu-suzuyasu-position-chart .production > dd {
  padding: 1rem 0;
  background-color: #fff0e3;
  border-bottom: 3px solid #fe6a00;
  border-radius: 0 1rem 0 0;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .production > dd::after {
  background-color: #fe6a00;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .production img:first-child {
  margin: 0 -80px -60px 0;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .production img:nth-child(2) {
  margin: 0 0 1rem -40px;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .distribution > dt {
  background-color: #00bd5d;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .distribution > dt::after {
  background-color: #00bd5d;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .distribution > dt > span::before {
  content: url(images/recruit/recruit-work-at-suzuyasu04-02.svg);
}
dl.work-at-suzuyasu-suzuyasu-position-chart .distribution > dd::after {
  background-color: #2a9df8;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .distribution figure {
  gap: 1em;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dt {
  border-radius: 0 0 0 1rem;
  background-color: #2a9df8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1/5;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dt::after {
  content: none;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dt > span::before {
  content: url(images/recruit/recruit-work-at-suzuyasu04-03.svg);
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd {
  padding: 2rem 0;
  background-color: #e7f3ff;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd::after {
  content: none;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd:nth-of-type(1) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  border-top: 3px solid #2a9df8;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd:nth-of-type(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  padding: 1rem 0;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd:last-of-type {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  border-radius: 0 0 1rem 0;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user figure {
  justify-content: center;
}
dl.work-at-suzuyasu-suzuyasu-position-chart .end-user figcaption {
  margin: 0;
}
dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list {
  position: relative;
  height: 100%;
}
dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list dt {
  position: absolute;
  background-color: #00bd5d;
  color: #fff;
  z-index: 10;
  padding: 0.25em 1em;
  border-radius: 1em;
  top: calc(50% - 4.5rem);
  left: calc(50% - 3em);
  font-size: 0.8rem;
}
dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list dd {
  height: 100%;
}
dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list ol {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li {
  padding: 1.5rem 0;
}
dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li:first-child {
  position: relative;
  background-color: #e1f8ee;
  border-bottom: 3px solid #00bd5d;
  padding-bottom: 4.5rem;
}
dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li:first-child::after {
  position: absolute;
  top: 100%;
  left: calc(50% - 16px);
  content: "";
  width: 32px;
  height: 1em;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 10;
  background-color: #00bd5d;
}

#recruit-work-at-suzuyasu-overlay {
  display: none;
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0;
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999999;
}
#recruit-work-at-suzuyasu-overlay .overlay-inner {
  overflow: auto;
  height: 100%;
}
#recruit-work-at-suzuyasu-overlay .outer-wrapper {
  margin: 60px;
}
#recruit-work-at-suzuyasu-overlay .wrapper {
  position: relative;
  max-width: 630px;
  margin: 140px auto;
  background-color: #f4f6f4;
  padding: 1.5rem;
}
#recruit-work-at-suzuyasu-overlay button.overlay-close-fixed-button {
  position: fixed;
  top: 50px;
  right: max(2rem, calc(50% - 305px));
  padding: 0;
  background: transparent;
  border: 0;
}
#recruit-work-at-suzuyasu-overlay .button-wrapper {
  text-align: center;
}
#recruit-work-at-suzuyasu-overlay button.overlay-close-button {
  padding: 0.35em 1.25em;
  border-radius: 1em;
  background-color: #00984b;
  color: #fff;
  line-height: 1;
}
#recruit-work-at-suzuyasu-overlay button.overlay-close-button::before {
  trasition: all 0.3s ease-in-out;
  content: "";
  display: inline-block;
  text-align: center;
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5em;
  vertical-align: bottom;
  border-radius: 50%;
  background-color: #fff;
  color: #00984b;
}
#recruit-work-at-suzuyasu-overlay button.overlay-close-button:hover, #recruit-work-at-suzuyasu-overlay button.overlay-close-button:focus, #recruit-work-at-suzuyasu-overlay button.overlay-close-button:active {
  background-color: #fff;
  color: #00984b;
}
#recruit-work-at-suzuyasu-overlay button.overlay-close-button:hover::before, #recruit-work-at-suzuyasu-overlay button.overlay-close-button:focus::before, #recruit-work-at-suzuyasu-overlay button.overlay-close-button:active::before {
  background-color: #00984b;
  color: #fff;
}
#recruit-work-at-suzuyasu-overlay .department-next,
#recruit-work-at-suzuyasu-overlay .department-prev {
  position: fixed;
  display: block;
  padding: 45px 15px;
  width: 50px;
  height: 120px;
  top: calc(50vh - 60px);
  background-color: rgba(128, 128, 128, 0.6);
  cursor: pointer;
}
#recruit-work-at-suzuyasu-overlay .department-prev {
  left: 5px;
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhcnJvdy1sZWZ0LXN2ZyIgZGF0YS1uYW1lPSJhcnJvdy1sZWZ0LXN2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIgMzIiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiBub25lOyBzdHJva2U6ICNmZmY7IHN0cm9rZS1saW5lY2FwOiByb3VuZDsgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsgc3Ryb2tlLXdpZHRoOiAycHg7IH0gPC9zdHlsZT4gPC9kZWZzPiA8cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjIxIDMxIDEgMTYgMjEgMSIvPjwvc3ZnPg==");
}
#recruit-work-at-suzuyasu-overlay .department-next {
  right: 5px;
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf57md772s57mn772k57md772k57md7728XzYiIGRhdGEtbmFtZT0i57md772s57mn772k57md772k57md7728IDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIyIDMyIj4gPGRlZnM+IDxzdHlsZT4gLmNscy0xIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjZmZmOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7IHN0cm9rZS13aWR0aDogMnB4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxIDEgMjEgMTYgMSAzMSIvPjwvc3ZnPg==");
}
#recruit-work-at-suzuyasu-overlay.opened {
  display: block;
}

.recruit-welfare-benefits-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 1rem;
}
.recruit-welfare-benefits-nav li {
  position: relative;
  background-color: #f4f6f4;
  transition: all 0.3s ease-in-out;
}
.recruit-welfare-benefits-nav li:hover, .recruit-welfare-benefits-nav li:active, .recruit-welfare-benefits-nav li:focus {
  transform: translateY(-10px);
}
.recruit-welfare-benefits-nav li a {
  padding: 0.5em;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.recruit-welfare-benefits-nav li::before, .recruit-welfare-benefits-nav li::after {
  position: absolute;
  content: "";
  display: block;
  right: 0;
  bottom: 0;
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0);
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
.recruit-welfare-benefits-nav li::before {
  width: 24px;
  height: 24px;
  background-color: #fff;
}
.recruit-welfare-benefits-nav li::before {
  width: 18px;
  height: 18px;
  background-color: #00ba5d;
  z-index: 5;
}
.recruit-welfare-benefits-nav figure {
  opacity: 0;
  flex: 1 0 auto;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  max-width: 100%;
  gap: 0.5em;
  -webkit-animation-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}
.recruit-welfare-benefits-nav figcaption {
  font-weight: bold;
  font-size: 0.8rem;
  text-align: left;
}
.recruit-welfare-benefits-nav figcaption .annotation {
  color: #00ba5d;
  font-size: 0.75em;
}

table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit {
  border-top: 2px solid #00ba5d;
  margin-top: 3rem;
  padding-top: 3rem;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit dd.text {
  padding-bottom: 3rem;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit dd.figure {
  position: relative;
  border-top: 2px solid #00ba5d;
  text-align: right;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit dd.figure figure.person-in-charge {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit dd.figure figure.person-in-charge figcaption {
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 1em;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit dd.figure img {
  max-width: 60%;
  margin-right: 5%;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit dd.figure::before {
  position: absolute;
  top: -1px;
  left: 50%;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #00ba5d;
  -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%);
  clip-path: polygon(0 0, 90% 0, 100% 100%);
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit.health {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit.health dt {
  color: #ff8100;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit.health dd.figure {
  border-color: #ff8100;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit.health dd.figure::before {
  background-color: #ff8100;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit.instructor {
  border-color: #5399ff;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit.instructor dt {
  color: #5399ff;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit.instructor dd.figure {
  border-color: #5399ff;
}
table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit.instructor dd.figure::before {
  background-color: #5399ff;
}

.recruit-tabbed-nav-inner {
  padding: 1rem 0;
}

.mynavi-link a {
  text-decoration: none;
}

.mynavi-logo-figure {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
.mynavi-logo-figure figcaption::before {
  content: "＼";
}
.mynavi-logo-figure figcaption::after {
  content: "／";
}

body.contact .mw_wp_form {
  max-width: 640px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body.contact .mw_wp_form p {
  padding: 0 0.5rem;
  text-align: left;
}
body.contact .mw_wp_form p input {
  max-width: 100%;
}
body.contact .mw_wp_form p > label {
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.1rem;
  color: #00984b;
  border-bottom: 3px solid #00984b;
}
body.contact .mw_wp_form p.buttons {
  text-align: center;
}
body.contact .mw_wp_form p span.error {
  padding: 3px;
  font-weight: bold;
  font-size: 1rem;
}
body.contact .mw_wp_form p span.require {
  color: #00984b;
  font-weight: bold;
}
body.contact .mw_wp_form p.note {
  text-align: right;
}
body.contact .mw_wp_form input[type=submit].submit-button {
  margin: 3rem 0;
  font-size: 1.2rem;
}
body.contact .mw_wp_form input[type=submit].back-button {
  color: #999;
  border-color: #999;
}
body.contact .mw_wp_form input[type=submit].back-button:hover, body.contact .mw_wp_form input[type=submit].back-button:active, body.contact .mw_wp_form input[type=submit].back-button:focus {
  background-color: #999;
  color: #fff;
}
body.contact .mw_wp_form.mw_wp_form_confirm p.confirm, body.contact .mw_wp_form.mw_wp_form_confirm span.require, body.contact .mw_wp_form.mw_wp_form_confirm p.note {
  display: none;
}
body.contact .mw_wp_form .return-to-contact {
  text-align: center;
}
body.contact .mw_wp_form .return-to-contact a {
  text-decoration: underline;
}
body.contact .mw_wp_form .return-to-contact a:before {
  content: "▶";
  display: inline-block;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

.wp-block-image figcaption {
  margin: 0.5em 0;
  font-weight: bold;
  text-align: center;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: -ms-grid;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  -ms-grid-columns: (1fr)[9];
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

.wp-block-gallery figure.wp-block-image, .wp-block-gallery.has-nested-images figure.wp-block-image {
  -ms-grid-row-align: start !important;
  align-self: start !important;
}
.wp-block-gallery figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  position: relative;
  background: transparent;
  color: #111;
  font-weight: bold;
  font-size: 1rem;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

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

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

.cf {
  display: block;
}

@media screen and (min-width: 320px) {
  /* 320px up */
  #recruit-content-nav ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  #business-foundation-nav ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .recruit-number-data-wrapper {
    gap: 2rem;
  }
}

@media screen and (min-width: 361px) {
  /* 361px up */
  .recruit-work-at-suzuyasu-departments-list dl:not(.in-overlay) {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 481px) {
  /* 481px up */
  body.company-outline figure:not(.corporate-history) table th, body.company-outline figure:not(.corporate-history) table td {
    display: table-cell;
  }
  body.company-outline figure:not(.corporate-history) table th {
    width: 10rem;
  }
  #main-gallery .site-description br {
    display: inline;
  }
  .contents-wrapper ul {
    flex-direction: row;
  }
  .contents-wrapper ul li {
    flex: 0 0 calc((100% - 20px) / 2);
  }
  .contents-wrapper#other-contents ul li {
    flex-basis: calc(50% - 10px);
  }
  .sub-content-wrapper .inner-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.inner-wrapper.interviews .interview-wrapper {
    flex-basis: calc((100% - 1rem) / 2);
  }
  .table-recruitment figure.wp-block-table > table > tbody > tr table th {
    width: 6rem;
  }
  .entry-content .wp-block-group.sdgs-titles .wp-block-group__inner-container {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: end;
  }
  .entry-content .wp-block-group.sdgs-titles .wp-block-group__inner-container figure {
    width: 120px;
  }
  .entry-content .wp-block-group.sdgs-titles .wp-block-group__inner-container figure {
    margin: 0;
    flex: 0 0 auto;
  }
  .entry-content .wp-block-group.sdgs-titles .wp-block-group__inner-container h4 {
    flex: 1 0 auto;
    text-align: left;
    margin-right: 1rem;
    font-size: 28px;
  }
  body.page.branches .entry-content .wp-block-group.media-text-wrapper .wp-block-group.address-wrapper .wp-block-group__inner-container {
    text-align: left;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  body.page.branches .entry-content .wp-block-group.media-text-wrapper .wp-block-group.address-wrapper .wp-block-group__inner-container p.link-button {
    margin-right: 1rem;
  }
  .entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 10em 0 1fr;
    grid-template-columns: 10em 1fr;
    gap: 1em 0;
  }
  .entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container p {
    margin-bottom: 0;
  }
  .entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container ul {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
  }
  .entry-content .wp-block-group.s-one-concept .wp-block-group__inner-container ul li {
    margin: 0;
  }
  .wp-block-table.access-info-company-outline table th {
    border: 0;
  }
  .wp-block-table.access-info-company-outline table tr:not(:last-child) th, .wp-block-table.access-info-company-outline table tr:not(:last-child) td {
    border-bottom: 1px solid #00984b;
  }
  .recruit-human-resource.recruit-section-content h3 {
    font-size: 1.6rem;
  }
  .recruit-work.recruit-section-content .recruit-readmore {
    margin-top: -2.35em;
  }
  .recruit-interview.recruit-section-content .interview-link h3 {
    grid-area: head;
  }
  .recruit-interview.recruit-section-content .interview-link p.interview-name {
    grid-area: name;
  }
  .recruit-interview.recruit-section-content .interview-link .dashed-text span {
    padding: 0 1rem;
  }
  .recruit-interview.recruit-section-content .interview-link figure {
    grid-area: image;
  }
  .recruit-interview.recruit-section-content .interview-link .text {
    display: -ms-grid;
    display: grid;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    grid-template-areas: "head image" "name image" "readmore image";
    -ms-grid-columns: calc(40% - .5rem) 1rem calc(60% - .5rem);
    grid-template-columns: calc(40% - .5rem) calc(60% - .5rem);
  }
  .recruit-interview.recruit-section-content .interview-link h3 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .recruit-interview.recruit-section-content .interview-link p.interview-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .recruit-interview.recruit-section-content .interview-link .recruit-readmore {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .recruit-interview.recruit-section-content .interview-link figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .recruit-interview.recruit-section-content .interview-link .image {
    text-align: right;
  }
  .recruit-interview.recruit-section-content .interview-link.round-table-talk .text {
    -ms-grid-columns: calc(52.4676% - .5rem) calc(47.5324% - .5rem);
    grid-template-columns: calc(52.4676% - .5rem) calc(47.5324% - .5rem);
  }
  .recruit-interview-content.member-talk figure.fixed-image figcaption {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .recruit-number-data.regular-sq img {
    height: 71px;
  }
  ul.recruit-number-pie-graph-text li:first-child {
    font-size: 1rem;
  }
  ul.recruit-number-pie-graph-text li:first-child dt {
    margin-left: 0;
  }
  ul.recruit-number-pie-graph-text li:not(:first-child) {
    font-size: 0.7rem;
  }
  ul.recruit-number-pie-graph-text li:not(:first-child) .num-unit {
    font-size: 1.2rem;
  }
  .round-table-talk-member-list {
    padding: 0 8%;
  }
  figure.round-table-talk-members {
    margin: 3rem auto;
  }
  figure.round-table-talk-members figcaption {
    font-size: 1.5rem;
    left: 3rem;
    bottom: 3rem;
  }
  figure.round-table-talk-members .dashed-text::after {
    margin-left: -3rem;
  }
  .recruit-work-at-suzuyasu-departments-list .department-unit:not(.full) {
    margin-bottom: 10.52632%;
  }
}

@media screen and (min-width: 641px) {
  /* 641px up */
  #main-gallery .site-description h2 {
    font-size: 2.4rem;
  }
  #main-gallery .site-description p {
    font-size: 1.2rem;
  }
  #main-gallery .information li a {
    flex-direction: row;
  }
  .contents-wrapper .text-wrapper {
    padding: 0.75em 1.75em;
  }
  .entry-content > .wp-block-group:not(.interviewee) > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container {
    padding: 1.5rem;
  }
  .sub-content-wrapper .inner-wrapper .text-wrapper {
    padding: 1rem;
  }
  body.recruit-content .entry-content .sub-content-wrapper h2 > span {
    min-height: 5.6em;
  }
  body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper {
    width: calc(100% - 13rem);
    margin-top: -8em;
    margin-left: auto;
    margin-right: 0;
  }
  body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper > .wp-block-group__inner-container {
    padding-left: 3rem !important;
  }
  .wp-block-group.business-lead-description .wp-block-group__inner-container {
    flex-direction: row;
  }
  body.page .entry-content .wp-block-group.business-lead-description h2 {
    margin: 0 -3rem 0 0;
  }
  .wp-block-group.business-lead-description .wp-block-group.description-wrapper {
    margin: 0;
  }
  .wp-block-group.business-lead-description .wp-block-group.description-wrapper .wp-block-group__inner-container {
    padding: 1.5rem 1.5rem 1.5rem 4.5rem !important;
  }
  #recruit-content-nav ul {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  body.page.faq .entry-content h2 {
    font-size: 1.2rem;
  }
  body.page.faq .entry-content h2:before {
    font-size: 4.8rem;
  }
  body.page.faq .entry-content p, body.page.faq .entry-content ul {
    font-size: 1.2rem;
  }
  body.page.faq .entry-content .wp-block-group.answer:before {
    font-size: 4.8rem;
  }
  .looped-content li a {
    flex-direction: row;
  }
  p.number-lead br,
p.interview-01-lead br {
    display: inline;
  }
  body.page.special-interviews.special-interview-01 .entry-content h2 {
    font-size: 2.4rem;
  }
  .wp-block-group.interview-01-unit > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }
  .wp-block-group.interview-01-unit > .wp-block-group__inner-container .wp-block-image:after {
    display: none;
  }
  .wp-block-group.interview-01-unit > .wp-block-group__inner-container .wp-block-image {
    flex: 0 0 120px;
    margin: 0 1rem 0 0;
    border-right: 2px solid #00984b;
    padding: 1rem 1rem 1rem 0;
  }
  .wp-block-group.interview-01-unit > .wp-block-group__inner-container .wp-block-image img {
    width: initial;
  }
  body.number .wp-block-group.grid-item {
    width: calc(50% - 2px);
  }
  .recruit-section-content .inner.work-at-suzuyasu-inner, .recruit-section-content .inner.welfare-benefits-and-education-inner {
    padding: 1rem 3rem;
  }
  .recruit-section-content .section-header .inner {
    padding: 1rem 3rem;
  }
  .recruit-interview-nav .inner {
    max-width: 780px;
  }
  .recruit-interview-nav li {
    flex: 0 0 calc((100% - 6rem) / 4);
  }
  .recruit-number-data:nth-child(2n+1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  .recruit-number-data:nth-child(2n+1).style-1-3 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .recruit-number-data:nth-child(2n+1).style-2-3 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/5;
  }
  .recruit-number-data:nth-child(2n) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    grid-column: 4/7;
  }
  .recruit-number-data:nth-child(2n).style-1-3 {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5/7;
  }
  .recruit-number-data:nth-child(2n).style-2-3 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 4;
    grid-column: 3/7;
  }
  .recruit-number-data h3 {
    font-size: 0.9rem;
  }
  .recruit-number-data h4 {
    font-size: 0.7rem;
  }
  .recruit-number-data .num-unit {
    font-size: 2rem;
  }
  .recruit-number-data.style03 {
    -ms-grid-columns: 42px auto 42px;
    grid-template-columns: 42px auto 42px;
  }
  .recruit-number-data.style03.data05 {
    -ms-grid-columns: 66px auto 66px;
    grid-template-columns: 66px auto 66px;
  }
  .about-suzuyasu .recruit-number-data.style01.data02 {
    -ms-grid-columns: 60% 40%;
    grid-template-columns: 60% 40%;
  }
  .about-suzuyasu .recruit-number-data.style01.data02 figure img {
    width: 100%;
  }
  .about-suzuyasu .recruit-number-data.data05 {
    padding-bottom: 0.5rem;
  }
  .working-condition .recruit-number-data:nth-child(3n), .workers .recruit-number-data:nth-child(3n) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5/7;
  }
  .working-condition .recruit-number-data:nth-child(3n+2), .workers .recruit-number-data:nth-child(3n+2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
  }
  .working-condition .recruit-number-data:nth-child(3n+1), .workers .recruit-number-data:nth-child(3n+1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .working-condition .recruit-number-data.style02:nth-child(2n+1), .workers .recruit-number-data.style02:nth-child(2n+1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  .working-condition .recruit-number-data.style02:nth-child(2n), .workers .recruit-number-data.style02:nth-child(2n) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    grid-column: 4/7;
  }
  .workers .recruit-number-data:nth-child(3n) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .workers .recruit-number-data:nth-child(3n+2) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-column: 5/7;
  }
  .workers .recruit-number-data:nth-child(3n+1) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
  }
  ul.recruit-number-pie-graph-text li:first-child {
    top: 0;
    left: auto;
    right: auto;
  }
  ul.recruit-number-pie-graph-text li:not(:first-child) {
    font-size: 0.75rem;
  }
  .recruit-entry-links li {
    margin: 0 30px;
    display: inline-block;
  }
  .recruit-tabbed-content .text-figre-wrapper {
    -ms-grid-columns: 25% 1fr;
    grid-template-columns: 25% 1fr;
  }
  ol.human-resource-employment-process li {
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
  }
  ol.human-resource-employment-process li::before {
    width: 60px;
  }
  .human-resource-access-list .access-unit {
    -ms-grid-columns: 1fr 10em 6em;
    grid-template-columns: 1fr 10em 6em;
  }
  .human-resource-access-list .access-unit dt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .wp-block-image figure.alignright, .wp-block-image figure.alignleft {
    max-width: 50%;
  }
}

@media screen and (min-width: 768px) {
  /* 768px up */
  body:not(.home) #page {
    padding-top: 136px;
  }
  #masthead .inner {
    height: initial;
    align-items: flex-end;
    padding: 0 0 0 1rem;
  }
  #masthead .site-branding {
    padding-bottom: 1rem;
  }
  #masthead h1.site-title, #masthead div.site-title {
    line-height: 25px;
    width: 200px;
  }
  body.scrolled #masthead .site-branding {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  body.scrolled #masthead h1.site-title, body.scrolled #masthead div.site-title {
    line-height: 21px;
    width: 180px;
  }
  #colophon .footer-nav-wrapper ul#footer-menu {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  #colophon .footer-nav-wrapper ul#footer-menu > li:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
  #colophon .privacy-policy ul {
    flex-direction: row;
  }
  .main-navigation .metal-one-link {
    width: 180px;
    display: block;
    margin: 1rem;
  }
  .main-navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
  }
  .main-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative;
  }
  .main-navigation ul > li a {
    padding: 8px 0.75em;
    margin: 0 5px;
    color: #111;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  .main-navigation ul > li > a {
    padding: 8px 0;
    font-family: "IBM Plex Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
  }
  .main-navigation ul > li > a > span {
    display: inline-block;
    padding: 0.25em 1em 0.25em 1em;
    border-radius: 2em;
  }
  .main-navigation ul > li > a:hover, .main-navigation ul > li > a:focus, .main-navigation ul > li > a:active {
    color: #fff;
    background-color: #00984b;
  }
  .main-navigation ul > li.recruit-parent-menu > a > span {
    position: relative;
    padding-right: 3em;
    background-color: #00984b;
    color: #fff;
    border: 2px solid #00984b;
    transition: all 0.3s ease-in-out;
  }
  .main-navigation ul > li.recruit-parent-menu > a > span::after {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJoZWFkZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3LjYgMTMuMjgiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiBub25lOyBzdHJva2U6ICMwMGI5NWQ7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAycHg7IH0gPC9zdHlsZT4gPC9kZWZzPiA8cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjguNjggLjc4IDE2IDYuNjQgOC42OCAxMi40OSIvPiA8bGluZSBjbGFzcz0iY2xzLTEiIHkxPSI2LjY0IiB4Mj0iMTYiIHkyPSI2LjY0Ii8+PC9zdmc+") no-repeat center center;
    background-color: #baffd1;
    background-size: 12px 12px;
    color: #00984b;
    border-radius: 50%;
    right: 4px;
    top: 4px;
    font-size: 16px;
    line-height: 1;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
  }
  .main-navigation ul > li.recruit-parent-menu > a:hover, .main-navigation ul > li.recruit-parent-menu > a:active, .main-navigation ul > li.recruit-parent-menu > a:focus {
    background-color: initial;
  }
  .main-navigation ul > li.recruit-parent-menu > a:hover > span, .main-navigation ul > li.recruit-parent-menu > a:active > span, .main-navigation ul > li.recruit-parent-menu > a:focus > span {
    background-color: #fff;
    color: #00984b;
  }
  .main-navigation ul > li.recruit-parent-menu > a:hover > span::after, .main-navigation ul > li.recruit-parent-menu > a:active > span::after, .main-navigation ul > li.recruit-parent-menu > a:focus > span::after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJoZWFkZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3LjYgMTMuMjgiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiBub25lOyBzdHJva2U6ICNmZmY7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAycHg7IH0gPC9zdHlsZT4gPC9kZWZzPiA8cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjguNjggLjc4IDE2IDYuNjQgOC42OCAxMi40OSIvPiA8bGluZSBjbGFzcz0iY2xzLTEiIHkxPSI2LjY0IiB4Mj0iMTYiIHkyPSI2LjY0Ii8+PC9zdmc+");
    background-color: #00984b;
  }
  .main-navigation ul > li.recruit-parent-menu.hover > a, .main-navigation ul > li.recruit-parent-menu.active > a, .main-navigation ul > li.recruit-parent-menu.focus > a {
    background-color: initial;
  }
  .main-navigation ul > li.menu-item-has-children > a {
    cursor: pointer;
  }
  .main-navigation ul > li.focus a {
    background-color: #00984b;
    color: #fff;
  }
  .main-navigation ul .sub-menu {
    display: flex;
    position: absolute;
    top: 48px;
    left: 120%;
    right: -120%;
    height: calc(100vh - 80px);
    min-width: 36rem;
    z-index: 999999;
    border-top: 1px solid #00984b;
    background-color: #fff;
    border-left: 1px solid #fff;
    overflow: auto;
    visibility: hidden;
  }
  .main-navigation ul .sub-menu ul {
    display: block;
    flex-shrink: 0;
    background-color: #00984b;
    padding: 2.4em 1em;
    min-width: 18em;
  }
  .main-navigation ul .sub-menu li {
    margin: 1.25em 0;
  }
  .main-navigation ul .sub-menu a {
    text-transform: none;
    color: #fff;
    border-left: 5px solid #fff;
    line-height: 1.2;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  .main-navigation ul .sub-menu a:hover, .main-navigation ul .sub-menu a:focus, .main-navigation ul .sub-menu a:active {
    background-color: #fff;
    color: #00984b;
  }
  .main-navigation ul .sub-menu .page-description {
    padding: 1em;
    width: 18rem;
  }
  .main-navigation ul .sub-menu .page-description h3 {
    font-size: 2.4em;
    font-family: "Catamaran", "IBM Plex Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 1rem;
    color: #00984b;
  }
  .main-navigation ul .sub-menu .page-description .page-image {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-navigation ul > li.focus > .sub-menu {
    transition: left 0.5s ease-in-out, right 0.5s ease-in-out;
    left: auto;
    right: 0;
    visibility: visible;
  }
  .main-navigation li {
    display: block;
    text-decoration: none;
    color: #111;
    font-weight: bold;
  }
  .main-navigation li:hover, .main-navigation li:focus {
    color: #00984b;
  }
  .main-navigation a {
    display: block;
    text-decoration: none;
  }
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
  #main-gallery {
    min-height: 760px;
  }
  #main-gallery .swiper {
    height: calc(100vh - 10rem - 136px);
    min-height: 760px;
    max-height: 1000px;
    margin-top: 136px;
  }
  #main-gallery .swiper-slide.slide01 {
    background-size: 75%;
  }
  #main-gallery .swiper-slide.slide02 {
    background-size: 75%, contain;
  }
  #main-gallery .swiper-slide.slide04 {
    background-image: url("images/slides/slide04.webp?2025071702");
    background-position: center center;
  }
  #main-gallery .swiper-slide.slide05 {
    background-image: url("images/slides/slide05.webp?2025072201");
    background-position: top center;
  }
  #main-gallery .swiper-slide.slide06 {
    background-image: url("images/slides/slide06.webp?2025071702");
  }
  #main-gallery .swiper-slide.slide07 {
    background-image: url("images/slides/slide07.webp?2025072201");
    background-position: top center;
  }
  #main-gallery .swiper-slide.slide08 {
    background-image: url("images/slides/slide08.webp?2025071702");
    background-position: center center;
  }
  #main-gallery .swiper-slide.slide09 {
    background-image: url("images/slides/slide09.webp?2025071702");
    background-position: center left;
  }
  #main-gallery .swiper-slide.slide10 {
    background-image: url("images/slides/slide10.webp?2025071702");
    background-position: center center;
  }
  #main-gallery .swiper-slide.slide11 {
    background-image: url("images/slides/slide11.webp?2025071702");
  }
  #main-gallery .site-description {
    height: calc(100vh - 10rem - 136px);
    min-height: 760px;
    bottom: 8.4rem;
  }
  #main-gallery .site-description .wrapper {
    margin-bottom: 2rem;
  }
  #main-gallery .site-description {
    bottom: 6.9rem;
  }
  #main-gallery .site-description h2 {
    font-size: 3.2rem;
  }
  #main-gallery .site-description p {
    font-size: 1.8rem;
  }
  #main-gallery .information .inner {
    padding: 1rem 0;
  }
  #main-gallery .information ul {
    padding: 0 2.5rem;
  }
  .contents-wrapper h2 {
    font-size: 6.4rem;
  }
  .contents-wrapper h3 {
    font-size: 3.2rem;
  }
  .contents-wrapper br {
    display: inline;
  }
  .contents-wrapper ul li {
    flex: 0 0 calc((100% - 40px) / 3);
  }
  .contents-wrapper#other-contents ul li:nth-child(4), .contents-wrapper#other-contents ul li:nth-child(5) {
    flex: 0 0 calc((50% - 30px) / 2);
  }
  .contents-wrapper#other-contents ul li:nth-child(4) .inner, .contents-wrapper#other-contents ul li:nth-child(5) .inner {
    height: calc(100% - 24px - 1rem - 2px);
  }
  .contents-wrapper#other-contents ul li:nth-child(4) img, .contents-wrapper#other-contents ul li:nth-child(5) img {
    position: absolute;
    max-width: initial;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .contents-wrapper#other-contents ul li:nth-child(5) img {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
  #about-suzuyasu .sub-content .each-content .inner {
    flex-direction: row-reverse;
  }
  #about-suzuyasu .sub-content .each-content .inner img {
    width: 100%;
  }
  #about-suzuyasu .sub-content .each-content.iron-plate .inner {
    flex-direction: row;
  }
  .entry-content .wp-block-group.promise > .wp-block-group__inner-container .wp-block-group__inner-container {
    flex-direction: row;
  }
  .entry-content .wp-block-group.promise > .wp-block-group__inner-container .wp-block-group__inner-container h3 {
    margin: 0;
    padding: 1.5rem 0;
    flex: 0 0 15rem;
    border-bottom: 0;
    border-right: 2px solid #ccc;
  }
  .entry-content .wp-block-group.promise > .wp-block-group__inner-container .wp-block-group__inner-container p {
    padding: 1.5rem;
    margin: 0;
  }
  .entry-content .wp-block-group.agenda ol {
    margin: 2rem;
    padding: 2rem;
  }
  .entry-content .wp-block-group.agenda li {
    font-size: 1.1rem;
  }
  .background-area {
    content: url(images/background-suzuyasu.jpg);
  }
  body.page.business .sub-content-wrapper .inner-wrapper > .wp-block-group__inner-container {
    flex-direction: row;
    align-items: center;
  }
  body.business .entry-content .sub-content-wrapper h2 > span {
    width: 22rem;
  }
  .sub-content-wrapper ol.process-list {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .sub-content-wrapper ol.process-list li {
    flex: 0 0 calc((100% - 8em) / 3 + 2em);
    margin-bottom: 2em;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }
  .sub-content-wrapper ol.process-list li span {
    position: relative;
    width: 100%;
    height: auto;
  }
  .sub-content-wrapper ol.process-list li span::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .sub-content-wrapper ol.process-list li span > .inner, .sub-content-wrapper ol.process-list li span > iframe, .sub-content-wrapper ol.process-list li span > .wp-block-group__inner-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .sub-content-wrapper ol.process-list li:first-child {
    flex-basis: calc((100% - 8em) / 3);
  }
  .sub-content-wrapper ol.process-list li:not(:first-child):before {
    width: 2em;
    flex-direction: row;
    content: "▶";
  }
  .wp-block-group.business-section-block .wp-block-group__inner-container {
    flex-direction: row;
  }
  .wp-block-group.business-section-block h3 {
    margin: 0;
  }
  .wp-block-group.business-section-block ul, .wp-block-group.business-section-block ol, .wp-block-group.business-section-block p {
    margin: 0;
  }
  .wp-block-group.business-section-block .wp-block-gallery.columns-2 {
    max-width: 316px;
    height: 100%;
  }
  .wp-block-group.business-section-block .wp-block-gallery.columns-2 > figure:nth-last-child(-n+2) {
    margin-bottom: 0 !important;
  }
  .wp-block-group.business-section-block .wp-block-gallery.columns-3 > figure:nth-last-child(-n+4) {
    margin-bottom: 0 !important;
  }
  .wp-block-group.business-section-block .wp-block-gallery.columns-4 > figure:nth-last-child(-n+4) {
    margin-bottom: 0 !important;
  }
  .table-recruitment figure.wp-block-table table th, .table-recruitment figure.wp-block-table table td {
    text-align: left;
    display: table-cell;
  }
  .table-recruitment figure.wp-block-table > table > tbody > tr > th {
    width: 8rem;
  }
  .table-recruitment figure.wp-block-table > table > tbody > tr table td:first-of-type {
    width: 6rem;
  }
  .entry-content .wp-block-group.sustainable-development-goals > .wp-block-group__inner-container {
    flex-direction: row;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    align-items: start;
  }
  .entry-content .wp-block-group.sustainable-development-goals > .wp-block-group__inner-container figure {
    flex: 0 0 48%;
  }
  body.page.branches .entry-content .wp-block-group.media-text-wrapper > .wp-block-group__inner-container {
    flex-direction: row-reverse;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
  body.page.branches .entry-content .wp-block-group.media-text-wrapper .wp-block-image {
    margin: 0;
  }
  body.page.branches .entry-content ul.branch-info {
    border: 0;
    border-left: 3px solid #00984b;
  }
  .entry-content .wp-block-group.s-one-themes > .wp-block-group__inner-container {
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    align-items: start;
  }
  .entry-content .wp-block-group.s-one-themes > .wp-block-group__inner-container .wp-block-group {
    margin: 0;
    flex: 0 0 60%;
  }
  .entry-content .wp-block-group.s-one-themes > .wp-block-group__inner-container .wp-block-image {
    flex: 0 0 calc(40% - 1rem);
  }
  .wp-block-media-text.interviewee-profile {
    max-width: 840px;
  }
  .wp-block-media-text.interviewee-profile .wp-block-media-text__content {
    padding: 0 1rem 0 0;
  }
  .wp-block-media-text.interviewee-profile .wp-block-media-text__content p {
    font-size: 1.4rem !important;
    padding-left: 1em;
  }
  .wp-block-media-text.interviewee-profile.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 1rem;
  }
  .wp-block-media-text.interviewee-profile.has-media-on-the-right .wp-block-media-text__content p {
    text-align: right;
    padding-right: 1em;
  }
  br.only-sp {
    display: none;
  }
  br.only-pc {
    display: inline;
  }
  .recruit-section-content.steel-service-center figure {
    padding: 1rem;
  }
  .recruit-section-content.steel-service-center {
    padding: 5rem 0;
  }
  .recruit-section-content.steel-service-center img.sp {
    display: none;
  }
  .recruit-section-content.steel-service-center img.pc {
    display: inline;
  }
  .entry-header.recruit .ja-title {
    font-size: 2.4rem;
    padding: 0.5em 1.5em;
  }
  .entry-header.recruit-interview,
.entry-header.recruit-gradient-header {
    min-height: 450px;
  }
  .entry-header.recruit-interview .entry-title .inner,
.entry-header.recruit-gradient-header .entry-title .inner {
    padding: 1.5rem;
  }
  .entry-header.recruit-gradient-header::before {
    background: linear-gradient(to right, #fff 35%, transparent);
  }
  .entry-header.recruit-gradient-header.recruit-human-resource {
    background-position: 497px -200px, 697px -100px, 897px -200px;
  }
  .entry-header.recruit-gradient-header.recruit-work-at-suzuyasu::before {
    background: linear-gradient(to right, #fff 35%, transparent);
  }
  .entry-header.recruit-gradient-header.recruit-work-at-suzuyasu {
    background-position: top -150px right -200px;
  }
  .recruit-human-resource.recruit-section-content {
    padding-top: 100px;
    background-position: center top;
    margin-bottom: 100px;
  }
  .recruit-number.recruit-section-content p.name {
    max-width: 20em;
  }
  .recruit-work.recruit-section-content {
    padding: 100px 0;
  }
  .recruit-work.recruit-section-content .inner-wrapper {
    padding: 100px 0;
  }
  .recruit-work.recruit-section-content .text-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
  }
  .recruit-work.recruit-section-content .text {
    flex: 1 1 auto;
  }
  .recruit-work.recruit-section-content figure {
    flex: 0 0 44%;
  }
  .recruit-work.recruit-section-content figure img {
    max-width: 100%;
  }
  .recruit-welfare.recruit-section-content .text-wrapper {
    flex-direction: row;
  }
  .recruit-interview.recruit-section-content .interview-link h3 {
    width: 100%;
    margin: 1em 0;
    padding: 0 2.5rem;
  }
  .recruit-interview.recruit-section-content .interview-link p.interview-name {
    margin: 0 1.5rem 1.5rem;
  }
  .section-header.human-resource {
    margin-top: 5rem;
  }
  .section-header.layered-header {
    margin-bottom: 3rem;
  }
  .section-header.human-resource-recruitment .en-title {
    padding-left: 1em;
  }
  .section-header.human-resource-recruitment .ja-title {
    padding-left: 1em;
  }
  .recruit-section-content .section-header.human-resource-recruitment .inner {
    padding: 1rem;
  }
  .recruit-interview-content.person, .recruit-interview-content.career-stage {
    margin-top: 0;
  }
  .recruit-interview-content .profile-wrapper, .recruit-interview-content .interview-unit {
    width: calc(40% - 1rem);
  }
  .recruit-interview-content .members-talk-question {
    width: calc(50% - 1rem);
  }
  .recruit-interview-content figure.fixed-image {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: calc(40% + 4rem - 2px);
    max-height: 980px;
    height: calc(100vh - 45px);
  }
  .recruit-interview-content figure.fixed-image.sp {
    display: none;
  }
  .recruit-interview-content figure.fixed-image.pc {
    display: block;
  }
  .recruit-interview-content figure.fixed-image.scrolled {
    position: fixed;
    top: 45px;
    left: calc(40% + 5rem);
  }
  .recruit-interview-content figure.fixed-image.bottomed {
    position: absolute;
    top: auto;
    bottom: 0;
  }
  .recruit-interview-content .time-schedule-header figure.sp, .recruit-interview-content .time-schedule-unit figure.sp {
    display: none;
  }
  .recruit-interview-content .time-schedule-header figure.pc, .recruit-interview-content .time-schedule-unit figure.pc {
    display: block;
  }
  .recruit-interview-content .time-schedule-header figure.pc.bottomed, .recruit-interview-content .time-schedule-unit figure.pc.bottomed {
    display: flex;
    justify-content: end;
    align-items: end;
  }
  .recruit-interview-content.person .interview-inner {
    margin-left: 2rem;
    margin-right: 0;
  }
  .recruit-interview-content.person .profile {
    margin-bottom: 4rem;
  }
  .recruit-interview-content.person.career-stage .profile {
    margin-bottom: 60vh;
  }
  .recruit-interview-content.person .time-schedule-header {
    width: calc(40% - 1rem);
  }
  .recruit-interview-content.person .time-schedule-unit {
    width: calc(40% - 1rem);
  }
  .recruit-interview-content.person .time-schedule-unit.career-stage {
    margin-top: 60vh;
  }
  .recruit-interview-content.member-talk {
    padding-right: 0;
  }
  .recruit-interview-content.member-talk .cross-talk-members .text {
    padding: 4rem 0;
  }
  .recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) {
    width: calc(50% - 1rem);
  }
  .recruit-interview-content.member-talk figure.fixed-image {
    margin: 0;
    left: calc(50% + 1rem);
  }
  .recruit-interview-content.member-talk figure.fixed-image.scrolled {
    left: calc(50% + 1.25rem);
  }
  .recruit-interview-content.member-talk .in-content-image {
    margin-left: 0;
    margin-right: 0;
  }
  .entry-header.recruit-number .image-wrapper {
    text-align: right;
    margin-top: calc(-59px - 2.25rem - 2.6226em);
  }
  .entry-header.recruit-welfare-benefits-and-education .inner {
    flex-direction: row;
  }
  .recruit-number-annotation {
    margin-top: -2.5em;
  }
  .recruit-number-content {
    margin: 0 10%;
  }
  .recruit-number-data {
    padding: 1.5rem;
  }
  .recruit-message-content .message-inner {
    -ms-grid-columns: 51.16% 1fr;
    grid-template-columns: 51.16% 1fr;
  }
  .recruit-message-content .message-inner .text {
    padding: 0 1rem 0 8%;
  }
  .recruit-message-content .message-inner figure {
    padding-right: 0;
  }
  .recruit-message-content.recruit-human-resource-content {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .recruit-message-content.recruit-human-resource-content p {
    line-height: 3;
  }
  .round-table-talk-member-wrapper {
    background-position: left -20px center;
    background-repeat: no-repeat;
    background-size: auto;
  }
  .round-table-talk-member-list {
    margin: 7.5rem auto;
    padding: 0 1rem;
  }
  .round-table-talk-member-list .member {
    -ms-grid-columns: 226px 1.5rem 60px 1fr;
    grid-template-columns: 226px 1.5rem 60px 1fr;
    -ms-grid-rows: 2rem calc(60px - 2rem) 1.25rem 1fr;
    grid-template-rows: 2rem calc(60px - 2rem) 1.25rem 1fr;
  }
  .round-table-talk-member-list .member > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .round-table-talk-member-list .member > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .round-table-talk-member-list .member > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .round-table-talk-member-list .member > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .round-table-talk-member-list .member > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .round-table-talk-member-list .member > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .round-table-talk-member-list .member > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .round-table-talk-member-list .member > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
  .round-table-talk-member-list .member > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .round-table-talk-member-list .member > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .round-table-talk-member-list .member > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .round-table-talk-member-list .member > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }
  .round-table-talk-member-list .member > *:nth-child(13) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .round-table-talk-member-list .member > *:nth-child(14) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .round-table-talk-member-list .member > *:nth-child(15) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
  }
  .round-table-talk-member-list .member > *:nth-child(16) {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
  }
  .round-table-talk-member-list dt, .round-table-talk-member-list dd {
    -ms-grid-row-align: center;
    align-self: center;
  }
  .round-table-talk-member-list dd.photo {
    width: 226px;
  }
  .recruit-tabbed-nav.recruit-human-resource-recruitment-nav {
    padding: 0 1rem;
  }
  .recruit-tabbed-nav.recruit-human-resource-recruitment-nav ul {
    margin: 0 1.3rem;
  }
  .recruit-tabbed-nav ul {
    font-size: 1rem;
  }
  .recruit-tabbed-content-unit.human-resource-recruitment-unit {
    margin: 0 2.3rem;
  }
  .recruit-tabbed-content {
    padding: 3rem;
    margin-bottom: 5rem;
  }
  table.recruit-recruiment-table {
    border-collapse: collapse;
  }
  table.recruit-recruiment-table th {
    width: 24%;
    padding: 3em 0;
    display: table-cell;
    border-bottom: 2px solid;
    border-color: #00b964;
  }
  table.recruit-recruiment-table td {
    padding: 1em 0;
    padding: 3em 0 3em 3em;
    display: table-cell;
    border-bottom: 2px solid;
    border-color: #96a596;
  }
  table.recruit-recruiment-table.welfare-benefits-table.welfare-benefits tr:first-child th {
    border-top: 2px solid;
    border-color: #00b964;
  }
  table.recruit-recruiment-table.welfare-benefits-table.welfare-benefits tr:first-child td {
    border-top: 2px solid;
    border-color: #96a596;
  }
  table.recruit-recruiment-table .position-wrapper .sub-item {
    flex-direction: row;
  }
  .steel-distribution-inner {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .steel-distribution-inner figure {
    order: 2;
  }
  .steel-distribution-inner .text {
    order: 1;
  }
  .recruit-work-at-suzuyasu-departments-list dl:not(.in-overlay) {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .recruit-work-at-suzuyasu-departments-list dl:not(.in-overlay)::before {
    content: "";
    display: block;
    order: 2;
  }
  .recruit-work-at-suzuyasu-departments-list .department-unit:not(.full) {
    margin-bottom: 16.666666%;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart {
    -ms-grid-columns: 22% 1fr 24%;
    grid-template-columns: 22% 1fr 24%;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart br.sp {
    display: none;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: -webkit-min-content 1fr;
    -ms-grid-rows: min-content 1fr;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt {
    padding: 1em;
    margin-bottom: 0.75rem;
    flex: 0 0 auto;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt::after {
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    top: 0;
    left: 100%;
    width: 1em;
    height: 100%;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt > span {
    flex-direction: row;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dt > span::before {
    margin-bottom: 0;
    margin-right: 0.5em;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dd {
    grid-column: initial;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .chart-unit > dd::after {
    top: calc(50% - 16px);
    left: 100%;
    width: 1em;
    height: 32px;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart figcaption {
    margin: 1em 0;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .production > dd {
    border-radius: 0 0 0 1rem;
    padding: 3rem 0;
    border-bottom: 0;
    border-right: 3px solid #fe6a00;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .production img:first-child {
    margin: 0 -20px -10px 0;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .production img:nth-child(2) {
    margin: 0 0 1rem -20px;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dt {
    grid-row: initial;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dt {
    border-radius: 0 1rem 0 0;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd {
    border-top: 0;
    padding: 2rem 0;
    border-left: 3px solid #2a9df8;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd:nth-of-type(1) {
    border-top: 0;
    grid-column: initial;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd:nth-of-type(2) {
    grid-column: initial;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart .end-user > dd:last-of-type {
    grid-column: initial;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list dt {
    top: calc(50% + 16px + 1.5em);
    left: calc(45% - 3em);
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list ol {
    -ms-grid-columns: 45% 55%;
    grid-template-columns: 45% 55%;
    height: 100%;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li {
    padding: 3rem 0;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li:first-child {
    border-bottom: 0;
    border-right: 3px solid #00bd5d;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li:first-child figcaption {
    margin-bottom: -0.5em;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li:first-child img {
    margin-bottom: 1rem;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li:first-child::after {
    top: calc(50% - 16px);
    left: 100%;
    width: 1em;
    height: 32px;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li:nth-child(2) figcaption {
    margin-bottom: -0.5em;
  }
  dl.work-at-suzuyasu-suzuyasu-position-chart dl.sub-list li:nth-child(2) img:last-of-type {
    margin-bottom: 0.75rem;
  }
  #recruit-work-at-suzuyasu-overlay .wrapper {
    padding: 3rem;
  }
  .recruit-welfare-benefits-nav ul {
    -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr 2rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
  .recruit-welfare-benefits-nav figure {
    justify-content: space-evenly;
  }
  .recruit-welfare-benefits-nav figcaption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 0.75rem;
  }
  table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit dd.figure figure.person-in-charge {
    flex-direction: row-reverse;
  }
  table.recruit-recruiment-table dl.welfare-benefits-members-voice-unit dd.figure img {
    max-width: 40%;
  }
  .bottom-image.sp.time-schedule-image {
    display: none;
  }
}

@media screen and (min-width: 980px) {
  /* 768px up */
  .recruit-message-content .message-inner {
    padding-right: calc(50% - 490px);
  }
}

@media screen and (min-width: 1030px) {
  /* 1030px up */
  #colophon .footer-nav-wrapper {
    display: flex;
    gap: 1rem;
  }
  #colophon .footer-nav-wrapper .footer-navigation {
    flex-shrink: 0;
    width: 65%;
  }
  #colophon .company-address {
    text-align: left;
  }
  #colophon .company-address .logo-metal-one {
    text-align: left;
  }
  #colophon .company-address .logo-metal-one li {
    max-width: 50%;
    margin-left: 0;
    margin-right: auto;
  }
  .contents-wrapper {
    margin: 3.75em 0;
    padding: 3.75em;
  }
  .contents-wrapper .content-inner {
    flex-direction: row;
    align-items: center;
  }
  .contents-wrapper#business-contents .content-inner {
    flex-direction: row-reverse;
  }
  #about-suzuyasu .content-inner {
    flex-direction: row;
  }
  #about-suzuyasu .coil-center {
    margin: 0;
  }
  #about-suzuyasu .coil-center h2 {
    font-size: 4.8rem;
  }
  #about-suzuyasu .coil-center h3 {
    font-size: 2.8rem;
  }
  #about-suzuyasu .sub-content {
    margin: 1rem auto;
  }
  #about-suzuyasu .sub-content .each-content .inner {
    flex-direction: column;
  }
  #about-suzuyasu .sub-content .each-content.iron-plate .inner {
    flex-direction: column;
  }
  body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.text-media > .wp-block-group__inner-container {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.text-media > .wp-block-group__inner-container .text-wrapper {
    flex: 0 0 60%;
  }
  body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.text-media > .wp-block-group__inner-container .wp-block-image {
    flex: 0 0 40%;
  }
  body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper.inner-wrapper.interviews .interview-wrapper {
    flex-basis: calc((100% - 2rem) / 3);
  }
  .table-recruitment figure.wp-block-table > table > tbody > tr table th {
    width: 12rem;
  }
  .entry-content .wp-block-columns.tetsu-one-points {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
  .entry-content .wp-block-columns.tetsu-one-points .wp-block-column > ul {
    margin: 0 0 0 18%;
  }
  .wp-block-group.interview-01-unit > .wp-block-group__inner-container .wp-block-image {
    flex-basis: 150px;
  }
  .wp-block-table.access-info-company-outline table th, .wp-block-table.access-info-company-outline table td {
    width: 14.5rem !important;
  }
  .recruit-interview-content .members-talk-question {
    width: calc(40% - 1rem);
  }
  .recruit-interview-content.member-talk .interview-unit:not(.cross-talk-members) {
    width: calc(40% - 1rem);
  }
  .recruit-interview-content.member-talk figure.fixed-image {
    left: calc(40% + 1rem);
  }
  .recruit-interview-content.member-talk figure.fixed-image.scrolled {
    left: calc(40% + 1.25rem);
  }
  .recruit-welfare-benefits-nav li a {
    padding: 1.5em 0.5em;
  }
  .recruit-welfare-benefits-nav figcaption {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 1240px) {
  /* 1240px up */
  #main-gallery .swiper-slide.slide01 {
    background-size: 60%;
  }
  #main-gallery .swiper-slide.slide02 {
    background-size: 60%, contain;
  }
  #about-suzuyasu .coil-center h2 {
    font-size: 6.3rem;
  }
  #about-suzuyasu .coil-center h3 {
    font-size: 4rem;
  }
  #about-suzuyasu .sub-content .each-content .inner {
    flex-direction: row-reverse;
  }
  #about-suzuyasu .sub-content .each-content.iron-plate .inner {
    flex-direction: row;
  }
  .recruit-interview-content figure.fixed-image img {
    width: initial;
    max-width: initial;
    height: 100%;
  }
  .recruit-interview-content.member-talk figure.fixed-image {
    left: calc(40% + 1rem);
  }
  .recruit-interview-content.member-talk figure.fixed-image.scrolled {
    left: calc(50% - 620px + 496px + 1.25rem);
  }
  .recruit-message-content .message-inner {
    padding-right: 130px;
  }
}

@media screen and (min-width: 1640px) {
  /* 1640px up */
}

@media screen and (max-width: 319px) {
  /* 320px down */
}

@media screen and (max-width: 480px) {
  /* 481px down */
}

@media screen and (max-width: 640px) {
  /* 641px down */
  .wp-pagenavi span.pages, .wp-pagenavi a.page, .wp-pagenavi span.extend {
    display: none;
  }
  body.recruit-content .entry-content .sub-content-wrapper .inner-wrapper > .wp-block-group__inner-container {
    padding-top: 3rem !important;
  }
  body.number .wp-block-group.grid-item.item05 .wp-block-group__inner-container {
    display: flex;
    flex-direction: column-reverse;
  }
  body.number .wp-block-group.grid-item.item05 .wp-block-group__inner-container h2 {
    order: 1;
  }
  .wp-block-image figure.alignright, .wp-block-image figure.alignleft {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}

@media screen and (max-width: 767px) {
  /* 768px down */
  body.page.special-interviews.special-interview-01 .entry-content .wp-block-image figure.alignright, body.page.special-interviews.special-interview-01 .entry-content .wp-block-image figure.aligncenter {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .wp-block-media-text.interviewee-profile.is-stacked-on-mobile {
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important;
  }
  .wp-block-media-text.interviewee-profile.is-stacked-on-mobile .wp-block-media-text__media {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .wp-block-media-text.interviewee-profile.is-stacked-on-mobile .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .wp-block-media-text.interviewee-profile .wp-block-image figure.alignright, .wp-block-media-text.interviewee-profile .wp-block-image figure.alignleft {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}

@media screen and (max-width: 1029px) {
  /* 1030px down */
}

@media screen and (max-width: 1239px) {
  /* 1240px down */
  .section-header.interview,
.section-header.human-resource {
    aspect-ratio: 1240/197;
    min-height: initial;
  }
}

@media screen and (max-width: 1639px) {
  /* 1640px down */
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

@media screen and (max-width: 782px) {
  body.admin-bar #masthead {
    top: 46px;
  }
}

@media (min-width: 600px) {
  .entry-content .wp-block-columns.tetsu-one-points .wp-block-column:nth-of-type(2) {
    border-top: 0;
    border-left: 2px solid #00984b;
  }
}

@media screen and (min-width: 800px) {
  .entry-header.recruit .movie-wrapper video {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 768px) and (min-width: 1240px) {
  .recruit-interview-content figure.fixed-image.scrolled {
    left: calc(50% - 618px + 496px + 5rem);
  }
}

@media screen and (min-width: 741px) {
  #recruit-work-at-suzuyasu-overlay .department-prev {
    left: calc(50% - 370px);
  }
  #recruit-work-at-suzuyasu-overlay .department-next {
    right: calc(50% - 370px);
  }
}
/*# sourceMappingURL=style.css.map */