@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  word-break: normal;
}

*,
:after,
:before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  margin: 0;
  padding: 0;
}

hr {
  color: inherit;
  height: 0;
  overflow: visible;
}

details,
main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b,
strong {
  font-weight: bolder;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  text-indent: 0;
}

iframe {
  border-style: none;
}

input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button;
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

[disabled] {
  cursor: default;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

* {
  color: #333;
  font-family: "Noto Sans JP", sans-serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: justify;
  text-box: trim-both cap alphabetic;
  line-height: 1.6;
  letter-spacing: 0.05em;
  scroll-padding-top: 6rem;
}
@media print, screen and (min-width: 1024px) {
  * {
    scroll-padding-top: min(6vw, 9rem);
  }
}
@media print, screen and (min-width: 1280px) {
  * {
    line-height: 1.8;
  }
}

html {
  font-size: 56.5%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
@media print, screen and (min-width: 1024px) {
  html {
    font-size: 62.5%;
  }
}

body {
  position: relative;
  font-size: 1.6rem;
  overflow-x: hidden;
}

li {
  list-style: none;
}

a {
  display: block;
  width: 100%;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  -webkit-transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
a *, a::before, a::after {
  -webkit-transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media print, screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

address {
  font-style: normal;
}

span,
strong,
b {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: inherit;
  line-height: inherit;
}

img,
iframe,
video {
  display: block;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  height: auto;
}

@media print, screen and (min-width: 480px) {
  br.under480 {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  br.under768 {
    display: none;
  }
}
br.over768 {
  display: none;
}
@media print, screen and (min-width: 768px) {
  br.over768 {
    display: block;
  }
}

.container {
  width: 100%;
  max-width: 1920px;
  margin: auto;
}

.inner {
  width: 90%;
  margin: auto;
}
.inner.max924 {
  max-width: 924px;
}
.inner.max964 {
  max-width: 964px;
}
.inner.max1000 {
  max-width: 1000px;
}
.inner.max1200 {
  max-width: 1200px;
}
.inner.max1400 {
  max-width: 1400px;
}

.fade-up {
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
}
.fade-up.is-active {
  -webkit-animation: fade-up 0.5s forwards;
          animation: fade-up 0.5s forwards;
}

header.section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
}
header.section_title h2 {
  font-size: 2rem;
  opacity: 0;
  -webkit-transform: translateX(2rem);
          transform: translateX(2rem);
}
header.section_title span {
  font-size: 3rem;
  opacity: 0;
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
header.section_title.is-active h2,
header.section_title.is-active span {
  -webkit-animation: section-title 1s forwards;
          animation: section-title 1s forwards;
}

section.page_top {
  position: relative;
  padding: 10rem 0 4rem;
}
@media print, screen and (min-width: 768px) {
  section.page_top {
    padding: 14rem 0 8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  section.page_top {
    padding: 2rem 0 0;
    height: min(40vw, 50rem);
    display: grid;
    place-items: center;
  }
}
section.page_top::before, section.page_top::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
section.page_top::before {
  background: url(../img/page_top_bg.webp) center/100% 100% no-repeat;
  z-index: -100;
}
section.page_top::after {
  mix-blend-mode: hard-light;
  z-index: -10;
}
section.page_top .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.page_top header.page_title {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: min(5vw, 2.5rem) 0;
}
@media print, screen and (min-width: 1024px) {
  section.page_top header.page_title {
    position: relative;
  }
}
section.page_top header.page_title h1 {
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  opacity: 0;
  -webkit-transform: translateX(2rem);
          transform: translateX(2rem);
  -webkit-animation: section-title 1s forwards;
          animation: section-title 1s forwards;
}
@media print, screen and (min-width: 1024px) {
  section.page_top header.page_title h1 {
    position: absolute;
    top: calc(100% + 2.5rem);
  }
}
section.page_top header.page_title span {
  color: #fff;
  font-size: min(5vw, 5rem);
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
  -webkit-animation: section-title 1s forwards;
          animation: section-title 1s forwards;
}
@media print, screen and (min-width: 1024px) {
  section.page_top header.page_title span {
    font-size: min(5vw, 5rem);
  }
}
section.page_top .page_img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: min(25vw, 17.6rem);
}
@media print, screen and (min-width: 1024px) {
  section.page_top .page_img {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: min(15vw, 17.6rem);
  }
}

.breadcrumb {
  display: none;
}
@media print, screen and (min-width: 1024px) {
  .breadcrumb {
    display: block;
    padding: 2.5rem 0;
  }
}
.breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5rem;
}
.breadcrumb ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5rem;
}
.breadcrumb ol li:not(:last-of-type)::after {
  content: ">";
  display: block;
}
.breadcrumb ol li a:hover {
  color: #1b8fc2;
}

header.page_section_title01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem 0;
}
header.page_section_title01 h2 {
  font-size: 2rem;
  font-weight: 300;
  opacity: 0;
  -webkit-transform: translateX(2rem);
          transform: translateX(2rem);
}
header.page_section_title01 span {
  font-size: clamp(3.2rem, 4vw, 4rem);
  opacity: 0;
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
}
header.page_section_title01.is-active h2,
header.page_section_title01.is-active span {
  -webkit-animation: section-title 1s forwards;
          animation: section-title 1s forwards;
}

header.page_section_title02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem 0;
}
@media print, screen and (min-width: 1024px) {
  header.page_section_title02:not(.align_center) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media print, screen and (min-width: 1024px) {
  header.page_section_title02.align_center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
header.page_section_title02 h2 {
  font-size: 3rem;
  font-weight: bold;
  opacity: 0;
  -webkit-transform: translateX(2rem);
          transform: translateX(2rem);
}
header.page_section_title02 span {
  color: #ccc;
  font-size: 2rem;
  font-weight: bold;
  opacity: 0;
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
}
header.page_section_title02.is-active h2,
header.page_section_title02.is-active span {
  -webkit-animation: section-title 1s forwards;
          animation: section-title 1s forwards;
}

#page-products:not(.Cutting-Steel) header.page_section_title02 h2,
#page-stock header.page_section_title02 h2 {
  font-size: 4rem;
}

.btn {
  width: 24rem;
}
.btn a {
  position: relative;
  font-weight: bold;
  text-align: center;
  border-radius: 9999px;
  padding: 1em 0;
}
.btn a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.btn.type01 a.color_black {
  border: 0.1rem solid #1a1a1a;
}
.btn.type01 a.color_black::after {
  background-color: #1a1a1a;
}
.btn.type01 a.color_white {
  color: #fff;
  border: 0.1rem solid #fff;
}
.btn.type01 a.color_white::after {
  background-color: #fff;
}
.btn.type01 a:hover {
  color: #fff;
  background-color: #1a1a1a;
}
.btn.type01 a:hover::after {
  background-color: #fff;
}
@media print, screen and (min-width: 768px) {
  .btn.type02 {
    width: 36.5rem;
  }
}
.btn.type02 a {
  color: #fff;
}
.btn.type02 a::after {
  background-color: #fff;
}
.btn.type02 a.color_navy {
  background-color: #033e58;
  border: 0.1rem solid #033e58;
}
.btn.type02 a.color_navy:hover {
  color: #033e58;
  background-color: #fff;
}
.btn.type02 a.color_navy:hover::after {
  background-color: #033e58;
}
.btn.type02 a.color_blue {
  background-color: #5c93df;
  border: 0.1rem solid #5c93df;
}
.btn.type02 a.color_blue:hover {
  color: #5c93df;
  background-color: #fff;
}
.btn.type02 a.color_blue:hover::after {
  background-color: #5c93df;
}

#header {
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 9999999999;
  width: 100%;
  max-width: 1920px;
  height: 6rem;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(5px);
}
@media print, screen and (min-width: 1024px) {
  #header {
    height: min(6vw, 9rem);
  }
}
#header .inner {
  width: 95%;
  max-width: 1760px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .header_logo a:hover {
  opacity: 0.5;
}
#header .header_logo a img {
  width: min(60vw, 27.5rem);
  max-width: none;
}
@media print, screen and (min-width: 1024px) {
  #header .header_logo a img {
    width: min(15vw, 27.5rem);
  }
}
#header nav.header_nav {
  display: none;
}
@media print, screen and (min-width: 1024px) {
  #header nav.header_nav {
    display: block;
  }
}
#header nav.header_nav ul.main_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header nav.header_nav ul.main_link > li:nth-of-type(-n + 5) {
  border-right: 0.1rem solid #000;
}
#header nav.header_nav ul.main_link > li > a {
  font-size: min(1.2vw, 1.6rem);
}
#header nav.header_nav ul.main_link > li > a:not(.nav_recruit):not(.nav_contact) {
  color: #000;
  padding: 0 min(1.25vw, 2rem);
}
#header nav.header_nav ul.main_link > li > a:not(.nav_recruit):not(.nav_contact):hover {
  color: #1b8fc2;
}
#header nav.header_nav ul.main_link > li > a.nav_recruit, #header nav.header_nav ul.main_link > li > a.nav_contact {
  width: min(15vw, 24rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  color: #fff;
  border-radius: 1rem;
  padding: 0.65em 0;
}
#header nav.header_nav ul.main_link > li > a.nav_recruit {
  margin-left: min(1.65vw, 3rem);
  border: 0.1rem solid #e35f45;
  background-color: #e35f45;
}
#header nav.header_nav ul.main_link > li > a.nav_recruit::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#header nav.header_nav ul.main_link > li > a.nav_recruit:hover {
  color: #e35f45;
  background-color: #fff;
}
#header nav.header_nav ul.main_link > li > a.nav_recruit:hover::after {
  background-color: #e35f45;
}
#header nav.header_nav ul.main_link > li > a.nav_contact {
  margin-left: 1rem;
  border: 0.1rem solid #000;
  background-color: #000;
}
#header nav.header_nav ul.main_link > li > a.nav_contact:hover {
  color: #000;
  background-color: #fff;
}
#header nav.header_nav ul.sub_link {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 4rem;
  background-color: rgba(0, 61, 154, 0.95);
  padding: clamp(2rem, 4vw, 4rem);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.75s;
  transition: 0.75s;
}
#header nav.header_nav ul.sub_link.is-open {
  opacity: 1;
  visibility: visible;
}
#header nav.header_nav ul.sub_link:hover {
  opacity: 1;
  visibility: visible;
}
#header nav.header_nav ul.sub_link li a {
  color: #fff;
}
#header nav.header_nav ul.main_link > li > a:hover + ul.sub_link {
  opacity: 1;
  visibility: visible;
}
#header button.hamburger {
  position: relative;
  display: block;
  width: 4rem;
  height: 100%;
}
@media print, screen and (min-width: 1024px) {
  #header button.hamburger {
    display: none;
  }
}
#header button.hamburger span {
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: #1b8fc2;
  border-radius: 9999px;
  position: absolute;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#header button.hamburger span:nth-of-type(1) {
  top: 50%;
}
#header button.hamburger span:nth-of-type(2) {
  top: calc(50% - 1rem);
}
#header button.hamburger span:nth-of-type(3) {
  top: calc(50% + 1rem);
}
#header button.hamburger.active span:nth-of-type(1) {
  opacity: 0;
}
#header button.hamburger.active span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}
#header button.hamburger.active span:nth-of-type(3) {
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
}
#header .overlay {
  position: fixed;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100dvh - 6rem);
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow-y: scroll;
}
@media print, screen and (min-width: 1024px) {
  #header .overlay {
    height: calc(100dvh - min(6vw, 9rem));
  }
}
#header .overlay.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#header nav.sp_nav {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: clamp(4rem, 5vw, 8rem) 0;
}
@media print, screen and (min-width: 768px) {
  #header nav.sp_nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 8rem;
  }
}
#header nav.sp_nav ul.main_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem 0;
}
#header nav.sp_nav ul.main_link > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 0.1rem solid #1a1a1a;
  padding: 0.5em 0;
  overflow-x: visible;
}
#header nav.sp_nav ul.main_link > li > a::before {
  content: "";
  height: 0.8em;
  aspect-ratio: 90/53;
  background: url(../img/icon_logo.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: calc(100% + 1rem);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  opacity: 0;
}
#header nav.sp_nav ul.main_link > li > a.nav_recruit::after {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #1a1a1a;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#header nav.sp_nav ul.sub_link {
  margin-top: 1rem;
}
#header nav.sp_nav ul.sub_link > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
}
#header nav.sp_nav ul.sub_link > li > a::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-top: 0.1rem solid #1a1a1a;
  border-right: 0.1rem solid #1a1a1a;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#header nav.sp_nav ul.flex {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#header nav.sp_nav ul.flex > li:nth-of-type(1) {
  padding-right: 1.5rem;
  border-right: 0.1rem solid #fff;
}
#header nav.sp_nav ul.flex > li:nth-of-type(2) {
  padding-left: 1.5rem;
}

section.footer_contact {
  background: url(../img/footer_contact_bg.webp) center/100% 100% no-repeat;
  padding: clamp(5rem, 6vw, 10rem) 0;
}
section.footer_contact .inner {
  max-width: 1045px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem 0;
}
@media print, screen and (min-width: 768px) {
  section.footer_contact .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 clamp(3rem, 4vw, 6.4rem);
  }
}
@media print, screen and (min-width: 1024px) {
  section.footer_contact .area_left header.section_title {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}
section.footer_contact .area_left p {
  margin: 4rem auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 768px) {
  section.footer_contact .area_right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
section.footer_contact .area_right ul li {
  border-top: 0.1rem solid #fff;
}
@media print, screen and (min-width: 768px) {
  section.footer_contact .area_right ul li {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    border-top: none;
    border-left: 0.1rem solid #fff;
  }
}
@media print, screen and (min-width: 768px) {
  section.footer_contact .area_right ul li:nth-of-type(1) {
    width: 31.5rem;
  }
}
section.footer_contact .area_right ul li:nth-of-type(2) {
  border-bottom: 0.1rem solid #fff;
}
@media print, screen and (min-width: 768px) {
  section.footer_contact .area_right ul li:nth-of-type(2) {
    width: 24.5rem;
    border-bottom: none;
    border-right: 0.1rem solid #fff;
  }
}
section.footer_contact .area_right ul li a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5rem;
  padding: clamp(2rem, 4vw, 4rem) 0;
}
section.footer_contact .area_right ul li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
section.footer_contact .area_right ul li a .icon {
  background: center/contain no-repeat;
}
section.footer_contact .area_right ul li a .icon.tel {
  width: 3.4rem;
  aspect-ratio: 1/1;
  background-image: url(../img/icon_tel.svg);
}
section.footer_contact .area_right ul li a .icon.mail {
  width: 3.5rem;
  aspect-ratio: 35/26;
  background-image: url(../img/icon_mail.svg);
}
section.footer_contact .area_right ul li a p {
  font-size: 1.8rem;
}
section.footer_contact .area_right ul li a p span {
  font-size: 2.5rem;
  font-weight: bold;
}
section.footer_contact .area_right ul li a p small {
  font-size: 1.5rem;
}

#footer .nav_area {
  padding: clamp(5rem, 6vw, 10rem) 0;
}
#footer .nav_area p.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2rem, 4vw, 4rem);
}
#footer .nav_area p.logo a {
  width: 27.5rem;
}
#footer .nav_area p.logo a:hover {
  opacity: 0.5;
}
#footer .nav_area p.logo a img {
  max-width: none;
}
#footer .nav_area p.logo span {
  font-size: 1.5rem;
}
#footer .nav_area nav.footer_nav {
  margin-top: clamp(4rem, 5vw, 8rem);
}
@media print, screen and (min-width: 1024px) {
  #footer .nav_area nav.footer_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0 clamp(4rem, 5vw, 8rem);
  }
}
#footer .nav_area ul.main_link > li > a {
  width: 100%;
  color: #003d9a;
}
#footer .nav_area ul.main_link > li > a:hover {
  opacity: 0.5;
}
#footer .nav_area ul.main_link.area_left {
  display: none;
}
@media print, screen and (min-width: 1024px) {
  #footer .nav_area ul.main_link.area_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 clamp(4rem, 5vw, 8rem);
  }
}
#footer .nav_area ul.main_link.area_left > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  border-bottom: 0.1rem solid #003d9a;
  padding-bottom: 0.5rem;
}
#footer .nav_area ul.main_link.area_left > li > a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #003d9a;
}
#footer .nav_area ul.main_link.area_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.5rem clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 1024px) {
  #footer .nav_area ul.main_link.area_right {
    margin: 0.5rem 0 0 auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 24rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_news, a.nav_privacy) {
  display: none;
}
@media print, screen and (min-width: 1024px) {
  #footer .nav_area ul.main_link.area_right > li:has(a.nav_news, a.nav_privacy) {
    display: block;
  }
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) {
  width: calc((100% - clamp(2rem, 4vw, 4rem)) / 2);
  max-width: 24rem;
}
@media print, screen and (min-width: 1024px) {
  #footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) {
    width: 100%;
  }
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a {
  width: 100%;
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a.nav_recruit, #footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a.nav_contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  color: #fff;
  border-radius: 1rem;
  padding: 0.65em 0;
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a.nav_recruit {
  background-color: #e35f45;
  border: 0.1rem solid #e35f45;
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a.nav_recruit::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a.nav_recruit:hover {
  opacity: 1;
  color: #e35f45;
  background-color: #fff;
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a.nav_recruit:hover::after {
  background-color: #e35f45;
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a.nav_contact {
  background-color: #000;
  border: 0.1rem solid #000;
}
#footer .nav_area ul.main_link.area_right > li:has(a.nav_recruit, a.nav_contact) a.nav_contact:hover {
  opacity: 1;
  color: #000;
  background-color: #fff;
}
#footer .nav_area ul.sub_link {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem 0;
}
#footer .nav_area ul.sub_link:first-of-type {
  padding-left: 0;
  border-left: none;
}
#footer .nav_area ul.sub_link:last-of-type {
  padding-right: 0;
}
#footer .nav_area ul.sub_link > li > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5rem;
  font-size: 1.4rem;
  text-decoration: underline;
}
#footer .nav_area ul.sub_link > li > a::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-top: 0.1rem solid #ccc;
  border-right: 0.1rem solid #ccc;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#footer .nav_area ul.sub_link > li > a:hover {
  opacity: 0.5;
}
#footer .nav_area ul.flex {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer .nav_area ul.flex > li:nth-of-type(1) {
  padding-right: 1.5rem;
  border-right: 0.1rem solid #ccc;
}
#footer .nav_area ul.flex > li:nth-of-type(2) {
  padding-left: 1.5rem;
}
#footer .nav_area ul.flex > li > a {
  font-size: 1.4rem;
  font-weight: bold;
}
#footer .nav_area p.group_company {
  margin: clamp(5rem, 6vw, 10rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#footer .nav_area p.group_company a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(3vw, 1.5rem);
  background-color: #0b2c56;
  border: 0.1rem solid #0b2c56;
  border-radius: 1rem;
  padding: 2.5rem 0;
}
@media print, screen and (min-width: 768px) {
  #footer .nav_area p.group_company a {
    padding: 2.5rem 5rem;
  }
}
#footer .nav_area p.group_company a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#footer .nav_area p.group_company a span.title {
  width: 100%;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  #footer .nav_area p.group_company a span.title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#footer .nav_area p.group_company a span.logo {
  width: min(25vw, 11.5rem);
}
#footer .nav_area p.group_company a span.logo img {
  max-width: none;
}
#footer .nav_area p.group_company a span.name {
  color: #55b53d;
}
#footer .nav_area p.group_company a:hover {
  background-color: #fff;
}
#footer .nav_area p.group_company a:hover::after {
  background-color: #0b2c56;
}
#footer .nav_area p.group_company a:hover span.title {
  color: #0b2c56;
}
#footer .to_top {
  position: fixed;
  right: min(4vw, 2.5rem);
  bottom: min(4vw, 2.5rem);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20rem);
          transform: translateY(20rem);
  -webkit-transition: 1s;
  transition: 1s;
}
#footer .to_top.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#footer .to_top a {
  position: relative;
  width: clamp(4rem, 4vw, 6rem);
  aspect-ratio: 1/1;
  background-color: #1b8fc2;
  border: 0.1rem solid #fff;
  border-radius: 50%;
}
#footer .to_top a::before {
  content: "";
  width: 20%;
  aspect-ratio: 1/1;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(-45deg);
          transform: translate(-50%, 0) rotate(-45deg);
  -webkit-animation: to-top 1s linear infinite;
          animation: to-top 1s linear infinite;
}
#footer .to_top a:hover {
  border-radius: 0;
}
#footer .to_top a:hover::before {
  top: 45%;
  -webkit-animation: none;
          animation: none;
}
#footer small.copyright {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  padding: 1.5em 0;
  background-color: #1a1a1a;
}

@-webkit-keyframes to-top {
  0% {
    opacity: 0;
    top: 70%;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 30%;
  }
}

@keyframes to-top {
  0% {
    opacity: 0;
    top: 70%;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 30%;
  }
}
@-webkit-keyframes fade-in {
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-up {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fade-up {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slide-up {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-up {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes section-title {
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes section-title {
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
#page_top #header nav.sp_nav a.nav_top::before {
  opacity: 1;
}
#page_top h2.catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  font-size: min(6vw, 2.5rem);
}
#page_top h2.catch span {
  color: #1b8fc2;
  font-size: clamp(1.4rem, 2.5vw, 4.3rem);
}
#page_top p.lead {
  margin-top: clamp(4rem, 5vw, 8rem);
  font-size: 1.7rem;
}
@media print, screen and (min-width: 768px) {
  #page_top p.lead {
    text-align: center;
  }
}
#page_top section.fv {
  position: relative;
  height: 100dvh;
  max-height: 87rem;
}
#page_top section.fv .swiper_container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
#page_top section.fv .swiper_container .swiper {
  height: 100%;
}
#page_top section.fv .swiper_container .swiper-slide img {
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#page_top section.fv .swiper_container .swiper-slide img.slide01 {
  -o-object-position: 43%;
     object-position: 43%;
}
#page_top section.fv .swiper_container .swiper-slide img.slide02 {
  -o-object-position: 72%;
     object-position: 72%;
}
#page_top section.fv .swiper_container .swiper-slide img.slide03 {
  -o-object-position: 33%;
     object-position: 33%;
}
#page_top section.fv .catch_area {
  margin: 0 auto;
  width: 95%;
  max-width: 1760px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#page_top section.fv .catch_area h2.fv_catch {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 4rem;
  color: #fff;
  font-size: min(6vw, 2.4rem);
  font-weight: bold;
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-animation: fade-up 1s 1s forwards;
          animation: fade-up 1s 1s forwards;
}
#page_top section.fv .catch_area p.fv_catch_en {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 8.5rem;
  width: 100%;
  max-width: 49.5rem;
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-animation: fade-up 1s 0.5s forwards;
          animation: fade-up 1s 0.5s forwards;
}
@media print, screen and (min-width: 1024px) {
  #page_top section.fv .catch_area p.fv_catch_en {
    margin-top: calc(min(6vw, 9rem) + 2.5rem);
  }
}
#page_top section.fv .catch_area p.fv_catch_en img {
  max-width: none;
}
#page_top section.fv .latest_news {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2rem, 4vw, 4rem) 0;
  background-color: #fff;
  padding: 2rem 0;
  -webkit-box-shadow: 0.7rem 0.7rem 0.5rem rgba(0, 0, 0, 0.2);
          box-shadow: 0.7rem 0.7rem 0.5rem rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: slide-up 1s 1.5s forwards;
          animation: slide-up 1s 1.5s forwards;
}
@media print, screen and (min-width: 768px) {
  #page_top section.fv .latest_news {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 80%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    left: auto;
    right: 0;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  #page_top section.fv .latest_news {
    bottom: -3.5rem;
  }
}
#page_top section.fv .latest_news h3 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  color: #666;
  font-size: 4rem;
  white-space: nowrap;
  border-right: 0.1rem solid #1a1a1a;
  padding-right: clamp(3rem, 4vw, 6rem);
}
@media print, screen and (min-width: 768px) {
  #page_top section.fv .latest_news h3 {
    border-right: none;
    padding: 0 clamp(3rem, 4vw, 6rem);
  }
}
#page_top section.fv .latest_news article {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin: 0 auto;
  width: 90%;
}
@media print, screen and (min-width: 768px) {
  #page_top section.fv .latest_news article {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-left: 0.1rem solid #1a1a1a;
    border-right: 0.1rem solid #1a1a1a;
  }
}
#page_top section.fv .latest_news article a {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  #page_top section.fv .latest_news article a {
    padding: 0 clamp(3rem, 4vw, 6rem);
  }
}
#page_top section.fv .latest_news article a .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
}
#page_top section.fv .latest_news article a time {
  font-size: 1.5rem;
}
#page_top section.fv .latest_news article a span.category {
  width: 14rem;
  font-size: 1.5rem;
  text-align: center;
  border: 0.1rem solid;
  border-radius: 9999px;
  padding: 0.5em 0;
}
#page_top section.fv .latest_news article a span.category.info {
  color: #1b8fc2;
  border-color: #1b8fc2;
}
#page_top section.fv .latest_news article a span.category.recruit {
  color: #e35f45;
  border-color: #e35f45;
}
#page_top section.fv .latest_news article a p.title {
  margin-top: 1.5rem;
  font-size: 1.5rem;
}
#page_top section.fv .latest_news article a p.title::after {
  content: ">";
  margin-left: 1em;
}
@media print, screen and (min-width: 1024px) {
  #page_top section.fv .latest_news article a p.title::after {
    content: none;
  }
}
#page_top section.fv .latest_news article:has(span.category.info) a:hover time,
#page_top section.fv .latest_news article:has(span.category.info) a:hover p.title {
  color: #1b8fc2;
}
#page_top section.fv .latest_news article:has(span.category.info) a:hover span.category {
  color: #fff;
  background-color: #1b8fc2;
}
#page_top section.fv .latest_news article:has(span.category.recruit) a:hover time,
#page_top section.fv .latest_news article:has(span.category.recruit) a:hover p.title {
  color: #e35f45;
}
#page_top section.fv .latest_news article:has(span.category.recruit) a:hover span.category {
  color: #fff;
  background-color: #e35f45;
}
#page_top section.fv .latest_news .link {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media print, screen and (min-width: 768px) {
  #page_top section.fv .latest_news .link {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
}
#page_top section.fv .latest_news .link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  font-weight: bold;
  white-space: nowrap;
  padding-left: clamp(3rem, 4vw, 6rem);
}
@media print, screen and (min-width: 768px) {
  #page_top section.fv .latest_news .link a {
    height: 100%;
    padding: 0 clamp(3rem, 4vw, 6rem);
  }
}
#page_top section.fv .latest_news .link a:hover {
  background-color: rgba(27, 143, 194, 0.2);
}
#page_top section.fv .latest_news .link a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #1a1a1a;
}
#page_top section.supplier {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page_top section.supplier h2.catch::after {
  content: "";
  width: 7.6rem;
  aspect-ratio: 76/84;
  background: url(../img/icon_logo.svg) center/contain no-repeat;
  opacity: 0.5;
}
#page_top section.supplier ul.ability_card {
  margin-top: clamp(4rem, 5vw, 8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem min(5vw, 5rem);
}
#page_top section.supplier ul.ability_card li {
  width: 20rem;
  height: 20rem;
  background: center/contain no-repeat;
  border-radius: 2rem;
  padding: 2.5rem 1rem;
}
#page_top section.supplier ul.ability_card li:nth-of-type(1) {
  background-image: url(../img/top/ability_card01.webp);
}
#page_top section.supplier ul.ability_card li:nth-of-type(2) {
  background-image: url(../img/top/ability_card02.webp);
}
#page_top section.supplier ul.ability_card li:nth-of-type(3) {
  background-image: url(../img/top/ability_card03.webp);
}
#page_top section.supplier ul.ability_card li dl dt {
  height: 4.5em;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
}
#page_top section.supplier ul.ability_card li dl dd {
  color: #fff;
}
#page_top .double_section {
  position: relative;
}
#page_top .double_section::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/top/company_bg.webp) center/100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
#page_top .double_section span.decoration {
  position: absolute;
  top: calc(clamp(5rem, 6vw, 10rem) + clamp(6rem, 8vw, 15rem));
  left: clamp(6rem, 7vw, 12rem);
  z-index: -1;
  color: #000;
  font-size: clamp(5rem, 15vw, 15.6rem);
  font-weight: 900;
  line-height: 1;
  -webkit-writing-mode: sideways-rl;
      -ms-writing-mode: sideways-rl;
          writing-mode: sideways-rl;
  mix-blend-mode: overlay;
}
#page_top section.onestop {
  padding-top: clamp(5rem, 6vw, 10rem);
}
#page_top section.onestop .product_img {
  margin: clamp(3rem, 4vw, 6rem) auto 0;
  width: 100%;
  aspect-ratio: 1320/240;
  background: url(../img/top/product_img.webp) center/contain no-repeat;
}
#page_top section.product {
  margin-top: 4rem;
}
#page_top section.product ul.page_list {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  max-width: 70rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 1024px) {
  #page_top section.product ul.page_list {
    max-width: none;
  }
}
#page_top section.product ul.page_list li {
  position: relative;
  container-type: inline-size;
  width: 100%;
  max-width: 32rem;
  aspect-ratio: 1/1;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media print, screen and (min-width: 480px) {
  #page_top section.product ul.page_list li {
    width: calc((100% - 2rem) / 2);
  }
}
@media print, screen and (min-width: 1024px) {
  #page_top section.product ul.page_list li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#page_top section.product ul.page_list li::before {
  content: "";
  width: 100%;
  height: 100%;
  background: center/cover no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#page_top section.product ul.page_list li:nth-of-type(1)::before {
  background-image: url(../img/top/product_list01.webp);
}
#page_top section.product ul.page_list li:nth-of-type(2)::before {
  background-image: url(../img/top/product_list02.webp);
}
#page_top section.product ul.page_list li:nth-of-type(3)::before {
  background-image: url(../img/top/product_list03.webp);
}
#page_top section.product ul.page_list li:nth-of-type(4)::before {
  background-image: url(../img/top/product_list04.webp);
}
#page_top section.product ul.page_list li p.catch {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 18rem;
  color: #fff;
  background-color: #000;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding: 2rem;
}
#page_top section.product ul.page_list li .link {
  position: absolute;
  right: 1rem;
  bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.5rem 0;
}
#page_top section.product ul.page_list li .link span {
  color: #666;
  font-size: 2rem;
  font-weight: bold;
  mix-blend-mode: plus-lighter;
}
#page_top section.product ul.page_list li .link a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5rem;
  color: #f2f2f2;
  font-size: min(6.5cqw, 1.6rem);
  font-weight: bold;
  padding: 0 1em;
}
#page_top section.product ul.page_list li .link a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #f2f2f2;
}
#page_top section.product ul.page_list li:has(.link a:hover)::before {
  width: 110%;
  -webkit-filter: brightness(1.5) saturate(1.5);
          filter: brightness(1.5) saturate(1.5);
}
#page_top section.product .btn_area {
  margin-top: clamp(3rem, 4vw, 6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem clamp(4rem, 5vw, 8rem);
}
@media print, screen and (min-width: 1024px) {
  #page_top section.product .btn_area {
    gap: 0 clamp(6rem, 8vw, 15rem);
  }
}
#page_top section.product .swiper_container {
  margin-top: clamp(6rem, 8vw, 15rem);
}
#page_top section.product .swiper_container .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
#page_top section.about {
  position: relative;
  padding-top: clamp(6rem, 8vw, 15rem);
}
#page_top section.about span.decoration {
  position: absolute;
  top: clamp(6rem, 8vw, 15rem);
  left: clamp(6rem, 7vw, 12rem);
  color: #49a5ce;
  font-size: clamp(5rem, 15vw, 15.6rem);
  font-weight: 900;
  line-height: 1;
  -webkit-writing-mode: sideways-rl;
      -ms-writing-mode: sideways-rl;
          writing-mode: sideways-rl;
  mix-blend-mode: soft-light;
  opacity: 0.3;
}
#page_top .triple_section {
  margin-top: clamp(5rem, 6vw, 10rem);
  background-color: #1b8fc2;
  border-radius: 3rem;
}
#page_top .triple_section section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem clamp(4rem, 5vw, 8rem);
  padding: clamp(4rem, 5vw, 8rem) 0;
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  #page_top .triple_section section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#page_top .triple_section section:not(:first-of-type) {
  border-top: 0.1rem solid #fff;
}
@media print, screen and (min-width: 768px) {
  #page_top .triple_section section header.section_title {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media print, screen and (min-width: 1024px) {
  #page_top .triple_section section header.section_title {
    width: min(20vw, 20rem);
  }
}
#page_top .triple_section section header.section_title h2 {
  color: #fff;
}
#page_top .triple_section section header.section_title span {
  color: #e6e6e6;
}
@media print, screen and (min-width: 768px) {
  #page_top .triple_section section .lead_area {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 61.5rem;
  }
}
#page_top .triple_section section .lead_area p {
  color: #fff;
  font-weight: 400;
}
#page_top .triple_section section .lead_area p strong {
  display: block;
  font-size: clamp(1.7rem, 1.9vw, 1.9rem);
  font-weight: bold;
  margin-bottom: 0.8em;
}
#page_top .triple_section section .lead_area ul.anchor_link {
  margin: 4rem auto 0;
  max-width: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em 0;
}
@media print, screen and (min-width: 480px) {
  #page_top .triple_section section .lead_area ul.anchor_link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 2rem;
  }
}
@media print, screen and (min-width: 768px) {
  #page_top .triple_section section .lead_area ul.anchor_link {
    max-width: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0 clamp(2rem, 4vw, 4rem);
  }
}
#page_top .triple_section section .lead_area ul.anchor_link li {
  width: 16rem;
}
@media print, screen and (min-width: 768px) {
  #page_top .triple_section section .lead_area ul.anchor_link li {
    width: auto;
  }
}
#page_top .triple_section section .lead_area ul.anchor_link li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1em;
  color: #fff;
}
#page_top .triple_section section .lead_area ul.anchor_link li a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #fff;
}
#page_top .triple_section section .lead_area ul.anchor_link li a:hover {
  opacity: 0.5;
}
@media print, screen and (min-width: 1024px) {
  #page_top .triple_section section .btn_area {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    margin: auto 0;
  }
}
#page_top .triple_section section .btn_area .btn a:hover {
  color: #1b8fc2;
  background-color: #fff;
}
#page_top .triple_section section .btn_area .btn a:hover::after {
  background-color: #1b8fc2;
}
#page_top section.news {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page_top section.news .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem 0;
}
@media print, screen and (min-width: 768px) {
  #page_top section.news .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 0 clamp(2rem, 4vw, 4rem);
  }
}
#page_top section.news .area_left {
  display: contents;
}
@media print, screen and (min-width: 768px) {
  #page_top section.news .area_left {
    display: block;
    background-color: #1a1a1a;
    border-radius: 2.5rem;
    padding: 0 clamp(2rem, 4vw, 4rem) 0 clamp(5rem, 6vw, 10rem);
  }
}
#page_top section.news header.section_title {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media print, screen and (min-width: 768px) {
  #page_top section.news header.section_title {
    margin-top: clamp(4rem, 5vw, 8rem);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #page_top section.news header.section_title h2,
  #page_top section.news header.section_title span {
    color: #fff;
  }
}
#page_top section.news .btn_area {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media print, screen and (min-width: 768px) {
  #page_top section.news .btn_area {
    margin-top: clamp(3rem, 4vw, 6rem);
  }
}
@media print, screen and (min-width: 768px) {
  #page_top section.news .btn_area .btn a {
    color: #fff;
    border-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  #page_top section.news .btn_area .btn a::after {
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  #page_top section.news .btn_area .btn a:hover {
    color: #1a1a1a;
    background-color: #fff;
  }
}
@media print, screen and (min-width: 768px) {
  #page_top section.news .btn_area .btn a:hover::after {
    background-color: #1a1a1a;
  }
}
#page_top section.news .area_right {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
}
#page_top section.news ul li:not(:first-of-type) {
  margin-top: clamp(2rem, 4vw, 4rem);
  padding-top: clamp(2rem, 4vw, 4rem);
  border-top: 0.1rem solid #1a1a1a;
}
#page_top section.news ul li:nth-of-type(3) {
  padding-bottom: clamp(2rem, 4vw, 4rem);
  border-bottom: 0.1rem solid #1a1a1a;
}
@media print, screen and (min-width: 1024px) {
  #page_top section.news ul li a {
    padding: 0 3rem;
  }
}
#page_top section.news ul li article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 768px) {
  #page_top section.news ul li article {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#page_top section.news ul li article time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
  font-size: 1.5rem;
}
#page_top section.news ul li article time span {
  font-size: 4rem;
}
#page_top section.news ul li article span.category {
  display: block;
  width: 14rem;
  font-size: 1.5rem;
  text-align: center;
  border: 0.1rem solid;
  border-radius: 9999px;
  padding: 0.5em 0;
}
#page_top section.news ul li article span.category.info {
  color: #1b8fc2;
  border-color: #1b8fc2;
}
#page_top section.news ul li article span.category.recruit {
  color: #e35f45;
  border-color: #e35f45;
}
#page_top section.news ul li article p.title {
  margin-top: 1em;
  font-size: 1.5rem;
  font-weight: bold;
}
#page_top section.news ul li:has(span.category.info) a:hover article time,
#page_top section.news ul li:has(span.category.info) a:hover article p.title {
  color: #1b8fc2;
}
#page_top section.news ul li:has(span.category.info) a:hover article span.category {
  color: #fff;
  background-color: #1b8fc2;
}
#page_top section.news ul li:has(span.category.recruit) a:hover article time,
#page_top section.news ul li:has(span.category.recruit) a:hover article p.title {
  color: #e35f45;
}
#page_top section.news ul li:has(span.category.recruit) a:hover article span.category {
  color: #fff;
  background-color: #e35f45;
}
#page_top section.recruit {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  #page_top section.recruit {
    height: min(50vw, 72rem);
  }
}
#page_top section.recruit::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
#page_top section.recruit .inner {
  padding: clamp(2rem, 4vw, 4rem) 0;
}
#page_top section.recruit h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media print, screen and (min-width: 768px) {
  #page_top section.recruit h2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
#page_top section.recruit h2 span.visually_hidden {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
#page_top section.recruit h2 span.logo {
  width: 27.5rem;
  aspect-ratio: 273/40;
  background: url(../img/logo02.svg) center/contain no-repeat;
}
#page_top section.recruit h2 span.title {
  color: #e35f45;
  font-size: clamp(3rem, 4vw, 7rem);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
}
@media print, screen and (min-width: 768px) {
  #page_top section.recruit h2 span.title {
    mix-blend-mode: screen;
  }
}
#page_top section.recruit h3 {
  margin: clamp(6rem, 8vw, 15rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #e35f45;
  font-size: clamp(2.5rem, 3vw, 4.9rem);
  font-weight: 300;
  line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
  #page_top section.recruit h3 {
    margin: clamp(6rem, 8vw, 15rem) 0 0 1em;
  }
}
#page_top section.recruit p {
  margin: clamp(2rem, 4vw, 4rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #page_top section.recruit p {
    margin: clamp(2rem, 4vw, 4rem) 0 0;
  }
}
#page_top section.recruit .btn_area {
  margin-top: clamp(4rem, 5vw, 8rem);
}
#page_top section.recruit .btn_area .btn {
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  #page_top section.recruit .btn_area .btn {
    margin: 0 0 0 clamp(4rem, 5vw, 8rem);
  }
}
#page_top section.recruit .btn_area .btn a::before {
  content: "";
  width: 2.5rem;
  aspect-ratio: 1/1;
  background-color: #e35f45;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#page_top section.recruit .btn_area .btn a:hover {
  border-color: #e35f45;
  background-color: #e35f45;
}
#page_top section.recruit .recruit_img {
  width: 100%;
  max-width: 1200px;
  aspect-ratio: 1200/720;
  background: url(../img/top/recruit_img.webp) center/contain no-repeat;
}
@media print, screen and (min-width: 768px) {
  #page_top section.recruit .recruit_img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 65%;
    height: 100%;
    background-size: cover;
  }
}

#page-products #header nav.header_nav a.nav_products {
  color: #1b8fc2;
}
#page-products #header nav.sp_nav a.nav_products::before {
  opacity: 1;
}
#page-products section.page_top::after {
  background-color: #333;
}
#page-products section.intro {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page-products section.intro p {
  margin: clamp(3rem, 4vw, 6rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 768px) {
  #page-products section.intro p {
    text-align: center;
  }
}
#page-products section.intro ul.anchor_link {
  margin: clamp(5rem, 6vw, 10rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 28rem));
  gap: 2rem 2.5rem;
}
@media print, screen and (min-width: 480px) {
  #page-products section.intro ul.anchor_link {
    grid-template-columns: repeat(2, minmax(0, 28rem));
  }
}
@media print, screen and (min-width: 1024px) {
  #page-products section.intro ul.anchor_link {
    grid-template-columns: repeat(4, minmax(0, 28rem));
  }
}
#page-products section.intro ul.anchor_link li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
  color: #fff;
  font-weight: bold;
  background-color: #000;
  border: 0.1rem solid #000;
  border-radius: 1rem;
  padding: 1rem 0;
}
@media print, screen and (min-width: 1024px) {
  #page-products section.intro ul.anchor_link li a {
    font-size: min(1.4vw, 1.6rem);
  }
}
#page-products section.intro ul.anchor_link li a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
}
#page-products section.intro ul.anchor_link li a span {
  color: #666;
  font-size: 2rem;
}
@media print, screen and (min-width: 1024px) {
  #page-products section.intro ul.anchor_link li a span {
    font-size: min(1.6vw, 2rem);
  }
}
#page-products section.intro ul.anchor_link li a:hover {
  color: #000;
  background-color: transparent;
}
#page-products section.intro ul.anchor_link li a:hover::after {
  background-color: #000;
}
#page-products section.product {
  position: relative;
}
#page-products section.product::before {
  content: "";
  width: 90%;
  max-width: 1200px;
  height: 0.1rem;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#page-products section.product .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(3rem, 4vw, 6rem) 0;
}
@media print, screen and (min-width: 1024px) {
  #page-products section.product .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media print, screen and (min-width: 1024px) {
  #page-products section.product header.page_section_title02 {
    width: 35rem;
  }
}
#page-products section.product header.page_section_title02 h2 {
  color: #5c93df;
}
#page-products section.product header.page_section_title02 h2 a {
  position: relative;
  padding-right: 3rem;
}
#page-products section.product header.page_section_title02 h2 a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #1a1a1a;
}
#page-products section.product header.page_section_title02 h2 a:hover {
  opacity: 0.5;
}
#page-products section.product p.section_catch {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 1024px) {
  #page-products section.product p.section_catch {
    margin-left: 0;
  }
}
#page-products section.product p.section_catch strong {
  font-size: clamp(1.8rem, 2.5vw, 2.5rem);
  font-weight: bold;
}
#page-products section.product .image_area {
  margin-top: clamp(4rem, 5vw, 8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 min(3vw, 3rem);
}
#page-products section.product .image_area img {
  width: calc((100% - 2 * min(3vw, 3rem)) / 3);
  border-radius: 1rem;
}
#page-products section.product p.service_intro {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.7rem;
}
@media print, screen and (min-width: 768px) {
  #page-products section.product p.service_intro {
    text-align: center;
  }
}
@media print, screen and (min-width: 1024px) {
  #page-products section.product p.service_intro {
    line-height: 2;
  }
}
#page-products section.product ul.service_list {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 30rem));
  gap: 1rem;
}
@media print, screen and (min-width: 480px) {
  #page-products section.product ul.service_list {
    grid-template-columns: repeat(2, minmax(0, 30rem));
  }
}
@media print, screen and (min-width: 1024px) {
  #page-products section.product ul.service_list {
    grid-template-columns: repeat(4, minmax(0, 30rem));
  }
}
#page-products section.product ul.service_list li {
  container-type: inline-size;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4d4d4d;
  border-radius: 1rem;
  padding: clamp(2rem, 4vw, 4rem) 2rem;
}
#page-products section.product ul.service_list li p {
  color: #fff;
}
#page-products section.product ul.service_list li p.title {
  font-size: clamp(1.8rem, 10cqw, 2rem);
  font-weight: bold;
}
#page-products section.product ul.service_list li p.desc {
  font-size: 1.8rem;
  font-weight: 400;
}
#page-products section.product ul.service_list li .icon {
  height: 11.5rem;
  background: center/contain no-repeat;
}
#page-products section.product ul.service_list li .icon.feature01-01 {
  width: 9.2rem;
  background-image: url(../img/products/icon_feature01-01.webp);
}
#page-products section.product ul.service_list li .icon.feature01-02 {
  width: 8.5rem;
  background-image: url(../img/products/icon_feature01-02.webp);
}
#page-products section.product ul.service_list li .icon.feature01-03 {
  width: 8.8rem;
  background-image: url(../img/products/icon_feature01-03.webp);
}
#page-products section.product ul.service_list li .icon.feature01-04 {
  width: 8.8rem;
  background-image: url(../img/products/icon_feature01-04.webp);
}
#page-products section.product ul.service_list li .icon.feature02-01 {
  width: 8.8rem;
  background-image: url(../img/products/icon_feature02-01.webp);
}
#page-products section.product ul.service_list li .icon.feature02-02 {
  width: 8rem;
  background-image: url(../img/products/icon_feature02-02.webp);
}
#page-products section.product ul.service_list li .icon.feature02-03 {
  width: 8.5rem;
  background-image: url(../img/products/icon_feature02-03.webp);
}
#page-products section.product ul.service_list li .icon.feature02-04 {
  width: 8.8rem;
  background-image: url(../img/products/icon_feature02-04.webp);
}
#page-products section.product .handling_area {
  position: relative;
  margin-top: clamp(4rem, 5vw, 8rem);
  padding: clamp(5rem, 6vw, 10rem) 0;
}
#page-products section.product .handling_area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -100;
  width: 100vw;
  height: 100%;
  background-color: #fafafa;
}
#page-products section.product .handling_area h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
  font-size: 3rem;
  line-height: 1;
}
#page-products section.product .handling_area h3 span {
  color: #ccc;
  font-size: 2rem;
  font-weight: bold;
}
#page-products section.product .handling_area p {
  margin: clamp(3rem, 4vw, 6.4rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.7rem;
}
#page-products section.product .handling_area ul {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 21.5rem));
  gap: 2rem 1rem;
}
@media print, screen and (min-width: 768px) {
  #page-products section.product .handling_area ul {
    grid-template-columns: repeat(5, minmax(0, 21.5rem));
  }
}
#page-products section.product .handling_area ul li {
  container-type: inline-size;
  display: grid;
  place-items: center;
  border: 0.1rem solid #4d4d4d;
  border-radius: 1rem;
  aspect-ratio: 215/70;
}
#page-products section.product .handling_area ul li span {
  display: block;
  min-width: 3em;
  font-size: clamp(1.5rem, 10cqw, 2rem);
  -moz-text-align-last: justify;
       text-align-last: justify;
}
#page-products section.product .handling_area .btn_area {
  margin-top: clamp(3rem, 4vw, 6.4rem);
}
#page-products section.product .handling_area .btn_area .btn {
  margin: 0 auto;
}
#page-products section.general {
  padding: clamp(5rem, 6vw, 10rem) 0 clamp(6rem, 8vw, 15rem);
}
#page-products section.polished {
  padding: clamp(5rem, 6vw, 10rem) 0;
}
#page-products section.cutting {
  margin-top: clamp(4rem, 5vw, 8rem);
  padding: clamp(5rem, 6vw, 10rem) 0 clamp(6rem, 8vw, 15rem);
}
@media print, screen and (min-width: 768px) {
  #page-products section.cutting .handling_area ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 1rem;
  }
}
@media print, screen and (min-width: 768px) {
  #page-products section.cutting .handling_area ul li {
    width: calc((100% - 4rem) / 5);
  }
}
#page-products section.processed {
  padding-top: clamp(5rem, 6vw, 10rem);
}
#page-products section.processed .image_area img {
  width: 100%;
}
#page-products section.processed .handling_area ul li {
  position: relative;
}
#page-products section.processed .handling_area ul li .icon {
  width: clamp(1.6rem, 10cqw, 2.2rem);
  aspect-ratio: 1/1;
  background: center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: clamp(0.5rem, 5cqw, 1rem);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#page-products section.processed .handling_area ul li .icon.handling01 {
  background-image: url(../img/products/icon_handling01.webp);
}
#page-products section.processed .handling_area ul li .icon.handling02 {
  background-image: url(../img/products/icon_handling02.webp);
}
#page-products section.processed .handling_area ul li .icon.handling03 {
  background-image: url(../img/products/icon_handling03.webp);
}
#page-products section.processed .handling_area ul li .icon.handling04 {
  background-image: url(../img/products/icon_handling04.webp);
}
#page-products section.processed .handling_area ul li .icon.handling05 {
  background-image: url(../img/products/icon_handling05.webp);
}
#page-products section.processed .handling_area ul li .icon.handling06 {
  background-image: url(../img/products/icon_handling06.webp);
}
#page-products section.processed .handling_area ul li .icon.handling07 {
  background-image: url(../img/products/icon_handling07.webp);
}
#page-products section.processed .handling_area ul li .icon.handling08 {
  background-image: url(../img/products/icon_handling08.webp);
}
#page-products section.processed .handling_area ul li .icon.handling09 {
  background-image: url(../img/products/icon_handling09.webp);
}
#page-products section.processed .handling_area ul li .icon.handling10 {
  background-image: url(../img/products/icon_handling10.webp);
}
#page-products section.processed .handling_area ul li .icon.handling13 {
  background-image: url(../img/products/icon_handling13.webp);
}
#page-products section.processed .handling_area ul li .icon.handling11 {
  background-image: url(../img/products/icon_handling11.webp);
}
#page-products section.processed .handling_area ul li .icon.handling12 {
  background-image: url(../img/products/icon_handling12.webp);
}
#page-products section.processed .handling_area ul li .icon.handling13 {
  background-image: url(../img/products/icon_handling13.webp);
}
#page-products section.processed .handling_area ul li .icon.handling14 {
  background-image: url(../img/products/icon_handling14.webp);
}
#page-products section.processed .handling_area ul li .icon.handling15 {
  background-image: url(../img/products/icon_handling15.webp);
}
#page-products section.processed .handling_area ul li .icon.handling16 {
  background-image: url(../img/products/icon_handling16.webp);
}
#page-products section.processed .handling_area ul li .icon.handling17 {
  background-image: url(../img/products/icon_handling17.webp);
}
#page-products section.processed .handling_area ul li .icon.handling18 {
  background-image: url(../img/products/icon_handling18.webp);
}
#page-products section.processed .handling_area ul li .icon.handling19 {
  background-image: url(../img/products/icon_handling19.webp);
}
#page-products section.processed .handling_area ul li span {
  font-weight: bold;
}
#page-products section.difference .inner {
  background-color: #f6fbfd;
  border-radius: 2rem;
  padding: clamp(4rem, 5vw, 8rem) clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 1024px) {
  #page-products section.difference .inner {
    padding: clamp(4rem, 5vw, 8rem) clamp(6rem, 8vw, 15rem);
  }
}
#page-products section.difference h4 {
  position: relative;
}
#page-products section.difference h4::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#page-products section.difference h4 span {
  position: relative;
  z-index: 10;
  display: block;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  background-color: #f6fbfd;
  padding: 0 2em;
}
#page-products section.difference .flex {
  margin-top: clamp(3rem, 4vw, 6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(3rem, 4vw, 6rem);
}
@media print, screen and (min-width: 560px) {
  #page-products section.difference .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#page-products section.difference dl {
  width: 100%;
  max-width: 42rem;
  border-radius: 1rem;
}
#page-products section.difference dl:nth-of-type(1) {
  background-color: #033e58;
}
#page-products section.difference dl:nth-of-type(2) {
  background-color: #1b8fc2;
}
#page-products section.difference dl dt {
  color: #fff;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
}
#page-products section.difference dl dd {
  color: #fff;
}
#page-products section.difference dl dd p {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em 0;
  color: #fff;
  padding: 2rem 0;
}
#page-products section.difference dl dd p span::before {
  content: "・";
}

#page-products.Cutting-Steel #header nav.header_nav a.nav_products {
  color: initial;
}
#page-products.Cutting-Steel #header nav.header_nav a.nav_products:hover {
  color: #1b8fc2;
}
#page-products.Cutting-Steel #header nav.header_nav a.nav_cutting {
  color: #1b8fc2;
}
#page-products.Cutting-Steel #header nav.sp_nav a.nav_products::before {
  opacity: 1;
}
#page-products.Cutting-Steel main {
  position: relative;
}
#page-products.Cutting-Steel main::before {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(66.5%, #fff), color-stop(66.5%, #fafafa));
  background: linear-gradient(to bottom, #fff 66.5%, #fafafa 66.5%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#page-products.Cutting-Steel section.page_top {
  background: url(../img/products/cutting-steel/page_top.webp) center/cover no-repeat;
}
@media print, screen and (min-width: 1024px) {
  #page-products.Cutting-Steel section.page_top {
    padding-top: min(6vw, 9rem);
  }
}
#page-products.Cutting-Steel header.page_title02 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#page-products.Cutting-Steel header.page_title02 * {
  color: #b3b3b3;
}
#page-products.Cutting-Steel header.page_title02 small {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  font-size: 1.7rem;
  overflow: hidden;
}
#page-products.Cutting-Steel header.page_title02 small::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #b3b3b3;
  position: absolute;
  top: 50%;
  left: 6em;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#page-products.Cutting-Steel header.page_title02 h1 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 2.5rem;
  font-size: 2.2rem;
  font-weight: bold;
}
#page-products.Cutting-Steel header.page_title02 span {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 1.5rem;
  font-size: clamp(3.2rem, 5vw, 5rem);
}
#page-products.Cutting-Steel section.service_catch {
  padding: clamp(5rem, 6vw, 10rem) 0 clamp(6rem, 8vw, 15rem);
}
#page-products.Cutting-Steel section.service_catch h2 {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(2rem, 3vw, 3rem);
}
#page-products.Cutting-Steel section.service_catch p {
  margin: clamp(3rem, 4vw, 6.4rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.7rem;
  font-weight: 400;
}
@media print, screen and (min-width: 768px) {
  #page-products.Cutting-Steel section.service_catch p {
    text-align: center;
  }
}
#page-products.Cutting-Steel section.processing .inner {
  background-color: #f2f2f2;
  border-radius: 2rem;
  padding: clamp(6rem, 8vw, 15rem) clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 1280px) {
  #page-products.Cutting-Steel section.processing .inner {
    padding: clamp(6rem, 8vw, 15rem) calc(clamp(5rem, 6vw, 10rem) + clamp(2rem, 4vw, 4rem));
  }
}
#page-products.Cutting-Steel section.processing ul.processing_type {
  margin-top: clamp(4rem, 5vw, 8rem);
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 4rem;
}
@media print, screen and (min-width: 768px) {
  #page-products.Cutting-Steel section.processing ul.processing_type {
    grid-template-columns: repeat(2, 1fr);
  }
}
#page-products.Cutting-Steel section.processing ul.processing_type li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(3rem, 4vw, 6rem) 0;
}
#page-products.Cutting-Steel section.processing ul.processing_type li h3 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
@media print, screen and (min-width: 1024px) {
  #page-products.Cutting-Steel section.processing ul.processing_type li p {
    line-height: 2.2;
  }
}
#page-products.Cutting-Steel section.processing ul.processing_type li .main_image img {
  max-width: none;
}
#page-products.Cutting-Steel section.processing ul.processing_type li .sub_image {
  margin-top: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2rem;
}
#page-products.Cutting-Steel section.processing ul.processing_type li .sub_image img {
  max-width: none;
}
#page-products.Cutting-Steel section.service {
  padding-top: clamp(6rem, 8vw, 15rem);
}
#page-products.Cutting-Steel section.service p.section_info {
  margin: clamp(3rem, 4vw, 6.4rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.7rem;
  font-weight: 400;
}
@media print, screen and (min-width: 1024px) {
  #page-products.Cutting-Steel section.service p.section_info {
    text-align: center;
  }
}
#page-products.Cutting-Steel section.service ul {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 24rem));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: clamp(3rem, 4vw, 6rem);
}
@media print, screen and (min-width: 480px) {
  #page-products.Cutting-Steel section.service ul {
    grid-template-columns: repeat(2, minmax(0, 24rem));
  }
}
@media print, screen and (min-width: 1024px) {
  #page-products.Cutting-Steel section.service ul {
    grid-template-columns: repeat(4, minmax(0, 24rem));
  }
}
#page-products.Cutting-Steel section.service ul li {
  container-type: inline-size;
  height: 26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  border-radius: 1rem;
  padding: 0 2rem;
}
#page-products.Cutting-Steel section.service ul li .icon {
  height: 9.5rem;
  background: center bottom/contain no-repeat;
}
#page-products.Cutting-Steel section.service ul li .icon.service01 {
  width: 8rem;
  background-image: url(../img/products/cutting-steel/icon_service01.webp);
}
#page-products.Cutting-Steel section.service ul li .icon.service02 {
  width: 6rem;
  background-image: url(../img/products/cutting-steel/icon_service02.webp);
  background-position: center 60%;
}
#page-products.Cutting-Steel section.service ul li .icon.service03 {
  width: 7rem;
  background-image: url(../img/products/cutting-steel/icon_service03.webp);
}
#page-products.Cutting-Steel section.service ul li .icon.service04 {
  width: 7rem;
  background-image: url(../img/products/cutting-steel/icon_service04.webp);
}
#page-products.Cutting-Steel section.service ul li p.title {
  height: 3em;
  display: grid;
  place-items: center;
  color: #66ffff;
  font-size: clamp(1.6rem, 8.5cqw, 1.8rem);
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
#page-products.Cutting-Steel section.service ul li p.desc {
  margin-top: 1em;
  color: #fff;
  font-weight: 1.5rem;
  font-weight: 400;
}
#page-products.Cutting-Steel section.equipment {
  padding-top: clamp(6rem, 8vw, 15rem);
}
#page-products.Cutting-Steel section.equipment p.section_info {
  margin: clamp(3rem, 4vw, 6.4rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.7rem;
  font-weight: 400;
}
#page-products.Cutting-Steel section.equipment .equipment_list {
  margin-top: clamp(5rem, 6vw, 10rem);
}
#page-products.Cutting-Steel section.equipment .equipment_list h3 {
  position: relative;
}
#page-products.Cutting-Steel section.equipment .equipment_list h3::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: -1;
}
#page-products.Cutting-Steel section.equipment .equipment_list h3 span {
  display: block;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.1rem;
  background-color: #fff;
  padding: 0 1em;
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table {
  margin: clamp(3rem, 4vw, 6rem) auto 0;
}
@media print, screen and (min-width: 768px) {
  #page-products.Cutting-Steel section.equipment .equipment_list .list_table {
    overflow-x: auto;
  }
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table {
  margin: 0 auto;
  border-collapse: collapse;
  border: 0.1rem solid #ddd;
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table * {
  text-box: unset;
}
@media print, screen and (min-width: 768px) {
  #page-products.Cutting-Steel section.equipment .equipment_list .list_table table {
    width: 100%;
  }
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table thead {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table th {
  font-size: 1.7rem;
  white-space: nowrap;
  border-right: 0.1rem solid #ddd;
  padding: 1.5rem 3rem;
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table td {
  font-weight: 400;
  white-space: nowrap;
  padding: 0 3rem;
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table td:not(:last-of-type) {
  border-right: 0.1rem solid #ddd;
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table td:last-of-type {
  text-align: right;
}
@media print, screen and (min-width: 768px) {
  #page-products.Cutting-Steel section.equipment .equipment_list .list_table table td:last-of-type {
    width: 10rem;
  }
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table tr:not(:last-of-type) th {
  border-bottom: 0.1rem solid #ddd;
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table table tr:not(:last-of-type) td {
  border-bottom: 0.1rem solid #ddd;
}
#page-products.Cutting-Steel section.equipment .equipment_list .list_table .scroll-hint-icon {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#page-products.Cutting-Steel section.equipment .gallery {
  margin-top: clamp(4rem, 5vw, 8rem);
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: clamp(3rem, 4vw, 6rem) clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 480px) {
  #page-products.Cutting-Steel section.equipment .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
#page-products.Cutting-Steel section.equipment .gallery figure {
  container-type: inline-size;
}
#page-products.Cutting-Steel section.equipment .gallery figure img {
  border-radius: 1rem;
}
#page-products.Cutting-Steel section.equipment .gallery figure figcaption {
  margin-top: 1em;
  font-size: clamp(1.5rem, 4cqw, 1.7rem);
  text-align: right;
}
#page-products.Cutting-Steel section.flow {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page-products.Cutting-Steel section.flow p.section_info {
  margin: clamp(3rem, 4vw, 6.4rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 768px) {
  #page-products.Cutting-Steel section.flow p.section_info {
    text-align: center;
  }
}
#page-products.Cutting-Steel section.flow ol.flow_list {
  counter-reset: number;
  margin: clamp(5rem, 6vw, 10rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 26rem));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 6rem;
}
@media print, screen and (min-width: 480px) {
  #page-products.Cutting-Steel section.flow ol.flow_list {
    grid-template-columns: repeat(2, minmax(0, 26rem));
  }
}
@media print, screen and (min-width: 1024px) {
  #page-products.Cutting-Steel section.flow ol.flow_list {
    grid-template-columns: repeat(4, minmax(0, 26rem));
  }
}
#page-products.Cutting-Steel section.flow ol.flow_list li {
  counter-increment: number;
  container-type: inline-size;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 2rem;
  padding: clamp(3rem, 4vw, 6rem) 2rem;
}
#page-products.Cutting-Steel section.flow ol.flow_list li::before {
  content: "0" counter(number);
  color: #e6e6e6;
  font-size: clamp(5rem, 35cqw, 7rem);
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0.5rem;
  -webkit-transform: scaleX(0.8);
          transform: scaleX(0.8);
}
#page-products.Cutting-Steel section.flow ol.flow_list li:not(:last-of-type)::after {
  content: "";
  width: 4rem;
  aspect-ratio: 40/20;
  background: url(../img/products/cutting-steel/arrow.webp) center/contain no-repeat;
  position: absolute;
  top: calc(100% + 2rem);
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
          transform: translate(-50%, 0) rotate(90deg);
}
@media print, screen and (min-width: 480px) {
  #page-products.Cutting-Steel section.flow ol.flow_list li:not(:last-of-type)::after {
    top: 50%;
    left: calc(100% + 1rem);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media print, screen and (min-width: 480px) {
  #page-products.Cutting-Steel section.flow ol.flow_list li:nth-of-type(2)::after {
    top: calc(100% + 2rem);
    left: auto;
    right: calc(100% + 1rem);
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@media print, screen and (min-width: 1024px) {
  #page-products.Cutting-Steel section.flow ol.flow_list li:nth-of-type(2)::after {
    top: 50%;
    left: calc(100% + 1rem);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
#page-products.Cutting-Steel section.flow ol.flow_list li .icon {
  width: 8rem;
  aspect-ratio: 1/1;
  background: center/contain no-repeat;
}
#page-products.Cutting-Steel section.flow ol.flow_list li .icon.flow01 {
  background-image: url(../img/products/cutting-steel/icon_flow01.webp);
}
#page-products.Cutting-Steel section.flow ol.flow_list li .icon.flow02 {
  background-image: url(../img/products/cutting-steel/icon_flow02.webp);
}
#page-products.Cutting-Steel section.flow ol.flow_list li .icon.flow03 {
  background-image: url(../img/products/cutting-steel/icon_flow03.webp);
}
#page-products.Cutting-Steel section.flow ol.flow_list li .icon.flow04 {
  background-image: url(../img/products/cutting-steel/icon_flow04.webp);
}
#page-products.Cutting-Steel section.flow ol.flow_list li p.title {
  position: relative;
  margin-top: 1.5rem;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1.5rem;
}
#page-products.Cutting-Steel section.flow ol.flow_list li p.title::after {
  content: "";
  width: 4rem;
  height: 0.2rem;
  background-color: #5c93df;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#page-products.Cutting-Steel section.flow ol.flow_list li p.desc {
  margin-top: clamp(2rem, 4vw, 4rem);
  font-weight: 400;
}

#page-stock #header nav.header_nav a.nav_stock {
  color: #1b8fc2;
}
#page-stock #header nav.sp_nav a.nav_stock::before {
  opacity: 1;
}
#page-stock section.page_top::after {
  background-color: #262626;
}
#page-stock section.intro {
  padding: clamp(6rem, 8vw, 15rem) 0 clamp(4rem, 5vw, 8rem);
}
#page-stock section.intro p {
  margin: clamp(3rem, 4vw, 6rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.intro p {
    text-align: center;
  }
}
#page-stock section.intro ul.stock_list {
  margin: clamp(5rem, 6vw, 10rem) auto 0;
  max-width: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem 0;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.intro ul.stock_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 calc(2 * clamp(3rem, 4vw, 6rem));
  }
}
#page-stock section.intro ul.stock_list > li {
  color: #5c93df;
  font-size: 2rem;
  font-weight: bold;
}
#page-stock section.intro ul.link_list {
  margin-top: 2.5rem;
  display: grid;
  rule: 0.1rem solid #f2f2f2;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.intro ul.link_list {
    border-top: 0.1rem solid #f2f2f2;
    border-bottom: 0.1rem solid #f2f2f2;
  }
}
#page-stock section.intro ul.link_list li {
  border-left: 0.1rem solid #f2f2f2;
  border-right: 0.1rem solid #f2f2f2;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.intro ul.link_list li {
    border: none;
  }
  #page-stock section.intro ul.link_list li:not(:last-of-type) {
    border-bottom: 0.1rem solid #f2f2f2;
  }
}
@supports (rule: 0.1rem solid #000) {
  #page-stock section.intro ul.link_list li {
    border: none !important;
  }
}
#page-stock section.intro ul.link_list li a {
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.intro ul.link_list li a {
    padding: 0.5em 1em;
  }
}
#page-stock section.intro ul.link_list li a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
          mask: url(../img/icon_roundarrow.svg) center/contain no-repeat;
  background-color: #1a1a1a;
}
#page-stock section.intro ul.link_list li a:hover {
  color: #5c93df;
}
#page-stock section.intro ul.link_list li a:hover::after {
  background-color: #5c93df;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#page-stock section.intro ul.link_list.list01 {
  grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (min-width: 768px) {
  #page-stock section.intro ul.link_list.list01 {
    grid-template-columns: repeat(1, 16.5rem);
  }
}
#page-stock section.intro ul.link_list.list02 {
  grid-template-columns: repeat(2, 1fr);
}
@media print, screen and (min-width: 768px) {
  #page-stock section.intro ul.link_list.list02 {
    grid-template-columns: repeat(1, 20rem);
  }
}
#page-stock section.stock {
  position: relative;
  padding: clamp(4rem, 5vw, 8rem) 0 clamp(6rem, 8vw, 15rem);
}
#page-stock section.stock::before {
  content: "";
  width: 90%;
  max-width: 1400px;
  height: 0.1rem;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock header.page_section_title02 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#page-stock section.stock header.page_section_title02 h2 {
  color: #5c93df;
}
#page-stock section.stock ul.table_list {
  margin-top: clamp(4rem, 5vw, 8rem);
}
#page-stock section.stock ul.table_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#page-stock section.stock ul.table_list li + li {
  margin-top: calc(2 * clamp(3rem, 4vw, 6rem));
}
#page-stock section.stock ul.table_list li h3 {
  width: 100%;
  max-width: 810px;
  background-color: #1a1a1a;
  border-radius: 1rem;
  padding: 1em 0;
}
#page-stock section.stock ul.table_list li h3 span {
  margin: 0 auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 3.5em;
  color: #fff;
  font-size: 2rem;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
#page-stock section.stock ul.table_list li .stock_table {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#page-stock section.stock ul.table_list li .stock_table:not(:first-of-type) {
  margin-top: clamp(4rem, 5vw, 8rem);
}
#page-stock section.stock ul.table_list li .table_info {
  position: relative;
  margin-top: 2rem;
  max-width: 810px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#page-stock section.stock ul.table_list li .table_info p.series {
  margin-right: auto;
  font-size: 2rem;
  font-weight: bold;
}
#page-stock section.stock ul.table_list li .table_info p.axis {
  font-size: 1.5rem;
  margin-right: auto;
}
#page-stock section.stock ul.table_list li .table_info p.mark {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_info p.mark {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#page-stock section.stock ul.table_list li .table_info p.mark span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5rem;
  font-size: 1.5rem;
}
#page-stock section.stock ul.table_list li .table_info p.mark span.available::before {
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
#page-stock section.stock ul.table_list li .table_info p.mark span.available.blue::before {
  background-color: #0071bc;
}
#page-stock section.stock ul.table_list li .table_info p.mark span.available.orange::before {
  background-color: #e35f45;
}
#page-stock section.stock ul.table_list li .table_info p.mark span.outsourcing::before {
  content: "";
  width: 17px;
  height: 15px;
  background-color: #b3b3b3;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
#page-stock section.stock ul.table_list li .table_info small.unit {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
}
#page-stock section.stock ul.table_list li .table_area {
  margin-top: 1.5rem;
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow-x: scroll;
}
@media print, screen and (min-width: 1024px) {
  #page-stock section.stock ul.table_list li .table_area {
    overflow-x: hidden;
  }
}
#page-stock section.stock ul.table_list li .table_area * {
  text-box: unset;
}
#page-stock section.stock ul.table_list li .table_area table {
  border-collapse: collapse;
}
#page-stock section.stock ul.table_list li .table_area table th,
#page-stock section.stock ul.table_list li .table_area table td {
  height: 38px;
  text-align: center;
  line-height: 1;
  border: 0.1rem solid #000;
}
#page-stock section.stock ul.table_list li .table_area table thead {
  background-color: #dee9f9;
}
#page-stock section.stock ul.table_list li .table_area table tbody td {
  position: relative;
}
#page-stock section.stock ul.table_list li .table_area table tbody td:has(span.available) {
  width: 55px;
}
#page-stock section.stock ul.table_list li .table_area table span.available,
#page-stock section.stock ul.table_list li .table_area table span.outsourcing {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
}
#page-stock section.stock ul.table_list li .table_area table span.available {
  width: 15px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
#page-stock section.stock ul.table_list li .table_area table span.available.blue {
  background-color: #0071bc;
}
#page-stock section.stock ul.table_list li .table_area table span.available.orange {
  background-color: #e35f45;
}
#page-stock section.stock ul.table_list li .table_area table span.outsourcing {
  width: 17px;
  height: 15px;
  background-color: #b3b3b3;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
#page-stock section.stock ul.table_list li .table_area.table-general01 table {
  width: 810px;
}
#page-stock section.stock ul.table_list li .table_area.table-general01 table tbody th {
  min-width: 75px;
}
#page-stock section.stock ul.table_list li .table_area.table-general02 table {
  width: 350px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-general02 table {
    width: 810px;
  }
}
#page-stock section.stock ul.table_list li .table_area.table-general02 table tbody th {
  width: 185px;
}
#page-stock section.stock ul.table_list li .table_area.table-general03 table {
  width: 350px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-general03 table {
    width: 810px;
  }
}
#page-stock section.stock ul.table_list li .table_area.table-general03 table tbody th {
  width: 147.5px;
}
#page-stock section.stock ul.table_list li .table_area.table-general04 table {
  width: 350px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-general04 table {
    width: 810px;
  }
}
#page-stock section.stock ul.table_list li .table_area.table-general04 table tbody th {
  width: 185px;
}
#page-stock section.stock ul.table_list li .table_area.table-general05 table {
  width: 350px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-general05 table {
    width: 810px;
  }
}
#page-stock section.stock ul.table_list li .table_area.table-general05 table th,
#page-stock section.stock ul.table_list li .table_area.table-general05 table td {
  width: 116.6666666667px;
}
#page-stock section.stock ul.table_list li .table_area.table-general06 table {
  width: 350px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-general06 table {
    width: 810px;
  }
}
#page-stock section.stock ul.table_list li .table_area.table-general06 table th,
#page-stock section.stock ul.table_list li .table_area.table-general06 table td {
  width: 116.6666666667px;
}
#page-stock section.stock ul.table_list li .table_area.table-polished01 table {
  width: 1400px;
}
#page-stock section.stock ul.table_list li .table_area.table-polished01 table tbody th {
  width: 70px;
}
#page-stock section.stock ul.table_list li .table_area.table-polished02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 10px;
}
#page-stock section.stock ul.table_list li .table_area.table-polished02 table {
  min-width: 200px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-polished02 table {
    min-width: 400px;
  }
}
#page-stock section.stock ul.table_list li .table_area.table-polished02 table tbody th {
  width: 90px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-polished02 table tbody th {
    width: 290px;
  }
}
#page-stock section.stock ul.table_list li .table_area.table-polished03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 10px;
}
#page-stock section.stock ul.table_list li .table_area.table-polished03 table {
  min-width: 154px;
}
#page-stock section.stock ul.table_list li .table_area.table-polished04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 10px;
}
#page-stock section.stock ul.table_list li .table_area.table-polished04 table {
  min-width: 200px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-polished04 table {
    min-width: 400px;
  }
}
#page-stock section.stock ul.table_list li .table_area.table-polished04 table tbody th {
  width: 90px;
}
@media print, screen and (min-width: 768px) {
  #page-stock section.stock ul.table_list li .table_area.table-polished04 table tbody th {
    width: 290px;
  }
}
#page-stock section.stock ul.table_list li .btn_area {
  margin-top: 4rem;
}
#page-stock section.stock ul.table_list li .btn_area .btn {
  margin: 0 auto;
}
#page-stock section.stock ul.table_list li .btn_area .btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  padding: 0.5em 0;
}
#page-stock section.stock ul.table_list li .btn_area .btn a::before {
  content: "";
  width: 2.4rem;
  aspect-ratio: 24/30;
  -webkit-mask: url(../img/stock/icon_pdf.svg) center/contain no-repeat;
          mask: url(../img/stock/icon_pdf.svg) center/contain no-repeat;
  background-color: #fff;
}
#page-stock section.stock ul.table_list li .btn_area .btn a:hover::before {
  background-color: #033e58;
}
#page-stock section.stock ul.table_list li#polished01 h3 {
  max-width: 1400px;
}
#page-stock section.stock ul.table_list li#polished01 .table_info {
  max-width: 1400px;
}

#page-business #header nav.header_nav a.nav_business {
  color: #1b8fc2;
}
#page-business #header nav.sp_nav a.nav_business::before {
  opacity: 1;
}
#page-business section.page_top::after {
  background-color: #3e4a56;
}
#page-business section.business {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page-business section.business p.section_intro {
  margin: clamp(3rem, 4vw, 6rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 768px) {
  #page-business section.business p.section_intro {
    text-align: center;
  }
}
#page-business section.business .catch_block {
  margin-top: clamp(6rem, 8vw, 15rem);
}
#page-business section.business .catch_block:first-of-type {
  position: relative;
  padding-top: clamp(5rem, 6vw, 10rem);
}
#page-business section.business .catch_block:first-of-type::before {
  content: "";
  width: 90vw;
  max-width: 1200px;
  height: 0.1rem;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#page-business section.business .catch_block h3 {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.8rem;
  font-weight: bold;
}
#page-business section.business .catch_block p {
  margin: 2.5rem auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 768px) {
  #page-business section.business .catch_block p {
    text-align: center;
  }
}
#page-business section.business .catch_block .catch_img {
  margin-top: clamp(4rem, 5vw, 8rem);
  width: 100%;
  aspect-ratio: 1200/420;
  background: center/contain no-repeat;
  border-radius: 1rem;
}
#page-business section.business .catch_block .catch_img.catch01 {
  background-image: url(../img/business/catch_img01.webp);
}
#page-business section.business .catch_block .catch_img.catch02 {
  background-image: url(../img/business/catch_img02.webp);
}
#page-business section.business ul.service_list {
  margin: clamp(5rem, 6vw, 10rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 32rem));
  gap: clamp(2rem, 4vw, 4rem) 1.6rem;
}
@media print, screen and (min-width: 480px) {
  #page-business section.business ul.service_list {
    grid-template-columns: repeat(2, minmax(0, 32rem));
  }
}
@media print, screen and (min-width: 768px) {
  #page-business section.business ul.service_list {
    grid-template-columns: repeat(3, minmax(0, 32rem));
  }
}
@media print, screen and (min-width: 1024px) {
  #page-business section.business ul.service_list {
    grid-template-columns: repeat(4, minmax(0, 32rem));
  }
}
#page-business section.business ul.service_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid #1a1a1a;
  border-radius: 1rem;
  padding: 2rem 2.5rem;
}
#page-business section.business ul.service_list li .icon {
  height: 5rem;
  background: center bottom/contain no-repeat;
}
#page-business section.business ul.service_list li .icon.icon01 {
  width: 3.2rem;
  background-image: url(../img/business/icon_service01.webp);
}
#page-business section.business ul.service_list li .icon.icon02 {
  width: 6rem;
  background-image: url(../img/business/icon_service02.webp);
}
#page-business section.business ul.service_list li .icon.icon03 {
  width: 4.6rem;
  background-image: url(../img/business/icon_service03.webp);
}
#page-business section.business ul.service_list li .icon.icon04 {
  width: 3rem;
  background-image: url(../img/business/icon_service04.webp);
}
#page-business section.business ul.service_list li .icon.icon05 {
  width: 6rem;
  background-image: url(../img/business/icon_service05.webp);
}
#page-business section.business ul.service_list li .icon.icon06 {
  width: 5.8rem;
  background-image: url(../img/business/icon_service06.webp);
}
#page-business section.business ul.service_list li .icon.icon07 {
  width: 5.6rem;
  background-image: url(../img/business/icon_service07.webp);
}
#page-business section.business ul.service_list li .icon.icon08 {
  width: 4.5rem;
  background-image: url(../img/business/icon_service08.webp);
}
#page-business section.business ul.service_list li p.title {
  margin-top: 1rem;
  color: #5c93df;
  font-size: 1.8rem;
  font-weight: bold;
}
#page-business section.business ul.service_list li p.desc {
  margin-top: 2.5rem;
}
@media print, screen and (min-width: 1280px) {
  #page-business section.business ul.service_list li p.desc {
    line-height: 1.5;
  }
}
#page-business section.business p.contact_lead {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 768px) {
  #page-business section.business p.contact_lead {
    text-align: center;
  }
}
#page-business section.business p.contact_lead strong {
  font-weight: bold;
}
#page-business section.business ul.business_list {
  margin-top: clamp(5rem, 6vw, 10rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2rem, 4vw, 4rem) 2rem;
}
#page-business section.business ul.business_list li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 768px) {
  #page-business section.business ul.business_list li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#page-business section.business ul.business_list li .business_img {
  width: 100%;
  max-width: 36rem;
  aspect-ratio: 360/240;
  background: center/contain no-repeat;
}
#page-business section.business ul.business_list li .business_img.business01 {
  background-image: url(../img/business/business_img01.webp);
}
#page-business section.business ul.business_list li .business_img.business02 {
  background-image: url(../img/business/business_img02.webp);
}
#page-business section.business ul.business_list li .business_img.business03 {
  background-image: url(../img/business/business_img03.webp);
}
#page-business section.business ul.business_list li h4 {
  margin-top: 2.5rem;
  font-size: 1.8rem;
  font-weight: bold;
}
#page-business section.business ul.business_list li p {
  margin-top: 3rem;
}
@media print, screen and (min-width: 768px) {
  #page-business section.business ul.business_list li p {
    text-align: center;
  }
}
#page-business section.business .btn_area {
  margin-top: clamp(4rem, 5vw, 8rem);
}
#page-business section.business .btn_area .btn {
  margin: 0 auto;
}
#page-business section.flow {
  background-color: #e5eefa;
  padding: clamp(5rem, 6vw, 10rem) 0 clamp(6rem, 8vw, 15rem);
}
#page-business section.flow p.section_info {
  margin: clamp(3rem, 4vw, 6rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 400;
}
@media print, screen and (min-width: 768px) {
  #page-business section.flow p.section_info {
    text-align: center;
  }
}
#page-business section.flow p.section_info strong {
  font-weight: bold;
}
#page-business section.flow ol.flow_list {
  margin: clamp(5rem, 6vw, 10rem) auto 0;
  max-width: 600px;
  counter-reset: flow;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
}
@media print, screen and (min-width: 480px) {
  #page-business section.flow ol.flow_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media print, screen and (min-width: 1280px) {
  #page-business section.flow ol.flow_list {
    max-width: none;
  }
}
#page-business section.flow ol.flow_list li {
  position: relative;
  counter-increment: flow;
  width: 100%;
  max-width: 26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 2rem;
  padding: clamp(3rem, 4vw, 6rem) 2rem clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 480px) {
  #page-business section.flow ol.flow_list li {
    width: calc((100% - 6rem) / 2);
  }
}
@media print, screen and (min-width: 1280px) {
  #page-business section.flow ol.flow_list li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#page-business section.flow ol.flow_list li::before {
  content: counter(flow, decimal-leading-zero);
  color: #e6e6e6;
  font-size: clamp(3.5rem, 7vw, 7rem);
  line-height: 0.7;
  position: absolute;
  top: 1rem;
  left: 1rem;
}
#page-business section.flow ol.flow_list li:not(:last-of-type)::after {
  content: "";
  width: 3.2rem;
  aspect-ratio: 32/20;
  background: url(../img/business/flow_arrow.webp) center/contain no-repeat;
  position: absolute;
  top: calc(100% + 2rem);
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
          transform: translate(-50%, 0) rotate(90deg);
}
@media print, screen and (min-width: 480px) {
  #page-business section.flow ol.flow_list li:not(:last-of-type)::after {
    top: 50%;
    left: calc(100% + 1.4rem);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media print, screen and (min-width: 480px) {
  #page-business section.flow ol.flow_list li:nth-of-type(2)::after {
    top: calc(100% + 2rem);
    left: auto;
    right: calc(100% + 1.4rem);
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@media print, screen and (min-width: 1280px) {
  #page-business section.flow ol.flow_list li:nth-of-type(2)::after {
    top: 50%;
    left: calc(100% + 1.4rem);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
#page-business section.flow ol.flow_list li .icon {
  width: 8rem;
  aspect-ratio: 1/1;
  background: center/contain no-repeat;
}
#page-business section.flow ol.flow_list li .icon.flow01 {
  background-image: url(../img/business/icon_flow01.webp);
}
#page-business section.flow ol.flow_list li .icon.flow02 {
  background-image: url(../img/business/icon_flow02.webp);
}
#page-business section.flow ol.flow_list li .icon.flow03 {
  background-image: url(../img/business/icon_flow03.webp);
}
#page-business section.flow ol.flow_list li .icon.flow04 {
  background-image: url(../img/business/icon_flow04.webp);
}
#page-business section.flow ol.flow_list li p.title {
  position: relative;
  margin-top: 1rem;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1.5rem;
}
#page-business section.flow ol.flow_list li p.title::after {
  content: "";
  width: 4rem;
  height: 0.2rem;
  background-color: #5c93df;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#page-business section.flow ol.flow_list li p.desc {
  margin-top: clamp(2rem, 4vw, 4rem);
}

#page-company #header nav.header_nav a.nav_company {
  color: #1b8fc2;
}
#page-company #header nav.sp_nav a.nav_company::before {
  opacity: 1;
}
#page-company section.page_top::after {
  background-color: #223a51;
}
#page-company section.greetings {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page-company section.greetings .flex {
  margin-top: clamp(5rem, 6vw, 10rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(4rem, 5vw, 8rem);
}
#page-company section.greetings .ceo_img {
  width: 100%;
  max-width: 43rem;
}
@media print, screen and (min-width: 1024px) {
  #page-company section.greetings .ceo_img {
    width: 40%;
  }
}
#page-company section.greetings .message_area {
  margin: 0 auto;
  width: 100%;
  max-width: 80rem;
}
#page-company section.greetings .message_area p {
  font-size: 1.7rem;
  font-weight: 400;
}
#page-company section.greetings .message_area p strong {
  display: block;
  font-size: 2.2rem;
  font-weight: 500;
}
@media print, screen and (min-width: 768px) {
  #page-company section.greetings .message_area p strong {
    text-align: center;
  }
}
#page-company section.greetings .message_area p:nth-of-type(2) {
  margin-top: clamp(3rem, 4vw, 6rem);
}
#page-company section.greetings .message_area p.closing {
  margin-top: clamp(4rem, 5vw, 8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
#page-company section.greetings .message_area p.closing span.ceo_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1em;
  font-size: 1.5rem;
}
#page-company section.greetings .message_area p.closing span.ceo_name img {
  width: 100px;
  max-width: none;
}
#page-company section.profile,
#page-company section.equipments,
#page-company section.history,
#page-company section.initiatives,
#page-company section.facilities,
#page-company section.group {
  position: relative;
  padding: clamp(5rem, 6vw, 10rem) 0 clamp(6rem, 8vw, 15rem);
}
#page-company section.profile::before,
#page-company section.equipments::before,
#page-company section.history::before,
#page-company section.initiatives::before,
#page-company section.facilities::before,
#page-company section.group::before {
  content: "";
  width: 90%;
  max-width: 1200px;
  height: 0.1rem;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
#page-company section.profile dl.profile_list {
  margin-top: 4rem;
  width: 100%;
  border: 0.1rem solid #ddd;
}
@media print, screen and (min-width: 768px) {
  #page-company section.profile dl.profile_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
#page-company section.profile dl.profile_list dt {
  padding: 1.25em;
  background-color: #ddd;
}
@media print, screen and (min-width: 768px) {
  #page-company section.profile dl.profile_list dt {
    width: 18rem;
    background-color: unset;
    border-right: 0.1rem solid #ddd;
    display: grid;
    place-items: center start;
  }
  #page-company section.profile dl.profile_list dt:not(:first-of-type) {
    border-top: 0.1rem solid #ddd;
  }
}
#page-company section.profile dl.profile_list dt span {
  display: inline-block;
  min-width: 3.2em;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
#page-company section.profile dl.profile_list dd {
  padding: 1.25em;
  border-top: 0.1rem solid #ddd;
}
@media print, screen and (min-width: 768px) {
  #page-company section.profile dl.profile_list dd {
    width: calc(100% - 18rem);
    padding: 1.25em 2em;
  }
  #page-company section.profile dl.profile_list dd:first-of-type {
    border-top: none;
  }
}
#page-company section.profile dl.profile_list dd ul.business_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em 0;
}
#page-company section.profile dl.profile_list dd ul.business_list li + li {
  margin-top: 1.5em;
}
#page-company section.profile dl.profile_list dd ul.business_list li h3::before {
  content: "【";
}
#page-company section.profile dl.profile_list dd ul.business_list li h3::after {
  content: "】";
}
#page-company section.profile dl.profile_list dd ul.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5em 0.25em;
}
#page-company section.profile dl.profile_list dd ul.flex li:not(:last-of-type)::after {
  content: "、";
}
#page-company section.equipments ul.equipments_list {
  margin-top: 4rem;
  width: 100%;
  border: 0.1rem solid #ddd;
}
#page-company section.equipments ul.equipments_list li:not(:last-of-type) {
  border-bottom: 0.1rem solid #ddd;
}
@media print, screen and (min-width: 768px) {
  #page-company section.equipments ul.equipments_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#page-company section.equipments ul.equipments_list li p {
  text-align: center;
  padding: 1.25em;
}
@media print, screen and (min-width: 768px) {
  #page-company section.equipments ul.equipments_list li p {
    text-align: left;
  }
}
#page-company section.equipments ul.equipments_list li p.name {
  background-color: #ddd;
}
@media print, screen and (min-width: 768px) {
  #page-company section.equipments ul.equipments_list li p.name {
    width: 20rem;
    background-color: transparent;
    border-right: 0.1rem solid #ddd;
  }
}
@media print, screen and (min-width: 768px) {
  #page-company section.equipments ul.equipments_list li p.amount {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.25em 2em;
  }
}
#page-company section.history ol.history_list {
  margin-top: 4rem;
  width: 100%;
  border: 0.1rem solid #ddd;
}
@media print, screen and (min-width: 768px) {
  #page-company section.history ol.history_list {
    border-top: none;
  }
}
@media print, screen and (min-width: 768px) {
  #page-company section.history ol.history_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
#page-company section.history ol.history_list li time {
  display: block;
  background-color: #ddd;
  padding: 1.25em;
}
@media print, screen and (min-width: 768px) {
  #page-company section.history ol.history_list li time {
    width: 20rem;
    background-color: unset;
    border-top: 0.1rem solid #ddd;
    border-right: 0.1rem solid #ddd;
  }
}
#page-company section.history ol.history_list li p {
  padding: 1.25em;
}
@media print, screen and (min-width: 768px) {
  #page-company section.history ol.history_list li p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-top: 0.1rem solid #ddd;
    padding: 1.25em 2em;
  }
}
#page-company section.initiatives p.lead {
  margin-top: 4rem;
  font-size: 2.2rem;
}
@media print, screen and (min-width: 768px) {
  #page-company section.initiatives p.lead {
    text-align: center;
  }
}
@media print, screen and (min-width: 1024px) {
  #page-company section.initiatives p.lead {
    text-align: left;
  }
}
#page-company section.initiatives ul {
  margin-top: clamp(5rem, 6vw, 10rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem min(5vw, 5rem);
}
@media print, screen and (min-width: 768px) {
  #page-company section.initiatives ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media print, screen and (min-width: 768px) {
  #page-company section.initiatives ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#page-company section.initiatives ul li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(2rem, 4vw, 4rem) 0;
}
#page-company section.initiatives ul li figure img {
  max-width: 20.5rem;
}
#page-company section.initiatives ul li figure figcaption h3 {
  text-align: center;
}
#page-company section.initiatives ul li figure figcaption p {
  margin-top: clamp(2rem, 4vw, 4rem);
  font-weight: 400;
}
#page-company section.facilities .company_info,
#page-company section.group .company_info {
  margin-top: clamp(5rem, 6vw, 10rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem 0;
}
@media print, screen and (min-width: 768px) {
  #page-company section.facilities .company_info,
  #page-company section.group .company_info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#page-company section.facilities .company_info > p,
#page-company section.group .company_info > p {
  font-size: 2.1rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #page-company section.facilities .company_info > p,
  #page-company section.group .company_info > p {
    padding-right: min(5vw, 5rem);
  }
}
#page-company section.facilities .company_info > p small,
#page-company section.group .company_info > p small {
  display: block;
  margin-top: 1em;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
}
#page-company section.facilities .company_info > p small span,
#page-company section.group .company_info > p small span {
  display: inline-block;
}
#page-company section.facilities .company_info address,
#page-company section.group .company_info address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  #page-company section.facilities .company_info address,
  #page-company section.group .company_info address {
    padding-left: min(5vw, 5rem);
    border-left: 0.1rem solid #1a1a1a;
  }
}
#page-company section.facilities .company_info address p.address,
#page-company section.group .company_info address p.address {
  text-align: left;
}
#page-company section.facilities .company_info address p.address span,
#page-company section.group .company_info address p.address span {
  display: inline-block;
}
#page-company section.facilities .company_info address .contact_way,
#page-company section.group .company_info address .contact_way {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem 0;
}
#page-company section.facilities .company_info address .contact_way dl,
#page-company section.group .company_info address .contact_way dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#page-company section.facilities .company_info address .contact_way dl dt,
#page-company section.group .company_info address .contact_way dl dt {
  width: 2.75em;
}
#page-company section.facilities .company_info address .contact_way dl dt::after,
#page-company section.group .company_info address .contact_way dl dt::after {
  content: "：";
}
#page-company section.facilities .company_info address .contact_way dl dd,
#page-company section.group .company_info address .contact_way dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem 0;
}
#page-company section.facilities .company_info address .contact_way dl dd a,
#page-company section.group .company_info address .contact_way dl dd a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#page-company section.facilities .company_info address .contact_way dl dd a:not(:last-of-type)::after,
#page-company section.group .company_info address .contact_way dl dd a:not(:last-of-type)::after {
  content: "／";
}
#page-company section.facilities .company_info address .contact_way dl dd a:hover,
#page-company section.group .company_info address .contact_way dl dd a:hover {
  color: #1b8fc2;
}
#page-company section.facilities .company_img,
#page-company section.group .company_img {
  margin-top: clamp(4rem, 5vw, 8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 1rem;
}
#page-company section.facilities .company_img img,
#page-company section.group .company_img img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#page-company section.facilities figure.map,
#page-company section.group figure.map {
  margin-top: clamp(3rem, 4vw, 6rem);
}
#page-company section.facilities figure.map iframe,
#page-company section.group figure.map iframe {
  max-width: none;
  min-height: 25rem;
  aspect-ratio: 1000/340;
}
#page-company section.facilities ul.branch_list,
#page-company section.group ul.branch_list {
  margin: clamp(3rem, 4vw, 6rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#page-company section.facilities ul.branch_list li,
#page-company section.group ul.branch_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em 0;
}
@media print, screen and (min-width: 768px) {
  #page-company section.facilities ul.branch_list li,
  #page-company section.group ul.branch_list li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#page-company section.facilities ul.branch_list li + li,
#page-company section.group ul.branch_list li + li {
  margin-top: 4rem;
}
#page-company section.facilities ul.branch_list li p,
#page-company section.group ul.branch_list li p {
  font-size: 2.1rem;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  #page-company section.facilities ul.branch_list li p,
  #page-company section.group ul.branch_list li p {
    width: 23.5rem;
  }
}
#page-company section.facilities ul.branch_list li p small,
#page-company section.group ul.branch_list li p small {
  font-size: 1.6rem;
  font-weight: 500;
}
#page-company section.facilities ul.branch_list li address,
#page-company section.group ul.branch_list li address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em 0;
}
@media print, screen and (min-width: 768px) {
  #page-company section.facilities ul.branch_list li address,
  #page-company section.group ul.branch_list li address {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 1em;
    border-left: 0.1rem solid #1a1a1a;
    padding: 0.5em 0 0.5em min(5vw, 5rem);
  }
}

#page-equipment #header nav.header_nav a.nav_equipment {
  color: #1b8fc2;
}
#page-equipment #header nav.sp_nav a.nav_equipment::before {
  opacity: 1;
}

#page-news #header nav.header_nav a.nav_news {
  color: #1b8fc2;
}
#page-news #header nav.sp_nav a.nav_news::before {
  opacity: 1;
}
#page-news section.page_top::after {
  background-color: #111d29;
}
#page-news section.news {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page-news section.news header.page_section_title01 {
  scroll-margin-top: 2rem;
}
#page-news section.news ul.tab_list {
  margin-top: clamp(6rem, 8vw, 15rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#page-news section.news ul.tab_list li {
  border-left: 0.1rem solid #808080;
}
#page-news section.news ul.tab_list li:last-of-type {
  border-right: 0.1rem solid #808080;
}
#page-news section.news ul.tab_list li button {
  display: block;
  color: #808080;
  font-weight: bold;
  padding: 0.5em 1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#page-news section.news ul.tab_list li button:hover, #page-news section.news ul.tab_list li button.is-active {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
#page-news section.news ul.tab_list li button:hover[data-tab=all], #page-news section.news ul.tab_list li button.is-active[data-tab=all] {
  color: #000;
}
#page-news section.news ul.tab_list li button:hover[data-tab=news], #page-news section.news ul.tab_list li button.is-active[data-tab=news] {
  color: #1b8fc2;
}
#page-news section.news ul.tab_list li button:hover[data-tab=recruit], #page-news section.news ul.tab_list li button.is-active[data-tab=recruit] {
  color: #e35f45;
}
#page-news section.news ul.news_list {
  position: relative;
  margin-top: clamp(3rem, 4vw, 6rem);
  padding-top: clamp(2rem, 4vw, 4rem);
}
#page-news section.news ul.news_list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(90vw, 1400px);
  height: 0.1rem;
  background-color: #000;
}
#page-news section.news ul.news_list li {
  border-bottom: 0.1rem solid #000;
}
#page-news section.news ul.news_list li a {
  padding: clamp(2rem, 4vw, 4rem) 0;
}
#page-news section.news ul.news_list li article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 768px) {
  #page-news section.news ul.news_list li article {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#page-news section.news ul.news_list li article time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
  font-size: 1.5rem;
}
#page-news section.news ul.news_list li article time span {
  font-size: 4rem;
}
#page-news section.news ul.news_list li article span.category {
  display: block;
  width: 14rem;
  font-size: 1.5rem;
  text-align: center;
  border: 0.1rem solid;
  border-radius: 9999px;
  padding: 0.5em 0;
}
#page-news section.news ul.news_list li article span.category.info {
  color: #1b8fc2;
  border-color: #1b8fc2;
}
#page-news section.news ul.news_list li article span.category.recruit {
  color: #e35f45;
  border-color: #e35f45;
}
#page-news section.news ul.news_list li article p.title {
  margin-top: 1em;
  font-size: 1.5rem;
  font-weight: bold;
}
#page-news section.news ul.news_list li:has(span.category.info) a:hover article time,
#page-news section.news ul.news_list li:has(span.category.info) a:hover article p.title {
  color: #1b8fc2;
}
#page-news section.news ul.news_list li:has(span.category.info) a:hover article span.category {
  color: #fff;
  background-color: #1b8fc2;
}
#page-news section.news ul.news_list li:has(span.category.recruit) a:hover article time,
#page-news section.news ul.news_list li:has(span.category.recruit) a:hover article p.title {
  color: #e35f45;
}
#page-news section.news ul.news_list li:has(span.category.recruit) a:hover article span.category {
  color: #fff;
  background-color: #e35f45;
}
#page-news section.news ul.pagination {
  margin-top: clamp(2rem, 4vw, 4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#page-news section.news ul.pagination li button {
  width: 4rem;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  color: #808080;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#page-news section.news ul.pagination li button:hover, #page-news section.news ul.pagination li button.is-active {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
#page-news section.news_detail {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page-news section.news_detail h2.news_title {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 1000px;
  font-size: clamp(2rem, 2vw, 3.5rem);
}
#page-news section.news_detail .detail_body {
  position: relative;
  margin-top: clamp(2rem, 4vw, 4rem);
  padding-top: clamp(3rem, 4vw, 6rem);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
}
#page-news section.news_detail .detail_body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(90vw, 1400px);
  height: 0.1rem;
  background-color: #000;
}
#page-news section.news_detail .meta_area {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 clamp(2rem, 4vw, 4rem);
}
#page-news section.news_detail .meta_area time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem 0;
  font-size: 1.5rem;
}
#page-news section.news_detail .meta_area time span {
  font-size: 4rem;
  font-weight: bold;
}
#page-news section.news_detail .meta_area span.category {
  display: block;
  width: 14rem;
  font-size: 1.5rem;
  text-align: center;
  border: 0.1rem solid;
  border-radius: 9999px;
  padding: 0.5em 0;
}
#page-news section.news_detail .meta_area span.category.info {
  color: #1b8fc2;
  border-color: #1b8fc2;
}
#page-news section.news_detail .meta_area span.category.recruit {
  color: #e35f45;
  border-color: #e35f45;
}
#page-news section.news_detail .text_area {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
}
#page-news section.news_detail .link_area {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  width: 100%;
}
#page-news section.news_detail .link_area a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#page-news section.news_detail .pdf_area {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: auto;
}
#page-news section.news_detail .pdf_area a {
  width: min(10vw, 5rem);
  aspect-ratio: 50/57;
  -webkit-mask: url(../img/news/icon_pdf.svg) center/contain no-repeat;
          mask: url(../img/news/icon_pdf.svg) center/contain no-repeat;
  background-color: #000;
}
#page-news section.news_detail .image_area {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 768px) {
  #page-news section.news_detail .image_area {
    gap: 0 clamp(5rem, 6vw, 10rem);
  }
}
#page-news section.news_detail .image_area .image {
  width: calc((100% - clamp(2rem, 4vw, 4rem)) / 2);
  aspect-ratio: 450/300;
  border: 0.1rem solid #ddd;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  #page-news section.news_detail .image_area .image {
    width: calc((100% - clamp(5rem, 6vw, 10rem)) / 2);
  }
}
#page-news section.news_detail .image_area .image a {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
#page-news section.news_detail .image_area .image a:hover {
  opacity: 0.5;
}
#page-news section.news_detail .image_area .image img {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#page-news section.news_detail .image_area p {
  margin-top: 2rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5rem;
  font-size: 1.5rem;
}
#page-news section.news_detail .image_area p::before {
  content: "";
  width: 1.5em;
  aspect-ratio: 1/1;
  background: url(../img/news/icon_glass.svg) center/contain no-repeat;
}
#page-news section.news_detail .detail_body:has(span.category.info) .link_area a:hover {
  color: #1b8fc2;
}
#page-news section.news_detail .detail_body:has(span.category.info) .pdf_area a:hover {
  background-color: #1b8fc2;
}
#page-news section.news_detail .detail_body:has(span.category.recruit) .link_area a:hover {
  color: #e35f45;
}
#page-news section.news_detail .detail_body:has(span.category.recruit) .pdf_area a:hover {
  background-color: #e35f45;
}
#page-news section.news_detail .btn_area {
  margin-top: clamp(3rem, 4vw, 6rem);
}
#page-news section.news_detail .btn_area .btn {
  margin: 0 auto;
}

#page-contact #header nav.header_nav a.nav_contact {
  color: #000;
  background-color: transparent;
}
#page-contact #header nav.sp_nav a.nav_contact::before {
  opacity: 1;
}
#page-contact #footer nav.footer_nav a.nav_contact {
  color: #000;
  background-color: transparent;
}
#page-contact section.page_top::after {
  background-color: #666;
}
#page-contact section.tel_contact {
  padding-top: clamp(6rem, 8vw, 15rem);
}
#page-contact section.tel_contact .inner {
  background-color: #f2f2f2;
  border-radius: 2rem;
  padding: clamp(3rem, 4vw, 6.4rem) 2rem;
}
#page-contact section.tel_contact h2 {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(6vw, 3rem);
  border-bottom: 0.1rem solid #1a1a1a;
  padding-bottom: clamp(2rem, 4vw, 4rem);
}
#page-contact section.tel_contact .tel_info {
  margin-top: clamp(2rem, 4vw, 4rem);
}
#page-contact section.tel_contact .tel_info p {
  font-size: 1.8rem;
  text-align: center;
}
#page-contact section.tel_contact .tel_info .number {
  margin: 1.5rem auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#page-contact section.tel_contact .tel_info .number a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  font-size: 3rem;
  font-weight: bold;
}
#page-contact section.tel_contact .tel_info .number a::before {
  content: "";
  width: 3.4rem;
  aspect-ratio: 1/1;
  background: url(../img/icon_tel.svg) center/contain no-repeat;
}
#page-contact section.tel_contact .tel_info .number small {
  display: block;
  margin-left: 4.4rem;
  font-size: 1.6rem;
}
#page-contact section.form_contact {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
#page-contact section.form_contact h2 {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(6vw, 3rem);
}
#page-contact section.form_contact p.form_info {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#page-contact section.form_contact p.form_info span {
  margin-right: 0.5rem;
  color: #fff;
  font-size: 1.4rem;
  background-color: #dd2e02;
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
}
#page-contact section.form_contact p.form_info a {
  display: inline;
  color: #1b8fc2;
  font-weight: bold;
}
#page-contact section.form_contact .btn_area.completed {
  margin-top: clamp(4rem, 5vw, 8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem clamp(2rem, 4vw, 4rem);
}
#page-contact section.form_contact form {
  margin-top: clamp(5rem, 6vw, 10rem);
}
#page-contact section.form_contact form * {
  text-box: unset;
}
#page-contact section.form_contact form .input_area dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem 0;
}
@media print, screen and (min-width: 768px) {
  #page-contact section.form_contact form .input_area dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 0 clamp(2rem, 4vw, 4rem);
  }
}
#page-contact section.form_contact form .input_area dl + dl {
  margin-top: 4rem;
}
#page-contact section.form_contact form .input_area dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1rem;
  font-size: 2rem;
}
@media print, screen and (min-width: 768px) {
  #page-contact section.form_contact form .input_area dl dt {
    width: 25rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#page-contact section.form_contact form .input_area dl dt.required::after {
  content: "必須";
  color: #fff;
  font-size: 1.4rem;
  background-color: #dd2e02;
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
}
#page-contact section.form_contact form .input_area dl dd {
  border: 0.1rem solid #ccc;
  border-radius: 0.8rem;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  #page-contact section.form_contact form .input_area dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  #page-contact section.form_contact form .input_area dl dd.zip {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20rem;
  }
  #page-contact section.form_contact form .input_area dl dd.address {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 1rem 0 0 auto;
    width: calc(100% - 25rem - clamp(2rem, 4vw, 4rem));
  }
}
#page-contact section.form_contact form .input_area dl dd input,
#page-contact section.form_contact form .input_area dl dd textarea {
  display: block;
  width: 100%;
  font-size: 1.8rem;
  padding: 0.75em 1em;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#page-contact section.form_contact form .input_area dl dd input:hover,
#page-contact section.form_contact form .input_area dl dd textarea:hover {
  background-color: rgba(27, 143, 194, 0.1);
}
#page-contact section.form_contact form .input_area dl dd textarea {
  field-sizing: content;
  min-height: 20rem;
}
#page-contact section.form_contact form .privacy_area {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: 100%;
  max-width: 80rem;
  background-color: #f2f2f2;
  border-radius: 2rem;
  padding: clamp(2rem, 4vw, 4rem);
}
@media print, screen and (min-width: 768px) {
  #page-contact section.form_contact form .privacy_area p {
    text-align: center;
  }
}
#page-contact section.form_contact form .privacy_area p a {
  display: inline;
  color: #1b8fc2;
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}
#page-contact section.form_contact form .privacy_area p a:hover {
  color: #fff;
  background-color: #1b8fc2;
}
#page-contact section.form_contact form .privacy_area label {
  margin: 2rem auto 0;
  width: 100%;
  max-width: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.5rem;
  background-color: #fff;
  padding: 2rem 0;
  cursor: pointer;
}
#page-contact section.form_contact form .privacy_area label input {
  width: 1.2em;
  height: 1.2em;
  accent-color: #1b8fc2;
}
#page-contact section.form_contact form .btn_area {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: 100%;
  max-width: 80rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(2rem, 4vw, 4rem);
}
#page-contact section.form_contact form .btn_area button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  border-radius: 1rem;
  padding: 1em 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#page-contact section.form_contact form .btn_area button[type=reset], #page-contact section.form_contact form .btn_area button[type=button] {
  background-color: #1a1a1a;
  border: 0.1rem solid #1a1a1a;
}
#page-contact section.form_contact form .btn_area button[type=reset]:hover, #page-contact section.form_contact form .btn_area button[type=button]:hover {
  color: #1a1a1a;
  background-color: #fff;
}
#page-contact section.form_contact form .btn_area button[type=submit] {
  background-color: #1b8fc2;
  border: 0.1rem solid #1b8fc2;
}
#page-contact section.form_contact form .btn_area button[type=submit]:hover {
  color: #1b8fc2;
  background: #fff;
}
#page-contact section.form_contact form.confirm .input_area dl dd input,
#page-contact section.form_contact form.confirm .input_area dl dd textarea {
  pointer-events: none;
}
#page-contact section.form_contact form.confirm .privacy_area label {
  pointer-events: none;
}

#page-privacy #header nav.sp_nav a.nav_privacy::before {
  opacity: 1;
}
#page-privacy section.page_top::after {
  background-color: #666;
}
#page-privacy section.policy {
  padding: clamp(6rem, 8vw, 15rem) 0;
}
@media print, screen and (min-width: 768px) {
  #page-privacy section.policy header.page_section_title02 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#page-privacy section.policy p.policy_info {
  margin-top: clamp(4rem, 5vw, 8rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#page-privacy section.policy dl {
  margin-top: clamp(4rem, 5vw, 8rem);
}
#page-privacy section.policy dl dt {
  font-size: 1.8rem;
  font-weight: bold;
  border-left: 0.5rem solid #1b8fc2;
  padding: 0.5em 0 0.5em 1rem;
}
#page-privacy section.policy dl dt:not(:first-of-type) {
  margin-top: 4rem;
}
#page-privacy section.policy dl dd {
  margin: 2rem 0 0 1.5rem;
}
#page-privacy section.policy dl dd ul {
  margin: 2rem 0 0 1em;
  counter-reset: item;
}
#page-privacy section.policy dl dd ul li {
  counter-increment: item;
}
#page-privacy section.policy dl dd ul li + li {
  margin-top: 1.5rem;
}
#page-privacy section.policy dl dd ul li::before {
  content: counter(item) ". ";
}
#page-privacy section.policy dl dd address p + p {
  margin-top: 1.5rem;
}
#page-privacy section.policy dl dd address p.zip {
  margin-top: 2.5rem;
}
#page-privacy section.policy dl dd address p.tel::before {
  content: "TEL：";
}
#page-privacy section.policy dl dd address p.tel::after {
  content: "（代表）";
}
#page-privacy section.policy dl dd address p.tel a {
  display: inline;
}
#page-privacy section.policy dl dd address p.fax::before {
  content: "FAX：";
}

#page-404 section.page_top::after {
  background-color: #666;
}
#page-404 section.page404 {
  padding: clamp(6rem, 7vw, 12rem) 0;
}
#page-404 section.page404 p {
  margin: clamp(4rem, 5vw, 8rem) auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#page-404 section.page404 .btn_area {
  margin-top: clamp(4rem, 5vw, 8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem 0;
}
@media print, screen and (min-width: 768px) {
  #page-404 section.page404 .btn_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 clamp(2rem, 4vw, 4rem);
  }
}/*# sourceMappingURL=style.css.map */