@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP&display=swap");
/*!
Theme Name: shinkaiplant
Theme URI: http://underscores.me/
Author: Me
Author URI: http://underscores.me/
Description: Custom theme: shinkaiplant, developed by Me
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shinkaiplant
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

shinkaiplant is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. すべてのブラウザで行の高さを正しく設定します。
 * 2. iOSでの画面の向き変更後のフォントサイズの調整を防ぎます。
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * すべてのブラウザでマージンを削除します。
 */
body {
  margin: 0;
}

/**
 * IEで`main`要素を一貫してレンダリングします。
 */
main {
  display: block;
}

/**
 * Chrome、Firefox、Safariで`section`や`article`内の`h1`要素のフォントサイズとマージンを修正します。
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Firefoxで正しいボックスサイズを適用します。
 * 2. EdgeとIEでオーバーフローを表示します。
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで奇妙な`em`フォントサイズを修正します。
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * IE 10でアクティブリンクの灰色背景を削除します。
 */
a {
  background-color: transparent;
}

/**
 * 1. Chrome 57以前のバージョンで下線を削除します。
 * 2. Chrome、Edge、IE、Opera、Safariで正しいテキスト装飾を追加します。
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Chrome、Edge、Safariで正しいフォントウェイトを追加します。
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで奇妙な`em`フォントサイズを修正します。
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * すべてのブラウザで正しいフォントサイズを追加します。
 */
small {
  font-size: 80%;
}

/**
 * すべてのブラウザで`sub`および`sup`要素が行の高さに影響を与えないようにします。
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * IE 10でリンク内の画像のボーダーを削除します。
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. すべてのブラウザでフォントスタイルを変更します。
 * 2. FirefoxとSafariでマージンを削除します。
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * IEでオーバーフローを表示します。
 * 1. Edgeでオーバーフローを表示します。
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Edge、Firefox、IEでのテキスト変換の継承を削除します。
 * 1. Firefoxでのテキスト変換の継承を削除します。
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * iOSおよびSafariでクリック可能なタイプをスタイルできない問題を修正します。
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Firefoxでの内部ボーダーとパディングを削除します。
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * 前のルールで解除されたフォーカススタイルを復元します。
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Firefoxでのパディングを修正します。
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. EdgeとIEでテキストの折り返しを修正します。
 * 2. IEで`fieldset`要素からの色の継承を修正します。
 * 3. 開発者がすべてのブラウザで`fieldset`要素をゼロにした場合に問題が発生しないように、パディングを削除します。
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Chrome、Firefox、Operaで正しい垂直方向の位置合わせを追加します。
 */
progress {
  vertical-align: baseline;
}

/**
 * IE 10+でのデフォルトの垂直スクロールバーを削除します。
 */
textarea {
  overflow: auto;
}

/**
 * 1. IE 10で正しいボックスサイズを追加します。
 * 2. IE 10でパディングを削除します。
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Chromeでのインクリメントとデクリメントボタンのカーソルスタイルを修正します。
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. ChromeおよびSafariでの奇妙な外観を修正します。
 * 2. Safariでのアウトラインスタイルを修正します。
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * macOSのChromeおよびSafariでの内部パディングを削除します。
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. iOSおよびSafariでクリック可能なタイプをスタイルできない問題を修正します。
 * 2. Safariでフォントプロパティを`inherit`に変更します。
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Edge、IE 10+、Firefoxで正しい表示を追加します。
 */
details {
  display: block;
}

/*
 * すべてのブラウザで正しい表示を追加します。
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * IE 10+で正しい表示を追加します。
 */
template {
  display: none;
}

/**
 * IE 10で正しい表示を追加します。
 */
[hidden] {
  display: none;
}

hr {
  border: 0;
}

p {
  margin-top: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

ul, ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
ul li, ol li {
  margin-bottom: 0;
}

img {
  display: block;
}

figure {
  margin: 0;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

a {
  text-decoration: none;
  color: #202020;
}
a:visited {
  color: #202020;
}
a:hover {
  color: #202020;
}
a:active {
  color: #202020;
}
a:hover {
  opacity: 0.7;
}

.site-main p a {
  color: #202020;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
.site-main p a:visited {
  color: #202020;
}
.site-main p a:hover {
  color: #202020;
}
.site-main p a:active {
  color: #202020;
}
.site-main p a:hover {
  text-decoration-color: rgba(32, 32, 32, 0.6);
}

body.single .site-main .entry-content p a {
  color: #202020;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
body.single .site-main .entry-content p a:visited {
  color: #202020;
}
body.single .site-main .entry-content p a:hover {
  color: #202020;
}
body.single .site-main .entry-content p a:active {
  color: #202020;
}
body.single .site-main .entry-content p a:hover {
  text-decoration-color: rgba(32, 32, 32, 0.6);
}

html, body {
  font-size: 16px;
  line-height: 1.8;
  color: #202020;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "MS PGothic", sans-serif;
  letter-spacing: 1px;
}
@media screen and (max-width: 480px) {
  body {
    letter-spacing: 0.5px;
  }
}

h1, h2, h3, h4, h5, h6, dt {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1em;
}

h1:has(wbr), h2:has(wbr), h3:has(wbr), h4:has(wbr), h5:has(wbr), h6:has(wbr), dt:has(wbr), a:has(wbr), p:has(wbr) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

span.ib {
  display: inline-block;
}

.width-wrap {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1400px) {
  .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}

body .site {
  min-height: 100dvh;
}
body .site .site-footer {
  position: sticky;
  top: 100%;
}

body.page:not(.home) #main .firstview-sect {
  background: linear-gradient(270deg, rgba(39, 68, 119, 0.2) 3.57%, rgba(39, 68, 119, 0.8) 53.38%, #274477 110.38%), url("/wp-content/themes/shinkaiplant/images/service-fv.jpg") no-repeat center top;
  background-size: cover;
  min-height: 300px;
}
body.page:not(.home) #main .firstview-sect .width-wrap {
  padding-block: 70px 70px;
}
body.page:not(.home) #main .firstview-sect .width-wrap hgroup {
  color: white;
  padding-inline: 5%;
}
body.page:not(.home) #main .firstview-sect .width-wrap hgroup h1 {
  margin-top: 20px;
  font-size: 42px;
  margin-bottom: 20px;
}
body.page:not(.home) #main .firstview-sect .width-wrap hgroup p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 18px;
}
@media screen and (width <= 767px) {
  body.page:not(.home) #main .firstview-sect .width-wrap hgroup {
    padding-inline: 2%;
  }
  body.page:not(.home) #main .firstview-sect .width-wrap hgroup p br {
    display: none;
  }
}

.site-header {
  padding-block: 30px;
}
.site-header .width-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header .width-wrap .site-branding a {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(3, auto);
  column-gap: clamp(6px, calc(10px - (690px - 100vw) * 10px / 690px * 3), 10px);
  align-items: center;
}
.site-header .width-wrap .site-branding a .logo {
  grid-row: 1/4;
  width: clamp(64px, calc(69px - (690px - 100vw) * 69px / 690px * 1), 69px);
  height: auto;
  margin-bottom: 5px;
}
.site-header .width-wrap .site-branding a .sub-title {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size: clamp(13px, calc(14px - (690px - 100vw) * 14px / 690px * 1), 14px);
  margin-bottom: 0;
  padding-left: 1px;
  line-height: 1.4;
}
.site-header .width-wrap .site-branding a .site-title {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size: clamp(18.5px, calc(22px - (690px - 100vw) * 22px / 690px * 2), 22px);
  margin: 0;
  line-height: 1.45;
}
.site-header .width-wrap .site-branding a .permit-number {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size: 10px;
  margin-bottom: 0;
  padding-left: 2px;
}
.site-header .width-wrap .main-navigation {
  flex-grow: 1;
  max-width: 550px;
  margin-inline: 1em;
  font-size: 15px;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}
.site-header .width-wrap .main-navigation ul {
  display: flex;
  justify-content: space-between;
  column-gap: 3%;
  font-feature-settings: "halt";
}
.site-header .width-wrap .main-navigation ul li {
  line-height: 1.4;
  min-width: max-content;
}
.site-header .width-wrap .tel {
  flex-basis: max-content;
}
.site-header .width-wrap .tel a {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 4px;
  align-items: center;
}
.site-header .width-wrap .tel a .num {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  margin-bottom: 0;
}
.site-header .width-wrap .tel a .time {
  grid-column: 1/3;
  margin-bottom: 0;
  font-size: 13px;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  text-align: center;
  padding-left: 6px;
}
@media screen and (width <= 650px) {
  .site-header .width-wrap .tel {
    display: none;
  }
}

#masthead {
  position: relative;
  z-index: 1;
}
#masthead .width-wrap .hm-toggle-btn {
  display: none;
  appearance: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width: 32px;
  height: 20px;
}
#masthead .width-wrap .hm-toggle-btn:focus {
  outline: none;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon {
  position: relative;
  width: 32px;
  height: 2px;
  background-color: #202020;
  content: "";
  display: block;
  transition: background-color 0.2s;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon:before, #masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 32px;
  height: 2px;
  background-color: #202020;
  transform: translateY(-8px);
  transition: transform 0.2s;
}
#masthead .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: translateY(8px);
}
#masthead .main-navigation-mobile {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  width: 100%;
  top: 100%;
  max-height: 0;
  overflow-y: hidden;
}
#masthead .main-navigation-mobile ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 15px;
  margin-right: 15px;
  margin-block: 20px;
  column-gap: 3%;
  row-gap: 18px;
}
#masthead .main-navigation-mobile ul li {
  margin: 0;
  flex-basis: 48.5%;
  letter-spacing: 1px;
  background-color: #efefef;
  background-color: #233D6C;
}
@media screen and (max-width: 480px) {
  #masthead .main-navigation-mobile ul li {
    letter-spacing: 0;
  }
}
#masthead .main-navigation-mobile ul li a {
  padding-block: 22px 24px;
  padding-inline: 10px;
  height: 100%;
  color: white;
  display: grid;
  place-content: center;
  text-align: center;
  line-height: 1.4;
}
#masthead .main-navigation-mobile ul li a:visited {
  color: white;
}
#masthead .main-navigation-mobile ul li a:hover {
  color: white;
}
#masthead .main-navigation-mobile ul li a:active {
  color: white;
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon {
  background-color: transparent;
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:before, #masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: rotate(45deg);
}
#masthead.is-open .width-wrap .hm-toggle-btn .toggle-icon:after {
  transform: rotate(-45deg);
}
#masthead.is-open .main-navigation-mobile {
  max-height: 100vh;
  transition: max-height 1s;
}
@media screen and (max-width: 1160px) {
  #masthead {
    padding-top: 18px;
    padding-bottom: 15px;
  }
  #masthead .width-wrap {
    column-gap: 3%;
  }
  #masthead .width-wrap .main-navigation {
    display: none;
  }
  #masthead .width-wrap .hm-toggle-btn {
    display: block;
  }
  #masthead .width-wrap .tel {
    margin-left: auto;
  }
}

body.home #main .firstview-sect {
  display: grid;
  align-items: end;
  min-height: 370px;
}
body.home #main .firstview-sect .bg {
  grid-area: 1/-1;
  display: grid;
  grid-template-columns: 78% 22%;
  justify-content: center;
  height: 100%;
}
body.home #main .firstview-sect .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.home #main .firstview-sect .bg .bg1 {
  grid-row: 1/4;
}
body.home #main .firstview-sect .bg .bg2 {
  grid-row: 1/2;
}
body.home #main .firstview-sect .bg .bg3 {
  grid-row: 2/3;
}
body.home #main .firstview-sect .bg .bg4 {
  grid-row: 3/4;
}
@media screen and (width <= 580px) {
  body.home #main .firstview-sect .bg {
    height: 100%;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
  body.home #main .firstview-sect .bg .bg1 {
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
  body.home #main .firstview-sect .bg .bg2,
  body.home #main .firstview-sect .bg .bg3,
  body.home #main .firstview-sect .bg .bg4 {
    display: none;
  }
}
body.home #main .firstview-sect .grad {
  padding-top: 50px;
  grid-area: 1/-1;
  background: linear-gradient(180deg, rgba(39, 68, 119, 0) 0%, rgba(39, 68, 119, 0.8) 47.22%, #274477 99.12%);
}
body.home #main .firstview-sect .grad .width-wrap {
  grid-area: 1/-1;
  color: white;
}
body.home #main .firstview-sect .grad .width-wrap hgroup {
  padding-inline: clamp(10px, calc(100px - (1300px - 100vw) * 100px / 1300px * 2), 100px);
}
body.home #main .firstview-sect .grad .width-wrap hgroup h3 {
  font-size: clamp(17px, calc(22px - (560px - 100vw) * 22px / 560px * 1), 22px);
  margin-top: 0;
  margin-bottom: 4px;
}
body.home #main .firstview-sect .grad .width-wrap hgroup h2 {
  font-size: clamp(31px, calc(42px - (835px - 100vw) * 42px / 835px * 1), 42px);
  margin-top: 0;
  margin-bottom: 7px;
}
body.home #main .firstview-sect .grad .width-wrap hgroup p {
  font-size: clamp(13px, calc(18px - (560px - 100vw) * 18px / 560px * 1), 18px);
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 700;
  margin-bottom: 1.8em;
  line-height: 1.65;
  letter-spacing: 2px;
}
@media screen and (max-width: 480px) {
  body.home #main .firstview-sect .grad .width-wrap hgroup p {
    letter-spacing: 2px;
  }
}
body.home #main .business-sect {
  margin-top: 100px;
  padding-bottom: 110px;
  background: url("/wp-content/themes/shinkaiplant/images/business-bg.jpg") no-repeat left bottom;
  background-size: cover;
}
body.home #main .business-sect hgroup {
  position: relative;
  padding-top: 39px;
}
body.home #main .business-sect hgroup .h-deco {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  position: relative;
  writing-mode: vertical-rl;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  padding-top: 80px;
  margin-block: 0;
  position: absolute;
  top: -10px;
  left: 2%;
  margin-block: 0;
}
body.home #main .business-sect hgroup .h-deco:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  position: absolute;
  left: 40%;
  top: 0;
  translate: -50% 0;
}
body.home #main .business-sect hgroup .h-deco:after {
  display: block;
  content: "";
  width: 1px;
  height: 64px;
  background-color: #2E4E89;
  position: absolute;
  left: 40%;
  top: 6px;
  translate: -50% 0;
}
body.home #main .business-sect hgroup h2 {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 40px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  margin-bottom: 0;
  margin-left: 10%;
}
body.home #main .business-sect .plant {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}
body.home #main .business-sect .plant .txt {
  flex-basis: 55%;
  padding-left: 7%;
  padding-right: 7%;
}
body.home #main .business-sect .plant .txt h3 {
  font-size: 28px;
}
body.home #main .business-sect .plant .txt h3 + p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}
body.home #main .business-sect .plant .img {
  flex-basis: 45%;
}
body.home #main .business-sect .plant .img img {
  margin-top: 47px;
  max-width: 100%;
  height: auto;
}
body.home #main .business-sect .plant .img:after {
  content: "";
  display: block;
  width: 55%;
  height: auto;
  aspect-ratio: 355/60;
  background-color: #2E4E89;
  margin-left: auto;
  max-height: 50px;
}
body.home #main .business-sect .tesuri {
  display: flex;
}
body.home #main .business-sect .tesuri .img {
  flex-basis: 45%;
}
body.home #main .business-sect .tesuri .img img {
  max-width: 100%;
  height: auto;
}
body.home #main .business-sect .tesuri .img:after {
  content: "";
  display: block;
  width: 55%;
  height: auto;
  aspect-ratio: 355/60;
  background-color: #2E4E89;
  margin-left: 0;
  max-height: 50px;
}
body.home #main .business-sect .tesuri .txt {
  flex-basis: 55%;
  padding-inline: 15px;
  display: grid;
  place-content: center;
  text-align: center;
}
body.home #main .business-sect .tesuri .txt h3 {
  font-size: 28px;
}
body.home #main .business-sect .tesuri .txt p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  margin-bottom: 40px;
}
body.home #main .business-sect .tesuri .txt .btn {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 700;
  font-size: 16px;
  padding-block: 10px;
  border: 1px solid #2E4E89;
  border-radius: 100vmax;
  padding-inline: 10%;
  width: max-content;
  margin-inline: auto;
  color: #233D6C;
  position: relative;
}
body.home #main .business-sect .tesuri .txt .btn:visited {
  color: #233D6C;
}
body.home #main .business-sect .tesuri .txt .btn:hover {
  color: #233D6C;
}
body.home #main .business-sect .tesuri .txt .btn:active {
  color: #233D6C;
}
body.home #main .business-sect .tesuri .txt .btn:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  position: absolute;
  right: 20px;
  top: 50%;
  translate: 0 -50%;
}
@media screen and (width <= 850px) {
  body.home #main .business-sect .width-wrap hgroup .h-deco {
    padding-top: 60px;
  }
  body.home #main .business-sect .width-wrap hgroup .h-deco:after {
    height: 44px;
  }
  body.home #main .business-sect .width-wrap > div {
    flex-wrap: wrap;
  }
  body.home #main .business-sect .width-wrap > div .img {
    order: 1;
    flex-basis: 100%;
  }
  body.home #main .business-sect .width-wrap > div .img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: 50% 50%;
  }
  body.home #main .business-sect .width-wrap > div .txt {
    flex-basis: 100%;
    order: 2;
    padding-top: 10px;
  }
  body.home #main .business-sect .width-wrap > div.plant {
    margin-bottom: 80px;
  }
  body.home #main .business-sect .width-wrap > div.plant .txt {
    text-align: center;
  }
  body.home #main .business-sect .width-wrap > div.plant .txt h3 {
    margin-bottom: 15px;
  }
}
body.home #main .strengths-sect {
  background: url("/wp-content/themes/shinkaiplant/images/strengths-bg.jpg") no-repeat center top;
  background-size: cover;
  color: white;
  padding-bottom: 114px;
}
body.home #main .strengths-sect .pdt {
  width: 100%;
  height: auto;
  aspect-ratio: 1440/628;
  min-height: 200px;
}
body.home #main .strengths-sect .hg-1 {
  position: relative;
  margin-bottom: 3em;
}
body.home #main .strengths-sect .hg-1 .h-deco {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  position: relative;
  writing-mode: vertical-rl;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  padding-top: 80px;
  margin-block: 0;
  position: absolute;
  top: -200px;
  left: 2%;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: initial;
  color: white;
}
body.home #main .strengths-sect .hg-1 .h-deco:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  position: absolute;
  left: 40%;
  top: 0;
  translate: -50% 0;
}
body.home #main .strengths-sect .hg-1 .h-deco:after {
  display: block;
  content: "";
  width: 1px;
  height: 64px;
  background-color: #2E4E89;
  position: absolute;
  left: 40%;
  top: 6px;
  translate: -50% 0;
}
@media screen and (width <= 480px) {
  body.home #main .strengths-sect .hg-1 .h-deco {
    top: -180px;
  }
}
body.home #main .strengths-sect .hg-1 .h-deco:before {
  background-color: white;
}
body.home #main .strengths-sect .hg-1 .h-deco:after {
  background-color: white;
}
body.home #main .strengths-sect .hg-1 h2 {
  font-size: 40px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
body.home #main .strengths-sect .hg-1 h2 + p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0;
}
body.home #main .strengths-sect ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 30px;
  margin-bottom: 130px;
}
body.home #main .strengths-sect ul li {
  border: 2px solid white;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  padding-block: 46px 50px;
  padding-inline: 15px;
  flex-basis: 230px;
}
body.home #main .strengths-sect ul li div {
  width: 100%;
  height: 69px;
  margin-bottom: 1.1em;
  display: grid;
  place-content: center;
}
body.home #main .strengths-sect ul li svg {
  margin-inline: auto;
  fill: white;
}
body.home #main .strengths-sect ul li h5 {
  text-align: center;
  line-height: 1.45;
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: normal;
  font-size: 15px;
  margin-block: 0;
}
body.home #main .strengths-sect .hg-2 {
  margin-bottom: 44px;
}
body.home #main .strengths-sect .hg-2 h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 15px;
}
body.home #main .strengths-sect .hg-2 p {
  font-size: 18px;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}
body.home #main .strengths-sect ol {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 30px;
  column-gap: 50px;
}
body.home #main .strengths-sect ol li {
  flex-basis: 242px;
  height: auto;
  aspect-ratio: 1/1;
  border: 2px solid white;
  border-radius: 100vmax;
  padding-top: 60px;
  padding-inline: 10px;
  background-color: rgba(255, 255, 255, 0.05);
}
body.home #main .strengths-sect ol li h5 {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 16px;
  width: max-content;
  margin-inline: auto;
  margin-top: 0;
  margin-bottom: 24px;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
}
body.home #main .strengths-sect ol li p {
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
}
body.home #main .company-sect {
  padding-block: 124px;
}
body.home #main .company-sect .contents .width-wrap {
  justify-content: space-between;
  display: flex;
  margin-bottom: 65px;
}
body.home #main .company-sect .contents .width-wrap hgroup {
  padding-left: 5%;
}
body.home #main .company-sect .contents .width-wrap hgroup .h-deco-horiz {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 20px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  display: flex;
  align-items: center;
  column-gap: 7px;
  letter-spacing: 0px;
  margin-bottom: 0;
  padding-left: 3px;
}
body.home #main .company-sect .contents .width-wrap hgroup .h-deco-horiz:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  translate: 0 20%;
}
body.home #main .company-sect .contents .width-wrap hgroup h2 {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 40px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  margin-top: 12px;
}
body.home #main .company-sect .contents .width-wrap .content {
  flex-basis: 60%;
}
body.home #main .company-sect .contents .width-wrap .content h3 {
  font-size: clamp(19px, calc(22px - (740px - 100vw) * 22px / 740px * 1), 22px);
  margin-bottom: 40px;
  padding-left: 4px;
  line-height: 1.6;
}
body.home #main .company-sect .contents .width-wrap .content dl {
  margin: 0;
}
body.home #main .company-sect .contents .width-wrap .content dl dt {
  margin-bottom: 0;
}
body.home #main .company-sect .contents .width-wrap .content dl dd {
  margin-left: 0;
}
body.home #main .company-sect .contents .width-wrap .content dl div {
  display: flex;
}
body.home #main .company-sect .contents .width-wrap .content dl div dt, body.home #main .company-sect .contents .width-wrap .content dl div dd {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  line-height: 1.5;
  padding-block: 30px;
}
body.home #main .company-sect .contents .width-wrap .content dl div dt {
  flex-basis: 180px;
  border-top: 2px solid #8F8F8F;
  padding-inline: 10px;
  flex-shrink: 0;
}
body.home #main .company-sect .contents .width-wrap .content dl div dd {
  flex-grow: 1;
  border-top: 2px solid #EAEAEA;
  padding-inline: 30px 10px;
}
body.home #main .company-sect .contents .width-wrap .content dl div:last-child dt {
  border-bottom: 2px solid #8F8F8F;
}
body.home #main .company-sect .contents .width-wrap .content dl div:last-child dd {
  border-bottom: 2px solid #EAEAEA;
}
@media screen and (width <= 810px) {
  body.home #main .company-sect .contents .width-wrap {
    flex-wrap: wrap;
  }
  body.home #main .company-sect .contents .width-wrap hgroup {
    flex-basis: 100%;
    padding-left: 2%;
  }
  body.home #main .company-sect .contents .width-wrap .content {
    flex-basis: 100%;
  }
  body.home #main .company-sect .contents .width-wrap .content dl div dt {
    flex-basis: max(110px, 30%);
  }
}
body.home #main .company-sect .deco {
  position: relative;
}
body.home #main .company-sect .deco:before {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  content: "Shinkai Plant";
  position: absolute;
  font-size: clamp(0px, calc(220px - (1450px - 100vw) * 220px / 1450px * 1), 220px);
  z-index: -1;
  top: 0px;
  line-height: 1;
  color: rgba(52, 89, 156, 0.1);
  letter-spacing: 0;
  width: 100%;
  text-align: center;
}
body.home #main .company-sect .deco .width-wrap {
  display: flex;
  column-gap: 2.5%;
  justify-content: space-between;
  align-items: flex-start;
}
body.home #main .company-sect .deco .width-wrap img {
  width: 31.6666666667%;
  height: auto;
  margin-top: clamp(0px, calc(170px - (1450px - 100vw) * 170px / 1450px * 1), 170px);
}
body.home #main .company-sect .deco .width-wrap img:nth-child(2) {
  margin-top: clamp(0px, calc(226px - (1450px - 100vw) * 226px / 1450px * 1), 226px);
}
@media screen and (width <= 767px) {
  body.home #main .company-sect .deco .width-wrap img {
    width: 48.75%;
  }
  body.home #main .company-sect .deco .width-wrap img:last-child {
    display: none;
  }
}

.site-footer {
  padding-top: 100px;
  background: linear-gradient(180deg, #233D6C 0.18%, #25326F 82.01%, #2A3A82 98.57%);
  color: white;
}
.site-footer .content-wrap {
  display: flex;
  column-gap: 7%;
}
.site-footer .content-wrap .contents {
  flex-basis: max-content;
}
.site-footer .content-wrap .contents .site-branding {
  margin-bottom: 33px;
}
.site-footer .content-wrap .contents .site-branding a {
  width: max-content;
  color: white;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(3, auto);
  column-gap: clamp(6px, calc(10px - (690px - 100vw) * 10px / 690px * 3), 10px);
  align-items: center;
}
.site-footer .content-wrap .contents .site-branding a:visited {
  color: white;
}
.site-footer .content-wrap .contents .site-branding a:hover {
  color: white;
}
.site-footer .content-wrap .contents .site-branding a:active {
  color: white;
}
.site-footer .content-wrap .contents .site-branding a .logo {
  grid-row: 1/4;
  width: clamp(64px, calc(69px - (690px - 100vw) * 69px / 690px * 1), 69px);
  height: auto;
  margin-bottom: 5px;
}
.site-footer .content-wrap .contents .site-branding a .sub-title {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size: clamp(13px, calc(14px - (690px - 100vw) * 14px / 690px * 1), 14px);
  margin-bottom: 0;
  padding-left: 1px;
  line-height: 1.4;
}
.site-footer .content-wrap .contents .site-branding a .site-title {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size: clamp(18.5px, calc(22px - (690px - 100vw) * 22px / 690px * 2), 22px);
  margin: 0;
  line-height: 1.45;
}
.site-footer .content-wrap .contents .site-branding a .permit-number {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size: 10px;
  margin-bottom: 0;
  padding-left: 2px;
}
.site-footer .content-wrap .contents .access ul {
  margin-bottom: 32px;
}
.site-footer .content-wrap .contents .access ul li {
  width: max-content;
  font-size: clamp(0px, calc(16px - (550px - 100vw) * 16px / 550px * 1), 16px);
}
.site-footer .content-wrap .contents .access ul li span {
  display: inline-block;
  width: 6em;
}
.site-footer .content-wrap .contents .access .gl-map {
  background-color: #eee;
  height: 322px;
}
.site-footer .content-wrap .contents .access .gl-map iframe {
  width: 100%;
  height: 100%;
}
.site-footer .content-wrap .menu-contents {
  flex-grow: 1;
}
.site-footer .content-wrap .menu-contents .menu ul {
  display: flex;
  font-size: 20px;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  column-gap: 8%;
}
.site-footer .content-wrap .menu-contents hgroup {
  margin-top: 89px;
  margin-bottom: 64px;
}
.site-footer .content-wrap .menu-contents hgroup .h-deco-horiz {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 20px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  display: flex;
  align-items: center;
  column-gap: 7px;
  letter-spacing: 0px;
  margin-bottom: 0;
  padding-left: 3px;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: initial;
  color: white;
}
.site-footer .content-wrap .menu-contents hgroup .h-deco-horiz:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  translate: 0 20%;
}
.site-footer .content-wrap .menu-contents hgroup .h-deco-horiz:before {
  background-color: white;
}
.site-footer .content-wrap .menu-contents hgroup h2 {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 40px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: initial;
  color: white;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: clamp(30px, calc(36px - (767px - 100vw) * 36px / 767px * 1), 36px);
}
.site-footer .content-wrap .menu-contents hgroup h2 + p {
  font-size: 18px;
  margin-bottom: 0;
}
@media screen and (width <= 480px) {
  .site-footer .content-wrap .menu-contents hgroup h2 + p {
    word-break: normal;
    overflow-wrap: normal;
  }
  .site-footer .content-wrap .menu-contents hgroup h2 + p wbr {
    display: none;
  }
}
.site-footer .content-wrap .menu-contents .contacts {
  display: flex;
  column-gap: 5%;
}
.site-footer .content-wrap .menu-contents .contacts > a {
  flex-basis: 45%;
  border: 2px solid white;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  padding-block: 28px;
  padding-inline: 10px;
  text-align: center;
  color: white;
}
.site-footer .content-wrap .menu-contents .contacts > a:visited {
  color: white;
}
.site-footer .content-wrap .menu-contents .contacts > a:hover {
  color: white;
}
.site-footer .content-wrap .menu-contents .contacts > a:active {
  color: white;
}
.site-footer .content-wrap .menu-contents .contacts > a h5 {
  font-size: 18px;
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
}
.site-footer .content-wrap .menu-contents .contacts > a div {
  font-size: 28px;
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
}
.site-footer .content-wrap .menu-contents .contacts > a div svg {
  fill: white;
}
.site-footer .content-wrap .menu-contents .contacts > a p {
  font-size: 15px;
  margin-bottom: 0;
}
.site-footer .content-wrap .menu-contents .contacts > a.mail div {
  font-size: 19px;
  padding-top: 5px;
}
.site-footer .content-wrap .menu-contents .contacts > a.mail svg {
  display: block;
  margin-inline: auto;
  margin-top: 7px;
}
@media screen and (width <= 1200px) {
  .site-footer .content-wrap .menu-contents .contacts {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .site-footer .content-wrap .menu-contents .contacts > a {
    flex-basis: 100%;
  }
}
.site-footer .copyright {
  margin-top: 128px;
  padding-bottom: 20px;
  font-size: 14px;
  text-align: center;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
}
@media screen and (width <= 830px) {
  .site-footer {
    padding-top: 40px;
  }
  .site-footer .content-wrap {
    flex-wrap: wrap;
    row-gap: 80px;
    justify-content: center;
  }
  .site-footer .content-wrap .contents {
    order: 2;
    flex-basis: 600px;
  }
  .site-footer .content-wrap .contents .site-branding {
    max-width: max-content;
    margin-inline: auto;
  }
  .site-footer .content-wrap .contents .access ul {
    max-width: max-content;
    margin-inline: auto;
  }
  .site-footer .content-wrap .menu-contents {
    flex-grow: 0;
    flex-basis: 600px;
    order: 1;
  }
  .site-footer .content-wrap .menu-contents .menu ul {
    justify-content: center;
  }
  .site-footer .content-wrap .menu-contents hgroup {
    margin-top: 60px;
    text-align: center;
  }
  .site-footer .content-wrap .menu-contents hgroup .h-deco-horiz {
    margin-inline: auto;
  }
  .site-footer .content-wrap .menu-contents hgroup h2 {
    margin-inline: auto;
  }
  .site-footer .copyright {
    margin-top: 80px;
  }
}

body.page-recruit #main .firstview-sect {
  background: linear-gradient(270deg, rgba(39, 68, 119, 0.2) 3.57%, rgba(39, 68, 119, 0.8) 53.38%, #274477 110.38%), url("/wp-content/themes/shinkaiplant/images/saiyou-fv.jpg") no-repeat center top !important;
  display: grid;
  align-content: center;
}
body.page-recruit #main .app-sect {
  padding-block: 100px;
}
body.page-recruit #main .app-sect .width-wrap {
  justify-content: space-between;
  display: flex;
  margin-bottom: 65px;
}
body.page-recruit #main .app-sect .width-wrap hgroup {
  padding-left: 5%;
}
body.page-recruit #main .app-sect .width-wrap hgroup .h-deco-horiz {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 20px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  display: flex;
  align-items: center;
  column-gap: 7px;
  letter-spacing: 0px;
  margin-bottom: 0;
  padding-left: 3px;
}
body.page-recruit #main .app-sect .width-wrap hgroup .h-deco-horiz:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  translate: 0 20%;
}
body.page-recruit #main .app-sect .width-wrap hgroup h2 {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 40px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  margin-top: 12px;
}
body.page-recruit #main .app-sect .width-wrap .content {
  flex-basis: 60%;
}
body.page-recruit #main .app-sect .width-wrap .content h3 {
  font-size: clamp(19px, calc(22px - (740px - 100vw) * 22px / 740px * 1), 22px);
  margin-bottom: 40px;
  padding-left: 4px;
  line-height: 1.6;
}
body.page-recruit #main .app-sect .width-wrap .content dl {
  margin: 0;
}
body.page-recruit #main .app-sect .width-wrap .content dl dt {
  margin-bottom: 0;
}
body.page-recruit #main .app-sect .width-wrap .content dl dd {
  margin-left: 0;
}
body.page-recruit #main .app-sect .width-wrap .content dl div {
  display: flex;
}
body.page-recruit #main .app-sect .width-wrap .content dl div dt, body.page-recruit #main .app-sect .width-wrap .content dl div dd {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  line-height: 1.5;
  padding-block: 30px;
}
body.page-recruit #main .app-sect .width-wrap .content dl div dt {
  flex-basis: 180px;
  border-top: 2px solid #8F8F8F;
  padding-inline: 10px;
  flex-shrink: 0;
}
body.page-recruit #main .app-sect .width-wrap .content dl div dd {
  flex-grow: 1;
  border-top: 2px solid #EAEAEA;
  padding-inline: 30px 10px;
}
body.page-recruit #main .app-sect .width-wrap .content dl div:last-child dt {
  border-bottom: 2px solid #8F8F8F;
}
body.page-recruit #main .app-sect .width-wrap .content dl div:last-child dd {
  border-bottom: 2px solid #EAEAEA;
}
@media screen and (width <= 810px) {
  body.page-recruit #main .app-sect .width-wrap {
    flex-wrap: wrap;
  }
  body.page-recruit #main .app-sect .width-wrap hgroup {
    flex-basis: 100%;
    padding-left: 2%;
  }
  body.page-recruit #main .app-sect .width-wrap .content {
    flex-basis: 100%;
  }
  body.page-recruit #main .app-sect .width-wrap .content dl div dt {
    flex-basis: max(110px, 30%);
  }
}
body.page-recruit #main .howto-sect {
  background: url("/wp-content/themes/shinkaiplant/images/strengths-bg.jpg") no-repeat center top -700px;
  padding-block: 80px 80px;
}
body.page-recruit #main .howto-sect hgroup p {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 20px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  display: flex;
  align-items: center;
  column-gap: 7px;
  letter-spacing: 0px;
  margin-bottom: 0;
  padding-left: 3px;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: initial;
  color: white;
  margin-inline: auto;
}
body.page-recruit #main .howto-sect hgroup p:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  translate: 0 20%;
}
body.page-recruit #main .howto-sect hgroup p:before {
  background-color: white;
}
body.page-recruit #main .howto-sect hgroup h2 {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 40px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: initial;
  color: white;
  margin-top: 10px;
  margin-inline: auto;
  margin-bottom: 60px;
}
body.page-recruit #main .howto-sect .contents-wrap {
  display: flex;
  column-gap: 5%;
  align-items: center;
  justify-content: center;
}
body.page-recruit #main .howto-sect .contents-wrap .img {
  display: none;
}
body.page-recruit #main .howto-sect .contents-wrap .img img {
  max-width: 100%;
  height: auto;
}
body.page-recruit #main .howto-sect .contents-wrap .method {
  color: white;
}
body.page-recruit #main .howto-sect .contents-wrap .method h5 {
  font-size: clamp(0px, calc(23px - (480px - 100vw) * 23px / 480px * 1), 23px);
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 700;
  margin-top: 0;
  text-align: center;
}
body.page-recruit #main .howto-sect .contents-wrap .method .tel {
  text-align: center;
}
body.page-recruit #main .howto-sect .contents-wrap .method .tel a {
  color: white;
  font-size: clamp(0px, calc(46px - (480px - 100vw) * 46px / 480px * 1), 46px);
  line-height: 1.2;
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
}
body.page-recruit #main .howto-sect .contents-wrap .method .tel a:visited {
  color: white;
}
body.page-recruit #main .howto-sect .contents-wrap .method .tel a:hover {
  color: white;
}
body.page-recruit #main .howto-sect .contents-wrap .method .tel a:active {
  color: white;
}
body.page-recruit #main .howto-sect .contents-wrap .method .tel a svg {
  width: clamp(0px, calc(37px - (480px - 100vw) * 37px / 480px * 1), 37px);
  height: auto;
  fill: white;
}
body.page-recruit #main .howto-sect .contents-wrap .method .tel .time {
  font-size: clamp(0px, calc(20px - (480px - 100vw) * 20px / 480px * 1), 20px);
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
}
body.page-recruit #main .howto-sect .contents-wrap .method p {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  font-size: clamp(17px, calc(20px - (480px - 100vw) * 20px / 480px * 1), 20px);
  text-align: center;
  line-height: 1.6;
}
body.page-recruit #main .form-sect {
  padding-block: 100px 100px;
}
body.page-recruit #main .form-sect .width-wrap {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1100px) {
  body.page-recruit #main .form-sect .width-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 807px) {
  body.page-recruit #main .form-sect .width-wrap {
    margin-left: calc(50vw - 383.5px);
    margin-right: calc(50vw - 383.5px);
  }
}
@media screen and (max-width: 797px) {
  body.page-recruit #main .form-sect .width-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
}
body.page-recruit #main .form-sect hgroup p {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 20px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  display: flex;
  align-items: center;
  column-gap: 7px;
  letter-spacing: 0px;
  margin-bottom: 0;
  padding-left: 3px;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: initial;
  color: #233D6C;
  margin-inline: auto;
}
body.page-recruit #main .form-sect hgroup p:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  translate: 0 20%;
}
body.page-recruit #main .form-sect hgroup p:before {
  display: none;
}
body.page-recruit #main .form-sect hgroup h2 {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 40px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: initial;
  color: #202020;
  margin-top: 10px;
  margin-inline: auto;
  margin-bottom: 50px;
  font-size: 32px;
}
body.page-recruit #main .form-sect .step-form {
  padding-left: 0;
  list-style: none;
  margin-bottom: 20px;
  display: flex;
}
body.page-recruit #main .form-sect .step-form li {
  line-height: 1.3;
  font-weight: 600;
  display: block;
  background-color: #F6F6F6;
  color: #233D6C;
  height: 60px;
  padding: 10px 0 0 40px;
}
body.page-recruit #main .form-sect .step-form li:before {
  content: none;
}
body.page-recruit #main .form-sect .step-form li span {
  display: block;
  font-size: 14px;
}
body.page-recruit #main .form-sect .step-form li:nth-child(1) {
  flex-basis: calc(33% + 20px);
  padding-left: 20px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
}
body.page-recruit #main .form-sect .step-form li:nth-child(2) {
  flex-basis: calc(33% + 20px);
  margin-left: -20px;
  clip-path: polygon(5px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 5px 100%, 25px 50%);
}
body.page-recruit #main .form-sect .step-form li:nth-child(3) {
  flex-basis: 34%;
  margin-left: -20px;
  clip-path: polygon(5px 0, 100% 0, 100% 100%, 0 100%, 5px 100%, 25px 50%);
}
body.page-recruit #main .form-sect .step-form li.current {
  color: white;
  background-color: #233D6C;
}
@media screen and (max-width: 590px) {
  body.page-recruit #main .form-sect .step-form {
    flex-wrap: wrap;
  }
  body.page-recruit #main .form-sect .step-form li {
    padding-left: 0 !important;
    margin-bottom: 10px;
    height: 59px;
    text-align: center;
  }
  body.page-recruit #main .form-sect .step-form li:last-child {
    margin-bottom: 0;
  }
  body.page-recruit #main .form-sect .step-form li:nth-child(1) {
    flex-basis: 100%;
    padding-left: 0;
    height: 79px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  body.page-recruit #main .form-sect .step-form li:nth-child(2) {
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0;
    height: 79px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(50% + 30px) calc(100% - 20px), 50% 100%, calc(50% - 30px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  body.page-recruit #main .form-sect .step-form li:nth-child(3) {
    flex-basis: 100%;
    padding-left: 0;
    margin-left: 0;
    clip-path: none;
  }
}
body.page-recruit #main .form-sect .mw_wp_form form .message {
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
}
body.page-recruit #main .form-sect .mw_wp_form form .message .s2 {
  display: none;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box {
  width: 100%;
  display: flex;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .subject,
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements {
  padding: 15px 20px;
  border: 1px solid #D5D5D5;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .subject .submessage,
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements .submessage {
  margin-top: 0.6em;
  color: #888;
  line-height: 1.25;
  font-size: 13px;
  font-weight: normal;
  display: block;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .subject {
  background-color: #F6F6F6;
  width: 30%;
  color: #444;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .subject .content {
  font-weight: 500;
  letter-spacing: 1px;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .subject .require {
  display: block;
  float: right;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 3px;
  background-color: white;
  color: #777;
  border: 1px solid #ccc;
  padding: 1px 8px;
  border-radius: 3px;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements {
  width: 70%;
  border-left: 0 none;
  min-height: 3.5em;
  background-color: white;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements .submessage {
  margin-left: 1px;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements .error {
  font-size: 14px;
  color: #f36868;
  margin-top: 0.3em;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements .error + br {
  display: none;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements .error + br + .submessage {
  margin-top: 0.2em;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements h4 {
  font-size: 16px;
  margin-top: 3em;
  margin-bottom: 0.5em;
  font-weight: 500;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements h4:first-of-type {
  margin-top: 0.6em;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements .mw-wp-form_image {
  width: 100%;
  height: auto;
  max-width: 300px;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements .mw-wp-form_image img {
  width: 100%;
  height: auto;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box + .form-box .subject, body.page-recruit #main .form-sect .mw_wp_form form .form-box + .form-box .elements {
  border-top: 0 none;
}
@media screen and (max-width: 767px) {
  body.page-recruit #main .form-sect .mw_wp_form form .form-box {
    flex-direction: column;
  }
  body.page-recruit #main .form-sect .mw_wp_form form .form-box .subject, body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements {
    width: 100%;
  }
  body.page-recruit #main .form-sect .mw_wp_form form .form-box .elements {
    border-left: 1px solid #D5D5D5;
    border-top: 0 none;
    padding-bottom: 30px;
  }
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box input[type=text], body.page-recruit #main .form-sect .mw_wp_form form .form-box input[type=password], body.page-recruit #main .form-sect .mw_wp_form form .form-box textarea {
  font-size: 16px;
  padding: 6px 12px;
  color: #333;
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  background-color: white;
  line-height: 1.4;
  display: block;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box input[type=text] + br, body.page-recruit #main .form-sect .mw_wp_form form .form-box input[type=password] + br, body.page-recruit #main .form-sect .mw_wp_form form .form-box textarea + br {
  display: none;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box textarea {
  height: 6em;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box input[type=file] {
  width: 100%;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box select {
  padding: 6px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: white;
  color: #202020;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item {
  display: block;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label {
  font-weight: normal;
  color: #323232;
  font-size: 15px;
  line-height: 23px;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label input[type=checkbox] {
  margin-left: 1px;
  margin-right: 6px;
  vertical-align: middle;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item label span {
  vertical-align: middle;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.vertical-item + .mwform-checkbox-field.vertical-item {
  margin-top: 1em;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.horizontal-item {
  margin-right: 10px;
  white-space: nowrap;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-checkbox-field.horizontal-item + .mwform-checkbox-field.horizontal-item {
  margin-left: 0;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-radio-field.vertical-item {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-box .mwform-radio-field.vertical-item + .mwform-radio-field.vertical-item {
  margin-top: 0.8em;
}
body.page-recruit #main .form-sect .mw_wp_form form .privacy-box {
  margin-top: 50px;
  text-align: center;
}
body.page-recruit #main .form-sect .mw_wp_form form .privacy-box input {
  vertical-align: middle;
  margin-bottom: 1px;
}
body.page-recruit #main .form-sect .mw_wp_form form .privacy-box .mwform-checkbox-field-text {
  font-size: 15px;
}
body.page-recruit #main .form-sect .mw_wp_form form .privacy-box h5 {
  margin-top: 10px;
  font-size: 14px;
}
body.page-recruit #main .form-sect .mw_wp_form form .privacy-box h5 + p {
  font-size: 13px;
  margin-bottom: 0;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-btn {
  margin-top: 55px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-btn button, body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=button], body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=reset], body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=submit] {
  background-color: #233D6C;
  color: white;
  padding: 15px 30px;
  border: 1px solid #ddd;
  cursor: pointer;
  display: inline-block;
  min-width: inherit;
  max-width: inherit;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-btn button:focus, body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=button]:focus, body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=reset]:focus, body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=submit]:focus {
  outline: none;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-btn button[name=submitBack], body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=button][name=submitBack], body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=reset][name=submitBack], body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=submit][name=submitBack] {
  background-color: white;
  color: #202020;
}
body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[type=submit]:disabled {
  background-color: #eee;
  color: #666666;
  cursor: default;
}
@media screen and (max-width: 480px) {
  body.page-recruit #main .form-sect .mw_wp_form form .form-btn {
    flex-direction: column;
  }
  body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[name=submit] {
    order: 1;
    margin-bottom: 25px;
  }
  body.page-recruit #main .form-sect .mw_wp_form form .form-btn input[name=submitBack] {
    order: 2;
  }
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_confirm .message .s1 {
  display: none;
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_confirm .message .s2 {
  display: block;
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_confirm .form-box .elements .submessage {
  display: none !important;
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_confirm button, body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_confirm input[type=button], body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_confirm input[type=reset], body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_confirm input[type=submit] {
  margin-right: 13px;
  margin-left: 13px;
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_confirm .privacy-box {
  display: none;
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_complete .message .s1 {
  display: none;
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_complete .message .s2 {
  display: none;
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_complete > p {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20em;
}
body.page-recruit #main .form-sect .mw_wp_form.mw_wp_form_complete .privacy-box {
  display: none;
}
body.page-recruit #main .form-sect .mw_wp_form button, body.page-recruit #main .form-sect .mw_wp_form input[type=button], body.page-recruit #main .form-sect .mw_wp_form input[type=reset], body.page-recruit #main .form-sect .mw_wp_form input[type=submit] {
  border-radius: 100vmax;
}

body.page-service #main .toc-sect {
  padding-block: 60px 42px;
}
body.page-service #main .toc-sect ul {
  display: flex;
  justify-content: center;
  column-gap: 25px;
}
body.page-service #main .toc-sect ul li {
  flex-basis: 400px;
}
body.page-service #main .toc-sect ul li a {
  display: block;
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  font-weight: 400;
  border: 1px solid #2E4E89;
  border-radius: 100vmax;
  text-align: center;
  padding: 17px 15px;
  position: relative;
}
body.page-service #main .toc-sect ul li a svg {
  position: absolute;
  right: 30px;
  top: 52%;
  translate: 0 -50%;
  fill: black;
}
@media screen and (width <= 700px) {
  body.page-service #main .toc-sect {
    padding-block: 40px 42px;
  }
  body.page-service #main .toc-sect ul {
    column-gap: 15px;
    row-gap: 20px;
    flex-wrap: wrap;
  }
  body.page-service #main .toc-sect ul li {
    flex-basis: max(295px, (100% - 15px) / 2);
  }
  body.page-service #main .toc-sect ul li a {
    padding: 12px 10px;
    font-size: clamp(14px, calc(16px - (700px - 100vw) * 16px / 700px * 1), 16px);
  }
}
body.page-service #main .service-sect .plant {
  background: url("/wp-content/themes/shinkaiplant/images/service-plant.jpg") no-repeat left top;
}
body.page-service #main .service-sect .plant .width-wrap .flex-box {
  display: flex;
  align-items: center;
  column-gap: 5%;
}
body.page-service #main .service-sect .plant .width-wrap .flex-box .txt {
  flex-glow: 1;
  padding-left: 5%;
}
body.page-service #main .service-sect .plant .width-wrap .flex-box .txt h2 {
  font-size: 28px;
}
body.page-service #main .service-sect .plant .width-wrap .flex-box .txt p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}
body.page-service #main .service-sect .plant .width-wrap .flex-box .img {
  flex-basis: clamp(0px, calc(645px - (1360px - 100vw) * 645px / 1360px * 1), 645px);
  flex-shrink: 0;
  padding-top: 65px;
}
body.page-service #main .service-sect .plant .width-wrap .flex-box .img img {
  width: 100%;
  height: auto;
}
body.page-service #main .service-sect .plant .width-wrap .flex-box .img:after {
  content: "";
  display: block;
  width: 55%;
  height: auto;
  aspect-ratio: 355/60;
  background-color: #2E4E89;
  margin-left: auto;
  max-height: 50px;
}
body.page-service #main .service-sect .plant .width-wrap .feature h4 {
  margin-top: 58px;
  font-size: 20px;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  text-align: center;
  line-height: 1.7;
}
body.page-service #main .service-sect .plant .width-wrap .feature ul {
  display: flex;
  column-gap: 20px;
  padding-top: 60px;
  margin-bottom: 100px;
}
body.page-service #main .service-sect .plant .width-wrap .feature ul li {
  position: relative;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  padding-block: 50px 28px;
  padding-inline: 5%;
}
body.page-service #main .service-sect .plant .width-wrap .feature ul li h3 {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #233D6C;
  color: white;
  text-align: center;
  padding-block: 10px;
  width: 100%;
  max-width: 264px;
  position: absolute;
  top: -27px;
  left: 50%;
  translate: -50% 0;
  font-size: 24px;
}
body.page-service #main .service-sect .plant .width-wrap .feature ul li p {
  margin-bottom: 0;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (width <= 850px) {
  body.page-service #main .service-sect .plant .width-wrap .flex-box {
    flex-wrap: wrap;
  }
  body.page-service #main .service-sect .plant .width-wrap .flex-box .txt {
    padding-left: 0;
  }
  body.page-service #main .service-sect .plant .width-wrap .flex-box .img {
    flex-basis: 100%;
    padding-top: 0;
  }
  body.page-service #main .service-sect .plant .width-wrap .flex-box .img img {
    height: 300px;
    object-fit: cover;
  }
  body.page-service #main .service-sect .plant .width-wrap .feature h4 br {
    display: none;
  }
}
@media screen and (width <= 650px) {
  body.page-service #main .service-sect .plant .width-wrap .feature ul {
    flex-wrap: wrap;
    row-gap: 60px;
  }
  body.page-service #main .service-sect .plant .width-wrap .feature ul li {
    flex-basis: 100%;
  }
}
body.page-service #main .service-sect .production {
  min-height: 630px;
  background: url("/wp-content/themes/shinkaiplant/images/production2.jpg") no-repeat top 70px right;
}
body.page-service #main .service-sect .production .width-wrap {
  display: flex;
  align-items: center;
  column-gap: 6%;
}
body.page-service #main .service-sect .production .width-wrap .img {
  flex-basis: clamp(0px, calc(645px - (1360px - 100vw) * 645px / 1360px * 1), 645px);
  flex-shrink: 0;
}
body.page-service #main .service-sect .production .width-wrap .img img {
  width: 100%;
  height: auto;
}
body.page-service #main .service-sect .production .width-wrap .img:after {
  content: "";
  display: block;
  width: 55%;
  height: auto;
  aspect-ratio: 355/60;
  background-color: #2E4E89;
  margin-left: 0;
  max-height: 50px;
}
body.page-service #main .service-sect .production .width-wrap .txt {
  flex-glow: 1;
}
body.page-service #main .service-sect .production .width-wrap .txt h2 {
  margin-top: 0;
  font-size: 28px;
  text-align: center;
}
body.page-service #main .service-sect .production .width-wrap .txt h2 + p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
}
body.page-service #main .service-sect .production .width-wrap .txt .ordermade {
  margin-top: 60px;
  background-color: white;
  position: relative;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  padding-block: 43px 28px;
  padding-inline: 5%;
}
body.page-service #main .service-sect .production .width-wrap .txt .ordermade h3 {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #233D6C;
  color: white;
  text-align: center;
  padding-block: 10px;
  width: 100%;
  max-width: 330px;
  position: absolute;
  top: -24px;
  left: 50%;
  translate: -50% 0;
  font-size: 20px;
}
body.page-service #main .service-sect .production .width-wrap .txt .ordermade p {
  margin-bottom: 0;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  line-height: 1.75;
}
@media screen and (width <= 970px) {
  body.page-service #main .service-sect .production {
    padding-bottom: 60px;
  }
  body.page-service #main .service-sect .production .width-wrap {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 45px;
  }
  body.page-service #main .service-sect .production .width-wrap .img {
    flex-basis: 100%;
  }
  body.page-service #main .service-sect .production .width-wrap .img img {
    height: 300px;
    object-fit: cover;
  }
  body.page-service #main .service-sect .production .width-wrap .txt {
    flex-basis: 700px;
  }
}
body.page-service #main .service-sect .products {
  padding-bottom: 100px;
}
body.page-service #main .service-sect .products h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 50px;
}
body.page-service #main .service-sect .products ul {
  display: flex;
  column-gap: 20px;
}
body.page-service #main .service-sect .products ul li {
  flex-basis: calc((100% - 60px) / 4);
}
body.page-service #main .service-sect .products ul li h4 {
  font-size: 20px;
  text-align: center;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  margin-top: 0;
}
body.page-service #main .service-sect .products ul li img {
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
body.page-service #main .service-sect .products ul li p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0;
}
@media screen and (width <= 960px) {
  body.page-service #main .service-sect .products ul {
    flex-wrap: wrap;
    row-gap: 50px;
  }
  body.page-service #main .service-sect .products ul li {
    flex-basis: calc((100% - 20px) / 2);
  }
}
@media screen and (width <= 480px) {
  body.page-service #main .service-sect .products h3 {
    margin-bottom: 35px;
  }
  body.page-service #main .service-sect .products ul li {
    flex-basis: 100%;
  }
}
body.page-service #main .service-sect .connection {
  background: url("/wp-content/themes/shinkaiplant/images/strengths-bg.jpg") no-repeat center top -600px;
  padding-block: 70px 100px;
}
body.page-service #main .service-sect .connection h2 {
  font-size: 28px;
  text-align: center;
  color: white;
  margin-top: 0;
  margin-bottom: 64px;
}
body.page-service #main .service-sect .connection .contents-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  row-gap: 20px;
}
body.page-service #main .service-sect .connection .contents-wrap > div {
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  display: flex;
}
body.page-service #main .service-sect .connection .contents-wrap > div .txt {
  flex-grow: 1;
  padding-inline: 5%;
  padding-block: 50px;
}
body.page-service #main .service-sect .connection .contents-wrap > div .txt hgroup {
  border-bottom: 1px solid #233D6C;
  margin-bottom: 1em;
}
body.page-service #main .service-sect .connection .contents-wrap > div .txt hgroup h3 {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  margin-top: 0;
  font-size: 24px;
  margin-bottom: 4px;
}
body.page-service #main .service-sect .connection .contents-wrap > div .txt hgroup p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  font-size: 17px;
}
body.page-service #main .service-sect .connection .contents-wrap > div .txt hgroup p span {
  font-size: 14px;
}
body.page-service #main .service-sect .connection .contents-wrap > div .txt hgroup + p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  font-size: 16px;
}
body.page-service #main .service-sect .connection .contents-wrap > div .img {
  flex-basis: 33%;
  flex-shrink: 0;
}
body.page-service #main .service-sect .connection .contents-wrap > div .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (width <= 950px) {
  body.page-service #main .service-sect .connection .contents-wrap {
    grid-template-columns: 100%;
  }
  body.page-service #main .service-sect .connection .contents-wrap > div {
    max-height: 300px;
  }
}
@media screen and (width <= 767px) {
  body.page-service #main .service-sect .connection .contents-wrap > div {
    max-height: none;
    align-items: center;
  }
  body.page-service #main .service-sect .connection .contents-wrap > div .txt {
    padding-block: 30px;
  }
  body.page-service #main .service-sect .connection .contents-wrap > div .img {
    height: 100%;
  }
}
body.page-service #main .area-sect {
  padding-bottom: 70px;
}
body.page-service #main .area-sect .width-wrap {
  display: flex;
  align-items: center;
  column-gap: 5%;
}
body.page-service #main .area-sect .width-wrap .txt {
  flex-grow: 1;
  padding-left: 6%;
}
body.page-service #main .area-sect .width-wrap .txt hgroup p {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 20px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  display: flex;
  align-items: center;
  column-gap: 7px;
  letter-spacing: 0px;
  margin-bottom: 0;
  padding-left: 3px;
  margin-bottom: 0;
}
body.page-service #main .area-sect .width-wrap .txt hgroup p:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #2E4E89;
  border-radius: 100vmax;
  translate: 0 20%;
}
body.page-service #main .area-sect .width-wrap .txt hgroup h2 {
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  width: max-content;
  font-size: 40px;
  background: linear-gradient(312deg, #6982BF 9.73%, #25336F 80.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 0.7em;
}
body.page-service #main .area-sect .width-wrap .txt p {
  font-size: 18px;
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
}
body.page-service #main .area-sect .width-wrap .img {
  flex-basis: min(50%, 683px);
}
body.page-service #main .area-sect .width-wrap .img img {
  max-width: 100%;
  height: auto;
}
@media screen and (width <= 900px) {
  body.page-service #main .area-sect .width-wrap {
    align-items: inherit;
    display: grid;
  }
  body.page-service #main .area-sect .width-wrap .txt {
    grid-area: 1/-1;
    padding-top: 50px;
  }
  body.page-service #main .area-sect .width-wrap .img {
    grid-area: 1/-1;
    z-index: -1;
  }
  body.page-service #main .area-sect .width-wrap .img img {
    margin-left: auto;
  }
}
@media screen and (width <= 630px) {
  body.page-service #main .area-sect .width-wrap .txt > p {
    display: none;
  }
}
body.page-service .safety-sect {
  padding-bottom: 145px;
}
body.page-service .safety-sect .width-wrap {
  display: flex;
  column-gap: 5%;
}
body.page-service .safety-sect .width-wrap .img {
  margin-left: calc((50vw - 50%) * -1);
  flex-grow: 1;
}
body.page-service .safety-sect .width-wrap .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.page-service .safety-sect .width-wrap .txt {
  flex-basis: 50%;
}
body.page-service .safety-sect .width-wrap .txt h2 {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 20px;
}
body.page-service .safety-sect .width-wrap .txt ol {
  counter-reset: num;
}
body.page-service .safety-sect .width-wrap .txt ol li {
  border-bottom: 1px solid #ddd;
  padding-block: 32px;
}
body.page-service .safety-sect .width-wrap .txt ol li h3 {
  margin-top: 0;
  column-gap: 10px;
  align-items: baseline;
  display: flex;
  font-size: 24px;
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}
body.page-service .safety-sect .width-wrap .txt ol li h3:before {
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  background-color: #233D6C;
  color: white;
  border-radius: 100vmax;
  font-size: 16px;
  font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, "Hiragino Sans", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  font-weight: 500;
  display: grid;
  place-content: center;
  line-height: 1;
  text-align: center;
}
body.page-service .safety-sect .width-wrap .txt ol li p {
  font-family: "Noto Serif JP", Garamond, "Roboto Slab", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (width <= 1100px) {
  body.page-service .safety-sect .width-wrap .txt {
    flex-basis: 65%;
  }
}
@media screen and (width <= 850px) {
  body.page-service .safety-sect .width-wrap {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  body.page-service .safety-sect .width-wrap .img {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
  }
  body.page-service .safety-sect .width-wrap .img img {
    max-height: 300px;
  }
  body.page-service .safety-sect .width-wrap .txt {
    flex-basis: 100%;
  }
}
/*# sourceMappingURL=style.css.map */