@charset "UTF-8";

/* Theme Name: sunaken2023
 * * Author: Azure
 * * Author URI: https://azure-ad.jp/
 * *
 * *
 * * CSS Document
 * *
 * * ------------------------------
 * * - Index -
 * *
 * * 0.0 - Reset
 * * 1.0 - Base
 * * 2.0 - Layout
 * *   2.1 - Header
 * *   2.2 - Footer
 * *   2.3 - Navigation, Menu
 * *   2.4 - Main
 * * 3.0 - Component
 * *   3.1 - Common
 * *   3.2 - Unique
 * *   3.3 - Library
 * *   3.4 - Animation
 * * 4.0 - Utility
 * *
 * * ------------------------------
 * *
 * *
 * * ========================================
 * * 0.0 - Reset
 * * ===================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
  overflow: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* ========================================
 * * 1.0 - Base
 * * =====================================* */
html, :root {
  --color-base: #504F4F;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-light: #A3A1A1;
  --color-dark: #707070;
  --color-primary: #A88D50;
  --color-secondary: #CCDDDC;
  --color-bg: #F1F1F1;
  --color-box: #EFEAE2;
  --fontfamily-sansserif: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  --fontfamily-serif: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --fontsize-xl: 2.4rem;
  --fontsize-l: 1.8rem;
  --fontsize-base: 1.6rem;
  --fontsize-s: 1.4rem;
  --fontsize-xs: 1.2rem;
  --fontstyle-heading: 400;
  --lineheight-sp: 1.5;
  --lineheight-heading: 1.4;
  --width-contents: 1000px;
  --width-sidespace: 20px;
  --z-menu-btn: 999;
  --z-menu: 998;
  --z-overlay: 997;
  --z-sitelogo: 996;
  --z-control: 99;
  --z-footer: 20;
  --z-sidebar: 11;
  --z-sidebar-sub: 10;
  overflow-y: scroll;
  font-size: 10px;
}
@media (max-width: 767px) {
  html, :root {
    --width-sidespace: 10px;
  }
}

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

body {
  font-family: "Noto Sans JP", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  line-height: var(--lineheight-heading);
}

p {
  margin: 0;
  -webkit-font-feature-settings: initial;
  font-feature-settings: initial;
}

figure {
  margin: 0;
}

figcaption {
  margin-top: 0.5em;
  font-size: 1.2rem;
  line-height: var(--lineheight-heading);
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

a {
  color: var(--color-secondary);
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
main section a {
  text-decoration: underline;
}
main section a:hover {
  text-decoration: none;
}

ul, ol, dl {
  list-style: none;
  margin: 0;
  padding: 0;
}

li, dd, dt {
  margin: 0;
  padding: 0;
}

input:not([type=radio]):not([type=checkbox]), textarea {
  font-size: inherit;
  font-family: inherit;
}

input[type=radio], input[type=checkbox] {
  vertical-align: baseline;
}

::-webkit-input-placeholder {
  color: var(--color-light);
}

::-moz-placeholder {
  color: var(--color-light);
}

:-ms-input-placeholder {
  color: var(--color-light);
}

::-ms-input-placeholder {
  color: var(--color-light);
}

::placeholder {
  color: var(--color-light);
}

sup {
  vertical-align: super;
  font-size: 0.5em;
}

.entry-content p + h2, .entry-content p + header h2, .entry-content p + h3, .entry-content p + h4, .entry-content ul + h2, .entry-content ul + header h2, .entry-content ul + h3, .entry-content ul + h4, .entry-content ol + h2, .entry-content ol + header h2, .entry-content ol + h3, .entry-content ol + h4, .entry-content table + h2, .entry-content table + header h2, .entry-content table + h3, .entry-content table + h4, .entry-content blockquote + h2, .entry-content blockquote + header h2, .entry-content blockquote + h3, .entry-content blockquote + h4, .entry-content form + h2, .entry-content form + header h2, .entry-content form + h3, .entry-content form + h4 {
  color: var(--color-primary);
  font-weight: bold;
}
.entry-content h3 {
  font-size: 1.6rem;
}
.entry-content h2 + p, .entry-content h2 + ul, .entry-content h2 + ol, .entry-content h3 + p, .entry-content h3 + ul, .entry-content h3 + ol, .entry-content h4 + p, .entry-content h4 + ul, .entry-content h4 + ol, .entry-content h5 + p, .entry-content h5 + ul, .entry-content h5 + ol, .entry-content h6 + p, .entry-content h6 + ul, .entry-content h6 + ol, .entry-content p + p, .entry-content p + ul, .entry-content p + ol, .entry-content ul + p, .entry-content ul + ul, .entry-content ul + ol, .entry-content ol + p, .entry-content ol + ul, .entry-content ol + ol {
  margin-top: 1em;
  color: var(--color-primary);
}
.entry-content h2 + p.txt, .entry-content h2 + ul.txt, .entry-content h2 + ol.txt, .entry-content h3 + p.txt, .entry-content h3 + ul.txt, .entry-content h3 + ol.txt, .entry-content h4 + p.txt, .entry-content h4 + ul.txt, .entry-content h4 + ol.txt, .entry-content h5 + p.txt, .entry-content h5 + ul.txt, .entry-content h5 + ol.txt, .entry-content h6 + p.txt, .entry-content h6 + ul.txt, .entry-content h6 + ol.txt, .entry-content p + p.txt, .entry-content p + ul.txt, .entry-content p + ol.txt, .entry-content ul + p.txt, .entry-content ul + ul.txt, .entry-content ul + ol.txt, .entry-content ol + p.txt, .entry-content ol + ul.txt, .entry-content ol + ol.txt {
  font-size: 1.6rem;
  line-height: 1.3;
}
.entry-content ul li, .entry-content ol li {
  position: relative;
  line-height: 1.3;
  padding-top: 0.3em;
}
.entry-content ul li {
  padding-left: 1em;
  color: var(--color-primary);
}
.entry-content ul li::before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0.2em;
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
  background: var(--color-primary);
}
.entry-content ol {
  counter-reset: li_count;
  color: var(--color-primary);
}
.entry-content ol li {
  counter-increment: li_count;
  padding-left: 2em;
}
.entry-content ol li::before {
  content: "(" counter(li_count) ")";
  position: absolute;
  top: 0.3em;
  left: 0;
}

article.page {
  font-size: 1.6rem;
}
article.page h1, article.page h2, article.page h3, article.page h4, article.page h5, article.page h6, article.page .wc-block-grid__product-title {
  color: inherit;
}

.woocommerce-tabs ul.tabs li.active a, ul.products li.product .price, .onsale, .wc-block-grid__product-onsale, .widget_search form:before, .widget_product_search form:before {
  color: inherit;
  margin-bottom: 2rem;
}

h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
  color: inherit;
}

/* ========================================
 * * 2.0 - Layout
 * * ===================================== */
#contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#main {
  width: 100%;
  max-width: 100%;
  height: 100%;
  word-wrap: break-word;
  font-family: "Noto Sans JP", sans-serif;
  color: var(--color-base);
}
@media (max-width: 767px) {
  #main {
    width: 100%;
  }
}

.container {
  width: 1100px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media (max-width: 1140px) {
  .container {
    width: calc(100% - 4rem);
    max-width: auto;
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

/* ------------------------------
 * * 2.1 - Header
 * * ---------------------------*/
#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 73px;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 100;
}
@media (max-width: 950px) {
  #header {
    height: 50px;
  }
}
#header .header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 1100px;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 1140px) {
  #header .header-wrap {
    width: 100%;
    max-width: auto;
    margin: 0 1rem;
  }
}
#header .header-wrap #site-logo {
  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;
  width: auto;
  max-width: 150px;
  height: 100%;
  padding: 0 0 0.4rem;
}
#header .header-wrap #site-logo a:hover {
  opacity: 0.5;
}
@media (max-width: 1140px) {
  #header .header-wrap #site-logo {
    max-width: 140px;
    height: 100%;
  }
}
@media (max-width: 950px) {
  #header .header-wrap #site-logo {
    max-width: 140px;
    height: 50px;
    padding: 0;
    margin: 0 0 0 1rem;
  }
}
@media (max-width: 500px) {
  #header .header-wrap #site-logo {
    max-width: 100px;
    height: 50px;
    margin: 0 0 0 0.5rem;
  }
}
#header .header-wrap #header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: calc(100% - 195px);
  width: calc(100% - 195px);
  height: 73px;
}
@media (max-width: 1140px) {
  #header .header-wrap #header-inner {
    max-width: calc(100% - 190px);
    width: calc(100% - 190px);
    height: 100%;
  }
}
@media (max-width: 950px) {
  #header .header-wrap #header-inner {
    height: 70px;
    padding: 0 7rem 0 0;
    margin: 0;
    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;
  }
}
@media (max-width: 500px) {
  #header .header-wrap #header-inner {
    width: calc(100% - 110px);
    padding: 0 2.5rem 0 0;
  }
}
#header .header-wrap #header-inner #gnav {
  width: 100%;
  margin: 0;
}
@media (max-width: 950px) {
  #header .header-wrap #header-inner #gnav {
    position: fixed;
    z-index: 998;
    top: 0;
    right: -150%;
    padding-top: 50px;
    width: 100%;
    height: 100vh;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: var(--color-dark);
  }
  #header .header-wrap #header-inner #gnav .list-item {
    width: 100%;
  }
  .__spmenu-open__ #header .header-wrap #header-inner #gnav {
    right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
#header .header-wrap #header-inner #gnav .gnav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#header .header-wrap #header-inner #gnav .gnav-wrap .list-item {
  height: 100%;
}
#header .header-wrap #header-inner #gnav .gnav-wrap .list-item:last-child {
  border-right: 1px solid var(--color-white);
}
@media (max-width: 950px) {
  #header .header-wrap #header-inner #gnav .gnav-wrap .list-item {
    background: #c1c1c1;
  }
  #header .header-wrap #header-inner #gnav .gnav-wrap .list-item:nth-child(2n) {
    background: #c5c5c5;
  }
}
@media (max-width: 1140px) {
  #header .header-wrap #header-inner #gnav .gnav-wrap {
    width: 100%;
  }
  #header .header-wrap #header-inner #gnav .gnav-wrap#gnav-home {
    display: none;
  }
}
@media (max-width: 950px) {
  #header .header-wrap #header-inner #gnav .gnav-wrap {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#header .header-wrap #header-inner #gnav .gnav-wrap .link-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 0 1rem;
  width: 100%;
  height: 100%;
  text-align: center;
  white-space: nowrap;
  color: var(--color-white);
  border-left: 1px solid var(--color-white);
  font-size: 1.5rem;
  font-weight: normal;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#header .header-wrap #header-inner #gnav .gnav-wrap .link-item:hover {
  color: var(--color-white);
  text-decoration: none;
}
#header .header-wrap #header-inner #gnav .gnav-wrap .link-item:hover:after {
  width: 100%;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#header .header-wrap #header-inner #gnav .gnav-wrap .link-item:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-secondary);
  left: 0;
  bottom: -12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0, 2);
  transform: scale(0, 2);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
#header .header-wrap #header-inner #gnav .gnav-wrap .link-item br {
  display: none;
}
@media (max-width: 1140px) {
  #header .header-wrap #header-inner #gnav .gnav-wrap .link-item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 950px) {
  #header .header-wrap #header-inner #gnav .gnav-wrap .link-item {
    border-left: 1px solid var(--color-white);
    line-height: 1.4;
  }
  #header .header-wrap #header-inner #gnav .gnav-wrap .link-item br {
    display: block;
  }
  #header .header-wrap #header-inner #gnav .gnav-wrap .link-item:hover {
    color: var(--color-white);
    background: var(--color-black);
  }
  #header .header-wrap #header-inner #gnav .gnav-wrap .link-item:hover:after {
    display: none;
  }
}
@media (max-width: 500px) {
  #header .header-wrap #header-inner #gnav .gnav-wrap .link-item {
    font-size: 1.4rem;
    padding: 0 0.5rem;
  }
}
@media (max-width: 1140px) {
  #header .header-wrap #header-inner #gnav .gnav-wrap .gnav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50%;
  }
  #header .header-wrap #header-inner #gnav .gnav-wrap .gnav-list .list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
  }
  #header .header-wrap #header-inner #gnav .gnav-wrap .gnav-list .list-item .active {
    opacity: 0.5;
  }
}
#header .header-wrap #header-inner .tell-wrap {
  color: var(--color-white);
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 950px) {
  #header .header-wrap #header-inner .tell-wrap {
    display: none;
  }
}
#header .header-wrap #header-inner .tell-wrap a {
  color: var(--color-white);
}
#header .header-wrap #header-inner .tell-wrap a:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#header .header-wrap #header-inner .tell-wrap a .tel {
  font-size: 2.4rem;
  position: relative;
  padding-left: 4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}
@media (max-width: 1140px) {
  #header .header-wrap #header-inner .tell-wrap a .tel {
    font-size: 2rem;
    padding-left: 3rem;
  }
}
@media (max-width: 950px) {
  #header .header-wrap #header-inner .tell-wrap a .tel {
    display: none;
  }
}
#header .header-wrap #header-inner .tell-wrap a .tel:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 32px;
  height: 31px;
  background-image: url(../img/icon-tel-white.png);
  background-size: contain;
  vertical-align: middle;
  top: 4px;
  left: 0;
}
@media (max-width: 1140px) {
  #header .header-wrap #header-inner .tell-wrap a .tel:before {
    width: 24px;
    height: 23px;
    top: 3px;
  }
}

#mainvisual {
  position: relative;
  height: 100%;
  overflow: hidden;
  min-height: 600px;
  margin-top: -73px;
  z-index: 11;
  overflow: visible;
}
#mainvisual .mv {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
@media (max-width: 1140px) {
  #mainvisual .mv {
    height: 100%;
  }
}
@media (max-width: 767px) {
  #mainvisual .mv {
    height: 100vh;
    max-height: 600px;
  }
}
@media (max-width: 500px) {
  #mainvisual .mv {
    height: 100vh;
    max-height: 100%;
  }
}
@media (max-width: 1140px) {
  #mainvisual {
    min-height: 100%;
  }
}
@media (max-width: 767px) {
  #mainvisual {
    height: calc(100vh - 600px);
    min-height: 600px;
  }
}
@media (max-width: 500px) {
  #mainvisual {
    height: 100%;
  }
}
#mainvisual .mv-title {
  position: absolute;
  bottom: 58%;
  left: calc(50% - 550px);
  display: block;
  font-family: "Roboto", sans-serif;
  color: var(--color-white);
}
@media (max-width: 1140px) {
  #mainvisual .mv-title {
    left: 2rem;
    bottom: auto;
    top: 10rem;
  }
  #mainvisual .mv-title img {
    width: 180px;
    max-width: 180px;
  }
}
@media (max-width: 950px) {
  #mainvisual .mv-title {
    top: 10rem;
  }
}
@media (max-width: 767px) {
  #mainvisual .mv-title img {
    width: 150px;
    max-width: 150px;
  }
}
@media (max-width: 500px) {
  #mainvisual .mv-title {
    top: 8rem;
    left: 1rem;
  }
  #mainvisual .mv-title img {
    width: 130px;
    max-width: 130px;
  }
}
#mainvisual .jp {
  position: absolute;
  bottom: 21%;
  left: calc(50% - 550px);
  font-size: 6.5rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 23px;
  color: var(--color-white);
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 1140px) {
  #mainvisual .jp {
    font-size: 5vw;
    left: 3.5rem;
    bottom: 15%;
    top: auto;
  }
}
@media (max-width: 950px) {
  #mainvisual .jp {
    bottom: 8%;
  }
}
@media (max-width: 767px) {
  #mainvisual .jp {
    font-size: 3.2rem;
    top: 63%;
    bottom: auto;
    letter-spacing: 10px;
  }
}
@media (max-width: 500px) {
  #mainvisual .jp {
    font-size: 3.3rem;
    letter-spacing: 8px;
    left: 1.5rem;
  }
}
#mainvisual .bottom {
  position: absolute;
  bottom: -11px;
  left: calc(50% - 550px);
  font-size: 10rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2em;
  color: var(--color-white);
  font-family: "Roboto", sans-serif;
}
#mainvisual .bottom.-short {
  letter-spacing: 0.1em;
}
@media (max-width: 1300px) {
  #mainvisual .bottom.-short {
    letter-spacing: 0;
  }
}
@media (max-width: 1140px) {
  #mainvisual .bottom {
    bottom: -12px;
  }
}
@media (max-width: 1140px) {
  #mainvisual .bottom {
    left: 2rem;
  }
  #mainvisual .bottom.-short {
    font-size: 9rem;
  }
}
@media (max-width: 950px) {
  #mainvisual .bottom {
    font-size: 8rem;
    letter-spacing: 0.1em;
  }
  #mainvisual .bottom.-short {
    font-size: 7rem;
  }
}
@media (max-width: 767px) {
  #mainvisual .bottom {
    font-size: 16vw;
    letter-spacing: 0;
  }
  #mainvisual .bottom.-short {
    font-size: 12.5vw;
    letter-spacing: 0;
    bottom: -10px;
  }
}
@media (max-width: 500px) {
  #mainvisual .bottom {
    bottom: 36%;
  }
  #mainvisual .bottom.-short {
    bottom: 36%;
  }
}
#mainvisual .sidenav {
  position: fixed;
  bottom: 10px;
  right: 8rem;
  z-index: 1000;
  height: auto;
}
@media (max-width: 1140px) {
  #mainvisual .sidenav {
    right: 2rem;
  }
}
@media (max-width: 767px) {
  #mainvisual .sidenav {
    right: 1rem;
  }
}
#mainvisual .sidenav:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 950px) {
  #mainvisual .sidenav img {
    width: 180px;
    height: 180px;
    right: 2rem;
  }
}
@media (max-width: 767px) {
  #mainvisual .sidenav img {
    width: 150px;
    height: 150px;
  }
}

#mainvisual.-plant .bottom {
  letter-spacing: 0;
}

#spmenu-button {
  position: fixed;
  right: 0;
  top: 0;
  color: var(--color-white);
  background: #020202;
  display: none;
  margin: 0 1rem;
}
.__spmenu-open__ #spmenu-button {
  background: transparent;
}
@media (max-width: 950px) {
  #spmenu-button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.spmenu-button {
  width: 46px;
  height: 50px;
  z-index: 999;
}

.hamburger-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 14px auto 3px;
  width: 20px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
  -webkit-transition: 0.3s background-color ease-in-out;
  transition: 0.3s background-color ease-in-out;
}
.hamburger-button:hover {
  cursor: pointer;
}
.hamburger-button .hamburger-icon {
  display: block;
  margin: 5px 0;
  width: 100%;
  height: 3px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: var(--color-white);
}
.hamburger-button:before, .hamburger-button:after {
  content: " ";
  display: block;
  width: 100%;
  height: 3px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: var(--color-white);
}
.__spmenu-open__ .hamburger-button .hamburger-icon {
  background-color: transparent;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.__spmenu-open__ .hamburger-button:before {
  -webkit-transform: rotate(45deg) translate(5.656854259px, 5.656854259px);
  transform: rotate(45deg) translate(5.656854259px, 5.656854259px);
}
.__spmenu-open__ .hamburger-button:after {
  -webkit-transform: rotate(-45deg) translate(5.656854259px, -5.656854259px);
  transform: rotate(-45deg) translate(5.656854259px, -5.656854259px);
}

#spmenu {
  position: fixed;
  left: 0;
  top: 0;
  padding: 30px;
  width: 200px;
  height: 100%;
  z-index: 998;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 950px) {
  #spmenu {
    right: -200px;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
}
.__spmenu-open__ #spmenu {
  right: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* ------------------------------
 * * 2.2 - Footer
 * * --------------------------- */
.footer-wrap {
  width: 100%;
  background: url("../img/footer-bg.jpg") no-repeat center center/cover;
}
.footer-wrap .center-col {
  border-right: 1px solid var(--color-dark);
  border-left: 1px solid var(--color-dark);
}
@media (max-width: 767px) {
  .footer-wrap .center-col {
    border-right: none;
    border-left: none;
    margin: 2rem 0;
  }
}
.footer-wrap .center-col, .footer-wrap .right-col {
  padding: 0 1.5rem;
  font-size: 1.8rem;
  line-height: 1.8;
  color: var(--color-base);
}
@media (max-width: 767px) {
  .footer-wrap .center-col, .footer-wrap .right-col {
    padding: 0;
  }
}

.footer3-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media (max-width: 767px) {
  .footer3-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.footer3-wrap .logo {
  width: 38%;
}
.footer3-wrap .logo img {
  margin-right: auto;
  margin-left: 0;
  padding-right: 1.5rem;
}
@media (max-width: 767px) {
  .footer3-wrap .logo {
    width: 100%;
  }
}
.footer3-wrap > .list-item {
  width: 31%;
}
@media (max-width: 767px) {
  .footer3-wrap > .list-item {
    width: 100%;
  }
}
.footer3-wrap .block {
  display: inline;
}
@media (max-width: 1140px) {
  .footer3-wrap .block {
    display: block;
  }
}
@media (max-width: 767px) {
  .footer3-wrap .block {
    display: inline;
  }
}
.footer3-wrap a:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer2-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer2-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.footer2-wrap > .left-col, .footer2-wrap > .right-col {
  width: 48%;
}
@media (max-width: 767px) {
  .footer2-wrap > .left-col, .footer2-wrap > .right-col {
    width: 100%;
  }
}
.footer2-wrap a:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4rem 0;
  font-size: 1.8rem;
  line-height: 1.5;
  color: var(--color-white);
}
@media (max-width: 1140px) {
  .footer-container {
    width: calc(100% - 4rem);
  }
}
.footer-container .tel-wrap, .footer-container .mail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-container .tel-wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .footer-container .tel-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
    padding-top: 4rem;
    border-top: 1px solid #000;
  }
}
@media (max-width: 767px) {
  .footer-container .tel-mark img {
    width: 38px;
    height: 37px;
  }
}
.footer-container .mail-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .footer-container .mail-mark img {
    width: 31px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .footer-container .arrow img {
    width: 11px;
    height: 20px;
  }
}
.footer-container .phone {
  font-size: 5rem;
  line-height: 1;
  color: var(--color-base);
  font-weight: bold;
  padding-left: 1rem;
}
@media (max-width: 1140px) {
  .footer-container .phone {
    font-size: 4rem;
  }
}
@media (max-width: 767px) {
  .footer-container .phone {
    font-size: 3.6rem;
  }
}
.footer-container .mail {
  font-size: 2.5rem;
  color: var(--color-black);
  padding: 0 1rem;
}
@media (max-width: 1140px) {
  .footer-container .mail {
    font-size: 2rem;
  }
}
.footer-container.bottom {
  padding: 2rem 0 4rem 0;
}
@media (max-width: 1140px) {
  .footer-container.bottom {
    padding: 0 0 4rem 0;
  }
}

.footer-links {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4rem 0 5.5rem 0;
  font-size: 1.6rem;
  line-height: 2.2;
  color: var(--color-white);
  background: var(--color-black);
  position: relative;
  z-index: 1000;
}
.footer-links a {
  color: var(--color-white);
}
.footer-links a.list-item {
  padding: 0 1rem 0 0.4rem;
  border-right: 1px solid var(--color-white);
}
.footer-links a.list-item.-first {
  padding: 0 1rem 0 0;
}
.footer-links a.list-item:nth-child(6) {
  border-right: none;
}
@media (max-width: 1140px) {
  .footer-links a.list-item:nth-child(6) {
    border-right: 1px solid var(--color-white);
  }
}
.footer-links a.list-item:last-child {
  border-right: none;
}
.footer-links a.list-item:hover {
  color: var(--color-light);
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-links .block {
  display: inline;
}
@media (max-width: 1140px) {
  .footer-links .block {
    display: block;
  }
}
@media (max-width: 767px) {
  .footer-links .block {
    display: inline;
  }
}
@media (max-width: 1140px) {
  .footer-links br {
    display: none;
  }
}

/* ------------------------------
 * * 2.3 - Navigation, Menu
 * * --------------------------- */
/* ------------------------------
 * * 2.4 - Main
 * * --------------------------- */
.col2-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.col2-wrap.-works {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .col2-wrap.-works {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.col2-wrap > .left-col, .col2-wrap > .right-col, .col2-wrap > .works-col {
  width: 48%;
  max-width: 380px;
  margin-bottom: 8rem;
}
@media (max-width: 767px) {
  .col2-wrap > .left-col, .col2-wrap > .right-col, .col2-wrap > .works-col {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #top-plant-equipment .col2-wrap > .left-col, #top-plant-equipment .col2-wrap > .right-col, #top-plant-equipment .col2-wrap > .works-col {
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .col2-wrap > .works-col {
    width: 80%;
    margin: 0 auto 4rem;
  }
}
.col2-wrap .img-col {
  width: auto;
}
.col2-wrap .txt-col {
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.2;
  text-align: left;
  margin: 1rem auto;
  color: var(--color-black);
}
@media (max-width: 767px) {
  .col2-wrap .txt-col {
    line-height: 1.8;
  }
}
.col2-wrap .works-col img {
  width: 100%;
  height: 248px;
  -o-object-fit: cover;
  object-fit: cover;
}

.col3-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.col3-wrap > .list-item {
  width: 33.333%;
}
@media (max-width: 767px) {
  .col3-wrap > .list-item {
    width: 100%;
  }
}
.col3-wrap > .company-list {
  width: calc((100% - 20px) / 3);
  margin-right: 1rem;
}
.col3-wrap > .company-list:last-child {
  margin-right: 0;
}
.col3-wrap > .company-list img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

/* ========================================
 * * 3.0 - Component (Block) & Variant (Modifier, State)
 * * ===================================== */
/* ------------------------------
 * * 3.1 - Common
 * * --------------------------- */
/* 3.1 - TITLE
 * * --------------------------- */
.main-title-wrap {
  position: relative;
  width: 100%;
  padding: 12rem 0 0 0;
  text-align: center;
}
@media (max-width: 767px) {
  .main-title-wrap {
    padding: 6rem 0 0 0;
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  .main-title-wrap {
    width: 100%;
    padding: 6rem 1rem 0;
  }
}
.main-title-wrap:before {
  position: absolute;
  content: "";
  top: 0;
  left: calc(50% - 460px);
  border-left: 1px solid #989898;
  height: 275px;
}
@media (max-width: 1140px) {
  .main-title-wrap:before {
    left: calc(50% - 360px);
  }
}
@media (max-width: 767px) {
  .main-title-wrap:before {
    left: 23%;
    height: 140%;
  }
}
@media (max-width: 500px) {
  .main-title-wrap:before {
    left: 27%;
    height: 135%;
  }
}
.main-title-wrap .main-title {
  display: block;
  padding: 0;
  font-size: 6.3rem;
  font-weight: bold;
  line-height: 1;
  font-family: "Roboto", sans-serif;
  color: var(--color-base);
  text-align: center;
}
@media (max-width: 767px) {
  .main-title-wrap .main-title {
    display: inline-block;
    font-size: 5.2rem;
    line-height: 1.2;
    text-align: left;
    padding-left: 7vw;
    margin-bottom: 2rem;
  }
}
@media (max-width: 500px) {
  .main-title-wrap .main-title {
    font-size: 5.2rem;
    padding-left: 0;
  }
}
.main-title-wrap .main-title span {
  letter-spacing: 0.3em;
}
@media (max-width: 1140px) {
  .main-title-wrap .main-title span {
    letter-spacing: 0.1em;
  }
}
@media (max-width: 767px) {
  .main-title-wrap .main-title span {
    letter-spacing: 6.2vw;
  }
}
@media (max-width: 500px) {
  .main-title-wrap .main-title span {
    letter-spacing: 2.8vw;
    padding-left: 1rem;
  }
}
.main-title-wrap .main-title .title-space {
  display: inline;
  padding-left: 6.3rem;
}
@media (max-width: 767px) {
  .main-title-wrap .main-title .title-space {
    display: block;
    padding-left: 0;
  }
}
@media (max-width: 500px) {
  .main-title-wrap .main-title .title-space {
    padding-left: 1rem;
  }
}

.sub-title-wrap {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 3px;
  color: var(--color-base);
  text-align: center;
  padding: 0 0 10rem 0;
  position: relative;
}
@media (max-width: 767px) {
  .sub-title-wrap {
    font-size: 5vw;
    padding: 0 1rem 4rem 1rem;
  }
}
@media (max-width: 500px) {
  .sub-title-wrap {
    font-size: 5vw;
  }
}
.sub-title-wrap:after {
  position: absolute;
  content: "";
  top: 26px;
  left: 0;
  border-bottom: 1px solid #989898;
  width: calc(100% - 550px);
}
@media (max-width: 767px) {
  .sub-title-wrap:after {
    top: 57%;
    width: 500px;
  }
}
@media (max-width: 767px) and (max-width: 500px) {
  .sub-title-wrap:after {
    top: 50%;
    width: 450px;
  }
}
.sub-title-wrap .sub-title {
  position: relative;
  z-index: 100;
  background: #fff;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 2rem;
}
@media (max-width: 767px) {
  .sub-title-wrap .sub-title {
    padding: 0;
    background: none;
  }
}

.headline-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
  .headline-primary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.headline-primary .title {
  width: calc(100% - 400px);
  height: 54px;
  font-size: 2rem;
  line-height: 2.5;
  font-weight: bold;
  color: var(--color-white);
  position: relative;
  z-index: 10;
  padding-left: calc(50% - 460px);
  letter-spacing: 0.2em;
}
@media (max-width: 1140px) {
  .headline-primary .title {
    width: 760px;
    padding-left: 60px;
  }
}
@media (max-width: 767px) {
  .headline-primary .title {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
.headline-primary .title:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: calc(100% - 400px);
  height: 54px;
  background: #727171;
  background: -webkit-gradient(linear, left top, right top, from(#727171), to(#b24a4a));
  background: linear-gradient(90deg, #727171 0%, #b24a4a 100%);
  z-index: -1;
}
@media (max-width: 1140px) {
  .headline-primary .title:before {
    width: 290px;
  }
}
@media (max-width: 767px) {
  .headline-primary .title:before {
    width: 100%;
  }
}
.headline-primary .title.-long {
  width: 100%;
  text-align: center;
  padding-left: 0;
  letter-spacing: 0.2em;
}
.headline-primary .title.-long:before {
  width: 100%;
  right: calc(50% - 550px);
  left: auto;
}
@media (max-width: 1140px) {
  .headline-primary .title.-long:before {
    right: auto;
    left: 0;
  }
}
.headline-primary .title.-blue {
  height: 100%;
  min-height: 54px;
}
.headline-primary .title.-blue:before {
  background: #435188;
  background: -webkit-gradient(linear, left top, right top, from(#435188), to(#878fe0));
  background: linear-gradient(90deg, #435188 0%, #878fe0 100%);
  height: 100%;
  min-height: 54px;
}
.headline-primary > .en {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4rem;
  font-weight: bold;
  vertical-align: middle;
  color: var(--color-base);
  margin-left: -38rem;
  letter-spacing: 0.2em;
}
@media (max-width: 1140px) {
  .headline-primary > .en {
    margin-left: -44rem;
    letter-spacing: 0;
    font-size: 3.8rem;
  }
}
@media (max-width: 767px) {
  .headline-primary > .en {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.headline-secondaly {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  color: var(--color-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem 0;
}
@media (max-width: 767px) {
  .headline-secondaly {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 4rem 0 1rem;
  }
}
.headline-secondaly .title {
  font-size: 3.5rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: var(--color-dark);
}
@media (max-width: 767px) {
  .headline-secondaly .title {
    font-size: 2.5rem;
    margin: 0 auto 1rem;
  }
}
.headline-secondaly > .en {
  font-size: 2rem;
  padding-top: 0.3rem;
  padding-left: 2rem;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
}
@media (max-width: 767px) {
  .headline-secondaly > .en {
    padding-left: 0;
    margin-bottom: 2rem;
  }
}

.headline-tertiary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .headline-tertiary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.headline-tertiary.-bottom {
  margin-bottom: 6rem;
}
.headline-tertiary .large {
  font-size: 8rem;
  line-height: 1;
  font-weight: bold;
  color: var(--color-base);
  position: relative;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
  .headline-tertiary .large {
    font-size: 12vw;
    margin: 0 auto;
  }
}
.headline-tertiary .large.-space {
  letter-spacing: 0.4em;
}
@media (max-width: 1140px) {
  .headline-tertiary .large.-space {
    letter-spacing: 0.2em;
  }
}
@media (max-width: 767px) {
  .headline-tertiary .large.-space {
    letter-spacing: 0;
  }
}
.headline-tertiary .entry {
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: var(--color-base);
  position: relative;
  font-family: "Roboto", sans-serif;
}
.headline-tertiary .small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-weight: bold;
  color: var(--color-black);
  margin: 0 0 0.5rem 4rem;
}
@media (max-width: 767px) {
  .headline-tertiary .small {
    margin: 2rem auto 0;
  }
}
.headline-tertiary.-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.headline-tertiary.-center .large, .headline-tertiary.-center .small {
  letter-spacing: 0.2em;
}
@media (max-width: 1140px) {
  .headline-tertiary.-center .large, .headline-tertiary.-center .small {
    letter-spacing: 0;
  }
}
.headline-tertiary .middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3rem;
  font-weight: bold;
  color: var(--color-black);
  margin: 0 0 0.5rem 4rem;
}
.headline-tertiary img {
  width: 70px;
  height: 70px;
  margin-right: 0;
  margin-left: 0;
}

/* 3.2 - TOP
 * * --------------------------- */
#top-1 {
  width: 100%;
  background: url("../img/top-1-bg.jpg") no-repeat center center/cover;
  color: var(--color-base);
  padding: 10rem 0 16rem 0;
}
@media (max-width: 1140px) {
  #top-1 {
    padding: 8rem 0 10rem 0;
  }
}
@media (max-width: 767px) {
  #top-1 {
    background-position: center bottom;
    background-size: contain;
  }
}
#top-1 .top-1-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1140px) {
  #top-1 .top-1-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #top-1 .top-1-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
#top-1 .top-1-wrap .vertical-title {
  font-size: 3.6rem;
  line-height: 1.8;
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.15em;
}
@media (max-width: 1140px) {
  #top-1 .top-1-wrap .vertical-title {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #top-1 .top-1-wrap .vertical-title {
    text-align: center;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
    letter-spacing: 0.2em;
  }
}
@media (max-width: 500px) {
  #top-1 .top-1-wrap .vertical-title {
    font-size: 2rem;
    line-height: 2;
  }
}
#top-1 .top-1-wrap .vertical-txt {
  font-size: 1.8rem;
  line-height: 3.5;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  margin-right: 4rem;
}
@media (max-width: 1140px) {
  #top-1 .top-1-wrap .vertical-txt {
    line-height: 3;
  }
}
@media (max-width: 767px) {
  #top-1 .top-1-wrap .vertical-txt {
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  #top-1 .top-1-wrap .vertical-txt br {
    display: none;
  }
}
@media (max-width: 500px) {
  #top-1 .top-1-wrap .vertical-txt {
    line-height: 2.5;
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  #top-1-bottom .col3-wrap .list-item img {
    border-top: 5px solid #fff;
  }
}

#top-scaffold {
  width: 100%;
  height: 100%;
}

.top-page-list {
  margin-top: 10rem;
}
@media (max-width: 767px) {
  .top-page-list {
    margin-top: 12rem;
  }
}
.top-page-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.top-page-list .list-item:nth-child(1) {
  margin-top: 0;
}
.top-page-list .list-item:nth-child(1) .left-column {
  width: calc(50% - 140px);
  background: var(--color-box);
}
@media (max-width: 1140px) {
  .top-page-list .list-item:nth-child(1) .left-column {
    width: 0;
  }
}
.top-page-list .list-item:nth-child(1) .right-column {
  width: 690px;
  margin-right: calc(50% - 550px);
  margin-left: auto;
  padding: 0 2rem 3rem;
}
@media (max-width: 1140px) {
  .top-page-list .list-item:nth-child(1) .right-column {
    width: 88%;
    margin-right: auto;
    padding: 2rem 0;
  }
}
.top-page-list .list-item:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 1140px) {
  .top-page-list .list-item:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.top-page-list .list-item:nth-child(2) .left-column {
  width: 180px;
  margin-left: calc(50% - 550px);
}
@media (max-width: 1140px) {
  .top-page-list .list-item:nth-child(2) .left-column {
    margin-left: 0;
  }
}
.top-page-list .list-item:nth-child(2) .right-column {
  width: 920px;
  margin-right: calc(50% - 550px);
}
@media (max-width: 1140px) {
  .top-page-list .list-item:nth-child(2) .right-column {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 920px) {
  .top-page-list .list-item:nth-child(2) .right-column {
    width: 100%;
  }
}
.top-page-list .list-item:nth-child(3) {
  margin-top: 0;
}
@media (max-width: 767px) {
  .top-page-list .list-item:nth-child(3) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.top-page-list .list-item:nth-child(3) .left-column {
  width: 50%;
  position: relative;
  padding-left: 180px;
  margin-left: calc(50% - 550px);
}
@media (max-width: 767px) {
  .top-page-list .list-item:nth-child(3) .left-column {
    width: 100%;
    padding-left: 0;
    margin-left: 1rem;
  }
}
.top-page-list .list-item:nth-child(3) .right-column {
  width: 50%;
  margin-right: calc(50% - 550px);
}
@media (max-width: 767px) {
  .top-page-list .list-item:nth-child(3) .right-column {
    width: 100%;
    margin-right: 0;
    padding: 0 1rem;
  }
}
.top-page-list .list-item .image-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-page-list .list-item .image-box li img {
  margin-right: 0;
  margin-left: 0;
}
.top-page-list .list-item .number-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
}
.top-page-list .list-item .number-box:before {
  position: absolute;
  content: "";
  width: 50vw;
  height: 270px;
  top: -1px;
  left: -25vw;
  background: var(--color-box);
  z-index: -1;
}
@media (max-width: 1140px) {
  .top-page-list .list-item .number-box:before {
    top: -190px;
    left: 0;
  }
}
.top-page-list .list-item .name-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: relative;
  margin: 2rem 0 7rem;
}
@media (max-width: 767px) {
  .top-page-list .list-item .name-box {
    margin: 1rem 0 0;
  }
}
.top-page-list .list-item .name-box:before {
  position: absolute;
  content: "";
  width: calc(50% - 90px);
  width: 460px;
  height: 325px;
  top: -140px;
  left: -90px;
  background: var(--color-box);
  z-index: -1;
}
@media (max-width: 767px) {
  .top-page-list .list-item .name-box:before {
    width: 50%;
    height: 330px;
    left: auto;
    right: 0;
  }
}
.top-page-list .list-item .-number {
  font-size: 10rem;
  line-height: 1.4;
  color: var(--color-light);
}
@media (max-width: 1140px) {
  .top-page-list .list-item .-number {
    font-size: 8rem;
    padding: 0 0 0 6rem;
    margin: -20rem 0 0;
  }
}
@media (max-width: 767px) {
  .top-page-list .list-item .-number {
    padding: 0 0 0 3rem;
  }
}
@media (max-width: 500px) {
  .top-page-list .list-item .-number {
    padding: 0 0 0 2rem;
  }
}
.top-page-list .list-item .-comment {
  font-size: 2.2rem;
  line-height: 2;
  font-weight: bold;
  letter-spacing: 0.3em;
}
@media (max-width: 1140px) {
  .top-page-list .list-item .-comment {
    line-height: 1.4;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .top-page-list .list-item .-comment {
    font-size: 1.8rem;
  }
}
.top-page-list .list-item .-year {
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--color-black);
}
.top-page-list .list-item .-year .block {
  display: inline;
}
@media (max-width: 767px) {
  .top-page-list .list-item .-year {
    font-size: 1.4rem;
  }
  .top-page-list .list-item .-year br {
    display: none;
  }
  .top-page-list .list-item .-year .block {
    display: inline;
    margin-left: 1rem;
  }
}
.top-page-list .list-item .-name {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: bold;
  color: var(--color-dark);
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .top-page-list .list-item .-name {
    font-size: 2rem;
  }
}
.top-page-list .list-item .-en {
  font-size: 3.9rem;
  line-height: 1.4;
  color: var(--color-primary);
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin: 1rem 0 0;
  letter-spacing: 0.1em;
}
.top-page-list .list-item .-txt {
  font-size: 1.6rem;
  line-height: 2.2;
  color: var(--color-base);
}
.top-page-list .list-item .right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 2rem 0 10rem;
}
@media (max-width: 767px) {
  .top-page-list .list-item .right-box {
    margin: 2rem 0 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.top-page-list .list-item .right-box a {
  text-decoration: none;
}

.more-btn {
  border-radius: 8px;
  background: var(--color-dark);
  width: 200px;
  height: 40px;
  padding-bottom: 0.4rem;
  font-size: 1.8rem;
  line-height: 1.6;
  color: var(--color-white);
  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;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.more-btn:hover {
  background: #235FE6;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 600px) {
  .more-btn {
    width: 200px;
    height: 36px;
    font-size: 1.6rem;
  }
}
.more-btn.-white {
  border: 1px solid var(--color-dark);
  background: var(--color-white);
  color: var(--color-dark);
}
.more-btn.-white:hover {
  background: var(--color-dark);
  color: var(--color-white);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.more-btn.-short {
  width: 180px;
  height: 34px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding-bottom: 0.2rem;
  margin: 0 auto;
}
@media (max-width: 1140px) {
  .more-btn.-short {
    width: 100%;
    max-width: 160px;
  }
}
@media (max-width: 767px) {
  .more-btn.-short {
    max-width: 180px;
  }
}

main section a.right-box, main section a.center-box {
  text-decoration: none;
}

#top-scaffold-works.works-wrap {
  width: 100%;
  height: 100%;
  background: #F1F1F1 url("../img/top-2-bg.jpg") no-repeat center bottom/cover;
  margin-bottom: 14rem;
}
@media (max-width: 1300px) {
  #top-scaffold-works.works-wrap {
    background-position: left bottom;
    background-size: 200% auto;
  }
}
@media (max-width: 767px) {
  #top-scaffold-works.works-wrap {
    margin-bottom: 10rem;
  }
}

#works-top {
  margin-top: 4rem;
}

.works-txt {
  font-size: 1.6rem;
  line-height: 2.2;
  text-align: center;
  margin-bottom: 7rem;
  color: var(--color-black);
  width: 650px;
  margin: 0 auto 3rem;
  text-align: left;
}
@media (max-width: 767px) {
  .works-txt {
    width: 90%;
  }
}

.works-container {
  padding: 0 6rem;
}
@media (max-width: 767px) {
  .works-container {
    padding: 0;
  }
}
.works-container .right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 1rem 0;
}
.works-container .center-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2rem auto;
  width: 200px;
}

.btn-container {
  padding: 0 21rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1140px) {
  .btn-container {
    padding: 0;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.btn-container.-bg {
  padding: 0;
}
@media (max-width: 767px) {
  .btn-container.-bg {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.btn-container.-top {
  margin-top: 10rem;
}
@media (max-width: 767px) {
  .btn-container.-top {
    margin-top: 6rem;
  }
}
.btn-container.-bottom {
  padding: 0 21rem 3rem 21rem;
}
@media (max-width: 1140px) {
  .btn-container.-bottom {
    padding: 0 0 3rem 0;
  }
}
@media (max-width: 767px) {
  .btn-container.-bottom {
    padding: 0 0 3rem 0;
  }
}
#top-scaffold-works .btn-container {
  padding: 0 21rem;
}
@media (max-width: 1140px) {
  #top-scaffold-works .btn-container {
    padding: 0 0 4rem 0;
  }
}
.btn-container .works-btn {
  border-radius: 8px;
  background: #63ac93;
  background: -webkit-gradient(linear, left top, left bottom, from(#63ac93), to(#32564a));
  background: linear-gradient(180deg, #63ac93 0%, #32564a 100%);
  width: 290px;
  height: 50px;
  font-size: 1.8rem;
  line-height: 6.3;
  font-weight: bold;
  color: var(--color-white);
  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;
  text-decoration: none;
  margin: 0 2rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-container .works-btn:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1140px) {
  .btn-container .works-btn {
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .btn-container .works-btn {
    margin-bottom: 2rem;
  }
}
.btn-container .works-btn.-blue {
  background: #4675c1;
  background: -webkit-gradient(linear, left top, left bottom, from(#4675c1), to(#233b61));
  background: linear-gradient(180deg, #4675c1 0%, #233b61 100%);
}

.long-btn {
  background: var(--color-dark);
  width: 730px;
  height: 50px;
  font-size: 1.8rem;
  line-height: 6.3;
  font-weight: bold;
  color: var(--color-white);
  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;
  text-decoration: none;
  margin: 0 auto;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.long-btn:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1140px) {
  .long-btn {
    margin-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .long-btn {
    margin-bottom: 0;
    width: 90%;
  }
}

#twin-btn-wrap {
  border-radius: 10px;
  background: #F5F5EC;
  border: 1px solid var(--color-dark);
  margin: 0 auto 8rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80%;
  max-width: 730px;
  height: 50px;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: bold;
  color: var(--color-dark);
}
#twin-btn-wrap.-bottom {
  margin: 0 auto 1rem auto;
}
@media (max-width: 767px) {
  #twin-btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    border: none;
    background: none;
    height: auto;
  }
}
#twin-btn-wrap a {
  color: var(--color-dark);
  text-decoration: none;
}
#twin-btn-wrap a:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#twin-btn-wrap .right-btn, #twin-btn-wrap .left-btn {
  width: 50%;
  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;
}
@media (max-width: 767px) {
  #twin-btn-wrap .right-btn, #twin-btn-wrap .left-btn {
    width: 330px;
    height: 50px;
    border-radius: 10px;
    background: #F5F5EC;
  }
}
@media (max-width: 500px) {
  #twin-btn-wrap .right-btn, #twin-btn-wrap .left-btn {
    width: 280px;
  }
}
#twin-btn-wrap .left-btn {
  border-right: 1px solid var(--color-dark);
}
@media (max-width: 767px) {
  #twin-btn-wrap .left-btn {
    border: 1px solid var(--color-dark);
    margin: 0 auto 2rem;
  }
}
@media (max-width: 767px) {
  #twin-btn-wrap .right-btn {
    margin: 0 auto;
    border-right: none;
    border: 1px solid var(--color-dark);
  }
}

.top-btn {
  border-radius: 10px;
  background: #F5F5EC;
  border: 1px solid var(--color-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 50px;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: bold;
  color: var(--color-dark);
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top-btn {
    width: 330px;
    height: 50px;
  }
}
@media (max-width: 500px) {
  .top-btn {
    width: 280px;
  }
}
.top-btn:hover {
  background: var(--color-light);
  color: var(--color-white);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.top-btn.-single {
  max-width: 365px;
}

#top-plant-equipment.works-wrap {
  width: 100%;
  background: #F1F1F1;
  margin: 12rem auto;
  padding: 0;
}
@media (max-width: 767px) {
  #top-plant-equipment.works-wrap {
    margin: 6rem auto;
  }
}

#top-plant-works {
  padding-bottom: 12.5rem;
}
#top-plant-works.works-wrap {
  width: 100%;
  background: #F1F1F1 url("../img/top-3-bg.jpg") no-repeat center bottom/cover;
  margin: 12rem auto;
}
@media (max-width: 767px) {
  #top-plant-works.works-wrap {
    margin: 6rem auto;
    background-position: right bottom;
    background-size: 200% auto;
  }
}

.message-container {
  width: 100%;
  background: var(--color-box);
  padding: 12rem;
  margin: 4rem auto 10rem;
  color: var(--color-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media (max-width: 1140px) {
  .message-container {
    padding: 12rem 4rem;
  }
}
@media (max-width: 767px) {
  .message-container {
    width: calc(100% + 4rem);
    margin: 4rem -2rem 10rem;
    padding: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
  }
}
.message-container .left-col {
  width: 60%;
  font-size: 1.6rem;
  line-height: 2.2;
}
@media (max-width: 767px) {
  .message-container .left-col {
    width: 100%;
  }
}
.message-container .left-col .title {
  font-size: 2.4rem;
  line-height: 2.2;
  font-weight: bold;
  margin-bottom: 4rem;
  position: relative;
  letter-spacing: 0.2em;
}
@media (max-width: 767px) {
  .message-container .left-col .title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1em;
    padding: 1rem 0;
  }
  .message-container .left-col .title:before {
    position: absolute;
    content: "";
    top: 0;
    left: -20px;
    width: 45%;
    border-top: 1px solid var(--color-dark);
  }
  .message-container .left-col .title:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: -20px;
    width: 45%;
    border-bottom: 1px solid var(--color-dark);
  }
}
@media (max-width: 500px) {
  .message-container .left-col .title {
    font-size: 2rem;
  }
}
.message-container .left-col .right-box {
  text-align: right;
  margin: 1rem auto;
  font-size: 2rem;
}
.message-container .right-col {
  width: 40%;
  padding-left: 4rem;
}
.message-container .right-col img {
  width: auto;
  max-width: 310px;
}
@media (max-width: 1140px) {
  .message-container .right-col img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .message-container .right-col img {
    max-width: 310px;
  }
}
@media (max-width: 767px) {
  .message-container .right-col {
    width: 100%;
    padding-left: 0;
  }
}

#top-blog {
  width: 100%;
  height: 100%;
  background: var(--color-bg);
  border-top: 28px solid #ddd;
}

#blog-swiper, #interview-swiper, #tiktok-swiper {
  position: relative;
  margin-top: 5rem;
}

@media (min-width: 1041px) {
  #blog-swiper-container, #interview-swiper-container, #tiktok-swiper-container {
    margin-left: 6.2rem;
    margin-right: 6.2rem;
  }
}
@media (max-width: 767px) {
  #blog-swiper-container, #interview-swiper-container, #tiktok-swiper-container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

.swiper-slide a {
  color: var(--color-base);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: calc(100% - 34px);
}
.swiper-slide a:hover {
  color: var(--color-light);
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper-slide .img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 310px;
  height: 278px;
}
.swiper-slide .img:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.swiper-slide .date {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 2rem;
}
.swiper-slide .date img {
  text-align: right;
}
.swiper-slide .txt {
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 0 2rem 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

#blog-swiper-container .swiper-slide {
  border: 1px solid var(--color-dark);
  background: var(--color-white);
  width: auto;
  max-width: 313px;
  height: auto;
  margin-right: 22px;
  padding-bottom: 2rem;
}

#tiktok-swiper-container .swiper-slide {
  width: auto;
  max-width: 229px;
}
#tiktok-swiper-container .swiper-slide .img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 229px;
  height: 324px;
}
@media (max-width: 550px) {
  #tiktok-swiper-container .swiper-slide {
    max-width: 100%;
  }
}

#interview-swiper-container .swiper-slide {
  width: auto;
}
#interview-swiper-container .swiper-slide .number {
  font-size: 3rem;
  line-height: 1.4;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin: 1rem 0;
  color: #343434;
}
#interview-swiper-container .swiper-slide .name {
  font-size: 2.2rem;
  line-height: 1.4;
  margin: 1rem 0 2rem;
  font-weight: bold;
  color: var(--color-dark);
}
#interview-swiper-container .swiper-slide .name > small {
  font-size: 1.6rem;
  margin-left: 1em;
  font-weight: normal;
}
#interview-swiper-container .swiper-slide .comment {
  font-size: 1.6rem;
  line-height: 2.2;
  color: var(--color-dark);
  font-weight: bold;
  margin-bottom: 2rem;
}
#interview-swiper-container .swiper-slide.none {
  display: none;
}

.swiper-container + .swiper-button-prev, .swiper-button-prev + .swiper-button-next {
  position: absolute;
  top: 0;
  width: 6rem;
  height: 100%;
  margin: 0;
  background: none;
  color: var(--color-base);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.swiper-container + .swiper-button-prev::before, .swiper-button-prev + .swiper-button-next::before {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  top: calc(50% - 2rem);
  width: 4rem;
  height: 4rem;
  line-height: 1;
  color: var(--color-base);
  border: 1px solid var(--color-base);
  border-radius: 50%;
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .swiper-container + .swiper-button-prev::before, .swiper-button-prev + .swiper-button-next::before {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 2rem;
  }
}

.swiper-container + .swiper-button-prev {
  left: 0;
}
@media (max-width: 767px) {
  .swiper-container + .swiper-button-prev {
    left: -5px;
  }
}

.swiper-button-prev + .swiper-button-next {
  right: 0;
}
@media (max-width: 767px) {
  .swiper-button-prev + .swiper-button-next {
    right: -5px;
  }
}

#blog-swiper .swiper-container + .swiper-button-prev::before {
  content: "";
  left: 0;
  padding-right: 0.3rem;
  background: url("../img/arrow-l.png") no-repeat center center/contain;
  width: 30px;
  height: 30px;
}
#blog-swiper .swiper-button-prev + .swiper-button-next::before {
  content: "";
  right: 0;
  padding-left: 0.3rem;
  background: url("../img/arrow-r.png") no-repeat center center/contain;
  width: 30px;
  height: 30px;
}

#interview-swiper .swiper-container + .swiper-button-prev::before, #interview-swiper .swiper-button-prev + .swiper-button-next::before, #tiktok-swiper .swiper-container + .swiper-button-prev::before, #tiktok-swiper .swiper-button-prev + .swiper-button-next::before {
  top: 120px;
  border: none;
  border-radius: none;
}
#interview-swiper .swiper-container + .swiper-button-prev::before, #tiktok-swiper .swiper-container + .swiper-button-prev::before {
  content: "";
  left: 0;
  padding-right: 0.3rem;
  background: url("../img/gray-l.png") no-repeat center center/contain;
  width: 16px;
  height: 42px;
}
#interview-swiper .swiper-button-prev + .swiper-button-next::before, #tiktok-swiper .swiper-button-prev + .swiper-button-next::before {
  content: "";
  right: 0;
  padding-left: 0.3rem;
  background: url("../img/gray-r.png") no-repeat center center/contain;
  width: 16px;
  height: 42px;
}

.blog-more-container, .tiktok-more-container {
  width: 100%;
}
.blog-more-container .right-box, .tiktok-more-container .right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 2rem 6.1rem 0 0;
}
@media (max-width: 550px) {
  .blog-more-container .right-box, .tiktok-more-container .right-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2rem auto 0;
  }
}
.blog-more-container .center-box, .tiktok-more-container .center-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2rem auto 0;
}
.blog-more-container a, .tiktok-more-container a {
  font-size: 2rem;
  color: var(--color-black);
}
.blog-more-container a.right-box, .tiktok-more-container a.right-box {
  text-decoration: underline;
}

.blog-more-container {
  margin: 0 auto;
  padding: 4rem 0 10rem;
  width: 200px;
}

.tiktok-more-container {
  padding: 4rem 0 10rem;
}
@media (max-width: 550px) {
  .tiktok-more-container {
    margin-left: auto;
    margin-right: auto;
  }
}

/* 3.3 - PAGE
 * * --------------------------- */
#scaffold-1, #plant-1, #contact-1 {
  margin-top: 0;
}

.scaffold-1-wrap, .plant-1-wrap, .contact-1-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 770px;
  max-width: 100%;
  margin: 6rem auto 0;
  padding-bottom: 10rem;
}
@media (max-width: 1140px) {
  .scaffold-1-wrap, .plant-1-wrap, .contact-1-wrap {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .scaffold-1-wrap, .plant-1-wrap, .contact-1-wrap {
    padding-bottom: 4rem;
  }
}
.scaffold-1-wrap .title, .plant-1-wrap .title, .contact-1-wrap .title {
  font-size: 3.6rem;
  line-height: 1.8;
  font-weight: 500;
  text-align: left;
  margin-bottom: 2rem;
  letter-spacing: 0.2em;
}
@media (max-width: 950px) {
  .scaffold-1-wrap .title, .plant-1-wrap .title, .contact-1-wrap .title {
    font-size: 3.2rem;
  }
}
@media (max-width: 500px) {
  .scaffold-1-wrap .title, .plant-1-wrap .title, .contact-1-wrap .title {
    font-size: 2.4rem;
    line-height: 1.6;
  }
}
.scaffold-1-wrap .txt, .plant-1-wrap .txt, .contact-1-wrap .txt {
  font-size: 1.6rem;
  line-height: 2.4;
  color: var(--color-black);
}
@media (max-width: 500px) {
  .scaffold-1-wrap .txt, .plant-1-wrap .txt, .contact-1-wrap .txt {
    line-height: 2;
  }
}

#scaffold-works, #plant-works {
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  #scaffold-works, #plant-works {
    margin-bottom: 10rem;
  }
}

#scaffold-1 .works-wrap .works-container {
  background: #EFEAE2;
}

#plant-1 .works-wrap .works-container {
  background: #E7E7F2;
}

.contact-1-wrap {
  padding-bottom: 8rem;
}

.scaffold-page.-left, .scaffold-page.-right, .plant-page.-left, .plant-page.-right {
  width: 100%;
  height: 100%;
  min-height: 538px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 10rem;
  padding-bottom: 10rem;
}
@media (max-width: 950px) {
  .scaffold-page.-left, .scaffold-page.-right, .plant-page.-left, .plant-page.-right {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-left, .scaffold-page.-right, .plant-page.-left, .plant-page.-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    min-height: auto;
  }
}

.scaffold-page.-left:before, .scaffold-page.-right:before, .plant-page.-left:before, .plant-page.-right:before {
  position: absolute;
  content: "";
  top: -80px;
  background: #EFEAE2;
  width: 45vw;
  height: 538px;
  z-index: 1;
}
@media (max-width: 767px) {
  .scaffold-page.-left:before, .scaffold-page.-right:before, .plant-page.-left:before, .plant-page.-right:before {
    width: calc(100% - 2rem);
    height: 100%;
    min-height: 100%;
    top: -40px;
  }
}
.scaffold-page.-left:after, .scaffold-page.-right:after, .plant-page.-left:after, .plant-page.-right:after {
  position: absolute;
  content: "";
  bottom: 180px;
  background: #B24A4A;
  width: 70px;
  height: 70px;
  z-index: 10;
}
@media (max-width: 950px) {
  .scaffold-page.-left:after, .scaffold-page.-right:after, .plant-page.-left:after, .plant-page.-right:after {
    width: 50px;
    height: 50px;
    bottom: 80px;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-left:after, .scaffold-page.-right:after, .plant-page.-left:after, .plant-page.-right:after {
    bottom: 0;
  }
}
.scaffold-page.-left.-blue:before, .scaffold-page.-right.-blue:before, .plant-page.-left.-blue:before, .plant-page.-right.-blue:before {
  background: #E7E7F2;
}
@media (max-width: 767px) {
  .scaffold-page.-left, .plant-page.-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
  }
}
.scaffold-page.-left:before, .plant-page.-left:before {
  left: 0;
  width: 44vw;
}
@media (min-width: 1401px) {
  .scaffold-page.-left:before, .plant-page.-left:before {
    width: 62vw;
  }
}
.scaffold-page.-left:after, .plant-page.-left:after {
  left: 0;
}
@media (min-width: 1401px) {
  .scaffold-page.-left:after, .plant-page.-left:after {
    left: calc(50vw - 640px);
  }
}
.scaffold-page.-left .left-column, .plant-page.-left .left-column {
  position: relative;
  width: 36%;
  height: 100%;
  min-height: 538px;
  color: var(--color-base);
  z-index: 10;
}
@media (max-width: 767px) {
  .scaffold-page.-left .left-column, .plant-page.-left .left-column {
    width: calc(100% - 2rem);
    height: 100%;
    min-height: 100%;
    margin-right: 2rem;
    padding-top: 2rem;
    background: #EFEAE2;
  }
  .scaffold-page.-left .left-column.-blue, .plant-page.-left .left-column.-blue {
    background: #E7E7F2;
  }
}
.scaffold-page.-left .left-column .left-title, .plant-page.-left .left-column .left-title {
  display: inline;
  position: relative;
  width: auto;
  font-size: 2.5rem;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
@media (min-width: 1401px) {
  .scaffold-page.-left .left-column .left-title, .plant-page.-left .left-column .left-title {
    margin-left: calc(50vw - 550px);
  }
}
@media (max-width: 1400px) {
  .scaffold-page.-left .left-column .left-title, .plant-page.-left .left-column .left-title {
    margin-left: 8rem;
  }
}
@media (max-width: 1300px) {
  .scaffold-page.-left .left-column .left-title, .plant-page.-left .left-column .left-title {
    letter-spacing: 0.1em;
  }
}
@media (max-width: 950px) {
  .scaffold-page.-left .left-column .left-title, .plant-page.-left .left-column .left-title {
    letter-spacing: 0;
    margin-left: 4rem;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-left .left-column .left-title, .plant-page.-left .left-column .left-title {
    display: block;
    width: 100%;
    margin-top: 1rem;
  }
}
.scaffold-page.-left .left-column .left-title:before, .plant-page.-left .left-column .left-title:before {
  position: absolute;
  content: "";
  top: -160px;
  left: -40px;
  border-left: 1px solid var(--color-base);
  height: 275px;
}
@media (max-width: 950px) {
  .scaffold-page.-left .left-column .left-title:before, .plant-page.-left .left-column .left-title:before {
    left: -20px;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-left .left-column .left-title:before, .plant-page.-left .left-column .left-title:before {
    top: -160px;
    left: -30px;
    height: 275px;
  }
}
.scaffold-page.-left .left-column .left-title:after, .plant-page.-left .left-column .left-title:after {
  position: absolute;
  content: "";
  top: 45px;
  right: 0;
  border-bottom: 1px solid var(--color-base);
  width: 50vw;
}
@media (max-width: 767px) {
  .scaffold-page.-left .left-column .left-title:after, .plant-page.-left .left-column .left-title:after {
    right: auto;
    left: -60px;
  }
}
.scaffold-page.-left .left-column .left-txt, .plant-page.-left .left-column .left-txt {
  width: 74%;
  max-width: 450px;
  height: 245px;
  font-size: 1.6rem;
  line-height: 2.2;
  margin-top: 6rem;
  margin-left: calc(50vw - 550px);
  color: var(--color-black);
  padding-right: 7rem;
}
@media (max-width: 1400px) {
  .scaffold-page.-left .left-column .left-txt, .plant-page.-left .left-column .left-txt {
    width: 78%;
    margin-left: 8rem;
    padding-right: 2rem;
  }
}
@media (max-width: 950px) {
  .scaffold-page.-left .left-column .left-txt, .plant-page.-left .left-column .left-txt {
    width: 85%;
    margin-top: 3rem;
    margin-left: 4rem;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-left .left-column .left-txt, .plant-page.-left .left-column .left-txt {
    width: calc(100% - 6rem);
    height: 100%;
  }
}
.scaffold-page.-left .left-column .left-number, .plant-page.-left .left-column .left-number {
  font-size: 10rem;
  line-height: 1.5;
  margin-left: calc(50vw - 550px);
  color: var(--color-white);
}
@media (max-width: 1300px) {
  .scaffold-page.-left .left-column .left-number, .plant-page.-left .left-column .left-number {
    margin-left: 8rem;
  }
}
@media (max-width: 950px) {
  .scaffold-page.-left .left-column .left-number, .plant-page.-left .left-column .left-number {
    font-size: 6.8rem;
    position: absolute;
    bottom: 57px;
    margin-left: 6rem;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-left .left-column .left-number, .plant-page.-left .left-column .left-number {
    line-height: 1;
    position: relative;
    bottom: -4px;
  }
}
.scaffold-page.-left .right-column, .plant-page.-left .right-column {
  position: relative;
  width: 64%;
  z-index: 10;
}
@media (max-width: 767px) {
  .scaffold-page.-left .right-column, .plant-page.-left .right-column {
    width: 100%;
  }
}
.scaffold-page.-left .right-column img, .plant-page.-left .right-column img {
  margin-right: 0;
}
@media (max-width: 767px) {
  .scaffold-page.-left .right-column img, .plant-page.-left .right-column img {
    width: 70%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-right, .plant-page.-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.scaffold-page.-right:before, .plant-page.-right:before {
  right: 0;
  width: 44vw;
}
@media (min-width: 1401px) {
  .scaffold-page.-right:before, .plant-page.-right:before {
    width: 62vw;
  }
}
.scaffold-page.-right:after, .plant-page.-right:after {
  right: 0;
}
@media (min-width: 1401px) {
  .scaffold-page.-right:after, .plant-page.-right:after {
    right: calc(50vw - 660px);
  }
}
.scaffold-page.-right .left-column, .plant-page.-right .left-column {
  position: relative;
  width: 64%;
  max-width: 873px;
  z-index: 10;
}
@media (max-width: 767px) {
  .scaffold-page.-right .left-column, .plant-page.-right .left-column {
    width: 100%;
  }
}
.scaffold-page.-right .left-column img, .plant-page.-right .left-column img {
  margin-left: 0;
}
@media (max-width: 767px) {
  .scaffold-page.-right .left-column img, .plant-page.-right .left-column img {
    width: 70%;
    margin: 0 auto;
  }
}
.scaffold-page.-right .right-column, .plant-page.-right .right-column {
  position: relative;
  width: calc(100% - 873px);
  height: 100%;
  min-height: 538px;
  color: var(--color-base);
  z-index: 10;
}
@media (max-width: 1400px) {
  .scaffold-page.-right .right-column, .plant-page.-right .right-column {
    width: 36%;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-right .right-column, .plant-page.-right .right-column {
    width: calc(100% - 2rem);
    min-height: 100%;
    margin-left: 2rem;
    padding-top: 2rem;
    background: #EFEAE2;
  }
  .scaffold-page.-right .right-column.-blue, .plant-page.-right .right-column.-blue {
    background: #E7E7F2;
  }
}
.scaffold-page.-right .right-column .right-title, .plant-page.-right .right-column .right-title {
  display: block;
  position: relative;
  width: 100%;
  max-width: 450px;
  font-size: 2.5rem;
  padding-left: 7rem;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
@media (min-width: 1401px) {
  .scaffold-page.-right .right-column .right-title, .plant-page.-right .right-column .right-title {
    margin-left: auto;
    margin-right: calc(50vw - 550px);
  }
}
@media (max-width: 1400px) {
  .scaffold-page.-right .right-column .right-title, .plant-page.-right .right-column .right-title {
    max-width: 100%;
    margin-left: auto;
    margin-right: 8rem;
    padding-left: 6rem;
  }
}
@media (max-width: 1300px) {
  .scaffold-page.-right .right-column .right-title, .plant-page.-right .right-column .right-title {
    letter-spacing: 0.1em;
  }
}
@media (max-width: 950px) {
  .scaffold-page.-right .right-column .right-title, .plant-page.-right .right-column .right-title {
    letter-spacing: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2rem;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-right .right-column .right-title, .plant-page.-right .right-column .right-title {
    margin: 0;
    margin-top: 1rem;
    padding-right: 2rem;
    text-align: right;
    width: calc(100% - 4rem);
  }
}
.scaffold-page.-right .right-column .right-title:before, .plant-page.-right .right-column .right-title:before {
  position: absolute;
  content: "";
  top: -160px;
  border-left: 1px solid var(--color-base);
  height: 275px;
}
@media (min-width: 1451px) {
  .scaffold-page.-right .right-column .right-title:before, .plant-page.-right .right-column .right-title:before {
    right: calc(100% - 515px);
  }
}
@media (max-width: 1450px) {
  .scaffold-page.-right .right-column .right-title:before, .plant-page.-right .right-column .right-title:before {
    right: calc(100% - 465px);
  }
}
@media (max-width: 1400px) {
  .scaffold-page.-right .right-column .right-title:before, .plant-page.-right .right-column .right-title:before {
    right: 40px;
  }
}
@media (max-width: 950px) {
  .scaffold-page.-right .right-column .right-title:before, .plant-page.-right .right-column .right-title:before {
    right: 20px;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-right .right-column .right-title:before, .plant-page.-right .right-column .right-title:before {
    right: -20px;
  }
}
.scaffold-page.-right .right-column .right-title:after, .plant-page.-right .right-column .right-title:after {
  position: absolute;
  content: "";
  top: 45px;
  left: 200px;
  border-bottom: 1px solid var(--color-base);
  width: 50vw;
}
@media (max-width: 950px) {
  .scaffold-page.-right .right-column .right-title:after, .plant-page.-right .right-column .right-title:after {
    left: 120px;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-right .right-column .right-title:after, .plant-page.-right .right-column .right-title:after {
    left: auto;
    right: -120px;
  }
}
.scaffold-page.-right .right-column .right-txt, .plant-page.-right .right-column .right-txt {
  width: 74%;
  max-width: 450px;
  height: 245px;
  font-size: 1.6rem;
  line-height: 2.2;
  margin-top: 6rem;
  color: var(--color-black);
  padding-left: 7rem;
  margin-left: auto;
  margin-right: calc(50vw - 550px);
}
@media (max-width: 1400px) {
  .scaffold-page.-right .right-column .right-txt, .plant-page.-right .right-column .right-txt {
    width: 78%;
    margin-left: 0;
    margin-right: 8rem;
    padding-left: 6rem;
  }
}
@media (max-width: 950px) {
  .scaffold-page.-right .right-column .right-txt, .plant-page.-right .right-column .right-txt {
    width: 85%;
    margin-top: 3rem;
    margin-left: 0;
    margin-right: 6rem;
    padding-left: 2rem;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-right .right-column .right-txt, .plant-page.-right .right-column .right-txt {
    width: calc(100% - 4rem);
    height: 100%;
    padding-left: 3rem;
    padding-right: 1rem;
    margin-right: 0rem;
  }
}
.scaffold-page.-right .right-column .right-number, .plant-page.-right .right-column .right-number {
  font-size: 10rem;
  line-height: 1.5;
  color: var(--color-white);
  text-align: right;
  margin-right: calc(50vw - 550px);
  margin-left: auto;
}
@media (max-width: 1400px) {
  .scaffold-page.-right .right-column .right-number, .plant-page.-right .right-column .right-number {
    margin-right: 11rem;
  }
}
@media (max-width: 950px) {
  .scaffold-page.-right .right-column .right-number, .plant-page.-right .right-column .right-number {
    font-size: 6.8rem;
    position: absolute;
    bottom: 57px;
    right: 60px;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .scaffold-page.-right .right-column .right-number, .plant-page.-right .right-column .right-number {
    line-height: 1;
    position: relative;
    bottom: -4px;
  }
}

#scaffold-btn, #plant-btn {
  padding: 2rem 0;
  margin-bottom: 6rem;
}
@media (max-width: 767px) {
  #scaffold-btn, #plant-btn {
    margin-top: 2rem;
  }
}

.works-wrap {
  width: 100%;
  padding: 7rem 0 8rem;
  margin: 10rem auto;
}
@media (max-width: 767px) {
  .works-wrap {
    margin: 4rem auto;
  }
}
.works-wrap .works-container {
  width: 1100px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding: 8rem 8rem 2rem;
}
@media (max-width: 1140px) {
  .works-wrap .works-container {
    width: 100%;
    max-width: 100%;
    padding: 8rem;
  }
}
@media (max-width: 950px) {
  .works-wrap .works-container {
    padding: 4rem;
  }
}
.works-wrap .works-list {
  width: calc((100% - 40px) / 3);
  max-width: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  counter-increment: title;
  height: 100%;
  margin-right: 2rem;
}
.works-wrap .works-list:nth-child(3n) {
  margin-right: 0;
}
.works-wrap .works-list .item-inner {
  position: relative;
}
@media (max-width: 500px) {
  .works-wrap .works-list .item-inner {
    margin-right: auto;
    margin-left: auto;
  }
}
.works-wrap .works-list .item-inner a {
  text-decoration: none;
  color: var(--color-white);
}
.works-wrap .works-list .item-inner .item-pic img {
  height: 270px;
  -o-object-fit: cover;
  object-fit: cover;
}
.works-wrap .works-list .item-inner .item-title {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 1rem auto 6rem;
  color: var(--color-white);
  background: var(--color-dark);
  padding: 1rem 2rem 1rem;
  position: relative;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 70px;
}
.works-wrap .works-list .item-inner .item-title:before {
  position: absolute;
  content: url("../img/arrow-w.png");
  width: 7px;
  height: 13px;
  top: 23px;
  right: 10px;
}
.works-wrap .works-container.col3-wrap .works-list {
  width: calc((100% - 110px) / 3);
  margin-right: 5.5rem;
}
.works-wrap .works-container.col3-wrap .works-list:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 950px) {
  .works-wrap .works-container.col3-wrap .works-list {
    width: calc((100% - 40px) / 3);
    margin-right: 2rem;
  }
}
@media (max-width: 767px) {
  .works-wrap .works-container.col3-wrap .works-list {
    width: calc((100% - 20px) / 2);
    margin-right: 2rem;
  }
  .works-wrap .works-container.col3-wrap .works-list:nth-child(3n) {
    margin-right: auto;
  }
  .works-wrap .works-container.col3-wrap .works-list:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .works-wrap .works-container.col3-wrap .works-list {
    width: 100%;
    margin-right: 0;
  }
}

#top-scaffold-works .works-container.-index, #top-plant-works .works-container.-index {
  padding: 0 8rem;
}
@media (max-width: 767px) {
  #top-scaffold-works .works-container.-index, #top-plant-works .works-container.-index {
    padding: 0;
  }
}

.gray-btn {
  position: relative;
  margin: 0 auto;
  background: var(--color-dark);
  border-radius: 8px;
  color: var(--color-white);
  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;
  text-decoration: none;
}
.gray-btn .-c {
  width: 170px;
  height: 30px;
  font-size: 1.8rem;
  line-height: 1.6;
  margin: 0 0 3rem 0;
  border-radius: 0;
  padding-bottom: 4px;
}

.page-container {
  padding: 7rem 6.3rem;
  color: var(--color-base);
  width: 1100px;
  margin: 10rem auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  background: #EFEAE2;
}
@media (max-width: 1140px) {
  .page-container {
    width: 100%;
    padding: 4rem 2rem;
  }
}
.page-container .title {
  font-size: 12rem;
  font-family: "Bebas Neue", sans-serif;
  color: var(--color-white);
}
.page-container .works-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  width: 100%;
  position: relative;
}
.page-container .works-wrap .left-area, .page-container .works-wrap .right-area {
  font-size: 1.8rem;
  line-height: 2.1;
}
.page-container .works-wrap .left-area {
  width: 60%;
  margin: 0 auto;
}
.page-container .works-wrap .left-area img {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 600px;
}
.page-container .works-wrap .right-area {
  width: 100%;
}
.page-container .works-wrap .right-area img {
  max-width: 75px;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
.page-container .works-wrap .right-area img:last-child {
  margin-right: 0;
}
.page-container .works-txt-container.-pc {
  display: block;
}
.page-container .works-txt-container.-pc .works-txt-box {
  width: 100%;
  height: 100%;
}
.page-container .right-flame {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.page-container .right-flame.-mt5 {
  margin-top: 5rem;
}
.page-container .right-flame a {
  text-decoration: none;
}

#works-top.-plant .page-container {
  background: #E7E7F2;
}

.company-wrap, .tab-wrap, .entry-wrap, .contact-wrap, .order-wrap {
  margin: 12rem auto;
}
@media (max-width: 767px) {
  .company-wrap, .tab-wrap, .entry-wrap, .contact-wrap, .order-wrap {
    margin: 6rem auto;
  }
}
.company-wrap .company-container, .company-wrap .tab-container, .company-wrap .entry-container, .company-wrap .contact-container, .company-wrap .order-container, .tab-wrap .company-container, .tab-wrap .tab-container, .tab-wrap .entry-container, .tab-wrap .contact-container, .tab-wrap .order-container, .entry-wrap .company-container, .entry-wrap .tab-container, .entry-wrap .entry-container, .entry-wrap .contact-container, .entry-wrap .order-container, .contact-wrap .company-container, .contact-wrap .tab-container, .contact-wrap .entry-container, .contact-wrap .contact-container, .contact-wrap .order-container, .order-wrap .company-container, .order-wrap .tab-container, .order-wrap .entry-container, .order-wrap .contact-container, .order-wrap .order-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.8;
  color: var(--color-black);
}
@media (max-width: 767px) {
  .company-wrap .company-container, .company-wrap .tab-container, .company-wrap .entry-container, .company-wrap .contact-container, .company-wrap .order-container, .tab-wrap .company-container, .tab-wrap .tab-container, .tab-wrap .entry-container, .tab-wrap .contact-container, .tab-wrap .order-container, .entry-wrap .company-container, .entry-wrap .tab-container, .entry-wrap .entry-container, .entry-wrap .contact-container, .entry-wrap .order-container, .contact-wrap .company-container, .contact-wrap .tab-container, .contact-wrap .entry-container, .contact-wrap .contact-container, .contact-wrap .order-container, .order-wrap .company-container, .order-wrap .tab-container, .order-wrap .entry-container, .order-wrap .contact-container, .order-wrap .order-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.company-wrap .company-container .left-col, .company-wrap .tab-container .left-col, .company-wrap .entry-container .left-col, .company-wrap .contact-container .left-col, .company-wrap .order-container .left-col, .tab-wrap .company-container .left-col, .tab-wrap .tab-container .left-col, .tab-wrap .entry-container .left-col, .tab-wrap .contact-container .left-col, .tab-wrap .order-container .left-col, .entry-wrap .company-container .left-col, .entry-wrap .tab-container .left-col, .entry-wrap .entry-container .left-col, .entry-wrap .contact-container .left-col, .entry-wrap .order-container .left-col, .contact-wrap .company-container .left-col, .contact-wrap .tab-container .left-col, .contact-wrap .entry-container .left-col, .contact-wrap .contact-container .left-col, .contact-wrap .order-container .left-col, .order-wrap .company-container .left-col, .order-wrap .tab-container .left-col, .order-wrap .entry-container .left-col, .order-wrap .contact-container .left-col, .order-wrap .order-container .left-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 17%;
  margin-right: 0.8rem;
  margin-bottom: 0.2rem;
  background: #E3DFD5;
  padding: 3.5rem 1rem 3.5rem 1rem;
}
@media (max-width: 767px) {
  .company-wrap .company-container .left-col, .company-wrap .tab-container .left-col, .company-wrap .entry-container .left-col, .company-wrap .contact-container .left-col, .company-wrap .order-container .left-col, .tab-wrap .company-container .left-col, .tab-wrap .tab-container .left-col, .tab-wrap .entry-container .left-col, .tab-wrap .contact-container .left-col, .tab-wrap .order-container .left-col, .entry-wrap .company-container .left-col, .entry-wrap .tab-container .left-col, .entry-wrap .entry-container .left-col, .entry-wrap .contact-container .left-col, .entry-wrap .order-container .left-col, .contact-wrap .company-container .left-col, .contact-wrap .tab-container .left-col, .contact-wrap .entry-container .left-col, .contact-wrap .contact-container .left-col, .contact-wrap .order-container .left-col, .order-wrap .company-container .left-col, .order-wrap .tab-container .left-col, .order-wrap .entry-container .left-col, .order-wrap .contact-container .left-col, .order-wrap .order-container .left-col {
    width: 100%;
    margin-right: 0;
  }
}
.company-wrap .company-container .right-col, .company-wrap .tab-container .right-col, .company-wrap .entry-container .right-col, .company-wrap .contact-container .right-col, .company-wrap .order-container .right-col, .tab-wrap .company-container .right-col, .tab-wrap .tab-container .right-col, .tab-wrap .entry-container .right-col, .tab-wrap .contact-container .right-col, .tab-wrap .order-container .right-col, .entry-wrap .company-container .right-col, .entry-wrap .tab-container .right-col, .entry-wrap .entry-container .right-col, .entry-wrap .contact-container .right-col, .entry-wrap .order-container .right-col, .contact-wrap .company-container .right-col, .contact-wrap .tab-container .right-col, .contact-wrap .entry-container .right-col, .contact-wrap .contact-container .right-col, .contact-wrap .order-container .right-col, .order-wrap .company-container .right-col, .order-wrap .tab-container .right-col, .order-wrap .entry-container .right-col, .order-wrap .contact-container .right-col, .order-wrap .order-container .right-col {
  width: calc(83% - 8px);
  text-align: left;
  margin-bottom: 0.2rem;
  padding: 3.5rem 1rem 3.5rem 4rem;
  background: #EDEDED;
}
@media (max-width: 767px) {
  .company-wrap .company-container .right-col, .company-wrap .tab-container .right-col, .company-wrap .entry-container .right-col, .company-wrap .contact-container .right-col, .company-wrap .order-container .right-col, .tab-wrap .company-container .right-col, .tab-wrap .tab-container .right-col, .tab-wrap .entry-container .right-col, .tab-wrap .contact-container .right-col, .tab-wrap .order-container .right-col, .entry-wrap .company-container .right-col, .entry-wrap .tab-container .right-col, .entry-wrap .entry-container .right-col, .entry-wrap .contact-container .right-col, .entry-wrap .order-container .right-col, .contact-wrap .company-container .right-col, .contact-wrap .tab-container .right-col, .contact-wrap .entry-container .right-col, .contact-wrap .contact-container .right-col, .contact-wrap .order-container .right-col, .order-wrap .company-container .right-col, .order-wrap .tab-container .right-col, .order-wrap .entry-container .right-col, .order-wrap .contact-container .right-col, .order-wrap .order-container .right-col {
    width: 100%;
    margin-bottom: 2rem;
    padding-left: 1rem;
  }
}

@media (max-width: 767px) {
  .company-wrap.container {
    width: calc(100% - 2rem);
  }
}

.company-container.-recruit .left-col.-space {
  margin: 0 1.8rem;
}
.company-container.-recruit .left-col.-long {
  letter-spacing: 0.1em;
}
.company-container.-recruit .left-col .-block {
  display: inline;
}
@media (max-width: 767px) {
  .company-container.-recruit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .company-container.-recruit .left-col {
    width: 21%;
    margin-right: 0.8rem;
    padding: 2rem 0.2rem;
  }
  .company-container.-recruit .left-col.-space {
    margin: 0;
  }
  .company-container.-recruit .left-col.-long {
    letter-spacing: 0;
  }
  .company-container.-recruit .left-col .-block {
    display: block;
  }
  .company-container.-recruit .right-col {
    width: calc(79% - 8px);
    margin-bottom: 0.2rem;
    padding: 2rem 1.5rem;
  }
}
@media (max-width: 500px) {
  .company-container.-recruit .left-col.-short {
    letter-spacing: -0.08em;
  }
}

@media (max-width: 767px) {
  .tab-wrap.container {
    width: calc(100% - 2rem);
  }
}

.recruit-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .recruit-info-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.recruit-info-wrap .-left {
  width: 50%;
  padding-right: 4rem;
}
@media (max-width: 767px) {
  .recruit-info-wrap .-left {
    width: 100%;
    padding-right: 0;
  }
}
.recruit-info-wrap .-left .-title-container {
  border-bottom: 1px solid var(--color-dark);
}
.recruit-info-wrap .-left .-title-container .-title {
  font-size: 8rem;
  line-height: 1;
  font-weight: bold;
  color: var(--color-base);
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.2em;
}
.recruit-info-wrap .-left .-title-container .-title.-short {
  letter-spacing: 0.1em;
}
@media (max-width: 1140px) {
  .recruit-info-wrap .-left .-title-container .-title {
    font-size: 6rem;
    letter-spacing: 0.1em;
  }
  .recruit-info-wrap .-left .-title-container .-title.-short {
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .recruit-info-wrap .-left .-title-container .-title {
    font-size: 5.2rem;
  }
}
.recruit-info-wrap .-left .-middle {
  font-size: 3rem;
  line-height: 2;
  font-weight: bold;
  margin-top: 1rem;
}
@media (max-width: 1140px) {
  .recruit-info-wrap .-left .-middle {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .recruit-info-wrap .-left .-middle {
    font-size: 2.2rem;
    margin-top: 0.5rem;
  }
}
.recruit-info-wrap .-left .-small {
  font-size: 2.5rem;
  line-height: 2;
  font-weight: 500;
}
@media (max-width: 1140px) {
  .recruit-info-wrap .-left .-small {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .recruit-info-wrap .-left .-small {
    font-size: 1.6rem;
  }
}
.recruit-info-wrap .-right {
  width: 50%;
  padding-left: 4rem;
}
@media (max-width: 767px) {
  .recruit-info-wrap .-right {
    width: 100%;
    padding-left: 0;
    margin: 1rem 0;
  }
}
.recruit-info-wrap .-right .-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.recruit-info-wrap .-right .-image-container .-image {
  width: 100%;
  height: 100%;
  margin: 0;
}
.recruit-info-wrap .-right .-image-container .-image img {
  margin-right: 0;
  margin-left: 0;
}
@media (max-width: 1140px) {
  .recruit-info-wrap .-right .-image-container .-image img {
    width: 80%;
  }
}
.recruit-info-wrap .-right .-image-container .-image.-plant {
  background: #A1BAF2;
}
.recruit-info-wrap .-right .-image-container .-image.-scaffold {
  background: #F4B857;
}
.recruit-info-wrap .-right .-image-container .-image.-factory {
  background: #80E5D9;
}

#company-1-top {
  margin-bottom: 12rem;
}
@media (max-width: 767px) {
  #company-1-top {
    margin-bottom: 8rem;
  }
}

.tab-container table {
  width: 100%;
}
.tab-container table.-pc {
  display: block;
}
@media (max-width: 767px) {
  .tab-container table.-pc {
    display: none;
  }
}
.tab-container table .-blue {
  background: #CBD6EF;
  border-right: 6px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  height: 100px;
}
.tab-container table .-orange {
  background: #FDD594;
  border-right: 6px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  height: 100px;
}
.tab-container table .-gray {
  background: #A3A1A1;
  color: var(--color-white);
  font-size: 1.8rem;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
}
.tab-container table.-sp {
  display: none;
}
@media (max-width: 767px) {
  .tab-container table.-sp {
    display: block;
  }
  .tab-container table.-sp .-blue, .tab-container table.-sp .-gray {
    height: 35px;
  }
}
.tab-container table td {
  border-bottom: 1px solid var(--color-white);
  color: var(--color-black);
  font-size: 1.6rem;
  line-height: 1.5;
}
.tab-container table td.-title {
  background: #E3DFD5;
  border-right: 6px solid var(--color-white);
  color: var(--color-black);
  width: 16%;
  text-align: center;
  vertical-align: middle;
  padding: 3rem 0.5rem;
}
.tab-container table td.-block, .tab-container table td.-long {
  background: #EDEDED;
  border-right: 1px solid var(--color-white);
  padding: 3rem;
}
.tab-container table td.-center {
  text-align: center;
  vertical-align: middle;
}
.tab-container table .-row {
  background: #EDEDED;
  padding: 3rem;
}
.tab-container table.-plant .-blue {
  width: 16%;
}
.tab-container table.-plant .-gray {
  width: 28%;
}
.tab-container table.-plant td.-block {
  width: 28%;
}
.tab-container table.-plant .-row {
  width: 84%;
}
.tab-container table.-scaffold .-orange {
  width: 16%;
}
.tab-container table.-scaffold .-gray {
  width: 44%;
}
.tab-container table.-scaffold .-gray br {
  display: none;
}
.tab-container table.-scaffold td.-block {
  width: 42%;
}
.tab-container table.-factory td.-title {
  width: 16%;
}
.tab-container table.-factory td.-block {
  width: 84%;
}
@media (max-width: 767px) {
  .tab-container table.-factory td.-title {
    width: 25%;
    padding: 2rem 1.5rem;
  }
  .tab-container table.-factory td.-block {
    width: 75%;
    padding: 2rem 1.5rem;
  }
}
.tab-container table.-plant.-sp .-blue, .tab-container table.-scaffold.-sp .-blue {
  width: 25%;
}
.tab-container table.-plant.-sp .-gray, .tab-container table.-scaffold.-sp .-gray {
  width: 75%;
}
.tab-container table.-plant.-sp td, .tab-container table.-scaffold.-sp td {
  font-size: 1.4rem;
  line-height: 1.4;
}
.tab-container table.-plant.-sp td.-title, .tab-container table.-scaffold.-sp td.-title {
  padding: 2rem 0.5rem;
}
.tab-container table.-plant.-sp td.-long, .tab-container table.-scaffold.-sp td.-long {
  width: 53%;
  padding: 2rem 1.5rem;
}
.tab-container table.-plant.-sp td.-block, .tab-container table.-scaffold.-sp td.-block {
  padding: 2rem 1.5rem;
}
.tab-container table.-plant.-sp td.-block.-short, .tab-container table.-scaffold.-sp td.-block.-short {
  width: 22%;
}
.tab-container table.-plant.-sp .-row, .tab-container table.-scaffold.-sp .-row {
  width: 75%;
  padding: 2rem 1.5rem;
}

.center-btn-wrap {
  width: 100%;
  margin: 0 auto;
}
.center-btn-wrap .entry-btn {
  width: 400px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  background: #435188;
  background: -webkit-gradient(linear, left bottom, left top, from(#435188), to(#878fe0));
  background: linear-gradient(0deg, #435188 0%, #878fe0 100%);
  border-radius: 8px;
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .center-btn-wrap .entry-btn {
    width: 80%;
  }
}
.center-btn-wrap a {
  text-decoration: none;
  color: var(--color-white);
}
.center-btn-wrap a:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.contact-form-inner {
  width: 100%;
  display: block;
}

.entry-wrap {
  margin: 0 auto;
}
.entry-wrap .entry-container .left-col {
  width: 27%;
}
@media (max-width: 767px) {
  .entry-wrap .entry-container .left-col {
    width: 100%;
    padding: 2rem;
  }
}
.entry-wrap .entry-container .right-col {
  width: calc(73% - 8px);
  padding: 3.5rem 4rem;
}
@media (max-width: 767px) {
  .entry-wrap .entry-container .right-col {
    width: 100%;
    padding: 2rem;
  }
}
.entry-wrap .entry-container .right-col p {
  text-align: left;
}
.entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap input:not([type=radio]):not([type=checkbox]) {
  width: 100%;
  height: 60px;
}
.entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap input:not([type=radio]):not([type=checkbox]).wpcf7-number {
  width: 240px;
  height: 60px;
  position: relative;
}
@media (max-width: 767px) {
  .entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap input:not([type=radio]):not([type=checkbox]).wpcf7-number {
    width: 200px;
  }
}
@media (max-width: 450px) {
  .entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap input:not([type=radio]):not([type=checkbox]).wpcf7-number {
    width: 80px;
  }
}
.entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap input:not([type=radio]):not([type=checkbox]).wpcf7-tel {
  width: 510px;
}
@media (max-width: 1140px) {
  .entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap input:not([type=radio]):not([type=checkbox]).wpcf7-tel {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap input:not([type=radio]):not([type=checkbox]).wpcf7-tel {
    width: 100%;
  }
}
.entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap select {
  width: 430px;
  height: 60px;
  padding: 0 2rem;
  font-size: 2rem;
  color: var(--color-dark);
}
.entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap select:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap select {
    width: 100%;
    padding: 0 1rem;
    font-size: 1.6rem;
  }
}
.entry-wrap .entry-container .right-col p .wpcf7-form-control-wrap textarea {
  width: 100%;
}

.contact-wrap {
  margin: 0 auto;
}
.contact-wrap .contact-container .right-col {
  padding: 3.5rem 2rem;
}
.contact-wrap .contact-container input:not([type=radio]):not([type=checkbox]), .contact-wrap .contact-container textarea {
  width: 100%;
  font-size: 1.6rem;
  padding: 1.5rem;
}
.contact-wrap .contact-container p {
  margin-bottom: 1rem;
}
.contact-wrap .contact-container p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .contact-wrap .contact-container .left-col {
    padding: 1.5rem 1rem 1.8rem 1rem;
  }
  .contact-wrap .contact-container .right-col {
    padding: 2.5rem 2rem;
  }
}

.order-wrap {
  margin: 8rem auto 20rem;
}
@media (max-width: 767px) {
  .order-wrap .order-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.order-wrap .order-container .left-col, .order-wrap .order-container .right-col {
  width: calc(50% - 1px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #EFEAE2;
  color: var(--color-base);
  font-size: 1.6rem;
  text-align: center;
}
@media (max-width: 767px) {
  .order-wrap .order-container .left-col, .order-wrap .order-container .right-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }
}
@media (max-width: 500px) {
  .order-wrap .order-container .left-col, .order-wrap .order-container .right-col {
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 2.5rem 0.5rem 2.5rem 0.5rem;
  }
}
.order-wrap .order-container .left-col {
  margin-right: 0.2rem;
}
.order-wrap .order-container .left-col a {
  color: var(--color-base);
  text-decoration: none;
}
.order-wrap .order-container .left-col a:hover {
  opacity: 0.5;
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .order-wrap .order-container .right-col {
    width: calc(50% - 1px);
    margin-bottom: 0.2rem;
  }
}
.order-wrap .order-container.-title .left-col, .order-wrap .order-container.-title .right-col {
  padding: 1.5rem 1rem 1.8rem 1rem;
  margin-bottom: 1rem;
  background: var(--color-dark);
  color: var(--color-white);
}
@media (max-width: 767px) {
  .order-wrap .order-container.-title .left-col, .order-wrap .order-container.-title .right-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.order-wrap .order-container.-blue .left-col, .order-wrap .order-container.-blue .right-col {
  background: #E7E7F2;
}

.info-container {
  position: relative;
  padding-top: 6rem;
  margin-top: 6rem;
  width: 100%;
}
@media (max-width: 1140px) {
  .info-container {
    width: calc(100% - 4rem);
  }
}
@media (max-width: 767px) {
  .info-container {
    margin-top: 4rem;
  }
}
.info-container .image-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  position: relative;
  z-index: 100;
  background: #6c5454;
  background: -webkit-gradient(linear, left bottom, left top, from(#6c5454), to(#b24a4a));
  background: linear-gradient(0deg, #6c5454 0%, #b24a4a 100%);
  position: absolute;
  top: 2rem;
  left: auto;
  padding: 4rem 0;
  width: 20%;
  height: 160px;
  text-align: center;
}
@media (max-width: 1140px) {
  .info-container .image-column {
    max-width: 20rem;
    width: 30%;
  }
}
@media (max-width: 500px) {
  .info-container .image-column {
    max-width: 30rem;
    width: 50%;
  }
}
.info-container .image-column .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  line-height: 1.4;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  color: var(--color-white);
  margin: 2.5rem 0 0 0;
}
.info-container .text-column {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  position: relative;
  z-index: 1;
  margin: 0 0 0 auto;
  color: var(--color-lightblack);
  background: #EFEAE2;
  padding: 4rem 20rem 4rem 20rem;
  width: 84%;
}
@media (max-width: 1140px) {
  .info-container .text-column {
    margin-top: 6rem;
    padding: 4rem 2rem;
    width: 90%;
  }
}
@media (max-width: 500px) {
  .info-container .text-column {
    padding: 4rem 1rem;
  }
}
.info-container .text-column .list-container img {
  margin-bottom: 4rem;
}
.info-container .text-column .list-container .txt {
  font-size: 1.8rem;
  line-height: 1.8;
  color: var(--color-black);
  max-width: 526px;
  margin: 2rem auto 0;
}
.info-container .text-column .list-container .txt .block {
  display: inline;
}
@media (max-width: 500px) {
  .info-container .text-column .list-container .txt {
    font-size: 1.6rem;
  }
  .info-container .text-column .list-container .txt .block {
    display: block;
  }
}
.info-container .text-column .list-container .map-wrap {
  text-align: center;
  width: 100%;
  max-width: 526px;
  margin: 0 auto;
  border: 1px solid var(--color-dark);
}
.info-container .text-column .list-container .map-wrap iframe {
  width: 100%;
  max-width: 526px;
  margin: 0 auto;
}

#company-2-top {
  margin: 12rem auto;
}
@media (max-width: 767px) {
  #company-2-top {
    margin: 8rem auto;
  }
}
#company-2-top img {
  margin-right: calc(50vw - 550px);
  margin-left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: calc(100% - (50vw - 550px));
}

#company-3 {
  margin: 12rem auto;
}
@media (max-width: 767px) {
  #company-3 {
    margin: 8rem auto;
  }
}

.recruit-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .recruit-top-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.recruit-top-wrap .title {
  font-size: 5rem;
  line-height: 1.8;
  font-weight: bold;
  text-align: center;
  margin-bottom: 6rem;
  letter-spacing: 0.2em;
}
@media (max-width: 1140px) {
  .recruit-top-wrap .title {
    font-size: 3.6rem;
  }
}
@media (max-width: 767px) {
  .recruit-top-wrap .title {
    line-height: 1.4;
    text-align: left;
  }
}
@media (max-width: 500px) {
  .recruit-top-wrap .title {
    font-size: 2.4rem;
    line-height: 1.6;
  }
}
.recruit-top-wrap .title .block {
  display: inline;
}
@media (max-width: 767px) {
  .recruit-top-wrap .title .block {
    display: block;
  }
}
.recruit-top-wrap .recruit-top-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  font-size: 2rem;
  line-height: 2.4;
  text-align: center;
}
@media (max-width: 767px) {
  .recruit-top-wrap .recruit-top-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.recruit-top-wrap .recruit-top-container .-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  max-width: 198px;
}
@media (max-width: 767px) {
  .recruit-top-wrap .recruit-top-container .-left {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-top: -70px;
    position: relative;
  }
}
.recruit-top-wrap .recruit-top-container .-left .-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  background: #B24A4A;
  color: var(--color-white);
  font-size: 3rem;
  font-weight: bold;
}
@media (max-width: 1140px) {
  .recruit-top-wrap .recruit-top-container .-left .-circle {
    width: 17vw;
    height: 17vw;
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .recruit-top-wrap .recruit-top-container .-left .-circle {
    width: 100px;
    height: 100px;
    font-size: 2rem;
    position: relative;
    z-index: 10;
  }
}
.recruit-top-wrap .recruit-top-container .-right {
  width: 80%;
}
@media (max-width: 767px) {
  .recruit-top-wrap .recruit-top-container .-right {
    width: 100%;
  }
}
.recruit-top-wrap .recruit-top-container .-right .-line-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .recruit-top-wrap .recruit-top-container .-right .-line-container {
    margin-top: -2rem;
  }
}
.recruit-top-wrap .recruit-top-container .-right .-line-container .-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 2.4rem;
  line-height: 3.8;
  color: var(--color-black);
  margin-bottom: 9rem;
  letter-spacing: 0.2em;
  position: relative;
  z-index: 1;
  padding-left: 18rem;
}
.recruit-top-wrap .recruit-top-container .-right .-line-container .-line:before {
  position: absolute;
  content: "";
  background: #758ccb;
  background: -webkit-gradient(linear, left top, right top, from(#758ccb), to(#cedfff));
  background: linear-gradient(90deg, #758ccb 0%, #cedfff 100%);
  padding-left: 18rem;
  padding-right: 2rem;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1140px) {
  .recruit-top-wrap .recruit-top-container .-right .-line-container .-line {
    padding-left: 6rem;
  }
}
@media (max-width: 767px) {
  .recruit-top-wrap .recruit-top-container .-right .-line-container .-line {
    width: 120%;
    margin-bottom: 4rem;
    padding-left: 3rem;
    font-size: 2rem;
  }
}
@media (max-width: 500px) {
  .recruit-top-wrap .recruit-top-container .-right .-line-container .-line {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    padding-left: 2rem;
    letter-spacing: 0;
  }
}
.recruit-top-wrap .recruit-top-container .-right .-line-container .-line .-number {
  font-size: 9rem;
  font-family: "Bebas Neue", sans-serif;
  line-height: 1;
  padding-top: 0.8rem;
  margin-right: 3rem;
  color: var(--color-white);
  opacity: 0.85;
}
@media (max-width: 500px) {
  .recruit-top-wrap .recruit-top-container .-right .-line-container .-line .-number {
    font-size: 4.8rem;
    margin-right: 1rem;
  }
}
@media (max-width: 767px) {
  .recruit-top-wrap .recruit-top-container br {
    display: none;
  }
}
@media (max-width: 500px) {
  .recruit-top-wrap .recruit-top-container {
    line-height: 2;
  }
}

#interview-1 {
  margin: 10rem auto 0 auto;
}
@media (max-width: 767px) {
  #interview-1 {
    margin: 6rem auto 0 auto;
  }
}

.interview-wrap {
  padding: 10rem 0;
  margin: 6rem auto 10rem auto;
  width: 100%;
  background: #EFEAE2;
}
@media (max-width: 767px) {
  .interview-wrap {
    padding: 1rem 0 6rem;
  }
}

#recruit-tab-wrap {
  margin: 10rem auto;
}

.tabs .recruit-btn-wrap {
  position: relative;
  background: #EFEAE2;
  padding: 12rem 0 4rem 0;
  color: var(--color-black);
}
.tabs .recruit-btn-wrap .btn-title {
  position: absolute;
  font-size: 2.2rem;
  font-weight: bold;
  color: var(--color-base);
  background: #CBD6EF;
  text-align: center;
  width: 40%;
  padding: 1.4rem;
  top: -20px;
  left: 30%;
}
@media (max-width: 1140px) {
  .tabs .recruit-btn-wrap .btn-title {
    width: 50%;
    padding: 1.4rem;
    top: -20px;
    left: 25%;
  }
}
@media (max-width: 767px) {
  .tabs .recruit-btn-wrap .btn-title {
    font-size: 1.6rem;
    width: calc(100% - 2rem);
    padding: 1rem;
    top: 40px;
    left: 10px;
  }
}
.tabs .recruit-btn-wrap .recruit-btn-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .tabs .recruit-btn-wrap .recruit-btn-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.tabs .recruit-btn-wrap .recruit-btn-container a {
  color: var(--color-base);
  text-decoration: none;
}
.tabs .recruit-btn-wrap .recruit-btn-container .tab_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc((100% - 14rem) / 2);
  height: 100px;
  border: 2px solid var(--color-dark);
  border-radius: 10px;
  background-color: var(--color-white);
  line-height: 1.9;
  font-size: 1.8rem;
  text-align: center;
  color: var(--color-base);
  font-weight: bold;
  padding: 3rem;
  margin-bottom: 2rem;
}
.tabs .recruit-btn-wrap .recruit-btn-container .tab_item:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1140px) {
  .tabs .recruit-btn-wrap .recruit-btn-container .tab_item {
    width: calc((100% - 2rem) / 2);
    padding: 3rem 1rem;
  }
}
@media (max-width: 767px) {
  .tabs .recruit-btn-wrap .recruit-btn-container .tab_item {
    padding: 2rem 1rem;
    margin: 0 auto 4rem;
    position: relative;
    font-size: 1.4rem;
    width: 70%;
    height: 70px;
  }
  .tabs .recruit-btn-wrap .recruit-btn-container .tab_item:before {
    position: absolute;
    content: url("../img/arrow-btn.png");
    top: 30%;
    right: 10px;
    width: 13px;
    height: 25px;
  }
}
@media (max-width: 500px) {
  .tabs .recruit-btn-wrap .recruit-btn-container .tab_item {
    width: 100%;
  }
}
.tabs .recruit-btn-wrap .recruit-btn-container .tab-list-item.active {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.tabs .recruit-btn-wrap .flow-title {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--color-base);
  text-align: center;
  width: 100%;
  margin: 4rem auto 2rem;
}
@media (max-width: 767px) {
  .tabs .recruit-btn-wrap .flow-title {
    font-size: 1.8rem;
  }
}
.tabs .recruit-btn-wrap .flow-container {
  margin: 6rem auto;
}
@media (max-width: 767px) {
  .tabs .recruit-btn-wrap .flow-container {
    margin: 0rem auto;
  }
}

.entry-title {
  font-size: 2rem;
  margin: 6rem 0 4rem 0;
  text-align: center;
  color: var(--color-black);
}

.btn-form-wrap {
  width: 100%;
  margin: 8rem auto;
}

.policy-container {
  max-height: 300px;
  margin: 4rem auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  border: 1px solid var(--color-dark);
  padding: 2rem 1.5rem;
}
.policy-container p {
  margin: 0 0 2rem;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.6;
  color: var(--color-dark);
}
.policy-container p .-title {
  font-size: 1.8rem;
  line-height: 1.8;
  color: var(--color-base);
  font-weight: bold;
}
.policy-container.-bottom {
  margin-bottom: 8rem;
}

#info-bnr-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 8rem auto;
}
@media (max-width: 1140px) {
  #info-bnr-wrap {
    width: calc(100% - 40px);
    margin: 8rem 2rem;
  }
}
@media (max-width: 767px) {
  #info-bnr-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
#info-bnr-wrap .left-bnr, #info-bnr-wrap .right-bnr {
  width: 48%;
  border: 1px solid var(--color-dark);
  background: #EDEDED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 3rem 2rem 1rem;
}
@media (max-width: 1140px) {
  #info-bnr-wrap .left-bnr, #info-bnr-wrap .right-bnr {
    padding: 1rem 2rem 2rem 0;
  }
}
@media (max-width: 767px) {
  #info-bnr-wrap .left-bnr, #info-bnr-wrap .right-bnr {
    width: 100%;
    max-width: 330px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#info-bnr-wrap .left-bnr .top-inner, #info-bnr-wrap .right-bnr .top-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
#info-bnr-wrap .left-bnr .top-inner .large, #info-bnr-wrap .right-bnr .top-inner .large {
  font-size: 3.2rem;
  line-height: 1.4;
  letter-spacing: 0.2em;
  font-weight: 500;
  width: 30%;
  text-align: center;
}
#info-bnr-wrap .left-bnr .top-inner .small, #info-bnr-wrap .right-bnr .top-inner .small {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.2em;
  border-bottom: 1px solid var(--color-dark);
  width: 70%;
  text-align: center;
  padding-bottom: 5px;
}
#info-bnr-wrap .left-bnr .number-inner, #info-bnr-wrap .right-bnr .number-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #info-bnr-wrap .left-bnr .number-inner, #info-bnr-wrap .right-bnr .number-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#info-bnr-wrap .left-bnr .number-inner img, #info-bnr-wrap .right-bnr .number-inner img {
  margin-right: 0;
  margin-left: 0;
}
#info-bnr-wrap .left-bnr .number-inner .number, #info-bnr-wrap .right-bnr .number-inner .number {
  font-size: 5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: var(--color-base);
  padding: 0.5rem 0 0 1rem;
  line-height: 1;
}
@media (max-width: 1140px) {
  #info-bnr-wrap .left-bnr .number-inner .number, #info-bnr-wrap .right-bnr .number-inner .number {
    font-size: 4rem;
    padding: 1rem 0 0 1rem;
  }
}
@media (max-width: 767px) {
  #info-bnr-wrap .left-bnr .number-inner .number, #info-bnr-wrap .right-bnr .number-inner .number {
    font-size: 3rem;
    padding: 0rem 0 0 1rem;
  }
}
#info-bnr-wrap .left-bnr .txt, #info-bnr-wrap .right-bnr .txt {
  font-size: 1.6rem;
  line-height: 1.4;
  color: var(--color-base);
}
@media (max-width: 767px) {
  #info-bnr-wrap .left-bnr {
    margin: 0 auto 2rem;
  }
}
@media (max-width: 767px) {
  #info-bnr-wrap .right-bnr {
    margin: 0 auto;
  }
}

.cta-line {
  background: #EDEDED;
  border: 1px solid var(--color-dark);
  margin: -4rem auto 6rem;
  padding: 2rem;
}
@media (max-width: 767px) {
  .cta-line {
    margin-top: -6rem;
    max-width: 330px;
  }
}
.cta-line > .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 2.2rem;
  line-height: 1.4;
  color: inherit;
}
@media (max-width: 767px) {
  .cta-line > .link {
    font-size: 1.8rem;
  }
}
.cta-line > .link > .icon {
  margin: 0 2rem 0 0;
  width: 7rem;
}
.cta-line > .link > .text {
  max-width: calc(100% - 8rem);
}
@media (min-width: 501px) {
  .cta-line > .link > .text ._for-sp {
    display: none;
  }
}

.blog-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 12rem auto 2rem;
}
@media (max-width: 1140px) {
  .blog-container {
    width: calc(100% - 4rem);
    margin: 10rem 2rem 2rem;
  }
}
@media (max-width: 767px) {
  .blog-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin: 6rem 2rem 2rem;
  }
}

.blog-archive {
  padding-top: 0;
  width: calc(25% - 2rem);
  height: 100%;
  padding: 1rem 1rem 8rem;
  margin-left: 2rem;
  background: #F1F1F1;
  padding: 1rem;
}
@media (max-width: 767px) {
  .blog-archive {
    width: 100%;
    margin-left: 0;
  }
}
.blog-archive #sidebar .pagenav, .blog-archive #sidebar-blog .pagenav {
  display: none;
}
.blog-archive #sidebar .categories, .blog-archive #sidebar-blog .categories {
  display: none;
}
.blog-archive #sidebar h2, .blog-archive #sidebar-blog h2 {
  width: 100%;
  height: 42px;
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--color-white);
  background: #233b61;
  background: -webkit-gradient(linear, left bottom, left top, from(#233b61), to(#4675c1));
  background: linear-gradient(0deg, #233b61 0%, #4675c1 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;
}
.blog-archive #sidebar ul:first-child, .blog-archive #sidebar-blog ul:first-child {
  display: none;
}
.blog-archive #sidebar ul li ul li, .blog-archive #sidebar-blog ul li ul li {
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--color-dark);
  border-bottom: 1px solid var(--color-dark);
  text-align: center;
  padding: 2rem 0;
}
.blog-archive #sidebar ul li ul li a, .blog-archive #sidebar-blog ul li ul li a {
  color: var(--color-dark);
  font-weight: bold;
}
.blog-archive #sidebar ul li ul li a:hover, .blog-archive #sidebar-blog ul li ul li a:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.bloglist-wrapper {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .bloglist-wrapper {
    width: 100%;
  }
}
.bloglist-wrapper .item {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 1140px) {
  .bloglist-wrapper .item {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 767px) {
  .bloglist-wrapper .item {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 500px) {
  .bloglist-wrapper .item {
    width: 100%;
  }
}
.bloglist-wrapper:after {
  width: calc((100% - 60px) / 3);
  content: "";
  display: block;
}
.bloglist-wrapper .bloglist-article {
  position: relative;
  background: #EDEDED;
  color: var(--color-base);
  margin-bottom: 6rem;
}
.bloglist-wrapper .bloglist-article > .photo {
  overflow: hidden;
  display: block;
  position: relative;
  padding-top: 93.06358%;
}
.bloglist-wrapper .bloglist-article > .photo img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bloglist-wrapper .bloglist-article a {
  color: var(--color-base);
  text-decoration: none;
}
.bloglist-wrapper .bloglist-article a .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem 1rem 2rem;
  height: auto;
  min-height: 170px;
}
.bloglist-wrapper .bloglist-article a .content .date {
  font-size: 1.8rem;
}
.bloglist-wrapper .bloglist-article a .content .title {
  font-size: 1.6rem;
  font-weight: bold;
  font-weight: bold;
  margin-top: 3rem;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  height: 68px;
}
@media (max-width: 1140px) {
  .bloglist-wrapper .bloglist-article a .content .title {
    margin-top: 2rem;
  }
}
.bloglist-wrapper .bloglist-article a:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#article-section {
  margin: 0 auto 8rem;
}

.article-container {
  padding-left: 7rem;
}
@media (max-width: 767px) {
  .article-container {
    padding-left: 0;
  }
}
.article-container .article-date {
  font-size: 2.4rem;
  margin: 3rem 0 2rem;
  color: var(--color-base);
}
.article-container .article-content {
  position: relative;
  padding-left: 12rem;
  margin: 4rem 0;
  font-size: 1.6rem;
  line-height: 2.2;
  color: var(--color-black);
}
@media (max-width: 767px) {
  .article-container .article-content {
    padding-left: 3rem;
  }
}
.article-container .article-content:before {
  position: absolute;
  content: "";
  width: 14px;
  height: 100%;
  background: #EFEAE2;
  top: 0;
  left: 50px;
}
@media (max-width: 767px) {
  .article-container .article-content:before {
    left: 0;
  }
}
.article-container .article-content .article-thumbnail img {
  margin-bottom: 4rem;
}
.article-container .article-content figure {
  margin: 0 0 2rem;
}

#order-1 {
  margin-top: 6rem;
}

#order-2, #order-plant {
  margin: 10rem auto;
}

#order-5 .order-wrap {
  margin: 8rem auto 10rem;
}

#interview-page {
  margin: 0 auto 18rem;
}
@media (max-width: 767px) {
  #interview-page {
    margin: 0 auto 16rem;
  }
}

.interview-top-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 12rem auto 0;
}
@media (max-width: 767px) {
  .interview-top-wrap {
    margin: 6rem auto 0;
  }
}
.interview-top-wrap:before {
  position: absolute;
  content: "";
  width: 50vw;
  border-bottom: 1px solid #B24A4A;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.interview-top-wrap:after {
  position: absolute;
  content: "";
  width: 136px;
  height: 170px;
  left: 0;
  bottom: -85px;
  background: #EFEAE2;
  z-index: 1;
}
.interview-top-wrap .interview-top-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
  }
}
.interview-top-wrap .interview-top-container .left-col {
  width: 50%;
  padding-left: 5rem;
  position: relative;
  z-index: 20;
}
@media (max-width: 1300px) {
  .interview-top-wrap .interview-top-container .left-col {
    padding-left: 10rem;
  }
}
@media (max-width: 1140px) {
  .interview-top-wrap .interview-top-container .left-col {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container .left-col {
    width: 100%;
    padding-left: 0;
    margin-bottom: 5rem;
  }
}
.interview-top-wrap .interview-top-container .left-col .name {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-weight: bold;
  margin-bottom: 6rem;
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container .left-col .name {
    margin-bottom: 4rem;
  }
}
.interview-top-wrap .interview-top-container .left-col .name > .num {
  position: absolute;
  z-index: -1;
  font-size: 22rem;
  font-family: "Bebas Neue", sans-serif;
  color: #E7E7F2;
  top: -6rem;
  left: -9rem;
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container .left-col .name > .num {
    font-size: 6rem;
    top: -70px;
    left: 0px;
  }
}
.interview-top-wrap .interview-top-container .left-col .name .-small {
  font-size: 2.2rem;
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container .left-col .name .-small {
    font-size: 1.8rem;
  }
}
.interview-top-wrap .interview-top-container .left-col .name .-large {
  font-size: 2.8rem;
  margin-left: 2rem;
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container .left-col .name .-large {
    font-size: 2.2rem;
    margin-left: 1rem;
  }
}
.interview-top-wrap .interview-top-container .left-col .name .en {
  margin-left: 1rem;
  font-size: 1.6rem;
}
.interview-top-wrap .interview-top-container .left-col .name .from {
  display: block;
  width: 100%;
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: normal;
}
.interview-top-wrap .interview-top-container .left-col .title {
  position: relative;
  font-size: 2rem;
  padding-left: 6rem;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container .left-col .title {
    padding-left: 3rem;
  }
}
.interview-top-wrap .interview-top-container .left-col .title:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid var(--color-dark);
  width: 48px;
  top: 10px;
  left: 0;
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container .left-col .title:before {
    width: 20px;
  }
}
.interview-top-wrap .interview-top-container .left-col .txt {
  margin-bottom: 6rem;
  font-size: 1.6rem;
  line-height: 2;
  color: #707070;
}
.interview-top-wrap .interview-top-container .right-col {
  width: calc(50% - 5rem);
  margin: 0 0 5rem 5rem;
}
@media (max-width: 1140px) {
  .interview-top-wrap .interview-top-container .right-col {
    width: calc(40% - 2rem);
    margin: 0 0 5rem 2rem;
  }
}
@media (max-width: 767px) {
  .interview-top-wrap .interview-top-container .right-col {
    width: 50%;
    margin: 0 auto 2rem;
  }
}
.interview-top-wrap .interview-top-container .right-col img {
  margin-right: 0;
  margin-left: 0;
}

.interview-middle-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.interview-middle-wrap.-right:before {
  position: absolute;
  content: "";
  width: 50vw;
  border-bottom: 1px solid #B24A4A;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.interview-middle-wrap.-right:after {
  position: absolute;
  content: "";
  width: 136px;
  height: 170px;
  right: 0;
  bottom: -85px;
  background: #EFEAE2;
  z-index: 1;
}
.interview-middle-wrap.-left:before {
  position: absolute;
  content: "";
  width: 50vw;
  border-bottom: 1px solid #B24A4A;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.interview-middle-wrap.-left:after {
  position: absolute;
  content: "";
  width: 136px;
  height: 170px;
  left: 0;
  bottom: -85px;
  background: #EFEAE2;
  z-index: 1;
}
.interview-middle-wrap .interview-inner {
  margin: 5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.interview-middle-wrap .interview-inner.-odd {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media (max-width: 767px) {
  .interview-middle-wrap .interview-inner.-odd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.interview-middle-wrap .interview-inner.-even {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}
@media (max-width: 767px) {
  .interview-middle-wrap .interview-inner.-even {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.interview-middle-wrap .interview-inner .image-col {
  width: 50%;
  padding: 0 5rem;
  margin-bottom: 5rem;
  position: relative;
  z-index: 10;
}
@media (max-width: 1140px) {
  .interview-middle-wrap .interview-inner .image-col {
    width: 40%;
    padding: 0 2rem;
  }
}
@media (max-width: 767px) {
  .interview-middle-wrap .interview-inner .image-col {
    width: 50%;
    margin: 0 auto 2rem;
    padding: 0;
  }
}
.interview-middle-wrap .interview-inner .txt-col {
  width: calc(50% - 5rem);
  margin-right: 5rem;
  margin-bottom: 5rem;
  position: relative;
  z-index: 10;
}
@media (max-width: 1140px) {
  .interview-middle-wrap .interview-inner .txt-col {
    width: 60%;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .interview-middle-wrap .interview-inner .txt-col {
    width: 100%;
  }
}
.interview-middle-wrap .interview-inner .txt-col .title {
  position: relative;
  font-size: 2rem;
  padding-left: 6rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .interview-middle-wrap .interview-inner .txt-col .title {
    padding-left: 3rem;
  }
}
.interview-middle-wrap .interview-inner .txt-col .title:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid var(--color-dark);
  width: 48px;
  top: 10px;
  left: 0;
}
@media (max-width: 767px) {
  .interview-middle-wrap .interview-inner .txt-col .title:before {
    width: 20px;
  }
}
.interview-middle-wrap .interview-inner .txt-col .txt {
  font-size: 2.2rem;
  line-height: 1.6;
  font-weight: bold;
  color: #343434;
}
@media (max-width: 767px) {
  .interview-middle-wrap .interview-inner .txt-col .txt {
    font-size: 1.8rem;
  }
}
.interview-middle-wrap .interview-inner.-even .txt-col {
  margin-right: 0;
  margin-left: 5rem;
}
@media (max-width: 767px) {
  .interview-middle-wrap .interview-inner.-even .txt-col {
    margin-left: 0;
  }
}

/* 3.4 -
 * * --------------------------- */
#breadcrumbs {
  padding: 3rem 0 5rem;
  color: var(--color-dark);
  overflow-x: auto;
  white-space: nowrap;
}
@media (max-width: 767px) {
  #breadcrumbs {
    white-space: inherit;
    line-height: 1.6;
  }
}
#breadcrumbs > .list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  #breadcrumbs > .list-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
#breadcrumbs > .list-wrap .list-item {
  font-size: 1.4rem;
  line-height: 1.8;
}
#breadcrumbs > .list-wrap .list-item a {
  color: inherit;
  text-decoration: underline;
}
#breadcrumbs > .list-wrap .list-item:before {
  content: ">";
  margin: 0 1em;
}
#breadcrumbs > .list-wrap .list-item.-home:before {
  content: none;
}
#breadcrumbs > .list-wrap .list-item:nth-child(3):before {
  margin: 0 1em 0 0;
}

/* 3.5 - contact form7
 * * --------------------------- */
.wpcf7-form p {
  text-align: center;
}
.wpcf7-form p input.wpcf7-submit {
  width: 400px;
  height: 100px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: var(--color-white);
  background: #6c5454;
  background: -webkit-gradient(linear, left bottom, left top, from(#6c5454), to(#b24a4a));
  background: linear-gradient(0deg, #6c5454 0%, #b24a4a 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;
  border-radius: 10px;
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding-left: 4rem;
}
.wpcf7-form p input.wpcf7-submit:hover {
  background: var(--color-dark);
  color: var(--color-white);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 600px) {
  .wpcf7-form p input.wpcf7-submit {
    width: 300px;
    height: 48px;
    font-size: 1.6rem;
  }
}

.screen-reader-response p {
  color: #ff0000;
  font-size: 1.6rem;
  padding: 0 0 2rem;
}
.screen-reader-response ul li {
  display: none;
}

.wpcf7-response-output {
  display: none;
}

.wpcf7 .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  color: #ff0000;
  font-size: 1.6rem;
  vertical-align: middle;
  padding: 1rem 0 1rem 2rem;
}

/* 3.6 - gallery
 * * --------------------------- */
.gallery-thumbnail {
  margin: 0 auto 12rem;
}

.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
  width: 80px !important;
  margin-right: 1rem;
}

.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
  width: 80px !important;
  height: 80px !important;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
  width: 80px !important;
  height: 80px !important;
  margin-right: 1rem;
  margin-left: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
  margin-right: 1rem !important;
}

.pagination {
  text-align: center;
  margin: 2rem auto 0;
}
.pagination .page_num {
  color: var(--color-dark);
  font-size: 1.8rem;
  font-weight: bold;
}
.pagination .pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.pagination .pagination-list .list-item {
  border-radius: 5px;
  background: #F5F5EC;
  border: 1px solid var(--color-dark);
  margin: 1rem;
  padding: 0.5rem 1.1rem 1rem;
}
.pagination .pagination-list a {
  color: #4675c1;
}

/* ------------------------------
 * * 3.2 - Unique
 * * --------------------------- */
/* ------------------------------
 * * 3.3 - Library
 * * --------------------------- */
.material-icons::before {
  content: attr(data-icon-type);
}

.lg-progress {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

/**
 * ** Swiper 3.3.1
 * ** Most modern mobile touch slider and framework with hardware accelerated transitions
 * **
 * ** http://www.idangero.us/swiper/
 * **
 * ** Copyright 2016, Vladimir Kharlampidi
 * ** The iDangero.us
 * ** http://www.idangero.us/
 * **
 * ** Licensed under MIT
 * **
 * ** Released on: February 7, 2016 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight {
  height: auto;
}
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}

.swiper-container-cube, .swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-next {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ------------------------------
 * * 3.4 - Animation
 * * --------------------------- */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes lineanim {
  0% {
    stroke-dashoffset: 300;
  }
  20% {
    stroke-dashoffset: 300;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes lineanim {
  0% {
    stroke-dashoffset: 300;
  }
  20% {
    stroke-dashoffset: 300;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* ========================================
 * * 4.0 - Utility (Helpers)
 * * ===================================== */
._tdu {
  text-decoration: underline;
}

._tac {
  text-align: center;
}

._tar {
  text-align: right;
}

._tal {
  text-align: left;
}

._clear {
  clear: both;
}

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

._ro {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
._ro:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

._nolink {
  pointer-events: none;
}

._numbering {
  counter-increment: num 1;
}
._numbering::before {
  content: counter(num) ". ";
}
/*# sourceMappingURL=style.css.map */