@charset "UTF-8";
/***************************************


カラー


****************************************/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400");
@import url("https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap");
* {
  box-sizing: border-box;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  line-height: 100%;
}

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

img {
  image-rendering: -webkit-optimize-contrast;
}

html {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

body {
  height: 100%;
}

blockquote,
q {
  quotes: none;
}

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

input,
textarea {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

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

a {
  display: inline-block;
  text-decoration: none;
}

object {
  pointer-events: none;
}

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.main {
  position: relative;
}

.both {
  clear: both;
}

.main {
  position: relative;
}

.wrap {
  overflow: hidden;
}

.wrapper {
  position: relative;
  overflow: hidden;
}

/***************************************


段落文章基本


****************************************/
/***************************************

  vw → pxに変換

  calcを使う場合の記述方法
  関数をインターボレーションする。

  ****************************************/
/***************************************


  ブレイクポイント mixin


  ****************************************/
/***************************************


  子要素センター寄せ


  ****************************************/
/***************************************


  IEハック用mixin


  ****************************************/
/***************************************

基本フォント読み込み

****************************************/
body {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: 400;
}

strong {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: 700;
}

@font-face {
  font-family: "ombudsmanstencil";
  font-style: normal;
  font-weight: 400;
  src: local("ombudsmanstencil"), url("asset/fonts/ombudsmanstencil.woff") format("woff");
}
/***************************************

基本フォントサイズ

****************************************/
html {
  font-size: 16px;
  color: #2b2b2b;
  scroll-behavior: smooth;
}
html body {
  background-color: white;
  color: #2b2b2b;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  html body {
    font-size: 14px;
  }
}

.wrapper {
  position: relative;
  background-color: white;
  overflow: hidden;
}

.relative {
  position: relative;
}

/***************************************

aタグリンク

****************************************/
a {
  color: #2b2b2b;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}

.chat {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
.chat img {
  max-width: 100%;
  width: 100%;
}
.chat #ulAiWidget iframe {
  width: 100% !important;
}

#splash {
  opacity: 0;
}

/***************************************


フォントファミリー


****************************************/
/***************************************

50%の不透明度でホバー（アニメ）

****************************************/
/***************************************

ホバー（アニメ）

****************************************/
/***************************************

テキストにラインが左から右へ走る（初期値下線あり）inline使用（aタグ内に書く）

****************************************/
.header {
  width: 100%;
  height: 70px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: white;
  position: fixed;
  z-index: 100;
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.1));
}
@media (max-width: 1024px) {
  .header {
    justify-content: left;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .header {
    height: 50px;
  }
}
.header .header-logo a {
  padding-top: 15px;
  padding-left: 20px;
  transition: opacity 0.6s;
}
.header .header-logo a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 810px) {
  .header .header-logo a {
    padding-top: 12px;
    padding-left: 15px;
  }
}
.header .header-logo a img {
  width: 134px;
}
@media (max-width: 810px) {
  .header .header-logo a img {
    width: 100px;
  }
}
.header .header-logo._manual {
  display: flex;
  align-items: center;
}
.header .header-logo._manual a {
  padding-top: 0;
  padding-right: 10px;
}
.header .header-logo._manual .header-manual {
  font-size: 12px;
  letter-spacing: 2px;
  margin-left: 10px;
}

.gnav {
  display: flex;
}
@media (max-width: 1024px) {
  .gnav {
    margin-left: auto;
  }
}
.gnav .gnav-list {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .gnav .gnav-list {
    display: none;
  }
}
.gnav .gnav-item {
  margin-right: 30px;
}
@media (max-width: 1280px) {
  .gnav .gnav-item {
    margin-right: 15px;
  }
}
.gnav .gnav-item._line {
  display: flex;
}
.gnav .gnav-item._line::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #dbdbd3;
  margin-left: 45px;
  margin-top: 25px;
}
@media (max-width: 1280px) {
  .gnav .gnav-item._line::after {
    margin-left: 15px;
  }
}
.gnav .gnav-item._lineZyu {
  display: flex;
}
.gnav .gnav-item._lineZyu::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #dbdbd3;
  margin-left: 30px;
  margin-top: 25px;
}
@media (max-width: 1280px) {
  .gnav .gnav-item._lineZyu::after {
    margin-left: 15px;
  }
}
.gnav .gnav-item .gnav-link {
  font-family: "Noto Serif JP", serif;
  display: flex;
  align-items: center;
  height: 70px;
  font-size: 14px;
}
.gnav .gnav-item .gnav-link._arrow {
  display: flex;
}
.gnav .gnav-item .gnav-link._arrow::after {
  font-family: "icon";
  content: "ﮞ";
  font-size: 20px;
  padding-left: 10px;
  display: block;
  padding-top: 1px;
}
.gnav .gnav-item .gnav-link._current {
  color: #bb0118;
}
.gnav .gnav-item .gnav-link .gnav-icon {
  width: 16px;
  margin-right: 5px;
}
.gnav .gnav-item .gnav-link .gnav-icon img {
  width: 100%;
}
.gnav .gnav-item .gnav-accordion {
  visibility: hidden;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  position: absolute;
  top: 90px;
  opacity: 0;
  z-index: 1000;
  transition: 0.2s;
  background-color: #f2f1ec;
}
.gnav .gnav-item:hover .gnav-link {
  color: #bb0118;
}
.gnav .gnav-item:hover .gnav-accordion {
  visibility: visible;
  opacity: 1;
  top: 70px;
  transition: 0.5s;
}
.gnav .gnav-item:hover .gnav-accordion:after {
  opacity: 0.05;
}
.gnav .gnav-item .gnav-accordionSupport {
  visibility: hidden;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  position: absolute;
  top: 90px;
  opacity: 0;
  z-index: 1000;
  transition: all 0.2s ease-in-out;
  background-image: -webkit-image-set(url(asset/img/support/support-back.jpg) 1x, url(asset/img/support/support-back@2x.jpg) 2x);
  background-image: image-set(url(asset/img/support/support-back.jpg) 1x, url(asset/img/support/support-back@2x.jpg) 2x);
  background-size: cover;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem {
  width: 33.3333333333%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0px;
  transition: all 0.4s ease-in-out;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem a .gnav-accordionSupportIcon {
  color: white;
  font-size: 54px;
  margin-right: 15px;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem a .gnav-accordionSupportTxtBox .gnav-accordionSupportTit {
  color: white;
  font-family: "Noto Serif JP", serif;
  font-size: 22px;
  letter-spacing: 1.5;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem a .gnav-accordionSupportTxtBox .gnav-accordionSupportTxt {
  color: white;
  font-size: 14px;
  padding-top: 10px;
  opacity: 0.7;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem._four {
  width: 25%;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem._four a {
  padding: 50px 0px;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem._four a .gnav-accordionSupportIcon {
  font-size: 38px;
  margin-right: 15px;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem._four a .gnav-accordionSupportTxtBox .gnav-accordionSupportTit {
  font-size: 18px;
}
.gnav .gnav-item .gnav-accordionSupport .gnav-accordionSupportItem._four a .gnav-accordionSupportTxtBox .gnav-accordionSupportTxt {
  font-size: 12px;
  padding-top: 10px;
}
.gnav .gnav-item:hover .gnav-link {
  color: #bb0118;
}
.gnav .gnav-item:hover .gnav-accordionSupport {
  visibility: visible;
  opacity: 1;
  top: 70px;
  transition: 0.5s;
}
.gnav .gnav-item:hover .gnav-accordionSupport:after {
  opacity: 0.05;
}
.gnav .gnav-storeBtn a {
  background-color: #bb0118;
  width: 70px;
  height: 70px;
  transition: ease 0.2s;
  position: relative;
  overflow: hidden;
  transition: opacity 0.6s;
}
.gnav .gnav-storeBtn a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 810px) {
  .gnav .gnav-storeBtn a {
    width: 50px;
    height: 50px;
  }
}
.gnav .gnav-storeBtn a span {
  position: relative;
  display: block;
  color: white;
  font-size: 38px;
  text-align: center;
  margin-top: 12px;
  z-index: 3;
  transition: 0.4s;
}
@media (max-width: 810px) {
  .gnav .gnav-storeBtn a span {
    font-size: 26px;
    margin-top: 5px;
  }
}
.gnav .gnav-storeBtn a ._text {
  position: relative;
  font-family: "Montserrat", sans-serif;
  color: white;
  font-size: 10px;
  text-align: center;
  margin-top: 2px;
  margin-left: 5px;
  z-index: 3;
}
.gnav-hoverBlack {
  height: 100vh;
  width: 100vw;
  opacity: 0;
  position: fixed;
  z-index: 20;
  visibility: hidden;
  transition: 1s;
}
.gnav-hoverBlack._hover {
  background-color: black;
  transition: 0.3s;
  opacity: 0.5;
  visibility: visible;
  top: 0;
}

.hamburger {
  display: none;
}
@media (max-width: 1024px) {
  .hamburger {
    display: block;
    right: 0;
    z-index: 10000;
  }
}
.hamburger a {
  display: block;
  padding-top: 25px;
  padding-bottom: 20px;
  width: 70px;
  height: 70px;
  background-color: #2b2b2b;
}
@media (max-width: 810px) {
  .hamburger a {
    width: 50px;
    height: 50px;
    padding-top: 16px;
    padding-bottom: 5px;
  }
}
.hamburger a .hamburger-trigger {
  transition: all 0.4s;
  position: relative;
  height: 14px;
  width: 20px;
  margin: 0 auto;
}
.hamburger a .hamburger-trigger span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: white;
  border-radius: 1px;
}
@media (max-width: 810px) {
  .hamburger a .hamburger-trigger span {
    left: 1;
  }
}
.hamburger a .hamburger-trigger span:nth-of-type(1) {
  top: 0px;
}
.hamburger a .hamburger-trigger span:nth-of-type(2) {
  top: 8px;
}
.hamburger a .hamburger-trigger span:nth-of-type(3) {
  top: 16px;
}
.hamburger a .active {
  transform: rotate(360deg);
}
.hamburger a .active span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
  background-color: white;
}
.hamburger a .active span:nth-of-type(2) {
  transform: translateY(0) rotate(45deg);
  background-color: white;
  top: 10px;
}
.hamburger a .active span:nth-of-type(3) {
  opacity: 0;
}
.hamburger._recruit {
  display: block;
}
.hamburger._recruit a {
  width: 100px;
  height: 100px;
  padding-top: 40px;
  background-color: #bb0118;
  transition: opacity 0.6s;
}
.hamburger._recruit a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .hamburger._recruit a {
    width: 50px;
    height: 50px;
    padding-top: 16px;
    padding-bottom: 5px;
  }
}

.hamburgerMenu {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  z-index: 1000;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100vh;
  background-color: #f2f1ec;
  margin-top: 70px;
}
@media (max-width: 810px) {
  .hamburgerMenu {
    margin-top: 50px;
  }
}
.hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item {
  border-bottom: 1px solid #dbdbd3;
}
.hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 22px 20px;
}
.hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link._zyuyou {
  justify-content: left;
}
.hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link._zyuyou .hamburgerMenu-icon {
  width: 16px;
  margin-right: 5px;
}
.hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link._zyuyou .hamburgerMenu-icon img {
  width: 100%;
}
.hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link .hamburgerMenu-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
}
.hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link ._plus::after, .hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link .officeList .officeList-link ._minus::after, .officeList .officeList-link .hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link ._minus::after {
  content: "+";
  display: block;
  font-size: 14px;
}
.hamburgerMenu .hamburgerMenu-list .hamburgerMenu-item .hamburgerMenu-link ._minus::after {
  content: "-";
  display: block;
  font-size: 14px;
}
.hamburgerMenu .hamburgerMenu-accordion {
  display: none;
  width: 100%;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList .hamburgerMenu-accordionItem {
  width: 50%;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList .hamburgerMenu-accordionItem a {
  display: block;
  position: relative;
  width: 100%;
  height: 30vw;
  max-height: 200px;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList .hamburgerMenu-accordionItem a .hamburgerMenu-accordionTit {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 14px;
  letter-spacing: 2;
  text-align: center;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList .hamburgerMenu-accordionItem a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList._supportback {
  background-image: -webkit-image-set(url(asset/img/support/support-menuback-sp.jpg) 1x, url(asset/img/support/support-menuback-sp@2x.jpg) 2x);
  background-image: image-set(url(asset/img/support/support-menuback-sp.jpg) 1x, url(asset/img/support/support-menuback-sp@2x.jpg) 2x);
  background-size: cover;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList._supportback .hamburgerMenu-accordionSupportItem {
  width: 50%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList._supportback .hamburgerMenu-accordionSupportItem a {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30vw;
  max-height: 100px;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList._supportback .hamburgerMenu-accordionSupportItem a .hamburgerMenu-accordionSupportIcon {
  color: white;
  font-size: 28px;
  margin-right: 10px;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList._supportback .hamburgerMenu-accordionSupportItem a .hamburgerMenu-accordionSupportTit {
  width: 100%;
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 14px;
  letter-spacing: 1;
}
.hamburgerMenu .hamburgerMenu-accordion .hamburgerMenu-accordionList._supportback .hamburgerMenu-accordionSupportItem a .hamburgerMenu-accordionSupportTxt {
  font-size: 10px;
  margin-top: 5px;
  color: white;
  opacity: 0.7;
}

.footer {
  background-color: #edede4;
  width: 100%;
  position: relative;
  z-index: 1;
}
.footer .footer-sitemap {
  padding-top: 75px;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .footer .footer-sitemap {
    padding-top: 10vw;
  }
}
.footer .footer-sitemap .footer-company {
  display: flex;
  align-items: center;
  margin-bottom: 75px;
}
@media (max-width: 1024px) {
  .footer .footer-sitemap .footer-company {
    margin-bottom: 8vw;
  }
}
.footer .footer-sitemap .footer-company .footer-logo {
  margin-right: 40px;
}
@media (max-width: 480px) {
  .footer .footer-sitemap .footer-company .footer-logo {
    margin-right: 30px;
  }
}
.footer .footer-sitemap .footer-company .footer-logo a {
  transition: opacity 0.6s;
}
.footer .footer-sitemap .footer-company .footer-logo a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.footer .footer-sitemap .footer-company .footer-logo img {
  width: 130px;
}
@media (max-width: 480px) {
  .footer .footer-sitemap .footer-company .footer-logo img {
    width: 100px;
  }
}
.footer .footer-sitemap .footer-company .footer-snsList {
  display: flex;
}
.footer .footer-sitemap .footer-company .footer-snsList .footer-snsItem {
  display: block;
  font-size: 24px;
  margin-right: 20px;
  transition: opacity 0.6s;
  display: flex;
}
.footer .footer-sitemap .footer-company .footer-snsList .footer-snsItem:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .footer .footer-sitemap .footer-company .footer-snsList .footer-snsItem {
    font-size: 20px;
  }
}
.footer .footer-sitemap .footer-company .footer-snsList .footer-snsItem._is {
  color: #fdb92e;
  background: linear-gradient(90deg, #4158d0, #c850c0 30%, #ffcc70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer .footer-sitemap .footer-company .footer-snsList .footer-snsItem._yt {
  color: #cb5252;
}
.footer .footer-sitemap .footer-company .footer-snsList .footer-snsItem._fb {
  color: #3e7cc4;
}
.footer .footer-sitemap .footer-company .footer-snsList .footer-snsItem._tw {
  color: #3fa0ce;
}
.footer .footer-sitemap .footer-sitemapBox {
  display: flex;
  border-top: 1px solid #dbdbd3;
  padding-top: 40px;
  padding-bottom: 20px;
  width: 100%;
}
@media (max-width: 1024px) {
  .footer .footer-sitemap .footer-sitemapBox {
    display: none;
  }
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapTit {
  font-family: "Noto Serif JP", serif;
  letter-spacing: 1px;
  width: 20%;
  font-size: 15px;
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapTit a {
  transition: 0.5s;
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapTit a:hover {
  transition: 0.5s;
  color: #bb0118;
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  padding-right: 20px;
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem {
  width: 25%;
  margin-bottom: 20px;
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem a,
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem span {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  transition: 0.5s;
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem a:hover,
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem span:hover {
  transition: 0.5s;
  color: #bb0118;
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem a img,
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem span img {
  width: 46px;
}
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem a .footer-sitemapTxt,
.footer .footer-sitemap .footer-sitemapBox .footer-sitemapList .footer-sitemapItem span .footer-sitemapTxt {
  padding-left: 5px;
}
.footer .footer-submenu {
  background-color: #847c70;
  width: 100%;
  padding: 65px 5%;
  margin-top: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .footer .footer-submenu {
    padding: 8vw 5% 8vw 5%;
    display: block;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .footer .footer-submenu {
    display: block;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .footer .footer-submenu {
    padding-top: 6vw;
  }
}
.footer .footer-submenu .footer-submenuList {
  display: flex;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .footer .footer-submenu .footer-submenuList {
    width: 100%;
    flex-wrap: wrap;
  }
}
.footer .footer-submenu .footer-submenuList .footer-submenuItem {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 810px) {
  .footer .footer-submenu .footer-submenuList .footer-submenuItem {
    margin-top: 10px;
  }
}
.footer .footer-submenu .footer-submenuList .footer-submenuItem:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}
.footer .footer-submenu .footer-submenuList .footer-submenuItem a {
  transition: opacity 0.6s;
  color: white;
  font-size: 14px;
  opacity: 0.8;
}
.footer .footer-submenu .footer-submenuList .footer-submenuItem a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.footer .footer-submenu .footer-submenuBtn {
  margin-left: auto;
  display: flex;
}
@media (max-width: 1024px) {
  .footer .footer-submenu .footer-submenuBtn {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .footer .footer-submenu .footer-submenuBtn {
    display: block;
  }
  .footer .footer-submenu .footer-submenuBtn a {
    margin-bottom: 10px;
  }
}
.footer .footer-copyright {
  background-color: #2b2b2b;
  width: 100%;
  padding: 65px 0;
}
@media (max-width: 1024px) {
  .footer .footer-copyright {
    padding: 8vw 0;
  }
}
.footer .footer-copyright small {
  color: white;
  display: block;
  text-align: center;
  letter-spacing: 1px;
  font-size: 12px;
  opacity: 0.7;
}

.footerSp {
  display: none;
}
@media (max-width: 1024px) {
  .footerSp {
    display: block;
    border-bottom: 1px solid #dbdbd3;
  }
}
.footerSp._topline {
  border-top: 1px solid #dbdbd3;
}
.footerSp .footerSp-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 22px 0px;
}
.footerSp .footerSp-link .footerSp-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
}
@media (max-width: 480px) {
  .footerSp .footerSp-link .footerSp-txt {
    font-size: 14px;
  }
}
.footerSp .footerSp-link ._plus::after, .footerSp .footerSp-link .officeList .officeList-link ._minus::after, .officeList .officeList-link .footerSp .footerSp-link ._minus::after {
  content: "+";
  display: block;
  font-size: 14px;
}
.footerSp .footerSp-link ._minus::after {
  content: "-";
  display: block;
  font-size: 14px;
}
.footerSp .footerSp-accordion {
  display: none;
  width: 100%;
}
.footerSp .footerSp-accordion .footerSp-sitemapList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem {
  width: 50%;
  margin-bottom: 20px;
}
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem:nth-child(odd) {
  padding-right: 10px;
}
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem:nth-child(even) {
  padding-left: 10px;
}
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem a,
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem span {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem a .footerSp-sitemapTxt,
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem span .footerSp-sitemapTxt {
  font-size: 12px;
  letter-spacing: 0;
}
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem a img,
.footerSp .footerSp-accordion .footerSp-sitemapList .footerSp-sitemapItem span img {
  width: 40px;
}

.productMenu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.productMenu .productMenu-item {
  width: 25%;
}
@media (max-width: 1024px) {
  .productMenu .productMenu-item {
    width: 50%;
  }
}
.productMenu .productMenu-item a {
  display: block;
  position: relative;
  width: 100%;
  max-height: 290px;
  height: 28vh;
  overflow: hidden;
  background-color: black;
}
@media (max-width: 1024px) {
  .productMenu .productMenu-item a {
    height: 30vw;
    max-height: 200px;
  }
}
.productMenu .productMenu-item a .productMenu-txt {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.productMenu .productMenu-item a .productMenu-txt .productMenu-tit {
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
}
@media (max-width: 1024px) {
  .productMenu .productMenu-item a .productMenu-txt .productMenu-tit {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.productMenu .productMenu-item a .productMenu-txt .productMenu-p {
  font-size: 14px;
  color: white;
  text-align: center;
  margin-top: 10px;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .productMenu .productMenu-item a .productMenu-txt .productMenu-p {
    display: none;
  }
}
.productMenu .productMenu-item a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s all;
}
.productMenu .productMenu-item a:hover img {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  opacity: 0.6;
}

.pageWrapper {
  width: 90%;
  margin: 0 auto;
}
.pageWrapper._980 {
  max-width: 980px;
}
.pageWrapper._1000 {
  max-width: 1000px;
}
.pageWrapper._w100 {
  width: 90%;
  margin: auto;
  padding: 0 5% 0 5%;
}
.pageWrapper._1280 {
  max-width: 1280px;
  margin: 0 auto;
}

.store {
  background-image: -webkit-image-set(url(asset/img/store/store.jpg) 1x, url(asset/img/store/store@2x.jpg) 2x);
  background-image: image-set(url(asset/img/store/store.jpg) 1x, url(asset/img/store/store@2x.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 9.375vw 0px 10.4166666667vw 0px;
}
.store .store-tit {
  text-align: center;
}
.store .store-tit .store-titLogo img {
  width: 110px;
}
@media (max-width: 480px) {
  .store .store-tit .store-titLogo img {
    width: 80px;
  }
}
.store .store-tit .store-title {
  font-family: "Montserrat", sans-serif;
  color: white;
  font-size: 48px;
  margin-top: 10px;
}
@media (max-width: 810px) {
  .store .store-tit .store-title {
    font-size: 40px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .store .store-tit .store-title {
    font-size: 8.33vw;
  }
}
.store .store-tit .store-titTxt {
  font-family: "Noto Serif JP", serif;
  color: white;
  margin-top: 15px;
  letter-spacing: 2px;
}
@media (max-width: 480px) {
  .store .store-tit .store-titTxt {
    font-size: 12px;
    margin-top: 8px;
  }
}
.store .store-merit {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
  justify-content: center;
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .store .store-merit {
    width: 90%;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .store .store-merit {
    margin-top: 7.81vw;
    width: 100vw;
  }
}
.store .store-merit .store-meritItem {
  width: 20%;
  margin-right: 6.6%;
  color: white;
}
@media (max-width: 1024px) {
  .store .store-merit .store-meritItem {
    margin-right: 3.2vw;
  }
}
.store .store-merit .store-meritItem:last-child {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .store .store-merit .store-meritItem {
    width: 20vw;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .store .store-merit .store-meritItem {
    width: 25vw;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .store .store-merit .store-meritItem {
    width: 30vw;
  }
}
.store .store-merit .store-meritItem .store-meritIcon {
  background-color: white;
  border-radius: 50%;
  width: 100%;
  aspect-ratio: 1/1;
  text-align: center;
  position: relative;
}
@media (max-width: 1024px) {
  .store .store-merit .store-meritItem .store-meritIcon {
    width: 20vw;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .store .store-merit .store-meritItem .store-meritIcon {
    width: 25vw;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .store .store-merit .store-meritItem .store-meritIcon {
    width: 30vw;
  }
}
.store .store-merit .store-meritItem .store-meritIcon span {
  color: #787878;
  font-size: 3vw;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .store .store-merit .store-meritItem .store-meritIcon span {
    font-size: 4.49vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .store .store-merit .store-meritItem .store-meritIcon span {
    font-size: 6.5vw;
  }
}
.store .store-merit .store-meritItem .store-meritIcon span._svg img {
  width: 3vw;
}
@media (max-width: 1024px) {
  .store .store-merit .store-meritItem .store-meritIcon span._svg img {
    width: 4.49vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .store .store-merit .store-meritItem .store-meritIcon span._svg img {
    width: 6.5vw;
  }
}
.store .store-merit .store-meritItem .store-meritTit {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: 2px;
  text-align: center;
  margin-top: 15px;
}
@media (max-width: 810px) {
  .store .store-merit .store-meritItem .store-meritTit {
    font-size: 16px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .store .store-merit .store-meritItem .store-meritTit {
    font-size: 3.4vw;
    margin-top: 8px;
  }
}
.store .store-merit .store-meritItem .store-meritTxt {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 10px;
  text-align: center;
  opacity: 0.6;
}
@media (max-width: 810px) {
  .store .store-merit .store-meritItem .store-meritTxt br {
    display: none;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .store .store-merit .store-meritItem .store-meritTxt {
    font-size: 12px;
  }
}
.store .store-btn {
  text-align: center;
  margin-top: 60px;
}
@media (max-width: 810px) {
  .store .store-btn {
    margin-top: 7.81vw;
  }
}

.btn {
  overflow: hidden;
  position: relative;
  background-color: #bb0118;
  font-size: 14px;
  color: white;
  font-family: "Noto Serif JP", serif;
  padding: 12px 18px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #bb0118;
  text-decoration: none !important;
  line-height: 100% !important;
  transition: opacity 0.6s;
}
.btn:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.btn:hover {
  color: white !important;
}
@media (max-width: 480px) {
  .btn {
    padding: 6px 8px;
    font-size: 10px;
  }
}
.btn span {
  display: block;
  color: white !important;
  position: relative;
  z-index: 2;
  transition: 0.3s;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none !important;
}
.btn::after {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: white;
  color: #bb0118;
  line-height: 15.5px;
  flex-shrink: 0;
  margin-left: 60px;
  display: block;
  text-decoration: none !important;
}
@media (max-width: 480px) {
  .btn::after {
    margin-left: 40px;
  }
}
.btn._white {
  background-color: white;
  border: 1px solid white;
  text-decoration: none;
  color: #2b2b2b;
}
.btn._white span {
  color: #2b2b2b !important;
  text-decoration: none;
}
.btn._white::after {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: #bb0118;
  color: white;
  text-decoration: none;
}
.btn._white._mr20 {
  margin-right: 20px;
}
.btn._white._jp span {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
.btn._white._cart span {
  font-size: 18px;
}
.btn._white._cart span:before {
  content: "ﮤ";
  font-family: icon;
  margin-right: 10px;
  font-size: 24px;
}
.btn._plus span::before, .officeList .officeList-link .btn._minus span::before {
  content: "もっと見る";
}
.btn._plus::after, .officeList .officeList-link .btn._minus::after {
  content: "ﮞ";
}
.btn._minus span::before {
  content: "閉じる　　";
}
.btn._minus::after {
  content: "ﮟ";
}
.btn._reverse {
  overflow: hidden;
  position: relative;
  background-color: #bb0118;
  font-size: 14px;
  font-family: "Noto Serif JP", serif;
  padding: 12px 18px;
  border-radius: 50px;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  border: 1px solid #bb0118;
  text-decoration: none;
}
@media (max-width: 480px) {
  .btn._reverse {
    padding: 10px 12px;
  }
}
.btn._reverse span {
  display: block;
  color: white;
  position: relative;
  z-index: 2;
  transition: 0.3s;
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: 2px;
  margin-left: 60px;
  text-decoration: none;
}
.btn._reverse::after {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: white;
  color: #bb0118;
  line-height: 15.5px;
  content: "ﮆ";
  flex-shrink: 0;
  margin-left: 0px;
  display: block;
  text-decoration: none;
}
@media (max-width: 480px) {
  .btn._reverse::after {
    margin-left: 0px;
  }
}
.btn._recruit {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.titleLv2 {
  margin-top: 60px;
  margin-bottom: 38px;
}
@media (max-width: 480px) {
  .titleLv2 {
    margin-top: 8.3333333333vw;
    margin-bottom: 24px;
  }
}
.titleLv2::after {
  content: "";
  display: block;
  width: 20px;
  margin-top: 32px;
  border-top: 1px solid #bb0118;
}
@media (max-width: 480px) {
  .titleLv2::after {
    margin-top: 20px;
  }
}
.titleLv2._noline::after {
  display: none;
}
.titleLv2 .titleLv2-main {
  font-size: 14px;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 480px) {
  .titleLv2 .titleLv2-main {
    font-size: 12px;
  }
}
.titleLv2 .titleLv2-important {
  display: flex;
  align-items: center;
}
.titleLv2 .titleLv2-important .titleLv2-importantIcon {
  padding-right: 20px;
}
.titleLv2 .titleLv2-important .titleLv2-importantTxt {
  font-size: 24px;
  color: #bb0118;
  font-family: "Noto Serif JP", serif;
}
.titleLv2 .titleLv2-sub {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 32px;
  margin-bottom: 5px;
  letter-spacing: 2px;
}
@media (max-width: 480px) {
  .titleLv2 .titleLv2-sub {
    font-size: 24px;
  }
}
.titleLv2._ml {
  margin-left: 5%;
}
.titleLv2._center::after {
  margin-right: auto;
  margin-left: auto;
}
.titleLv2._center .titleLv2-main {
  text-align: center;
}
.titleLv2._center .titleLv2-sub {
  text-align: center;
}
.titleLv2._jpLarge {
  margin-top: 0;
}
.titleLv2._jpLarge .titleLv2-main {
  font-size: 36px;
  letter-spacing: 2px;
}
@media (max-width: 1024px) {
  .titleLv2._jpLarge .titleLv2-main {
    font-size: 3.515625vw;
    letter-spacing: 0.1953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .titleLv2._jpLarge .titleLv2-main {
    font-size: 20px;
  }
}
.titleLv2._jpLarge .titleLv2-sub {
  font-size: 16px;
  color: #847c70;
  margin-top: 20px;
  letter-spacing: 1px;
}
@media (max-width: 1024px) {
  .titleLv2._jpLarge .titleLv2-sub {
    font-size: 14px;
    margin-top: 1.953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .titleLv2._jpLarge .titleLv2-sub {
    font-size: 12px;
  }
}

.titleLv2topLine {
  position: relative;
  padding-top: 65px;
  margin-bottom: 65px;
  border-top: 1px solid #dbdbd3;
  width: 100%;
}
@media (max-width: 1024px) {
  .titleLv2topLine {
    padding-top: 6.34765625vw;
    margin-bottom: 6.34765625vw;
  }
}
.titleLv2topLine::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 10vw;
  border-top: 1px solid #bb0118;
}
.titleLv2topLine._flex {
  display: flex;
}
.titleLv2topLine .titleLv2topLine-main {
  font-size: 36px;
  letter-spacing: 2;
  line-height: 1.3;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 1024px) {
  .titleLv2topLine .titleLv2topLine-main {
    font-size: 3.515625vw;
    letter-spacing: 0.1953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .titleLv2topLine .titleLv2topLine-main {
    font-size: 20px;
  }
}
.titleLv2topLine .titleLv2topLine-sub {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 16px;
  color: #847c70;
  margin-top: 20px;
  letter-spacing: 1px;
}
@media (max-width: 1024px) {
  .titleLv2topLine .titleLv2topLine-sub {
    font-size: 14px;
    margin-top: 1.953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .titleLv2topLine .titleLv2topLine-sub {
    font-size: 12px;
  }
}
.titleLv2topLine._ml {
  margin-left: 5%;
}
.titleLv2topLine._center {
  padding-top: 0px;
  margin-bottom: 0px;
  border-top: none;
  text-align: center;
}
.titleLv2topLine._center::before {
  display: none;
}
.titleLv2topLine._underLine {
  padding-bottom: 55px;
  margin-bottom: 65px;
}
@media (max-width: 1024px) {
  .titleLv2topLine._underLine {
    padding-bottom: 5.37109375vw;
    margin-bottom: 6.34765625vw;
  }
}
.titleLv2topLine._underLine::after {
  content: "";
  position: absolute;
  padding-top: 55px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 20px;
  border-bottom: 1px solid #bb0118;
}
@media (max-width: 1024px) {
  .titleLv2topLine._underLine::after {
    padding-top: 5.37109375vw;
  }
}
.titleLv2topLine .titleLv2topLine-importantIcon {
  margin-right: 20px;
}
.titleLv2topLine._toyotomeets .titleLv2topLine-main {
  font-size: 36px;
  letter-spacing: 2;
  line-height: 1.3;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media (max-width: 1024px) {
  .titleLv2topLine._toyotomeets .titleLv2topLine-main {
    font-size: 3.515625vw;
    letter-spacing: 0.1953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .titleLv2topLine._toyotomeets .titleLv2topLine-main {
    font-size: 20px;
  }
}

.titleLv3 {
  font-size: 28px;
  font-family: "Noto Serif JP", serif;
  padding-left: 20px;
  padding: 5px 0 8px 20px;
  border-left: 1px solid #bb0118;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .titleLv3 {
    font-size: clamp(18px, 2.73vw, 28px);
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .titleLv3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .titleLv3 {
    font-size: 18px;
    padding-left: 10px;
  }
}

.titleLv4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
.titleLv4._leftRedLine {
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
.titleLv4 .titleLv4-subRedTxt {
  color: #bb0118;
  font-size: 14px;
  padding-left: 30px;
  font-weight: normal;
}
@media (max-width: 810px) {
  .titleLv4 .titleLv4-subRedTxt {
    display: block;
    padding-left: 0;
  }
}

.pageTitle {
  position: relative;
  margin-top: 70px;
  aspect-ratio: 192/67;
}
@media (min-width: 1920px) {
  .pageTitle {
    aspect-ratio: auto;
    height: 670px;
  }
}
@media (max-width: 810px) {
  .pageTitle {
    margin-top: 50px;
  }
}
.pageTitle .pageTitle-txt {
  position: absolute;
  color: white;
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 5%;
}
.pageTitle .pageTitle-txt .pageTitle-en {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 50px;
  letter-spacing: 6;
}
@media (max-width: 1024px) {
  .pageTitle .pageTitle-txt .pageTitle-en {
    font-size: 4.8828125vw;
    letter-spacing: 0.5859375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitle .pageTitle-txt .pageTitle-en {
    font-size: 20px;
    letter-spacing: 0.2083333333vw;
  }
}
.pageTitle .pageTitle-txt .pageTitle-jp {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: 1px;
}
@media (max-width: 1024px) {
  .pageTitle .pageTitle-txt .pageTitle-jp {
    font-size: 1.953125vw;
    letter-spacing: 0.48828125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitle .pageTitle-txt .pageTitle-jp {
    font-size: 14px;
    letter-spacing: 0.4166666667vw;
  }
}
.pageTitle .pageTitle-txt._iconflex {
  display: flex;
  align-items: center;
}
.pageTitle .pageTitle-txt .pageTitle-icon {
  background-color: white;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  margin-right: 20px;
  padding-top: 17px;
  text-align: center;
}
@media (max-width: 1024px) {
  .pageTitle .pageTitle-txt .pageTitle-icon {
    height: 50px;
    width: 50px;
    margin-right: 15px;
    padding-top: 12px;
  }
  .pageTitle .pageTitle-txt .pageTitle-icon img {
    width: 18px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitle .pageTitle-txt .pageTitle-icon {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    padding-top: 5px;
  }
  .pageTitle .pageTitle-txt .pageTitle-icon img {
    width: 13px;
  }
}
.pageTitle .pageTitle-img {
  position: absolute;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}
.pageTitle .pageTitle-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 670px;
}
.pageTitle._singleTitle {
  aspect-ratio: 192/37;
}
@media (min-width: 1920px) {
  .pageTitle._singleTitle {
    aspect-ratio: auto;
    height: 370px;
  }
}
.pageTitle._singleTitle .pageTitle-img {
  max-height: 370px;
}
@media (max-width: 1920px) {
  .pageTitle._singleTitle .pageTitle-img {
    aspect-ratio: 192/37;
  }
}
.pageTitle._singleTitle .pageTitle-img img {
  width: 100%;
  max-height: auto;
  opacity: 1;
}
.pageTitle._singleTitle .pageTitle-icon {
  opacity: 1;
}
.pageTitle._manual .pageTitle-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.pageTitle._manual .pageTitle-txt .pageTitle-jp {
  font-family: "Noto Serif JP", serif;
  font-size: 34px;
  letter-spacing: 1px;
  text-align: center;
}
@media (max-width: 1024px) {
  .pageTitle._manual .pageTitle-txt .pageTitle-jp {
    font-size: 20px;
    letter-spacing: 0px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitle._manual .pageTitle-txt .pageTitle-jp {
    font-size: 14px;
    letter-spacing: 0px;
  }
}
.pageTitle._manual .pageTitle-txt .pageTitle-date {
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
}

.text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 1px;
  color: #000;
  margin-top: 30px;
}
@media (max-width: 810px) {
  .text {
    margin-top: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .text {
    margin-top: 8px;
  }
}
.text span,
.text mark {
  line-height: 200%;
}
@media (max-width: 480px) {
  .text span,
  .text mark {
    line-height: 180%;
  }
}
.text._bold {
  font-weight: bold;
}
.text._right {
  text-align: right;
}
.text a {
  text-decoration: underline;
}
.text a:hover {
  text-decoration: none;
}

.textRight {
  line-height: 2;
  font-size: 16px;
  text-align: right;
}
@media (max-width: 480px) {
  .textRight {
    font-size: 14px;
  }
}

.card {
  display: flex;
  flex-direction: column;
}
.card .card-thum {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.card .card-thum a {
  transition: 0.5s;
  width: 100%;
}
.card .card-thum a img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.card .card-thum a:hover {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  opacity: 0.6;
}
.card .card-thum span img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.card .card-thum._line {
  border: 1px solid #edede4;
}
.card .card-thumProductSlide {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.card .card-thumProductSlide a {
  transition: 0.5s;
  width: 100%;
}
.card .card-thumProductSlide a .card-thumProductSlideList.swiper-wrapper {
  height: auto;
}
.card .card-thumProductSlide a .card-thumProductSlideList .card-thumProductSlideItem {
  padding: 20px;
}
@media (max-width: 1024px) {
  .card .card-thumProductSlide a .card-thumProductSlideList .card-thumProductSlideItem {
    padding: 10px;
  }
}
.card .card-thumProductSlide a .card-thumProductSlideList .card-thumProductSlideItem img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 16/9;
}
.card .card-thumProductSlide a:hover {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  opacity: 0.6;
}
.card .card-thumProductSlide span img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.card .card-thumProductSlide._line {
  border: 1px solid #edede4;
}
.card .card-data {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
@media (max-width: 480px) {
  .card .card-data {
    display: block;
  }
}
.card .card-data .card-time {
  font-size: 10px;
  font-family: "Montserrat", sans-serif;
  opacity: 0.5;
  letter-spacing: 1px;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .card .card-data .card-time {
    margin-bottom: 5px;
  }
}
.card .card-body .card-tit {
  margin-top: 10px;
  font-family: "Noto Serif JP", serif;
  line-height: 1.6;
  transition: 0.5s;
}
@media (max-width: 480px) {
  .card .card-body .card-tit {
    margin-top: 10px;
    font-size: 16px;
  }
}
.card .card-body .card-tit._arrow::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: #bb0118;
  color: white;
  margin-right: 8px;
}
.card .card-body .card-txt {
  font-size: 14px;
  margin-top: 10px;
  color: #787878;
  line-height: 2;
  transition: 0.5s;
}
@media (max-width: 480px) {
  .card .card-body .card-txt {
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.5;
  }
}
.card .card-body a {
  transition: 0.5s;
}
.card .card-body a:hover {
  transition: 0.5s;
  opacity: 0.5;
}
.card .card-body a:hover .card-tit {
  color: #bb0118;
  transition: 0.5s;
}
.card .card-body a:hover .card-txt {
  color: #bb0118;
  transition: 0.5s;
}
.card .card-dl .card-line {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dashed #dbdbd3;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .card .card-dl .card-line {
    padding-top: 5px;
    margin-top: 5px;
  }
}
.card .card-dl .card-line:last-child {
  padding-bottom: 10px;
  border-bottom: 1px dashed #dbdbd3;
}
@media (max-width: 480px) {
  .card .card-dl .card-line:last-child {
    padding-bottom: 5px;
  }
}
.card .card-dl .card-line .card-dt {
  font-weight: bold;
  line-height: 1.5;
  font-size: 14px;
  width: 30%;
}
@media (max-width: 480px) {
  .card .card-dl .card-line .card-dt {
    font-size: 12px;
  }
}
.card .card-dl .card-line .card-dd {
  font-size: 14px;
  line-height: 1.5;
  width: 70%;
}
@media (max-width: 480px) {
  .card .card-dl .card-line .card-dd {
    font-size: 12px;
  }
}
.card._toyotomeets .card-tit {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}

.cardList {
  display: grid;
  grid-template-columns: 31% 31% 31%;
  -moz-column-gap: 3.5%;
       column-gap: 3.5%;
  row-gap: 4vw;
  height: auto !important;
}
@media (max-width: 1024px) {
  .cardList {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
    row-gap: 5vw;
  }
}
.cardList._4column {
  grid-template-columns: 23% 23% 23% 23%;
  -moz-column-gap: 2.6%;
       column-gap: 2.6%;
  row-gap: 2vw;
}
@media (max-width: 1024px) {
  .cardList._4column {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
    row-gap: 5vw;
  }
}
@media (max-width: 480px) {
  .cardList._sp1column {
    grid-template-columns: 100%;
    -moz-column-gap: 0%;
         column-gap: 0%;
    row-gap: 30px;
  }
}
.cardList._spSlideScroll {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .cardList._spSlideScroll {
    grid-template-columns: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    -moz-column-gap: 5%;
         column-gap: 5%;
  }
  .cardList._spSlideScroll .cardList-item {
    width: 70%;
    flex-shrink: 0;
    padding-bottom: 10px;
  }
}

.tag {
  background-color: #c9b485;
  color: white;
  font-size: 10px;
  padding: 8px 12px 7px;
  border-radius: 25px;
  transition: opacity 0.6s;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  letter-spacing: 1.2;
  line-height: 1;
}
.tag:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .tag {
    padding: 4px 6px 3px;
    letter-spacing: 0.8;
  }
}
.tag._news {
  background-color: white;
  border: 1px solid #787878;
  color: #787878;
}
.tag._news:hover {
  opacity: 1;
}

.tagList {
  display: flex;
  flex-wrap: wrap;
}
.tagList .newsTag-item {
  margin-right: 10px;
}
.tagList .tagList-item {
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (max-width: 1024px) {
  .tagList .tagList-item {
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
}

.pdf {
  background-image: url(/hp/wp-content/themes/toyotomi/asset/img/common/pdf.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 25px;
  background-size: auto 23px;
  transition: 0.5s;
}
.pdf:hover {
  transition: 0.5s;
  color: #bb0118;
}

.pdf_a a {
  background-image: url(/hp/wp-content/themes/toyotomi/asset/img/common/pdf.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 25px;
  background-size: auto 23px;
  transition: 0.5s;
}
.pdf_a a:hover {
  transition: 0.5s;
  color: #bb0118;
}

.pdf_fig figcaption a {
  background-image: url(/hp/wp-content/themes/toyotomi/asset/img/common/pdf.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 25px;
  background-size: auto 23px;
  transition: 0.5s;
}
.pdf_fig figcaption a:hover {
  transition: 0.5s;
  color: #bb0118;
}

.wrapperWhite {
  background-color: white;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.declaration {
  background-color: #f2f1ec;
  text-align: center;
  padding: 80px;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 32px;
  letter-spacing: 2;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .declaration {
    padding: 50px;
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .declaration {
    padding: 40px;
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .declaration {
    padding: 30px;
    font-size: 20px;
  }
}

.numberList .numberList-item {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.numberList .numberList-item .numberList-circleNum {
  background-color: #847c70;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
  line-height: 30px;
  color: white;
  flex-shrink: 0;
}
.numberList .numberList-item .numberList-txt {
  padding-left: 10px;
  line-height: 150%;
}

.tableList .tableList-item {
  display: flex;
  position: relative;
  padding-top: 45px;
  margin-bottom: 45px;
  border-top: 1px solid #dbdbd3;
  width: 100%;
}
@media (max-width: 1024px) {
  .tableList .tableList-item {
    padding-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .tableList .tableList-item {
    padding-top: 15px;
    margin-bottom: 15px;
    display: block;
  }
}
.tableList .tableList-item:last-child {
  padding-bottom: 45px;
  border-bottom: 1px solid #dbdbd3;
}
@media (max-width: 1024px) {
  .tableList .tableList-item:last-child {
    padding-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .tableList .tableList-item:last-child {
    padding-bottom: 15px;
  }
}
.tableList .tableList-item::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 30px;
  border-top: 1px solid #bb0118;
}
@media (max-width: 480px) {
  .tableList .tableList-item::before {
    width: 15px;
  }
}
.tableList .tableList-item .tableList-tit {
  font-weight: bold;
  width: 20%;
  flex-direction: 0;
  line-height: 1.5;
  padding-right: 30px;
}
@media (max-width: 480px) {
  .tableList .tableList-item .tableList-tit {
    width: 100%;
  }
}
.tableList .tableList-item .tableList-tit ._syouwa {
  font-size: 14px;
  font-weight: normal;
}
@media (max-width: 1024px) {
  .tableList .tableList-item .tableList-tit ._syouwa {
    display: block;
  }
}
.tableList .tableList-item .tableList-txt {
  width: 70%;
  flex-direction: 0;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .tableList .tableList-item .tableList-txt {
    width: 100%;
    margin-top: 5px;
  }
}

.officeList {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .officeList {
    margin-top: 25px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .officeList {
    margin-top: 10px;
  }
}
.officeList .officeList-link {
  background-color: #f2f1ec;
  padding: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: opacity 0.6s;
}
.officeList .officeList-link:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .officeList .officeList-link {
    padding: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .officeList .officeList-link {
    padding: 15px;
  }
}
.officeList .officeList-link .officeList-txt {
  font-size: 20px;
  letter-spacing: 2;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 480px) {
  .officeList .officeList-link .officeList-txt {
    font-size: 16px;
    letter-spacing: 0.5;
  }
}
.officeList .officeList-link ._plus, .officeList .officeList-link ._minus {
  background-color: #bb0118;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
}
@media (max-width: 480px) {
  .officeList .officeList-link ._plus, .officeList .officeList-link ._minus {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}
.officeList .officeList-link ._plus::after, .officeList .officeList-link ._minus::after {
  content: "+";
  color: white;
  display: block;
  font-size: 14px;
}
@media (max-width: 480px) {
  .officeList .officeList-link ._plus::after, .officeList .officeList-link ._minus::after {
    font-size: 12px;
  }
}
.officeList .officeList-link ._minus {
  background-color: #847c70;
}
.officeList .officeList-link ._minus::after {
  content: "-";
}
.officeList .officeList-body {
  display: none;
}
.officeList .officeList-body .officeList-flex {
  width: 100%;
  display: flex;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .officeList .officeList-body .officeList-flex {
    display: block;
    margin-top: 20px;
  }
}
.officeList .officeList-body .officeList-flex .officeList-text {
  width: calc(100% - 600px);
  padding-right: 60px;
}
@media (max-width: 1024px) {
  .officeList .officeList-body .officeList-flex .officeList-text {
    width: 100%;
    padding-right: 0;
  }
}
.officeList .officeList-body .officeList-flex .officeList-text .officeList-adress {
  line-height: 1.5;
}
.officeList .officeList-body .officeList-flex .officeList-text .officeList-detailList {
  margin-top: 30px;
  line-height: 1.5;
}
.officeList .officeList-body .officeList-flex .officeList-text .officeList-detailList p {
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .officeList .officeList-body .officeList-flex .officeList-text .officeList-detailList {
    margin-top: 20px;
  }
}
.officeList .officeList-body .officeList-flex .officeList-text .officeList-acess {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .officeList .officeList-body .officeList-flex .officeList-text .officeList-acess {
    margin-top: 20px;
  }
}
.officeList .officeList-body .officeList-flex .officeList-text .officeList-acess .officeList-acessTit {
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .officeList .officeList-body .officeList-flex .officeList-text .officeList-acess .officeList-acessTit {
    font-size: 14px;
  }
}
.officeList .officeList-body .officeList-flex .officeList-text .officeList-acess .officeList-acessbox {
  line-height: 1.5;
}
.officeList .officeList-body .officeList-flex .officeList-text .officeList-acess .officeList-acessbox p {
  line-height: 1.5;
}
.officeList .officeList-body .officeList-map {
  width: 600px;
}
@media (max-width: 1024px) {
  .officeList .officeList-body .officeList-map {
    width: 100%;
    margin-top: 20px;
  }
  .officeList .officeList-body .officeList-map iframe {
    width: 100%;
  }
}

.dottList .dottList-item {
  line-height: 1.5;
  margin-top: 10px;
  display: flex;
}
.dottList .dottList-item::before {
  content: "・";
  display: block;
}

/***************************************

ページネーション

****************************************/
.pageNation ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 60px;
}
.pageNation ul li {
  padding-bottom: 10px;
}
.pageNation ul li a {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin: 0 5px;
  transition: all 0.3s ease;
  background-color: #bb0118;
  color: white;
  line-height: 55px;
}
@media (max-width: 480px) {
  .pageNation ul li a {
    width: 30px;
    height: 30px;
    margin: 0 2px;
    line-height: 30px;
  }
}
.pageNation ul li a:hover {
  transition: opacity 0.6s;
}
.pageNation ul li a:hover:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.pageNation ul li .current {
  background-color: #847c70;
  color: #2b2b2b;
  width: 55px;
  height: 55px;
  text-align: center;
  font-size: 12px;
  line-height: 55px;
  margin: 0 5px;
  display: block;
  border-radius: 50%;
  color: white;
}
@media (max-width: 480px) {
  .pageNation ul li .current {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 2px;
  }
}
.pageNation ul li .current span {
  color: #2b2b2b;
}
.pageNation ul li .arrowLeft {
  transform: rotate(-180deg);
  display: block;
}
.pageNation ul li .dots {
  line-height: 2.8;
  padding: 0 10px;
}
@media (max-width: 480px) {
  .pageNation ul li .dots {
    line-height: 2.2;
  }
}

/***************************************


SNS 追従サイドナビリンク


****************************************/
.snsLink {
  background-color: white;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: fixed;
  z-index: 19;
  right: 0;
  padding: 20px 10px 15px 15px;
  top: 200px;
  box-shadow: 0px 0px 10px -5px #777777;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 480px) {
  .snsLink {
    display: none;
  }
}
.snsLink .snsLink-tit {
  font-weight: bold;
  font-size: 10px;
  writing-mode: vertical-rl;
  line-height: 22px;
  margin-bottom: 10px;
  color: #847c70;
  font-family: "Montserrat", sans-serif;
}
.snsLink .snsLink-icon {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.snsLink .snsLink-icon a {
  width: 18px;
}
.snsLink .snsLink-icon a._is {
  color: #fdb92e;
  background: linear-gradient(90deg, #4158d0, #c850c0 30%, #ffcc70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
  font-size: 18px;
}
.snsLink .snsLink-icon a._yt {
  color: #cb5252;
  margin-bottom: 8px;
  font-size: 20px;
}
.snsLink .snsLink-icon a._fb {
  color: #3e7cc4;
  margin-bottom: 8px;
  font-size: 18px;
}
.snsLink .snsLink-icon a._tw {
  color: #3fa0ce;
  font-size: 18px;
}

.backgroundBox {
  background-color: #f2f1ec;
  border-radius: 10px;
  width: 100%;
  padding: 40px;
}
@media (max-width: 810px) {
  .backgroundBox {
    padding: 40px 20px;
  }
}

.checkList {
  margin-top: 30px;
}
@media (max-width: 480px) {
  .checkList {
    margin-top: 20px;
  }
}
.checkList .checkList-item {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .checkList .checkList-item {
    align-items: flex-start;
  }
}
.checkList .checkList-item .checkList-icon {
  color: #bb0118;
  font-size: 24px;
  margin-right: 10px;
}
.checkList .checkList-item .checkList-txt {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .checkList .checkList-item .checkList-txt {
    padding-top: 3px;
    font-size: 14px;
  }
}

.lineBox {
  border-radius: 10px;
  border: 1px solid #787878;
  margin-top: 60px;
  padding: 60px 40px;
}
@media (max-width: 810px) {
  .lineBox {
    margin-top: 40px;
    padding: 40px 20px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .lineBox {
    padding: 20px;
  }
}

.share {
  background-color: #f2f1ec;
  border-radius: 5px;
  padding: 40px;
}
@media (max-width: 480px) {
  .share {
    padding: 20px;
  }
}
.share .share-tit {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
}
@media (max-width: 480px) {
  .share .share-tit {
    font-size: 18px;
  }
}
.share .share-tit._toyotomeets {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.share .share-list {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
@media (max-width: 480px) {
  .share .share-list {
    padding-top: 10px;
  }
}
.share .share-item {
  margin-right: 20px;
}
.share .share-item a {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: white;
  text-align: center;
  line-height: 100px;
}
@media (max-width: 480px) {
  .share .share-item a {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.share .share-item a:hover {
  opacity: 0.7;
}
.share .share-item a._fb:before {
  font-family: icon;
  content: "ﮥ";
  color: #2365b7;
  font-size: 24px;
}
.share .share-item a._tw:before {
  font-family: icon;
  content: "﮲";
  color: #3fa6e8;
  font-size: 24px;
}
.share .share-item:last-child {
  margin-right: 0;
}

.bannerArea {
  background-color: #f2f1ec;
  padding: 60px 0;
}
@media (max-width: 1024px) {
  .bannerArea {
    padding: 40px 0px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .bannerArea {
    padding: 20px 0px;
  }
}
.bannerArea .bannerArea-wrapper {
  width: 90%;
  margin: 0 auto;
}
.bannerArea .bannerArea-list {
  display: grid;
  grid-template-columns: 23% 23% 23% 23%;
  -moz-column-gap: 3%;
       column-gap: 3%;
  row-gap: 20px;
  height: auto;
}
@media (max-width: 1024px) {
  .bannerArea .bannerArea-list {
    grid-template-columns: 31% 31% 31%;
    -moz-column-gap: 3.5%;
         column-gap: 3.5%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .bannerArea .bannerArea-list {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
    row-gap: 10px;
  }
}
.bannerArea .bannerArea-list .bannerArea-item {
  display: flex;
}
.bannerArea .bannerArea-list .bannerArea-item a {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  line-height: 1.2;
  transition: opacity 0.6s;
}
.bannerArea .bannerArea-list .bannerArea-item a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .bannerArea .bannerArea-list .bannerArea-item a {
    padding: 10px;
    font-size: 14px;
  }
}
.bannerArea .bannerArea-list .bannerArea-item a::after {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: #bb0118;
  color: white;
  flex-shrink: 0;
  display: block;
  text-decoration: none !important;
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .bannerArea .bannerArea-list .bannerArea-item a::after {
    margin-left: 10px;
  }
}
@media (max-width: 480px) {
  .bannerArea .bannerArea-list .bannerArea-item a::after {
    margin-left: 5px;
  }
}

.grid {
  display: grid;
}
.grid .grid-img {
  max-width: 653px;
  width: 100%;
}
.grid .grid-img img {
  width: 100%;
}
.grid h5 {
  font-size: 16px;
  margin-top: 30px;
}
.grid .grid-hschoolWhat {
  padding: 20px;
  background-color: white;
  border-radius: 20px;
  width: 100%;
  box-shadow: 0px 0px 10px -5px #777777;
}
@media (max-width: 1024px) {
  .grid .grid-hschoolWhat {
    padding: 10px;
    border-radius: 10px;
  }
}
.grid .grid-hschoolWhat img {
  width: 100%;
}
.grid._2col_55 {
  grid-template-columns: 48.1% 48.1%;
  -moz-column-gap: 3.98%;
       column-gap: 3.98%;
  row-gap: 20px;
}
@media (max-width: 810px) {
  .grid._2col_55 {
    grid-template-columns: 100%;
    -moz-column-gap: 0%;
         column-gap: 0%;
    row-gap: 20px;
  }
}
.grid._2col_64 {
  grid-template-columns: 58% 38%;
  -moz-column-gap: 4%;
       column-gap: 4%;
  row-gap: 20px;
}
@media (max-width: 810px) {
  .grid._2col_64 {
    grid-template-columns: 100%;
    -moz-column-gap: 0%;
         column-gap: 0%;
    row-gap: 20px;
  }
}
.grid._2col_46 {
  grid-template-columns: 38% 58%;
  -moz-column-gap: 4%;
       column-gap: 4%;
  row-gap: 20px;
}
@media (max-width: 810px) {
  .grid._2col_46 {
    grid-template-columns: 100%;
    -moz-column-gap: 0%;
         column-gap: 0%;
    row-gap: 20px;
  }
}
.grid._3col_333 {
  grid-template-columns: 31% 31% 31%;
  -moz-column-gap: 3.5%;
       column-gap: 3.5%;
  row-gap: 40px;
}
@media (max-width: 810px) {
  .grid._3col_333 {
    grid-template-columns: 48.1% 48.1%;
    -moz-column-gap: 3.98%;
         column-gap: 3.98%;
    row-gap: 20px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .grid._3col_333 {
    grid-template-columns: 100%;
    -moz-column-gap: 0%;
         column-gap: 0%;
    row-gap: 20px;
  }
}
.grid._heightCenter {
  align-items: center;
}
.grid._rowgap60 {
  row-gap: 60px;
}
@media (max-width: 810px) {
  .grid._rowgap60 {
    row-gap: 30px;
  }
}

.table {
  margin-top: 30px;
  width: 100%;
}
@media (max-width: 1024px) {
  .table {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .table {
    margin-top: 4.1666666667vw;
  }
}
.table tr {
  border-top: 1px solid #dbdbd3;
}
.table tr:last-child {
  border-bottom: 1px solid #dbdbd3;
}
.table tr td {
  padding: 15px 20px;
  line-height: 120%;
  border-right: 1px solid #dbdbd3;
}
@media (max-width: 810px) {
  .table tr td {
    padding: 10px;
  }
}
.table tr td:first-child {
  border-left: 1px solid #dbdbd3;
}
.table thead th {
  padding: 15px 20px;
  line-height: 150%;
  border-right: 1px solid #dbdbd3;
  background-color: #f2f1ec;
}
.table thead th:first-child {
  border-left: 1px solid #dbdbd3;
}
.table figcaption {
  font-size: 14px;
  margin-top: 20px;
  line-height: 150%;
}
.table._scroll {
  overflow: hidden;
  white-space: nowrap;
}
.table._scroll::-webkit-scrollbar {
  height: 5px;
}
.table._scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.table._scroll::-webkit-scrollbar-thumb {
  background: #bcbcbc;
}
.table._td50 td {
  width: 50%;
}

.topMainMovie {
  margin-top: 70px;
  height: calc(100vh - 70px);
  width: 100%;
  position: relative;
}
@media (max-width: 1024px) and (max-width: 810px) {
  .topMainMovie {
    margin-top: 50px;
    height: calc(95vh - 50px);
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .topMainMovie {
    height: calc(80vh - 80px);
  }
}
.topMainMovie a .topMainMovie-videoImg {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: calc(100vh - 70px);
}
@media (max-width: 810px) {
  .topMainMovie a .topMainMovie-videoImg {
    height: calc(95vh - 50px);
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .topMainMovie a .topMainMovie-videoImg {
    height: calc(80vh - 50px);
  }
}

/*--------- 
下から上に赤がグィーンって
親につけると動く
 --------*/
.ani_upSlide::before {
  animation-name: bgDUextendAnime;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  cubic-bezier: 0.71, 0, 0.19, 1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #dbdbd3; /*伸びる背景色の設定*/
  z-index: 9;
}

.ani_upSlide_black::before {
  animation-name: bgDUextendAnime;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  cubic-bezier: 0.71, 0, 0.19, 1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black; /*伸びる背景色の設定*/
  z-index: 9;
}

@keyframes bgDUextendAnime {
  0% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
  50% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  50.001% {
    transform-origin: top;
  }
  100% {
    transform-origin: top;
    transform: scaleY(0);
  }
}
.ani_imgScale {
  animation-name: bigtosmall;
  animation-duration: 1.2s;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  cubic-bezier: 0.71, 0, 0.19, 1;
  opacity: 0;
}
@keyframes bigtosmall {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.ani_imgScale_nodelay {
  animation-name: bigtosmall2;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  cubic-bezier: 0.71, 0, 0.19, 1;
  opacity: 0;
}
@keyframes bigtosmall2 {
  0% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.ani_fade {
  animation-name: bigtosmall3;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  cubic-bezier: 0.71, 0, 0.19, 1;
  opacity: 0;
}
@keyframes bigtosmall3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ani_imgFade {
  animation-name: fadeimg;
  animation-duration: 1s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  cubic-bezier: 0.71, 0, 0.19, 1;
  opacity: 0;
}
@keyframes fadeimg {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.topCompany {
  position: relative;
  padding: 6.25vw 0px 5.2083333333vw 0px;
}
.topCompany .topCompany-body {
  text-align: center;
  position: relative;
}
.topCompany .topCompany-body .topCompany-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 40px;
  letter-spacing: 1;
  line-height: 150%;
}
@media (max-width: 1440px) {
  .topCompany .topCompany-body .topCompany-tit {
    font-size: clamp(24px, 2.0833333333vw, 40px);
  }
}
.topCompany .topCompany-body .topCompany-txt {
  margin-top: 3.13vw;
  line-height: 300%;
}
@media (max-width: 810px) {
  .topCompany .topCompany-body .topCompany-txt {
    font-size: clamp(12px, 1.5625vw, 999px);
    line-height: 250%;
  }
}
.topCompany .topCompany-body .topCompany-btn {
  margin-top: 3.13vw;
}
.topCompany .topCompany-img {
  position: absolute;
  width: 100%;
}
.topCompany .topCompany-img .topCompany-img01,
.topCompany .topCompany-img .topCompany-img03 {
  position: absolute;
}
.topCompany .topCompany-img .topCompany-img01 img,
.topCompany .topCompany-img .topCompany-img03 img {
  width: 391px;
}
@media (max-width: 1440px) {
  .topCompany .topCompany-img .topCompany-img01 img,
  .topCompany .topCompany-img .topCompany-img03 img {
    width: clamp(1px, 23.4375vw, 391px);
  }
}
.topCompany .topCompany-img .topCompany-img02,
.topCompany .topCompany-img .topCompany-img04 {
  position: absolute;
}
.topCompany .topCompany-img .topCompany-img02 img,
.topCompany .topCompany-img .topCompany-img04 img {
  width: 272px;
}
@media (max-width: 1440px) {
  .topCompany .topCompany-img .topCompany-img02 img,
  .topCompany .topCompany-img .topCompany-img04 img {
    width: clamp(1px, 17.1875vw, 272px);
  }
}
.topCompany .topCompany-img .topCompany-img01 {
  left: 3.125vw;
}
@media (max-width: 480px) {
  .topCompany .topCompany-img .topCompany-img01 {
    top: 14.5833333333vw;
  }
}
.topCompany .topCompany-img .topCompany-img02 {
  top: 26.5625vw;
  left: 11.4583333333vw;
}
@media (max-width: 480px) {
  .topCompany .topCompany-img .topCompany-img02 {
    top: 64.5833333333vw;
    left: 4.1666666667vw;
  }
}
.topCompany .topCompany-img .topCompany-img03 {
  top: -1.5625vw;
  right: 4.6875vw;
}
@media (max-width: 480px) {
  .topCompany .topCompany-img .topCompany-img03 {
    top: 12.5vw;
  }
}
.topCompany .topCompany-img .topCompany-img04 {
  top: 25vw;
  right: 9.375vw;
}
@media (max-width: 480px) {
  .topCompany .topCompany-img .topCompany-img04 {
    top: 62.5vw;
    right: 4.1666666667vw;
  }
}
.topCompany .topCompany-img .topCompany-seven {
  display: flex;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 21.875vw;
}
@media (max-width: 480px) {
  .topCompany .topCompany-img .topCompany-seven {
    top: 41.6666666667vw;
  }
}
.topCompany .topCompany-img .topCompany-seven .topCompany-seven01,
.topCompany .topCompany-img .topCompany-seven .topCompany-seven02,
.topCompany .topCompany-img .topCompany-seven .topCompany-seven03,
.topCompany .topCompany-img .topCompany-seven .topCompany-seven04 {
  margin-right: 7.1354166667vw;
}
.topCompany .topCompany-img .topCompany-seven .topCompany-seven01 img,
.topCompany .topCompany-img .topCompany-seven .topCompany-seven02 img,
.topCompany .topCompany-img .topCompany-seven .topCompany-seven03 img,
.topCompany .topCompany-img .topCompany-seven .topCompany-seven04 img {
  width: 222px;
}
@media (max-width: 1440px) {
  .topCompany .topCompany-img .topCompany-seven .topCompany-seven01 img,
  .topCompany .topCompany-img .topCompany-seven .topCompany-seven02 img,
  .topCompany .topCompany-img .topCompany-seven .topCompany-seven03 img,
  .topCompany .topCompany-img .topCompany-seven .topCompany-seven04 img {
    width: clamp(1px, 11.5625vw, 222px);
  }
}
.topCompany .topCompany-img .topCompany-seven .topCompany-seven04 {
  margin-right: 0;
}

.newsTop {
  width: 90%;
  display: flex;
  margin: 0 auto;
  padding: 6.25vw 0px 5.2083333333vw 0px;
}
@media (max-width: 1024px) {
  .newsTop {
    display: block;
  }
}
.newsTop .newsTop-titbox {
  width: 25%;
  border-right: 1px solid #dbdbd3;
}
@media (max-width: 1024px) {
  .newsTop .newsTop-titbox {
    width: 100%;
    border-right: none;
  }
}
@media (max-width: 1024px) {
  .newsTop .newsTop-titbox .newsTop-navi {
    display: flex;
  }
}
.newsTop .newsTop-titbox .newsTop-navi .newsTop-naviItem {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .newsTop .newsTop-titbox .newsTop-navi .newsTop-naviItem {
    margin-top: 0;
    margin-right: 20px;
  }
}
.newsTop .newsTop-titbox .newsTop-navi .newsTop-naviItem a {
  font-weight: bold;
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  transition: 0.5s;
}
.newsTop .newsTop-titbox .newsTop-navi .newsTop-naviItem a:hover {
  transition: 0.5s;
  color: #bb0118;
}
.newsTop .newsTop-titbox .newsTop-navi .newsTop-naviItem .newsTop-active {
  color: #bb0118;
  font-weight: bold;
}
.newsTop .newsTop-titbox .newsTop-navi .newsTop-naviItem .newsTop-active::before {
  content: "・";
  color: #bb0118;
}
@media (max-width: 480px) {
  .newsTop .newsTop-titbox .newsTop-navi._spSlideScroll {
    grid-template-columns: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 1000%;
  }
}
.newsTop .newsTop-body {
  width: 78%;
  padding-left: 8%;
}
@media (max-width: 1024px) {
  .newsTop .newsTop-body {
    width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .newsTop .newsTop-body {
    margin-top: 25px;
  }
}
.newsTop .newsTop-body .newsTop-btn {
  text-align: right;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .newsTop .newsTop-body .newsTop-btn {
    margin-top: 30px;
  }
}

.productTab {
  width: 100%;
  margin-bottom: 100px;
  margin-top: 15vw;
  position: relative;
}
@media (max-width: 1024px) {
  .productTab {
    margin-bottom: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productTab {
    margin-bottom: 0px;
  }
}
.productTab .productTab-list {
  position: relative;
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
  z-index: 10;
}
@media (max-width: 1024px) {
  .productTab .productTab-list {
    display: none;
  }
}
.productTab .productTab-list .productTab-item {
  width: 33.3333333333%;
  border-left: 1px solid #f2f1ec;
  border-right: 1px solid white;
  border-bottom: 1px solid #dbdbd3;
  border-top: 1px solid #f2f1ec;
}
.productTab .productTab-list .productTab-item .productTab-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f1ec;
  height: 130px;
  transition: 0.5s;
}
.productTab .productTab-list .productTab-item .productTab-link:hover {
  opacity: 0.7;
  transition: 0.5s;
}
.productTab .productTab-list .productTab-item .productTab-link .productTab-txt {
  margin-left: 10px;
}
.productTab .productTab-list .productTab-item .productTab-link .productTab-txt .productTab-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  letter-spacing: 2;
}
.productTab .productTab-list .productTab-item .productTab-link .productTab-txt .productTab-subtit {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 12px;
  margin-top: 5px;
  color: #847c70;
}
.productTab .productTab-list .productTab-item.active {
  border-right: 1px solid #dbdbd3;
  border-left: 1px solid #dbdbd3;
  border-top: 1px solid #bb0118;
  border-bottom: 1px solid white;
}
.productTab .productTab-list .productTab-item.active .productTab-link {
  background-color: white;
}
.productTab .productTab-line {
  width: 100%;
  border-bottom: 1px solid #dbdbd3;
  z-index: -1;
  margin-top: -1px;
}
@media (max-width: 1024px) {
  .productTab .productTab-line {
    display: none;
  }
}
.productTab .productTab-box {
  display: block;
}
@media (max-width: 1024px) {
  .productTab .productTab-box {
    display: none;
  }
}
.productTab .productTab-area {
  display: none;
  opacity: 0;
}
.productTab .productTab-area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  width: 90%;
  margin: 65px auto;
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.productTabSp {
  display: none;
}
@media (max-width: 1024px) {
  .productTabSp {
    display: block;
  }
}
.productTabSp .productTabSp-item {
  border-bottom: 1px solid white;
}
.productTabSp .productTabSp-item .productTabSp-link {
  background-color: #f2f1ec;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 20px;
}
.productTabSp .productTabSp-item .productTabSp-link .productTabSp-box {
  display: flex;
  align-items: center;
}
.productTabSp .productTabSp-item .productTabSp-link .productTabSp-box img {
  width: 40px;
}
.productTabSp .productTabSp-item .productTabSp-link .productTabSp-txt {
  margin-left: 15px;
}
.productTabSp .productTabSp-item .productTabSp-link .productTabSp-txt .productTabSp-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
}
.productTabSp .productTabSp-item .productTabSp-link .productTabSp-txt .productTabSp-subtit {
  color: #847c70;
  font-size: 14px;
  font-family: "Sorts Mill Goudy", serif;
  margin-top: 5px;
}
.productTabSp .productTabSp-item .productTabSp-link ._plus, .productTabSp .productTabSp-item .productTabSp-link .officeList .officeList-link ._minus, .officeList .officeList-link .productTabSp .productTabSp-item .productTabSp-link ._minus {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  display: inline-block;
  background-color: #bb0118;
}
.productTabSp .productTabSp-item .productTabSp-link ._plus::before, .productTabSp .productTabSp-item .productTabSp-link .officeList .officeList-link ._minus::before, .officeList .officeList-link .productTabSp .productTabSp-item .productTabSp-link ._minus::before {
  content: "ﮞ";
  font-family: icon;
  color: white;
}
.productTabSp .productTabSp-item .productTabSp-link ._plus::before, .productTabSp .productTabSp-item .productTabSp-link .officeList .officeList-link ._minus::before, .officeList .officeList-link .productTabSp .productTabSp-item .productTabSp-link ._minus::before {
  color: white;
}
.productTabSp .productTabSp-item .productTabSp-link ._minus {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  display: inline-block;
  background-color: #bb0118;
}
.productTabSp .productTabSp-item .productTabSp-link ._minus::before {
  content: "ﮟ";
  font-family: icon;
  color: white;
}
.productTabSp .productTabSp-item .productTabSp-link ._minus::before {
  color: white;
}
.productTabSp .productTabSp-accordion {
  display: none;
  width: 100%;
}
.productTabSp .productTabSp-accordion .productTabSp-accordionList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.productTabSp .productTabSp-accordion .productTabSp-accordionList .productTabSp-accordionItem {
  width: 50%;
}
.productTabSp .productTabSp-accordion .productTabSp-accordionList .productTabSp-accordionItem a {
  display: block;
  position: relative;
  width: 100%;
  height: 30vw;
  max-height: 200px;
}
.productTabSp .productTabSp-accordion .productTabSp-accordionList .productTabSp-accordionItem a .productTabSp-accordionTit {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 14px;
  letter-spacing: 2;
  text-align: center;
}
.productTabSp .productTabSp-accordion .productTabSp-accordionList .productTabSp-accordionItem a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.productFeature {
  display: flex;
}
@media (max-width: 1024px) {
  .productFeature {
    display: block;
  }
}
.productFeature .productFeature-img {
  display: block;
}
@media (max-width: 1024px) {
  .productFeature .productFeature-img {
    text-align: center;
    background-color: #f2f1ec;
    padding-top: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productFeature .productFeature-img {
    padding-top: 0;
  }
}
.productFeature .productFeature-img img {
  width: 100%;
  max-width: 374px;
}
.productFeature .productFeature-body {
  display: block;
  width: calc(100% - 374px);
  position: relative;
  background-color: #f2f1ec;
}
@media (max-width: 1024px) {
  .productFeature .productFeature-body {
    width: 100%;
  }
}
.productFeature .productFeature-body .productFeature-txt {
  position: absolute;
  padding: 40px;
  max-width: 1400px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .productFeature .productFeature-body .productFeature-txt {
    position: relative;
    transform: none;
    padding-top: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productFeature .productFeature-body .productFeature-txt {
    padding: 20px;
  }
}
.productFeature .productFeature-body .productFeature-txt .productFeature-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 28px;
  margin-bottom: 30px;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .productFeature .productFeature-body .productFeature-txt .productFeature-tit {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productFeature .productFeature-body .productFeature-txt .productFeature-tit {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

.productReco {
  background-color: #f2f1ec;
  padding: 60px 50px;
}
@media (max-width: 1024px) {
  .productReco {
    padding: 40px 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productReco {
    padding: 30px 20px;
  }
}
.productReco .productReco-item {
  padding: 25px 0px;
  border-bottom: 1px dashed #dbdbd3;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .productReco .productReco-item {
    font-size: 18px;
    letter-spacing: 1px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productReco .productReco-item {
    padding: 15px 0;
  }
}
.productReco .productReco-item:first-child {
  padding-top: 0;
}
.productReco .productReco-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.productReco .productReco-item .productReco-icon {
  font-family: icon;
  color: #bb0118;
  font-size: 32px;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .productReco .productReco-item .productReco-icon {
    font-size: 20px;
  }
}
.productReco .productReco-item .productReco-p,
.productReco .productReco-item p {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 2;
}
@media (max-width: 1024px) {
  .productReco .productReco-item .productReco-p,
  .productReco .productReco-item p {
    font-size: 18px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productReco .productReco-item .productReco-p,
  .productReco .productReco-item p {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.productReco .productReco-item .productReco-p span,
.productReco .productReco-item p span {
  color: #bb0118;
  text-decoration: underline;
}

.productListTab {
  width: 100%;
  margin-bottom: 100px;
  margin-top: 60px;
  position: relative;
}
@media (max-width: 1024px) {
  .productListTab {
    margin-top: 5.859375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productListTab {
    margin-bottom: 0px;
  }
}
.productListTab .productListTab-list {
  position: relative;
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
  z-index: 10;
}
.productListTab .productListTab-list .productListTab-item {
  width: 50%;
  border-left: 1px solid #f2f1ec;
  border-right: 1px solid white;
  border-bottom: 1px solid #dbdbd3;
  border-top: 1px solid #f2f1ec;
}
.productListTab .productListTab-list .productListTab-item .productListTab-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f1ec;
  height: 130px;
  transition: 0.5s;
}
@media (max-width: 1440px) {
  .productListTab .productListTab-list .productListTab-item .productListTab-link {
    height: 80px;
  }
}
@media (max-width: 1440px) and (max-width: 810px) {
  .productListTab .productListTab-list .productListTab-item .productListTab-link {
    height: 60px;
  }
}
@media (max-width: 1440px) and (max-width: 810px) and (max-width: 480px) {
  .productListTab .productListTab-list .productListTab-item .productListTab-link {
    height: 50px;
  }
}
.productListTab .productListTab-list .productListTab-item .productListTab-link:hover {
  opacity: 0.7;
  transition: 0.5s;
}
.productListTab .productListTab-list .productListTab-item .productListTab-link .productListTab-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: 2;
}
@media (max-width: 1440px) {
  .productListTab .productListTab-list .productListTab-item .productListTab-link .productListTab-txt {
    font-size: 18px;
  }
}
@media (max-width: 1440px) and (max-width: 810px) {
  .productListTab .productListTab-list .productListTab-item .productListTab-link .productListTab-txt {
    font-size: 16px;
    letter-spacing: 1px;
  }
}
@media (max-width: 1440px) and (max-width: 810px) and (max-width: 480px) {
  .productListTab .productListTab-list .productListTab-item .productListTab-link .productListTab-txt {
    font-size: 14px;
    letter-spacing: 0;
  }
}
.productListTab .productListTab-list .productListTab-item.active {
  border-right: 1px solid #dbdbd3;
  border-left: 1px solid #dbdbd3;
  border-top: 1px solid #bb0118;
  border-bottom: 1px solid white;
}
.productListTab .productListTab-list .productListTab-item.active .productListTab-link {
  background-color: white;
}
.productListTab .productListTab-list .productListTab-item.active .productListTab-link .productListTab-txt {
  color: #bb0118;
}
.productListTab .productListTab-line {
  width: 100%;
  border-bottom: 1px solid #dbdbd3;
  z-index: -1;
  margin-top: -1px;
}
.productListTab .productListTab-box {
  display: block;
}
.productListTab .productListTab-area {
  display: none;
  opacity: 0;
  width: 90%;
  margin: 0 auto;
}
.productListTab .productListTab-area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  width: 90%;
  margin: 65px auto;
}
@media (max-width: 480px) {
  .productListTab .productListTab-area.is-active {
    margin: 35px auto;
  }
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.productColorChip {
  display: flex;
}
.productColorChip .productColorChip-list {
  width: 20px;
  height: 20px;
  background-color: #bb0118;
  border-radius: 50%;
  border: 1px solid #dbdbd3;
  margin-right: 5px;
}
@media (max-width: 480px) {
  .productColorChip .productColorChip-list {
    width: 15px;
    height: 15px;
    margin-top: 3px;
  }
}
.productColorChip .productColorChip-list:last-child {
  margin-right: 0px;
}

/*＝＝＝並び替えボタンチェックマークのCSS*/
.roomSelect {
  background: #f2f1ec;
  padding: 40px;
}
@media (max-width: 480px) {
  .roomSelect {
    padding: 20px;
  }
}
.roomSelect .roomSelect-tit {
  text-align: center;
  font-weight: bold;
  padding-bottom: 25px;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
}
.roomSelect .roomSelect-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .roomSelect .roomSelect-list {
    justify-content: flex-start;
  }
}
.roomSelect .roomSelect-list li {
  position: relative;
  cursor: pointer;
  padding: 0 0 0 30px;
  margin: 0 20px 0 0;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .roomSelect .roomSelect-list li {
    margin-bottom: 5px;
  }
}
.roomSelect .roomSelect-list li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #dbdbd3;
  background-color: white;
}
.roomSelect .roomSelect-list li.active::after {
  /*現在地＝activeというクラス名がついたらチェックマークを出現*/
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  /*チェックマークの色や形*/
  border-left: 1px solid #bb0118;
  border-bottom: 1px solid #bb0118;
  width: 16px;
  height: 9px;
  transform: rotate(-45deg);
}

/*横幅が810px以下になった際の指定*/
@media only screen and (max-width: 810px) {
  .sort-btn li {
    width: 100%;
    margin: 0;
  }
  .sort-btn ul li {
    width: auto;
  }
}
/*＝＝＝Muuriのレイアウトのための調整 */
.gridMuuri .cardList-item {
  transform: none !important;
}

.productMain {
  margin-top: 70px;
  height: calc(100vh - 70px);
  min-height: 700px;
  display: flex;
}
@media (max-width: 1024px) {
  .productMain {
    display: block;
    height: auto;
    min-height: auto;
    margin-top: 100px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain {
    margin-top: 80px;
  }
}
.productMain .productMain-leftbox {
  width: 50%;
  position: relative;
  background-color: white;
}
@media (max-width: 1024px) {
  .productMain .productMain-leftbox {
    width: 90%;
    margin: 5%;
    margin-bottom: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-leftbox {
    margin-bottom: 40px;
  }
}
.productMain .productMain-leftbox .productMain-slidebox {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  max-height: 600px;
}
@media (max-width: 1600px) {
  .productMain .productMain-leftbox .productMain-slidebox {
    width: 40vw;
  }
}
@media (max-width: 1600px) and (max-width: 1024px) {
  .productMain .productMain-leftbox .productMain-slidebox {
    position: relative;
    transform: none;
    top: inherit;
    left: inherit;
    width: 100%;
    margin: 0 auto;
  }
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider {
  overflow: hidden;
  width: 100%;
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .productMain-imgList {
  width: 100%;
  height: auto;
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .productMain-imgList .productMain-imgItem img {
  width: 100%;
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination-fraction {
  width: auto;
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination {
  top: initial;
  bottom: initial;
  right: 100px;
  left: initial;
  position: absolute;
  text-align: start;
  transition: none;
  transform: none;
  z-index: 10;
  margin-top: 17px;
  color: #847c70;
  font-family: "Sorts Mill Goudy", serif;
}
@media (max-width: 1024px) {
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination {
    margin-top: 7px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination {
    right: 75px;
    margin-top: 6px;
  }
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination .swiper-pagination-current {
  color: #847c70;
  font-size: 24px;
}
@media (max-width: 480px) {
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination .swiper-pagination-current {
    font-size: 18px;
  }
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination .swiper-pagination-total {
  color: #847c70;
  font-size: 24px;
}
@media (max-width: 480px) {
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination .swiper-pagination-total {
    font-size: 18px;
  }
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev,
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next {
  top: initial;
  bottom: initial;
  right: initial;
  left: initial;
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid #847c70;
  border-radius: 50%;
  margin-top: 10px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #847c70;
  transition: 0.5s;
  transition: opacity 0.6s;
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev:hover,
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev,
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next {
    margin-top: 0;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev,
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next {
    width: 30px;
    height: 30px;
  }
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev::after,
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next::after {
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev {
  right: 45;
}
@media (max-width: 480px) {
  .productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev {
    right: 35;
  }
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev::after {
  content: "ﮉ";
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next {
  right: 0;
}
.productMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next::after {
  content: "ﮊ";
}
.productMain .productMain-body {
  width: 50%;
  background-color: #f2f1ec;
  position: relative;
  padding: 100px;
}
@media (max-width: 1368px) {
  .productMain .productMain-body {
    padding: 60px;
  }
}
@media (max-width: 1368px) and (max-width: 1024px) {
  .productMain .productMain-body {
    width: 100%;
    padding: 40px 5%;
  }
}
@media (max-width: 1368px) and (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-body {
    padding: 25px 5%;
  }
}
.productMain .productMain-body .productMain-inner {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 100px;
  width: 100%;
}
@media (max-width: 1368px) {
  .productMain .productMain-body .productMain-inner {
    padding-right: 60px;
  }
}
@media (max-width: 1368px) and (max-width: 1024px) {
  .productMain .productMain-body .productMain-inner {
    padding-right: 40px;
    position: relative;
    transform: none;
  }
}
@media (max-width: 1024px) {
  .productMain .productMain-body .productMain-inner {
    position: relative;
    transform: none;
  }
}
.productMain .productMain-body .productMain-inner .productMain-txt {
  width: 100%;
}
.productMain .productMain-body .productMain-inner .productMain-txt .productMain-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 50px;
}
@media (max-width: 1024px) {
  .productMain .productMain-body .productMain-inner .productMain-txt .productMain-tit {
    font-size: 32px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-body .productMain-inner .productMain-txt .productMain-tit {
    font-size: 24px;
  }
}
.productMain .productMain-body .productMain-inner .productMain-txt .productMain-p {
  margin-top: 20px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .productMain .productMain-body .productMain-inner .productMain-txt .productMain-p {
    margin-top: 10px;
  }
}
.productMain .productMain-body .productMain-inner .productMain-dl {
  display: block;
  width: 100%;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .productMain .productMain-body .productMain-inner .productMain-dl {
    margin-top: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-body .productMain-inner .productMain-dl {
    margin-top: 15px;
  }
}
.productMain .productMain-body .productMain-inner .productMain-dl .productMain-line {
  padding-top: 10px;
  margin-top: 10px;
  display: flex;
}
@media (max-width: 480px) {
  .productMain .productMain-body .productMain-inner .productMain-dl .productMain-line {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px dashed #dbdbd3;
  }
  .productMain .productMain-body .productMain-inner .productMain-dl .productMain-line:last-child {
    border-bottom: 1px dashed #dbdbd3;
    padding-bottom: 8px;
  }
}
.productMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dt {
  font-weight: bold;
  line-height: 1.5;
  font-size: 14px;
  width: 20%;
}
@media (max-width: 1024px) {
  .productMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dt {
    width: 20%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dt {
    font-size: 12px;
  }
}
.productMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dd {
  font-size: 14px;
  line-height: 150%;
  width: 80%;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .productMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dd {
    width: 80%;
    padding-left: 10px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dd {
    font-size: 12px;
  }
}
.productMain .productMain-body .productMain-inner .productMain-btn {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .productMain .productMain-body .productMain-inner .productMain-btn {
    margin-top: 30px;
    text-align: center;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productMain .productMain-body .productMain-inner .productMain-btn {
    margin-top: 20px;
  }
}

.productLabel {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .productLabel {
    margin-top: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productLabel {
    margin-top: 10px;
  }
}
.productLabel .productLabel-item {
  margin-right: 20px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .productLabel .productLabel-item {
    margin-right: 10px;
  }
}
.productLabel .productLabel-item a,
.productLabel .productLabel-item span {
  display: block;
  background-color: #f2f1ec;
  padding: 20px 40px;
  border-radius: 50px;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .productLabel .productLabel-item a,
  .productLabel .productLabel-item span {
    padding: 15px 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productLabel .productLabel-item a,
  .productLabel .productLabel-item span {
    padding: 10px 15px;
  }
}
.productLabel .productLabel-item a {
  transition: 0.5s;
  display: flex;
}
.productLabel .productLabel-item a:hover {
  transition: 0.5s;
  color: #bb0118;
}
.productLabel .productLabel-item a:hover {
  opacity: 0.7;
}
.productLabel .productLabel-item a::before {
  display: inline-block;
  content: "+";
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 12px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 12px;
  vertical-align: middle;
  background-color: white;
  color: #bb0118;
  line-height: 15.5px;
  display: block;
  margin-right: 5px;
}

.productSpec {
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .productSpec {
    margin-top: 40px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .productSpec {
    margin-top: 20px;
  }
}
.productSpec .productSpec-line {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px dashed #dbdbd3;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .productSpec .productSpec-line {
    padding-top: 10px;
    margin-top: 10px;
  }
}
.productSpec .productSpec-line:last-child {
  padding-bottom: 15px;
  border-bottom: 1px dashed #dbdbd3;
}
@media (max-width: 480px) {
  .productSpec .productSpec-line:last-child {
    padding-bottom: 10px;
  }
}
.productSpec .productSpec-line .productSpec-dt {
  font-weight: bold;
  line-height: 1.5;
  font-size: 14px;
  width: 200px;
  padding-right: 20px;
  word-break: break-all;
}
@media (max-width: 480px) {
  .productSpec .productSpec-line .productSpec-dt {
    font-size: 14px;
  }
}
.productSpec .productSpec-line .productSpec-dd {
  font-size: 14px;
  line-height: 1.5;
  width: calc(100% - 200px);
  word-break: break-all;
}
@media (max-width: 480px) {
  .productSpec .productSpec-line .productSpec-dd {
    font-size: 14px;
  }
}

.productPdf {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .productPdf {
    margin-top: 10px;
    justify-content: left;
  }
}
.productPdf .productPdf-item {
  margin-left: 30px;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .productPdf .productPdf-item {
    margin-left: 0;
    margin-right: 20px;
  }
}

.specialBanner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  margin-top: 100px;
}
@media (max-width: 1024px) {
  .specialBanner {
    margin-top: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .specialBanner {
    margin-top: 20px;
  }
}
.specialBanner img {
  width: 100%;
}
.specialBanner a {
  transition: opacity 0.6s;
}
.specialBanner a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}

.productSlider {
  position: relative;
  margin-top: 150px;
  width: 100%;
  margin: 150px auto 0px;
  overflow: visible;
}
@media (max-width: 1280px) {
  .productSlider {
    margin-top: 100px;
  }
}
@media (max-width: 1280px) and (max-width: 1024px) {
  .productSlider {
    margin-top: 60px;
  }
}
@media (max-width: 1280px) and (max-width: 1024px) and (max-width: 480px) {
  .productSlider {
    margin-top: 30px;
  }
}
.productSlider .productSlider-link {
  display: block;
}
.productSlider img {
  max-width: 1280px;
  width: auto;
  height: 730px;
}
@media (max-width: 1280px) {
  .productSlider img {
    height: 500px;
  }
}
@media (max-width: 1280px) and (max-width: 810px) {
  .productSlider img {
    height: 380px;
  }
}
@media (max-width: 1280px) and (max-width: 810px) and (max-width: 480px) {
  .productSlider img {
    height: 200px;
    width: auto;
  }
}
.productSlider .swiper-wrapper {
  height: auto;
}
.productSlider .swiper-wrapper .swiper-slide {
  text-align: center;
  width: auto;
}
.productSlider .swiper-wrapper._reloadSwipper {
  width: auto;
}
.productSlider .swiper-pagination {
  margin-top: 60px;
  width: auto;
  position: relative;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
@media (max-width: 810px) {
  .productSlider .swiper-pagination {
    margin-top: 5vw;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .productSlider .swiper-pagination {
    margin-top: 5vw;
  }
}
.productSlider .swiper-pagination .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, rgb(213, 213, 213));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
  margin: 0 !important;
  margin-right: var(--swiper-pagination-bullet-horizontal-gap, 15px) !important;
}
@media (max-width: 810px) {
  .productSlider .swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px));
    margin-right: var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;
    background: var(--swiper-pagination-bullet-inactive-color, #f2f1ec);
  }
}
.productSlider .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-bullet-inactive-color, #bb0118) !important;
}
.productSlider .swiper-pagination._black .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #4a5036);
}
@media (max-width: 810px) {
  .productSlider .swiper-pagination._black .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #4a5036);
  }
}
.productSlider .swiper-pagination._black .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-bullet-inactive-color, #826a40) !important;
}
.productSlider .swiper-button-prev,
.productSlider .swiper-button-next {
  left: auto;
  position: absolute;
  top: initial;
  bottom: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-color: #bb0118;
  border: 1px solid #bb0118;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: 0.5s;
  transition: opacity 0.6s;
}
.productSlider .swiper-button-prev:hover,
.productSlider .swiper-button-next:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .productSlider .swiper-button-prev,
  .productSlider .swiper-button-next {
    display: none;
  }
}
.productSlider .swiper-button-prev::after,
.productSlider .swiper-button-next::after {
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}
.productSlider .swiper-button-prev._black,
.productSlider .swiper-button-next._black {
  background-color: #4a5036;
  border: 1px solid #4a5036;
}
.productSlider .swiper-button-prev {
  left: 60px;
  margin-top: -50px;
}
@media (max-width: 810px) {
  .productSlider .swiper-button-prev {
    left: 30px;
  }
}
.productSlider .swiper-button-prev::after {
  content: "ﮉ";
}
.productSlider .swiper-button-next {
  right: 60px;
  margin-top: -50px;
}
@media (max-width: 810px) {
  .productSlider .swiper-button-next {
    right: 30px;
  }
}
.productSlider .swiper-button-next::after {
  content: "ﮊ";
}

._reloadSwipper {
  width: auto;
}

.productFunction {
  background-color: #f2f1ec;
  width: 100%;
  padding: 40px 0px 100px;
}
@media (max-width: 810px) {
  .productFunction {
    padding-top: 20px;
    padding-bottom: 60px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .productFunction {
    padding-top: 1px;
  }
}
.productFunction .productFunction-item {
  width: 90%;
  margin: 0 auto;
  margin-top: 60px;
}
@media (max-width: 810px) {
  .productFunction .productFunction-item {
    margin-top: 30px;
  }
}
.productFunction .productFunction-item .productFunction-link {
  display: flex;
  align-items: stretch;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .productFunction .productFunction-item .productFunction-link {
    display: block;
  }
}
.productFunction .productFunction-item .productFunction-link:hover .productFunction-btn .btn span {
  color: #bb0118;
}
.productFunction .productFunction-item .productFunction-link:hover .productFunction-btn .btn::after {
  background-color: #bb0118;
  color: white;
  margin-right: -10px;
  margin-left: 70px;
}
@media (max-width: 480px) {
  .productFunction .productFunction-item .productFunction-link:hover .productFunction-btn .btn::after {
    margin-right: -5px;
    margin-left: 45px;
  }
}
.productFunction .productFunction-item .productFunction-link:hover .productFunction-btn .btn::before {
  height: 100%;
  background-color: #f2f1ec;
}
.productFunction .productFunction-item .productFunction-link .productFunction-img {
  width: 50%;
  max-width: 822px;
  flex-shrink: 0;
  background-color: white;
}
@media (max-width: 1024px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-img {
    width: 100%;
    max-width: none;
  }
}
.productFunction .productFunction-item .productFunction-link .productFunction-img img {
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-img img {
    -o-object-fit: fill;
       object-fit: fill;
    height: auto;
    width: 100%;
    max-width: none;
  }
}
.productFunction .productFunction-item .productFunction-link .productFunction-txt {
  background-color: white;
  min-width: 50%;
  width: auto;
  padding: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 810px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-txt {
    padding: 30px 5%;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-txt {
    padding: 20px 5%;
  }
}
.productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-tit {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-tit {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-tit {
    font-size: 20px;
  }
}
.productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-p {
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 810px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-p {
    margin-top: 10px;
  }
}
.productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-btn {
  margin-top: 20px;
}
@media (max-width: 810px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-btn {
    text-align: center;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .productFunction .productFunction-item .productFunction-link .productFunction-txt .productFunction-inner .productFunction-btn {
    margin-top: 10px;
  }
}
.productFunction .productFunction-accordion {
  display: none;
  background-color: white;
  padding-top: 1px;
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  .productFunction .productFunction-accordion {
    padding-bottom: 9.765625vw;
  }
}

.productContents {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.product2column {
  display: flex;
}
@media (max-width: 480px) {
  .product2column {
    display: block;
  }
}
.product2column .product2column-txt {
  line-height: 2;
  width: 50%;
  padding-right: 30px;
}
@media (max-width: 480px) {
  .product2column .product2column-txt {
    width: 100%;
    padding-right: 0;
    margin-top: 10px;
  }
}
.product2column .product2column-img {
  width: 50%;
}
@media (max-width: 480px) {
  .product2column .product2column-img {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
.product2column .product2column-img img {
  max-width: 100%;
}
.product2column._37 .product2column-img {
  width: 30%;
}
@media (max-width: 480px) {
  .product2column._37 .product2column-img {
    width: 100%;
    text-align: center;
  }
}
.product2column._37 .product2column-img img {
  max-width: 100%;
}
.product2column._37 .product2column-txt {
  width: 70%;
  padding-left: 30px;
}
@media (max-width: 480px) {
  .product2column._37 .product2column-txt {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
}

.product1column .product1column-img {
  text-align: center;
}
.product1column .product1column-img img {
  max-width: 100%;
}

.comparison .comparison-img {
  background-color: #f2f1ec;
  width: 100%;
}
.comparison .comparison-img img {
  width: 100%;
}

.productAcodion {
  background-color: #f2f1ec;
  width: 100%;
  padding: 3vw 0% 3vw 0%;
}
@media (max-width: 1024px) {
  .productAcodion {
    padding: 0;
  }
}
.productAcodion .productAcodion-item {
  width: 100%;
  background-color: none;
  width: 100%;
  padding: 0vw 0% 0vw 0%;
}
@media (max-width: 1024px) {
  .productAcodion .productAcodion-item {
    padding: 0;
  }
}
.productAcodion .productAcodion-item .productAcodion-link {
  display: flex;
  align-items: stretch;
  margin-bottom: 0;
  gap: 0;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .productAcodion .productAcodion-item .productAcodion-link {
    display: block;
  }
}
.productAcodion .productAcodion-item .productAcodion-link .wp-block-columns {
  margin-bottom: 0;
}
.productAcodion .productAcodion-item .productAcodion-link .wp-block-column {
  width: 50%;
}
@media (max-width: 1024px) {
  .productAcodion .productAcodion-item .productAcodion-link .wp-block-column {
    width: 100%;
  }
}
.productAcodion .productAcodion-item .productAcodion-link .wp-block-column .wp-block-image {
  margin-bottom: 0;
}
.productAcodion .productAcodion-item .productAcodion-link .productAcodion-img {
  width: 100%;
  max-width: 50vw;
  flex-shrink: 0;
  margin: 0;
}
@media (max-width: 1024px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-img {
    width: 100%;
    max-width: none;
    margin-bottom: 0 !important;
  }
}
.productAcodion .productAcodion-item .productAcodion-link .productAcodion-img img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-img img {
    -o-object-fit: fill;
       object-fit: fill;
    height: auto;
    width: 100%;
    max-width: none;
  }
}
.productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt {
  width: 50vw;
  padding: 40px 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 810px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt {
    padding: 30px 5%;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt {
    padding: 20px 5%;
  }
}
.productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  position: relative;
  padding: 0px;
  padding-bottom: 20px;
  margin-bottom: 0px;
  border-top: none;
  letter-spacing: normal;
  text-align: center;
  border-bottom: 1px solid black;
}
.productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit::before {
  display: none;
}
@media (max-width: 1024px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit {
    font-size: 20px;
  }
}
.productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-p {
  line-height: 2;
  margin-top: 20px;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}
@media (max-width: 810px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }
}
.productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-btn {
  margin-top: 20px;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 810px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-btn {
    text-align: center;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .productAcodion .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-btn {
    margin-top: 10px;
  }
}
.productAcodion .productAcodion-accordion {
  display: none;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 0% 100px 0%;
  overflow: hidden;
}
@media (max-width: 1400px) {
  .productAcodion .productAcodion-accordion {
    padding: 100px 5% 100px 5%;
  }
}
@media (max-width: 1400px) and (max-width: 1024px) {
  .productAcodion .productAcodion-accordion {
    padding: 60px 5%;
  }
}
@media (max-width: 1400px) and (max-width: 1024px) and (max-width: 810px) {
  .productAcodion .productAcodion-accordion {
    padding: 40px 5%;
  }
}
@media (max-width: 1400px) and (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .productAcodion .productAcodion-accordion {
    padding: 20px 5%;
  }
}
@media (max-width: 1024px) {
  .productAcodion .productAcodion-accordion {
    padding-bottom: 9.765625vw;
  }
}
.productAcodion .productAcodion-accordion .wp-block-group__inner-container > *:first-child {
  margin-top: 0 !important;
}
.productAcodion._reverse {
  background-color: white;
}
.productAcodion._reverse .productAcodion-item .productAcodion-link {
  flex-direction: row-reverse;
}
.productAcodion._white {
  background-color: white !important;
}
.productAcodion._gray {
  background-color: #f2f1ec !important;
}
.productAcodion._fullImg {
  background-color: inherit;
  width: 100%;
  padding: 0 0 0 0;
}
@media (max-width: 1024px) {
  .productAcodion._fullImg {
    padding: 0;
  }
}
.productAcodion._fullImg .productAcodion-item {
  width: 100%;
  background-color: none;
  width: 100%;
  padding: 0;
}
@media (max-width: 1024px) {
  .productAcodion._fullImg .productAcodion-item {
    padding: 0;
  }
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link {
  display: block;
  align-items: stretch;
  margin-bottom: 0;
  gap: 0;
  margin-top: 0;
  aspect-ratio: 3840/1274;
  overflow: hidden;
  position: relative;
}
@media (max-width: 480px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link {
    aspect-ratio: 3840/2500;
  }
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-fullImg {
  width: 100%;
  position: absolute;
  flex-shrink: 0;
  margin: 0;
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-fullImg .wp-block-image {
  margin: 0px !important;
}
@media (max-width: 480px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-fullImg .wp-block-image {
    aspect-ratio: 3840/2500;
  }
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-fullImg .wp-block-image img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 480px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-fullImg .wp-block-image img {
    max-width: none !important;
    width: 100% !important;
    height: 100%;
  }
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50vw;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  color: white;
  padding-left: 5vw;
}
@media (max-width: 810px) and (max-width: 480px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt {
    width: 90vw;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  position: relative;
  padding: 0px;
  padding-bottom: 20px;
  margin-bottom: 0px;
  border-top: none;
  letter-spacing: normal;
  text-align: center;
  border-bottom: 1px solid white;
  color: white;
  margin-top: 0px !important;
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit::before {
  display: none;
}
@media (max-width: 1024px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-tit {
    font-size: 20px;
  }
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-p {
  line-height: 2;
  margin-top: 20px;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  color: white;
}
@media (max-width: 810px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }
}
.productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-btn {
  margin-top: 20px;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 810px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-btn {
    text-align: center;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .productAcodion._fullImg .productAcodion-item .productAcodion-link .productAcodion-txt .productAcodion-btn {
    margin-top: 10px;
  }
}

.productThumSlider .swiper-button-prev,
.productThumSlider .swiper-button-next {
  left: auto;
  position: absolute;
  top: initial;
  bottom: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: white;
  border: none;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #847c70;
  transition: 0.5s;
  transition: opacity 0.6s;
}
.productThumSlider .swiper-button-prev:hover,
.productThumSlider .swiper-button-next:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .productThumSlider .swiper-button-prev,
  .productThumSlider .swiper-button-next {
    display: none;
  }
}
.productThumSlider .swiper-button-prev::after,
.productThumSlider .swiper-button-next::after {
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}
.productThumSlider .swiper-button-prev {
  left: 10px;
  margin-top: 0.4%;
}
.productThumSlider .swiper-button-prev::after {
  content: "ﮉ";
}
.productThumSlider .swiper-button-next {
  right: 10px;
  margin-top: 0.4%;
}
.productThumSlider .swiper-button-next::after {
  content: "ﮊ";
}

.historyTitle {
  position: relative;
  height: 90vh;
}
@media (max-width: 1024px) {
  .historyTitle {
    height: 60vh;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .historyTitle {
    height: 50vh;
  }
}
.historyTitle .historyTitle-titbox {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  margin-left: 16vw;
}
@media (max-width: 1024px) {
  .historyTitle .historyTitle-titbox {
    margin-left: 10vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyTitle .historyTitle-titbox {
    margin-left: 5vw;
    margin-top: 20px;
  }
}
.historyTitle .historyTitle-titbox .historyTitle-tit {
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 72px;
  margin-top: 10px;
  letter-spacing: 1px;
  font-weight: 200;
}
@media (max-width: 1538px) {
  .historyTitle .historyTitle-titbox .historyTitle-tit {
    font-size: 54px;
  }
}
@media (max-width: 1538px) and (max-width: 1024px) {
  .historyTitle .historyTitle-titbox .historyTitle-tit {
    font-size: 50px;
  }
}
@media (max-width: 1538px) and (max-width: 1024px) and (max-width: 480px) {
  .historyTitle .historyTitle-titbox .historyTitle-tit {
    font-size: 36px;
    letter-spacing: 2px;
  }
}
.historyTitle .historyTitle-titbox .historyTitle-p {
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 20px;
  letter-spacing: 1px;
  padding-left: 15px;
}
@media (max-width: 1024px) {
  .historyTitle .historyTitle-titbox .historyTitle-p {
    font-size: 18px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyTitle .historyTitle-titbox .historyTitle-p {
    font-size: 14px;
    padding-left: 10px;
  }
}
.historyTitle .historyTitle-line {
  background-color: #7e756b;
  mix-blend-mode: multiply;
  width: 30vw;
  position: absolute;
  z-index: 1;
  height: 90vh;
}
@media (max-width: 1024px) {
  .historyTitle .historyTitle-line {
    height: 60vh;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .historyTitle .historyTitle-line {
    height: 50vh;
  }
}
.historyTitle .historyTitle-videoArea {
  position: fixed;
  z-index: -1; /*最背面に設定*/
  top: 70;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .historyTitle .historyTitle-videoArea {
    position: absolute;
    top: 49;
  }
}
.historyTitle .historyTitle-videoArea video {
  width: 100%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024px) {
  .historyTitle .historyTitle-videoArea video {
    height: 60vh;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .historyTitle .historyTitle-videoArea video {
    height: 50vh;
  }
}
.historyTitle .historyTitle-videoArea .historyTitle-videoImg {
  /*天地中央配置*/
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*縦横幅指定*/
  min-height: 100%;
  min-width: 100%;
}

.history {
  background-color: #f2f1ec;
  position: relative;
  z-index: -1;
  padding-bottom: 100px;
}
.history .history-line {
  background-color: rgba(92, 86, 78, 0.9);
  mix-blend-mode: multiply;
  width: 30vw;
  position: absolute;
  z-index: -1;
  height: 100%;
}
@media (max-width: 480px) {
  .history .history-line {
    display: none;
  }
}

.historyCard {
  position: relative;
  z-index: 1;
  display: flex;
  padding-top: 40px;
}
@media (max-width: 1024px) {
  .historyCard {
    padding-top: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyCard {
    display: block;
    padding: 30px 5% 0 5%;
  }
}
.historyCard:first-of-type {
  padding-top: 100px;
}
.historyCard .historyCard-year {
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 30px;
  font-weight: 200;
  width: 30vw;
  text-align: right;
  position: relative;
  padding-right: 50px;
}
@media (max-width: 1024px) {
  .historyCard .historyCard-year {
    font-size: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyCard .historyCard-year {
    font-size: 30px;
    color: #2b2b2b;
    width: 100%;
    text-align: center;
    padding-right: 0;
  }
}
.historyCard .historyCard-year::after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: white;
  position: absolute;
  margin-top: 15px;
  right: 0;
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyCard .historyCard-year::after {
    display: block;
    background-color: #bb0118;
    right: initial;
    position: absolute;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 18px;
  }
}
.historyCard .historyCard-body {
  width: 70vw;
  padding-left: 50px;
  position: relative;
}
@media (max-width: 480px) {
  .historyCard .historyCard-body {
    width: 100%;
    padding-left: 0;
    margin-top: 35px;
  }
}
.historyCard .historyCard-body::before {
  content: "";
  width: 30px;
  height: 1px;
  background-color: black;
  position: absolute;
  margin-top: 15px;
  left: 0;
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyCard .historyCard-body::before {
    display: none;
  }
}
.historyCard .historyCard-body .historyCard-tit {
  display: flex;
}
.historyCard .historyCard-body .historyCard-tit .historyCard-titIcon {
  width: 35px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width: 1024px) {
  .historyCard .historyCard-body .historyCard-tit .historyCard-titIcon {
    margin-right: 14px;
    margin-top: 6px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyCard .historyCard-body .historyCard-tit .historyCard-titIcon {
    display: none;
  }
}
.historyCard .historyCard-body .historyCard-tit .historyCard-titIcon img {
  width: 100%;
}
.historyCard .historyCard-body .historyCard-tit .historyCard-titTxt {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  line-height: 1.4;
  width: 100%;
  padding-right: 40px;
  margin-top: 0px;
}
@media (max-width: 1538px) and (max-width: 1024px) and (max-width: 480px) {
  .historyCard .historyCard-body .historyCard-tit .historyCard-titTxt {
    font-size: 16px;
    padding-right: 0;
    text-align: center;
  }
}
.historyCard .historyCard-body .historyCard-inner {
  display: flex;
  margin-top: 30px;
  align-items: center;
  background-color: white;
}
@media (max-width: 1024px) {
  .historyCard .historyCard-body .historyCard-inner {
    display: block;
    margin-right: 5%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyCard .historyCard-body .historyCard-inner {
    margin-top: 20px;
    margin-right: 0;
    padding-bottom: 20px;
  }
}
.historyCard .historyCard-body .historyCard-inner .historyCard-img {
  position: relative;
  width: 100%;
  max-width: 200px;
  margin-right: 30px;
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 480px) {
  .historyCard .historyCard-body .historyCard-inner .historyCard-img {
    margin-right: auto;
    margin-left: auto;
  }
}
.historyCard .historyCard-body .historyCard-inner .historyCard-img img {
  width: 100%;
}
.historyCard .historyCard-body .historyCard-inner .historyCard-txtbox {
  background-color: white;
  padding: 20px 20px 20px 40px;
}
@media (max-width: 1024px) {
  .historyCard .historyCard-body .historyCard-inner .historyCard-txtbox {
    margin-top: 15px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .historyCard .historyCard-body .historyCard-inner .historyCard-txtbox {
    padding: 20px;
  }
}
.historyCard .historyCard-body .historyCard-inner .historyCard-txtbox .historyCard-redtxt {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  opacity: 0.7;
  line-height: 1.4;
}
.historyCard .historyCard-body .historyCard-inner .historyCard-txtbox .historyCard-tit3 {
  font-size: 20px;
  font-family: "Noto Serif JP", serif;
  margin-top: 0px;
}
@media (max-width: 480px) {
  .historyCard .historyCard-body .historyCard-inner .historyCard-txtbox .historyCard-tit3 {
    text-align: center;
    padding-top: 10px;
  }
}
.historyCard .historyCard-body .historyCard-inner .historyCard-txtbox .historyCard-txt {
  margin-top: 10px;
  line-height: 1.5;
  width: 90%;
}
@media (max-width: 1024px) {
  .historyCard .historyCard-body .historyCard-inner .historyCard-txtbox .historyCard-txt {
    margin-top: 10px;
    width: 100%;
  }
}

.groupImg {
  display: block;
}
.groupImg img {
  width: 100%;
  max-width: 965px;
}

.about {
  padding-top: 70px;
  background-color: #f2f1ec;
  padding-bottom: 200px;
}
@media (max-width: 1024px) {
  .about {
    padding-bottom: 150px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .about {
    padding-bottom: 80px;
  }
}

.aboutBlock, .aboutBlock2 {
  display: flex;
  position: relative;
  align-items: center;
  width: 90vw;
  margin: 0 auto;
  z-index: 2;
}
@media (max-width: 480px) {
  .aboutBlock, .aboutBlock2 {
    flex-direction: column-reverse;
  }
}
.aboutBlock .aboutBlock-imgblock01, .aboutBlock2 .aboutBlock-imgblock01 {
  position: relative;
  width: 38.8020833333vw;
  max-width: 745px;
}
@media (max-width: 480px) {
  .aboutBlock .aboutBlock-imgblock01, .aboutBlock2 .aboutBlock-imgblock01 {
    width: 100%;
    margin-top: 20px;
  }
}
.aboutBlock .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01, .aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01 {
  width: 17.0833333333vw;
  max-width: 328px;
  position: absolute;
  bottom: -5vw;
  right: 0;
}
@media (max-width: 480px) {
  .aboutBlock .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01, .aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01 {
    width: 31.25vw;
  }
}
.aboutBlock .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01 img, .aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01 img {
  width: 100%;
}
.aboutBlock .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner02, .aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner02 {
  width: 31.71875vw;
  max-width: 609px;
}
@media (max-width: 480px) {
  .aboutBlock .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner02, .aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner02 {
    width: 68.75vw;
  }
}
.aboutBlock .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner02 img, .aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner02 img {
  width: 100%;
}
.aboutBlock .aboutBlock-body, .aboutBlock2 .aboutBlock-body {
  width: 40vw;
  padding-left: 40px;
  flex-shrink: 0;
}
@media (max-width: 1300px) {
  .aboutBlock .aboutBlock-body, .aboutBlock2 .aboutBlock-body {
    width: 50vw;
  }
}
@media (max-width: 1300px) and (max-width: 1024px) {
  .aboutBlock .aboutBlock-body, .aboutBlock2 .aboutBlock-body {
    width: 60vw;
  }
}
@media (max-width: 1300px) and (max-width: 1024px) and (max-width: 480px) {
  .aboutBlock .aboutBlock-body, .aboutBlock2 .aboutBlock-body {
    width: 100%;
    padding-left: 0;
  }
}
.aboutBlock .aboutBlock-body .aboutBlock-tit, .aboutBlock2 .aboutBlock-body .aboutBlock-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 32px;
  letter-spacing: 2;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .aboutBlock .aboutBlock-body .aboutBlock-tit, .aboutBlock2 .aboutBlock-body .aboutBlock-tit {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .aboutBlock .aboutBlock-body .aboutBlock-tit, .aboutBlock2 .aboutBlock-body .aboutBlock-tit {
    font-size: 22px;
  }
}
.aboutBlock .aboutBlock-body .aboutBlock-en, .aboutBlock2 .aboutBlock-body .aboutBlock-en {
  font-family: "Sorts Mill Goudy", serif;
  color: #847c70;
  margin-top: 7px;
}
@media (max-width: 480px) {
  .aboutBlock .aboutBlock-body .aboutBlock-en, .aboutBlock2 .aboutBlock-body .aboutBlock-en {
    margin-top: 4px;
  }
}
.aboutBlock .aboutBlock-body .aboutBlock-txt, .aboutBlock2 .aboutBlock-body .aboutBlock-txt {
  margin-top: 25px;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  letter-spacing: 1;
  line-height: 200%;
}
@media (max-width: 1024px) {
  .aboutBlock .aboutBlock-body .aboutBlock-txt, .aboutBlock2 .aboutBlock-body .aboutBlock-txt {
    font-size: 16px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .aboutBlock .aboutBlock-body .aboutBlock-txt, .aboutBlock2 .aboutBlock-body .aboutBlock-txt {
    margin-top: 15px;
    font-size: 14px;
  }
}

.aboutBlock2 {
  justify-content: flex-end;
}
@media (max-width: 480px) {
  .aboutBlock2 {
    flex-direction: column;
  }
}
.aboutBlock2 .aboutBlock-imgblock01 {
  width: 31.71875vw;
  max-width: 609px;
}
@media (max-width: 480px) {
  .aboutBlock2 .aboutBlock-imgblock01 {
    width: 100%;
    padding-left: 10vw;
  }
}
.aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01 {
  right: initial;
  left: -5vw;
}
@media (max-width: 480px) {
  .aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01 {
    left: 0vw;
  }
}
.aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner01 img {
  width: 100%;
}
@media (max-width: 480px) {
  .aboutBlock2 .aboutBlock-imgblock01 .aboutBlock-imgblock01Inner02 {
    width: 100%;
    padding-left: 10vw;
  }
}
.aboutBlock2 .aboutBlock-body {
  padding-left: 0px;
  padding-right: 8vw;
  width: 45vw;
}
@media (max-width: 480px) {
  .aboutBlock2 .aboutBlock-body {
    padding-right: 0;
    width: 100%;
  }
}
.aboutState {
  text-align: center;
  margin-top: 20vw;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .aboutState {
    margin-top: 15vw;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .aboutState {
    margin-top: 10vw;
  }
}
.aboutState .aboutState-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 40px;
  letter-spacing: 2;
  line-height: 180%;
  margin-left: 0px;
}
@media (max-width: 1024px) {
  .aboutState .aboutState-tit {
    font-size: 32px;
    letter-spacing: 2;
  }
}
.aboutState .aboutState-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 22px;
  line-height: 3;
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .aboutState .aboutState-txt {
    font-size: 20px;
    margin-top: 40px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .aboutState .aboutState-txt {
    font-size: 16px;
    width: 90vw;
    margin: 0 auto;
    text-align: left;
    line-height: 2.5;
    margin-top: 30px;
  }
  .aboutState .aboutState-txt br {
    display: none;
  }
}

.aboutColorball {
  position: fixed;
  z-index: 0;
  width: 100%;
}
.aboutColorball .aboutColorball-videoArea .aboutColorball-videoImg {
  /*天地中央配置*/
  position: fixed;
  z-index: 1;
  top: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .aboutColorball .aboutColorball-videoArea .aboutColorball-videoImg {
    margin-top: 60px;
  }
}
.aboutColorball .aboutColorball-videoArea .aboutColorball-videoImg img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  height: 100vh;
}

.proPageTitle {
  position: relative;
  margin-top: 70px;
  aspect-ratio: 1920/834;
}
@media (min-width: 1920px) {
  .proPageTitle {
    aspect-ratio: auto;
    height: 834px;
  }
}
@media (max-width: 810px) {
  .proPageTitle {
    margin-top: 50px;
  }
}
.proPageTitle .proPageTitle-tit {
  position: absolute;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .proPageTitle .proPageTitle-tit img {
    width: 57.51953125vw;
  }
}
.proPageTitle .proPageTitle-img {
  position: absolute;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}
.proPageTitle .proPageTitle-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 834px;
}

.proBlock {
  position: relative;
}
.proBlock .proBlock-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  min-height: 600px;
}
@media (max-width: 480px) {
  .proBlock .proBlock-img img {
    min-height: 400px;
  }
}
.proBlock .proBlock-txt {
  text-align: center;
  position: absolute;
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  .proBlock .proBlock-txt {
    width: 90%;
    margin: 0 5% 0 5%;
  }
}
.proBlock .proBlock-txt .proBlock-num {
  position: relative;
}
@media (max-width: 1024px) {
  .proBlock .proBlock-txt .proBlock-num img {
    width: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .proBlock .proBlock-txt .proBlock-num img {
    width: 40px;
  }
}
.proBlock .proBlock-txt .proBlock-tit {
  color: white;
  position: relative;
  font-family: "Noto Serif JP", serif;
  margin-top: 30px;
  letter-spacing: 2px;
  font-size: 36px;
  font-weight: 200;
}
@media (max-width: 1024px) {
  .proBlock .proBlock-txt .proBlock-tit {
    font-size: 28px;
    letter-spacing: 1px;
    margin-top: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .proBlock .proBlock-txt .proBlock-tit {
    font-size: 20px;
    letter-spacing: 0px;
  }
}
.proBlock .proBlock-txt .proBlock-en {
  position: relative;
  color: #d3be9a;
  font-family: "Sorts Mill Goudy", serif;
  margin-top: 15px;
}
@media (max-width: 1024px) {
  .proBlock .proBlock-txt .proBlock-en {
    font-size: 14px;
  }
}
.proBlock .proBlock-txt .proBlock-p {
  position: relative;
  color: white;
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  line-height: 2.5;
  letter-spacing: 1px;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .proBlock .proBlock-txt .proBlock-p {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .proBlock .proBlock-txt .proBlock-p {
    font-size: 14px;
    letter-spacing: 0;
  }
}

.csrPhilosofy {
  text-align: center;
  margin-top: 140px;
}
.csrPhilosofy .csrPhilosofy-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 32px;
  letter-spacing: 2;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .csrPhilosofy .csrPhilosofy-tit {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .csrPhilosofy .csrPhilosofy-tit {
    font-size: 22px;
  }
}
.csrPhilosofy .csrPhilosofy-en {
  font-family: "Sorts Mill Goudy", serif;
  color: #847c70;
  margin-top: 7px;
}
@media (max-width: 480px) {
  .csrPhilosofy .csrPhilosofy-en {
    margin-top: 4px;
  }
}
.csrPhilosofy .csrPhilosofy-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  letter-spacing: 1;
  line-height: 250%;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .csrPhilosofy .csrPhilosofy-txt {
    font-size: 16px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .csrPhilosofy .csrPhilosofy-txt {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    text-align: left;
  }
  .csrPhilosofy .csrPhilosofy-txt br {
    display: none;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .csrPhilosofy .csrPhilosofy-txt {
    margin-top: 15px;
    font-size: 14px;
  }
}

.csrColum2_8 {
  display: flex;
  align-items: center;
}
.csrColum2_8 .csrColum2_8-img {
  width: 266px;
  margin-right: 34px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .csrColum2_8 .csrColum2_8-img {
    width: 30%;
    margin-right: 5%;
  }
}
.csrColum2_8 .csrColum2_8-img img {
  width: 100%;
}
.csrColum2_8 .csrColum2_8-txt {
  line-height: 2;
}
@media (max-width: 1024px) {
  .csrColum2_8 .csrColum2_8-txt {
    width: 70%;
  }
}

.csrColumn7_3 {
  display: flex;
  width: 100%;
}
@media (max-width: 480px) {
  .csrColumn7_3 {
    flex-direction: column-reverse;
  }
}
.csrColumn7_3 .csrColumn7_3-txt {
  width: calc(100% - 518px);
}
@media (max-width: 1024px) {
  .csrColumn7_3 .csrColumn7_3-txt {
    width: 70%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .csrColumn7_3 .csrColumn7_3-txt {
    width: 100%;
    margin-top: 20px;
  }
}
.csrColumn7_3 .csrColumn7_3-txt p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 1px;
  color: #000;
  margin-top: 30px;
}
@media (max-width: 810px) {
  .csrColumn7_3 .csrColumn7_3-txt p {
    margin-top: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .csrColumn7_3 .csrColumn7_3-txt p {
    margin-top: 8px;
  }
}
.csrColumn7_3 .csrColumn7_3-txt p span,
.csrColumn7_3 .csrColumn7_3-txt p mark {
  line-height: 200%;
}
@media (max-width: 480px) {
  .csrColumn7_3 .csrColumn7_3-txt p span,
  .csrColumn7_3 .csrColumn7_3-txt p mark {
    line-height: 180%;
  }
}
.csrColumn7_3 .csrColumn7_3-txt p._bold {
  font-weight: bold;
}
.csrColumn7_3 .csrColumn7_3-txt p._right {
  text-align: right;
}
.csrColumn7_3 .csrColumn7_3-txt h4 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 480px) {
  .csrColumn7_3 .csrColumn7_3-txt h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.csrColumn7_3 .csrColumn7_3-img {
  width: 100%;
  max-width: 478px;
  margin-left: 40px;
  flex-shrink: 0;
  text-align: right;
}
@media (max-width: 1024px) {
  .csrColumn7_3 .csrColumn7_3-img {
    width: 30%;
    margin-left: 5%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .csrColumn7_3 .csrColumn7_3-img {
    width: 100%;
    margin-left: 0;
  }
}
.csrColumn7_3 .csrColumn7_3-img img {
  margin-left: auto;
}
@media (max-width: 1024px) {
  .csrColumn7_3 .csrColumn7_3-img img {
    width: 100%;
  }
}

.csrBopTit {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .csrBopTit {
    align-items: stretch;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .csrBopTit {
    flex-direction: column;
  }
}
.csrBopTit .csrBopTit-img {
  width: 438px;
  margin-right: 62px;
}
@media (max-width: 1024px) {
  .csrBopTit .csrBopTit-img {
    width: 30%;
    margin-right: 5%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .csrBopTit .csrBopTit-img {
    width: 100%;
    margin-right: 0;
  }
}
.csrBopTit .csrBopTit-img img {
  width: 100%;
}
.csrBopTit .csrBopTit-txt {
  width: calc(100% - 480px);
}
@media (max-width: 1024px) {
  .csrBopTit .csrBopTit-txt {
    width: 70%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .csrBopTit .csrBopTit-txt {
    width: 100%;
    margin-top: 20px;
  }
}
.csrBopTit .csrBopTit-txt .csrBopTit-tit {
  font-size: 24px;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 2px;
}
@media (max-width: 480px) {
  .csrBopTit .csrBopTit-txt .csrBopTit-tit {
    font-size: 20px;
    line-height: 1.4;
  }
}
.csrBopTit .csrBopTit-txt .csrBopTit-p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 1px;
  color: #000;
  margin-top: 30px;
  margin-top: 30px;
}
@media (max-width: 810px) {
  .csrBopTit .csrBopTit-txt .csrBopTit-p {
    margin-top: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .csrBopTit .csrBopTit-txt .csrBopTit-p {
    margin-top: 8px;
  }
}
.csrBopTit .csrBopTit-txt .csrBopTit-p span,
.csrBopTit .csrBopTit-txt .csrBopTit-p mark {
  line-height: 200%;
}
@media (max-width: 480px) {
  .csrBopTit .csrBopTit-txt .csrBopTit-p span,
  .csrBopTit .csrBopTit-txt .csrBopTit-p mark {
    line-height: 180%;
  }
}
.csrBopTit .csrBopTit-txt .csrBopTit-p._bold {
  font-weight: bold;
}
.csrBopTit .csrBopTit-txt .csrBopTit-p._right {
  text-align: right;
}
@media (max-width: 1024px) {
  .csrBopTit .csrBopTit-txt .csrBopTit-p br {
    display: none;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .csrBopTit .csrBopTit-txt .csrBopTit-p {
    margin-top: 15px;
  }
}

.csrCountry {
  background-color: #f2f1ec;
  width: 100%;
  padding: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 810px) {
  .csrCountry {
    padding: 20px;
  }
}
@media (max-width: 810px) {
  .csrCountry .csrCountry-img {
    width: 15%;
  }
  .csrCountry .csrCountry-img img {
    width: 100%;
  }
}
.csrCountry .csrCountry-txt {
  margin-left: 30px;
}
@media (max-width: 810px) {
  .csrCountry .csrCountry-txt {
    margin-left: 15px;
  }
}
.csrCountry .csrCountry-txt .csrCountry-red {
  color: #bb0118;
}
@media (max-width: 480px) {
  .csrCountry .csrCountry-txt .csrCountry-red {
    font-size: 14px;
  }
}
.csrCountry .csrCountry-txt .csrCountry-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 20px;
  letter-spacing: 2;
  line-height: 140%;
  margin-top: 5px;
}
@media (max-width: 810px) {
  .csrCountry .csrCountry-txt .csrCountry-tit {
    font-size: 16px;
    letter-spacing: 1px;
  }
}

.materialTable {
  width: 100%;
  margin-top: 30px;
  display: grid;
  border-left: 1px solid #dbdbd3;
  border-top: 1px solid #dbdbd3;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
  .materialTable {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .materialTable {
    grid-template-columns: 1fr 1fr;
  }
}
.materialTable .materialTable-item {
  border-right: 1px solid #dbdbd3;
  border-bottom: 1px solid #dbdbd3;
  padding: 20px;
  line-height: 1.3;
  text-align: center;
}

.newsList .newsList-item {
  padding-bottom: 50px;
  border-bottom: 1px solid #dbdbd3;
  margin-top: 55px;
}
@media (max-width: 1024px) {
  .newsList .newsList-item {
    padding-bottom: 25px;
    margin-top: 25px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .newsList .newsList-item {
    margin-top: 20px;
    padding-bottom: 15px;
  }
}
.newsList .newsList-item:first-child {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .newsList .newsList-item:first-child {
    padding-top: 25px;
    border-top: 1px solid #dbdbd3;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .newsList .newsList-item:first-child {
    padding-top: 20px;
  }
}
.newsList .newsList-item .newsList-sub {
  display: flex;
  align-items: center;
}
.newsList .newsList-item .newsList-sub .newsList-date {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  margin-right: 10px;
}
.newsList .newsList-item .newsList-txt {
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .newsList .newsList-item .newsList-txt {
    margin-top: 10px;
  }
}
.newsList .newsList-item .newsList-txt a {
  transition: 0.5s;
  line-height: 1.5;
}
.newsList .newsList-item .newsList-txt a:hover {
  transition: 0.5s;
  color: #bb0118;
}
@media (max-width: 480px) {
  .newsList .newsList-item .newsList-txt a {
    font-size: 14px;
  }
}
.newsList .newsList-item._borderNone {
  border: none;
}

.newsSingle {
  width: 90%;
  margin: 0 auto;
  max-width: 940px;
}
.newsSingle .newsSingle-mainTitle {
  position: relative;
  padding-top: 65px;
  margin-bottom: 65px;
  border-top: 1px solid #dbdbd3;
  width: 100%;
}
@media (max-width: 1024px) {
  .newsSingle .newsSingle-mainTitle {
    padding-top: 6.34765625vw;
    margin-bottom: 6.34765625vw;
  }
}
.newsSingle .newsSingle-mainTitle::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 2vw;
  border-top: 1px solid #bb0118;
}
.newsSingle .newsSingle-mainTitle .newsSingle-main {
  font-size: 40px;
  letter-spacing: 2;
  line-height: 1.3;
  margin-top: 5px;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 1024px) {
  .newsSingle .newsSingle-mainTitle .newsSingle-main {
    font-size: 3.515625vw;
    letter-spacing: 0.1953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .newsSingle .newsSingle-mainTitle .newsSingle-main {
    font-size: 20px;
  }
}
.newsSingle .newsSingle-mainTitle .newsSingle-date {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
}

.ffSelect {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  -moz-column-gap: 2%;
       column-gap: 2%;
  row-gap: 20px;
}
@media (max-width: 1024px) {
  .ffSelect {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
    row-gap: 0px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .ffSelect {
    grid-template-columns: 100%;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 0px;
  }
}
.ffSelect .ffSelect-area .ffSelect-tit {
  margin-top: 40px;
}
@media (max-width: 480px) {
  .ffSelect .ffSelect-area .ffSelect-tit {
    margin-top: 30px;
  }
}
.ffSelect .ffSelect-area .ffSelect-tit a {
  width: 100%;
  display: block;
  font-family: "Noto Serif JP", serif;
  padding: 20px;
  background-color: #f2f1ec;
  transition: opacity 0.6s;
}
.ffSelect .ffSelect-area .ffSelect-tit a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .ffSelect .ffSelect-area .ffSelect-tit a {
    padding: 10px;
  }
}
.ffSelect .ffSelect-area .ffSelect-tit a::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: #bb0118;
  color: white;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .ffSelect .ffSelect-area .ffSelect-tit a::before {
    margin-right: 5px;
  }
}
.ffSelect .ffSelect-area .ffSelect-list {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .ffSelect .ffSelect-area .ffSelect-list {
    margin-top: 0px;
  }
}
.ffSelect .ffSelect-area .ffSelect-list .ffSelect-item {
  border-left: 1px solid #dbdbd3;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
}
.ffSelect .ffSelect-area .ffSelect-list .ffSelect-item a {
  transition: opacity 0.6s;
}
.ffSelect .ffSelect-area .ffSelect-list .ffSelect-item a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.ffSelect .ffSelect-area .ffSelect-list .ffSelect-item:last-child {
  border-right: 1px solid #dbdbd3;
}
.ffSelect .ffSelect-area .ffSelect-list .ffSelect-bosyu {
  margin-top: 20px;
  opacity: 0.7;
  line-height: 1.4;
}

.ffList .ffList-ul .ffList-item {
  border-top: 1px solid #dbdbd3;
  padding-top: 40px;
  margin-top: 40px;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item {
    padding-top: 20px;
    margin-top: 20px;
  }
}
.ffList .ffList-ul .ffList-item:last-child {
  padding-bottom: 40px;
  border-bottom: 1px solid #dbdbd3;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item:last-child {
    padding-bottom: 20px;
  }
}
.ffList .ffList-ul .ffList-item .ffList-txt .ffList-titH5 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item .ffList-txt .ffList-titH5 {
    font-size: 16px;
  }
}
.ffList .ffList-ul .ffList-item .ffList-txt .ffList-add {
  margin-top: 20px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item .ffList-txt .ffList-add {
    margin-top: 5px;
  }
}
.ffList .ffList-ul .ffList-item .ffList-txt .ffList-tel {
  margin-top: 5px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item .ffList-txt .ffList-tel {
    margin-top: 0px;
  }
}
.ffList .ffList-ul .ffList-item .ffList-txt .ffList-etc {
  margin-top: 5px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item .ffList-txt .ffList-etc {
    margin-top: 0px;
  }
}
.ffList .ffList-ul .ffList-item .ffList-txt .ffList-btn {
  margin-top: 20px;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item .ffList-txt .ffList-btn {
    margin-top: 5px;
  }
}
.ffList .ffList-ul .ffList-item._flex {
  display: flex;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item._flex {
    display: block;
  }
}
.ffList .ffList-ul .ffList-item._flex .ffList-txt {
  width: 70%;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item._flex .ffList-txt {
    width: 100%;
  }
}
.ffList .ffList-ul .ffList-item._flex .ffList-img {
  width: 30%;
  max-width: 600px;
}
@media (max-width: 480px) {
  .ffList .ffList-ul .ffList-item._flex .ffList-img {
    width: 100%;
    margin-top: 20px;
  }
}
.ffList .ffList-ul .ffList-item._flex .ffList-img img {
  width: 100%;
}

.toyotomeetsIndex {
  background-image: -webkit-image-set(url(asset/img/toyotomeets/toyotomeets.jpg) 1x, url(asset/img/toyotomeets/toyotomeets@2x.jpg) 2x);
  background-image: image-set(url(asset/img/toyotomeets/toyotomeets.jpg) 1x, url(asset/img/toyotomeets/toyotomeets@2x.jpg) 2x);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f2f1ec;
  padding: 0 2.5%;
  width: 100%;
  padding-top: 200px;
}
@media (max-width: 1024px) {
  .toyotomeetsIndex {
    padding-top: 10vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsIndex {
    background-color: white;
    background-image: -webkit-image-set(url(asset/img/toyotomeets/toyotomeets-sp.jpg) 1x, url(asset/img/toyotomeets/toyotomeets-sp@2x.jpg) 2x);
    background-image: image-set(url(asset/img/toyotomeets/toyotomeets-sp.jpg) 1x, url(asset/img/toyotomeets/toyotomeets-sp@2x.jpg) 2x);
  }
}
.toyotomeetsIndex .toyotomeetsIndex-wrapper {
  background-color: white;
  width: 100%;
  padding: 2.5%;
  margin-top: 200px;
}
@media (max-width: 1024px) {
  .toyotomeetsIndex .toyotomeetsIndex-wrapper {
    margin-top: 10vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsIndex .toyotomeetsIndex-wrapper {
    background-color: initial;
  }
}
.toyotomeetsIndex .toyotomeetsIndex-btn {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 80px;
}
@media (max-width: 480px) {
  .toyotomeetsIndex .toyotomeetsIndex-btn {
    margin-top: 4.1666666667vw;
    margin-bottom: 8.3333333333vw;
  }
}
.toyotomeetsIndex._indexLayout {
  padding-top: 300px;
}

.toyotomeetsTitle {
  width: 360px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle {
    width: 280px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle {
    width: 100%;
  }
}
.toyotomeetsTitle .toyotomeetsTitle-logo {
  position: relative;
  z-index: 1;
}
.toyotomeetsTitle .toyotomeetsTitle-logo .toyotomeetsTitle-icon {
  position: absolute;
  width: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle .toyotomeetsTitle-logo .toyotomeetsTitle-icon {
    width: 32px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle .toyotomeetsTitle-logo .toyotomeetsTitle-icon {
    width: 24px;
  }
}
.toyotomeetsTitle .toyotomeetsTitle-logo .toyotomeetsTitle-img {
  z-index: 1;
  position: relative;
  animation: r1 50s linear infinite;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle .toyotomeetsTitle-logo .toyotomeetsTitle-img img {
    width: 80px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle .toyotomeetsTitle-logo .toyotomeetsTitle-img img {
    width: 60px;
  }
}
@keyframes r1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.toyotomeetsTitle .toyotomeetsTitle-tit {
  z-index: 1;
  position: relative;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 36px;
  letter-spacing: 8px;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle .toyotomeetsTitle-tit {
    font-size: 28px;
    letter-spacing: 4px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle .toyotomeetsTitle-tit {
    font-size: 20px;
    margin-top: 10px;
  }
}
.toyotomeetsTitle .toyotomeetsTitle-titLogo {
  width: 290px;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle .toyotomeetsTitle-titLogo {
    width: 200px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle .toyotomeetsTitle-titLogo {
    width: 140px;
    margin-top: 10px;
  }
}
.toyotomeetsTitle .toyotomeetsTitle-titLogo img {
  width: 100%;
}
.toyotomeetsTitle .toyotomeetsTitle-p {
  z-index: 1;
  position: relative;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 16px;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle .toyotomeetsTitle-p {
    font-size: 14px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle .toyotomeetsTitle-p {
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.5;
    text-align: center;
  }
}
.toyotomeetsTitle._toplayout {
  margin-left: 6vw;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._toplayout {
    margin-left: 3vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle._toplayout {
    margin-left: 0;
  }
}
.toyotomeetsTitle._toplayout .toyotomeetsTitle-titLogo {
  position: relative;
  z-index: 10;
  width: 290px;
  margin: 20px 0 0 0;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._toplayout .toyotomeetsTitle-titLogo {
    width: 200px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle._toplayout .toyotomeetsTitle-titLogo {
    width: 140px;
    margin: 0 auto;
    margin-top: 10px;
  }
}
.toyotomeetsTitle._toplayout .toyotomeetsTitle-titLogo img {
  width: 100%;
}
.toyotomeetsTitle._indexLayout {
  z-index: 1;
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 70px;
  background-image: url(/hp/wp-content/themes/toyotomi/asset/img/toyotomeets/toyotomeets-back.jpg);
  background-repeat: repeat;
  background-position: 0 0;
  padding-bottom: 120px;
}
@media (max-width: 810px) {
  .toyotomeetsTitle._indexLayout {
    margin-top: 50px;
    aspect-ratio: 1920/878;
    height: auto;
    padding-bottom: 80px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsTitle._indexLayout {
    aspect-ratio: 480/376;
  }
}
.toyotomeetsTitle._indexLayout .toyotomeetsTitle-wrapper {
  padding-top: 60px;
}
@media (max-width: 810px) {
  .toyotomeetsTitle._indexLayout .toyotomeetsTitle-wrapper {
    padding-top: 50px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsTitle._indexLayout .toyotomeetsTitle-wrapper {
    padding-top: 30px;
  }
}
.toyotomeetsTitle._indexLayout .toyotomeetsTitle-titLogo {
  position: relative;
  z-index: 10;
  width: 290px;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._indexLayout .toyotomeetsTitle-titLogo {
    width: 200px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle._indexLayout .toyotomeetsTitle-titLogo {
    width: 140px;
    margin-top: 10px;
  }
}
.toyotomeetsTitle._indexLayout .toyotomeetsTitle-titLogo img {
  width: 100%;
}
.toyotomeetsTitle._indexLayout .toyotomeetsTitle-p {
  z-index: 1;
  position: relative;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._indexLayout .toyotomeetsTitle-p {
    font-size: 14px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle._indexLayout .toyotomeetsTitle-p {
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.5;
  }
}
.toyotomeetsTitle._indexLayout .toyotomeetsTitle-backImg {
  z-index: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
}
.toyotomeetsTitle._indexLayout .toyotomeetsTitle-backImg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: calc(100vh - 70px);
}
@media (max-width: 810px) {
  .toyotomeetsTitle._indexLayout .toyotomeetsTitle-backImg img {
    width: 100%;
    height: auto;
  }
}
.toyotomeetsTitle._singleLayout {
  z-index: 1;
  position: relative;
  aspect-ratio: 1920/630;
  width: 100%;
  margin-top: 70px;
}
@media (max-width: 810px) {
  .toyotomeetsTitle._singleLayout {
    margin-top: 50px;
    aspect-ratio: 1920/630;
    height: auto;
    width: 100%;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsTitle._singleLayout {
    aspect-ratio: 480/376;
  }
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 90px;
  width: 100%;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper {
    margin-top: 50px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper {
    margin-left: 0;
  }
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt {
  margin-left: 30px;
}
@media (max-width: 810px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt {
    margin-left: 20px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt {
    margin-left: 10px;
  }
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt .toyotomeetsTitle-tit {
  margin-top: 0px;
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt .toyotomeetsTitle-tit {
    margin-top: 0px;
  }
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt .toyotomeetsTitle-titLogo {
  position: relative;
  z-index: 10;
  width: 290px;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt .toyotomeetsTitle-titLogo {
    width: 200px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt .toyotomeetsTitle-titLogo {
    width: 140px;
    margin-top: 10px;
  }
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt .toyotomeetsTitle-titLogo img {
  width: 100%;
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-wrapper .toyotomeetsTitle-txt .toyotomeetsTitle-p {
  text-align: left;
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-backImg {
  z-index: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-backImg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
}
@media (max-width: 810px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-backImg img {
    width: 100%;
    height: auto;
  }
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-titImg {
  position: relative;
  z-index: 10;
  padding-top: 290px;
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-titImg img {
  width: 100%;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1340px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-titImg {
    width: 90%;
    margin: 0 auto;
  }
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-titImg img {
    width: 100%;
  }
}
@media (max-width: 1340px) and (max-width: 1024px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-titImg {
    padding-top: 175px;
  }
}
@media (max-width: 1340px) and (max-width: 1024px) and (max-width: 810px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-titImg {
    padding-top: 155px;
  }
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-mainTitle {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  margin-top: 80px !important;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-mainTitle {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-mainTitle {
    margin-top: 8.3333333333vw !important;
  }
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-mainTitle .toyotomeetsTitle-dateWrraper {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-mainTitle .toyotomeetsTitle-dateWrraper .toyotomeetsTitle-date {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  margin-right: 10px;
}
.toyotomeetsTitle._singleLayout .toyotomeetsTitle-mainTitle .toyotomeetsTitle-main {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 36px;
  line-height: 1.4;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-mainTitle .toyotomeetsTitle-main {
    font-size: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .toyotomeetsTitle._singleLayout .toyotomeetsTitle-mainTitle .toyotomeetsTitle-main {
    font-size: 24px;
  }
}
.toyotomeetsTitle._categoryLayout {
  aspect-ratio: auto;
  height: 300px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._categoryLayout {
    aspect-ratio: auto;
    height: 180px;
  }
}
@media (max-width: 480px) {
  .toyotomeetsTitle._categoryLayout .toyotomeetsTitle-wrapper {
    margin-top: 60px !important;
  }
}
.toyotomeetsTitle._categoryLayout .toyotomeetsTitle-backImg {
  z-index: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}
.toyotomeetsTitle._categoryLayout .toyotomeetsTitle-backImg img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 70%;
     object-position: 50% 70%;
  width: 100vw;
  height: 300px;
}
@media (max-width: 1024px) {
  .toyotomeetsTitle._categoryLayout .toyotomeetsTitle-backImg img {
    -o-object-position: 50% 60%;
       object-position: 50% 60%;
    width: 100%;
    height: 180px;
  }
}

.toyotomeetsCateMenu {
  background-color: #f2f1ec;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 90%;
  margin: 0 auto;
  margin-top: -70px;
  position: relative;
  z-index: 10;
}
@media (max-width: 810px) {
  .toyotomeetsCateMenu {
    margin-top: -40px;
  }
}
.toyotomeetsCateMenu .toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
}
@media (max-width: 810px) {
  .toyotomeetsCateMenu .toggle {
    padding: 30px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsCateMenu .toggle {
    padding: 20px;
  }
}
.toyotomeetsCateMenu .toggle:hover .toyotomeetsCateMenu-tit,
.toyotomeetsCateMenu .toggle:hover ._plus,
.toyotomeetsCateMenu .toggle:hover ._minus {
  opacity: 0.5;
}
.toyotomeetsCateMenu .toggle .toyotomeetsCateMenu-tit .toyotomeetsCateMenu-titJp {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 24px;
  letter-spacing: 2px;
}
@media (max-width: 810px) {
  .toyotomeetsCateMenu .toggle .toyotomeetsCateMenu-tit .toyotomeetsCateMenu-titJp {
    font-size: 20px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsCateMenu .toggle .toyotomeetsCateMenu-tit .toyotomeetsCateMenu-titJp {
    font-size: 18px;
  }
}
.toyotomeetsCateMenu .toggle .toyotomeetsCateMenu-tit .toyotomeetsCateMenu-titEn {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 16px;
  letter-spacing: 2px;
  color: #787878;
  margin-top: 10px;
}
@media (max-width: 810px) {
  .toyotomeetsCateMenu .toggle .toyotomeetsCateMenu-tit .toyotomeetsCateMenu-titEn {
    font-size: 14px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsCateMenu .toggle .toyotomeetsCateMenu-tit .toyotomeetsCateMenu-titEn {
    font-size: 12px;
  }
}
.toyotomeetsCateMenu .toggle ._plus, .toyotomeetsCateMenu .toggle .officeList .officeList-link ._minus, .officeList .officeList-link .toyotomeetsCateMenu .toggle ._minus {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  display: inline-block;
  background-color: #bb0118;
}
.toyotomeetsCateMenu .toggle ._plus::before, .toyotomeetsCateMenu .toggle .officeList .officeList-link ._minus::before, .officeList .officeList-link .toyotomeetsCateMenu .toggle ._minus::before {
  content: "ﮞ";
  font-family: icon;
  color: white;
}
.toyotomeetsCateMenu .toggle ._plus::before, .toyotomeetsCateMenu .toggle .officeList .officeList-link ._minus::before, .officeList .officeList-link .toyotomeetsCateMenu .toggle ._minus::before {
  color: white;
}
.toyotomeetsCateMenu .toggle ._minus {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  display: inline-block;
  background-color: #bb0118;
}
.toyotomeetsCateMenu .toggle ._minus::before {
  content: "ﮟ";
  font-family: icon;
  color: white;
}
.toyotomeetsCateMenu .toggle ._minus::before {
  color: white;
}
.toyotomeetsCateMenu .toyotomeetsCateMenu-tag {
  display: none;
  padding: 0px 40px 40px 40px;
}
@media (max-width: 810px) {
  .toyotomeetsCateMenu .toyotomeetsCateMenu-tag {
    padding: 0px 30px 30px 30px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsCateMenu .toyotomeetsCateMenu-tag {
    padding: 0px 20px 20px 20px;
  }
}
.toyotomeetsCateMenu._singlePage {
  margin-top: 0;
  margin-top: 80px !important;
  width: 100%;
}
@media (max-width: 1024px) {
  .toyotomeetsCateMenu._singlePage {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsCateMenu._singlePage {
    margin-top: 8.3333333333vw !important;
  }
}

.toyotomeetsSingle {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.toyotomeetsSlider {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 70px auto 0px auto;
  overflow: visible;
}
@media (max-width: 1400px) and (max-width: 1024px) {
  .toyotomeetsSlider {
    max-width: 80%;
    margin-top: 60px;
  }
}
@media (max-width: 1400px) and (max-width: 1024px) and (max-width: 480px) {
  .toyotomeetsSlider {
    margin-top: 30px;
  }
}
.toyotomeetsSlider .productSlider-link {
  display: block;
}
.toyotomeetsSlider img {
  max-width: 1280px;
  width: 100%;
}
@media (max-width: 1400px) {
  .toyotomeetsSlider img {
    max-width: 100%;
  }
}
.toyotomeetsSlider .swiper-wrapper {
  height: auto;
}
.toyotomeetsSlider .swiper-pagination {
  margin-top: 60px;
  width: auto;
  position: relative;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
@media (max-width: 810px) {
  .toyotomeetsSlider .swiper-pagination {
    margin-top: 6vw;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .toyotomeetsSlider .swiper-pagination {
    margin-top: 6vw;
  }
}
.toyotomeetsSlider .swiper-pagination .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, rgb(255, 255, 255));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
  margin: 0 !important;
  margin-right: var(--swiper-pagination-bullet-horizontal-gap, 15px) !important;
}
@media (max-width: 810px) {
  .toyotomeetsSlider .swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px));
    margin-right: var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;
    background: var(--swiper-pagination-bullet-inactive-color, white);
  }
}
.toyotomeetsSlider .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-bullet-inactive-color, #bb0118) !important;
}
.toyotomeetsSlider .swiper-button-prev,
.toyotomeetsSlider .swiper-button-next {
  left: auto;
  position: absolute;
  top: initial;
  bottom: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-color: #bb0118;
  border: 1px solid #bb0118;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: 0.5s;
  transition: opacity 0.6s;
}
.toyotomeetsSlider .swiper-button-prev:hover,
.toyotomeetsSlider .swiper-button-next:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .toyotomeetsSlider .swiper-button-prev,
  .toyotomeetsSlider .swiper-button-next {
    display: none;
  }
}
.toyotomeetsSlider .swiper-button-prev::after,
.toyotomeetsSlider .swiper-button-next::after {
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}
.toyotomeetsSlider .swiper-button-prev {
  left: -30px;
  margin-top: -100px;
}
.toyotomeetsSlider .swiper-button-prev::after {
  content: "ﮉ";
}
.toyotomeetsSlider .swiper-button-next {
  right: -30px;
  margin-top: -100px;
}
.toyotomeetsSlider .swiper-button-next::after {
  content: "ﮊ";
}

.supportBanner {
  background-image: -webkit-image-set(url(asset/img/support/support-back.jpg) 1x, url(asset/img/support/support-back@2x.jpg) 2x);
  background-image: image-set(url(asset/img/support/support-back.jpg) 1x, url(asset/img/support/support-back@2x.jpg) 2x);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 9.38vw 0px 10.42vw 0px;
}
.supportBanner .supportBanner-tit {
  text-align: center;
}
.supportBanner .supportBanner-tit .supportBanner-titEn {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 32px;
  color: white;
}
@media (max-width: 480px) {
  .supportBanner .supportBanner-tit .supportBanner-titEn {
    font-size: 24px;
  }
}
.supportBanner .supportBanner-tit .supportBanner-title {
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 16px;
  margin-top: 3px;
}
@media (max-width: 480px) {
  .supportBanner .supportBanner-tit .supportBanner-title {
    font-size: 12px;
  }
}
.supportBanner .supportBanner-tit .supportBanner-titTxt {
  font-family: "Noto Serif JP", serif;
  color: white;
  margin-top: 2vw;
  letter-spacing: 2px;
  font-size: clamp(20px, 1.25vw, 32px);
}
@media (max-width: 480px) {
  .supportBanner .supportBanner-tit .supportBanner-titTxt {
    font-size: 14px;
    margin-top: 3vw;
  }
}
.supportBanner .supportBanner-merit {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
  margin-top: 3.13vw;
}
.supportBanner .supportBanner-merit .supportBanner-meritItem {
  width: 20%;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  padding: 2.5vw 20px 0;
}
@media (max-width: 1024px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem {
    width: 33%;
    margin-top: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem {
    width: 50%;
    margin-top: 0;
  }
}
.supportBanner .supportBanner-merit .supportBanner-meritItem:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 480px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem:nth-child(3) {
    display: none;
  }
}
@media (max-width: 1024px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem:nth-child(4) {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem:nth-child(4) {
    display: none;
  }
}
@media (max-width: 480px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem:nth-child(5) {
    display: none;
  }
}
.supportBanner .supportBanner-merit .supportBanner-meritItem:last-child {
  margin-right: 0;
}
@media (max-width: 480px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem:last-child {
    display: none;
  }
}
.supportBanner .supportBanner-merit .supportBanner-meritItem .supportBanner-meritIcon {
  text-align: center;
  padding-bottom: 2.2vw;
}
.supportBanner .supportBanner-merit .supportBanner-meritItem .supportBanner-meritIcon span {
  color: white;
  font-size: 54px;
}
@media (max-width: 1024px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem .supportBanner-meritIcon span {
    font-size: 4.49vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem .supportBanner-meritIcon span {
    font-size: 8.5vw;
  }
}
.supportBanner .supportBanner-merit .supportBanner-meritItem .supportBanner-meritTit {
  font-family: "Noto Serif JP", serif;
  color: white;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 810px) {
  .supportBanner .supportBanner-merit .supportBanner-meritItem .supportBanner-meritTit {
    font-size: 14px;
  }
}
.supportBanner .supportBanner-merit .supportBanner-meritItem .supportBanner-meritTit::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  margin-right: 5px;
  color: #787878;
}
.supportBanner .supportBanner-merit .supportBanner-meritItem .supportBanner-meritTxt {
  color: white;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 10px;
  text-align: center;
  opacity: 0.6;
}
.supportBanner .supportBanner-merit .supportBanner-meritItem a {
  transition: opacity 0.6s;
}
.supportBanner .supportBanner-merit .supportBanner-meritItem a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.supportBanner .supportBanner-btn {
  text-align: center;
  margin-top: 5.86vw;
}

.pageTitleSupport {
  position: relative;
  margin-top: 70px;
  height: 180px;
}
@media (max-width: 810px) {
  .pageTitleSupport {
    margin-top: 50px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .pageTitleSupport {
    height: 200px;
  }
}
.pageTitleSupport .pageTitleSupport-img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 180px;
  overflow: hidden;
}
@media (max-width: 480px) {
  .pageTitleSupport .pageTitleSupport-img {
    height: 200px;
  }
}
.pageTitleSupport .pageTitleSupport-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  min-width: 1920px;
}
@media (max-width: 1024px) {
  .pageTitleSupport .pageTitleSupport-img img {
    min-width: 1024px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitleSupport .pageTitleSupport-img img {
    min-width: 480px;
  }
}
.pageTitleSupport .pageTitleSupport-txt {
  position: absolute;
  color: white;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-jp {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  letter-spacing: 1px;
  margin-top: 3px;
}
@media (max-width: 1024px) {
  .pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-jp {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-jp {
    font-size: 20px;
  }
}
.pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-jp._childpage {
  font-size: 28px;
  margin-top: 6px;
}
@media (max-width: 1024px) {
  .pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-jp._childpage {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-jp._childpage {
    font-size: 20px;
  }
}
.pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-en {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 14px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-en {
    font-size: 14px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-en {
    font-size: 12px;
  }
}
.pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-icon span {
  font-size: 46px;
}
.pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-iconImg {
  width: 60px;
  margin: 0 auto;
}
.pageTitleSupport .pageTitleSupport-txt .pageTitleSupport-iconImg img {
  width: 100%;
}
.pageTitleSupport._single {
  position: relative;
  margin-top: 70px;
  height: auto;
  background-image: url(asset/img/support/support-tit.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 810px) {
  .pageTitleSupport._single {
    margin-top: 50px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .pageTitleSupport._single {
    height: auto;
  }
}
.pageTitleSupport._single .pageTitleSupport-textbox {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 100%;
  color: white;
  padding: 40px 40px;
}
@media (max-width: 1024px) {
  .pageTitleSupport._single .pageTitleSupport-textbox {
    padding: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitleSupport._single .pageTitleSupport-textbox {
    padding: 20px;
  }
}
.pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-iconQ::before {
  content: "Q";
  display: block;
  font-family: "Noto Serif JP", serif;
  color: #8e9188;
  font-size: 24px;
  background-color: white;
  height: 50px;
  width: 50px;
  margin: 0 auto;
  line-height: 45px;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-iconQ::before {
    height: 40px;
    width: 40px;
    font-size: 20px;
    line-height: 38px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-iconQ::before {
    height: 30px;
    width: 30px;
    font-size: 18px;
    line-height: 27px;
  }
}
.pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-jp {
  font-family: "Noto Serif JP", serif;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-top: 3px;
  font-size: 28px;
  margin-top: 6px;
}
@media (max-width: 1024px) {
  .pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-jp {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-jp {
    font-size: 18px;
    text-align: left;
  }
}
.pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-cate {
  margin-top: 10px;
  font-size: 14px;
  opacity: 0.7;
}
@media (max-width: 480px) {
  .pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-cate {
    font-size: 12px;
  }
}
.pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageTitleSupport._single .pageTitleSupport-textbox .pageTitleSupport-icon span {
  font-size: 52px;
}

.supportNavi {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-left: 1px solid #dbdbd3;
  border-top: 1px solid #dbdbd3;
}
.supportNavi .supportNavi-item {
  width: 33.3333333333%;
  border-right: 1px solid #dbdbd3;
  border-bottom: 1px solid #dbdbd3;
  position: relative;
}
@media (max-width: 1024px) {
  .supportNavi .supportNavi-item {
    width: 50%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi .supportNavi-item {
    width: 100%;
  }
}
.supportNavi .supportNavi-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1024px) {
  .supportNavi .supportNavi-item a {
    padding: 40px 30px;
    justify-content: left;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi .supportNavi-item a {
    padding: 15px;
  }
}
.supportNavi .supportNavi-item a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
}
.supportNavi .supportNavi-item a .supportNavi-icon {
  font-size: 54px;
  margin-right: 15px;
}
@media (max-width: 1024px) {
  .supportNavi .supportNavi-item a .supportNavi-icon {
    font-size: 38px;
    margin-right: 15px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi .supportNavi-item a .supportNavi-icon {
    font-size: 30px;
    margin-right: 10px;
    width: 30px;
    text-align: center;
  }
}
.supportNavi .supportNavi-item a .supportNavi-txtBox .supportNavi-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  letter-spacing: 0;
}
@media (max-width: 1024px) {
  .supportNavi .supportNavi-item a .supportNavi-txtBox .supportNavi-tit {
    font-size: 18px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi .supportNavi-item a .supportNavi-txtBox .supportNavi-tit {
    font-size: 16px;
  }
}
.supportNavi .supportNavi-item a .supportNavi-txtBox .supportNavi-txt {
  font-size: 14px;
  padding-top: 10px;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .supportNavi .supportNavi-item a .supportNavi-txtBox .supportNavi-txt {
    font-size: 12px;
    padding-top: 10px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi .supportNavi-item a .supportNavi-txtBox .supportNavi-txt {
    font-size: 10px;
    padding-top: 5px;
  }
}
.supportNavi .supportNavi-item._four {
  width: 25%;
}
@media (max-width: 1024px) {
  .supportNavi .supportNavi-item._four {
    width: 50%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi .supportNavi-item._four {
    width: 100%;
  }
}
.supportNavi .supportNavi-item._four a {
  padding: 50px 0px;
}
@media (max-width: 1024px) {
  .supportNavi .supportNavi-item._four a {
    padding: 40px 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi .supportNavi-item._four a {
    padding: 15px;
  }
}
.supportNavi .supportNavi-item._four a .supportNavi-icon {
  font-size: 38px;
  margin-right: 15px;
}
@media (max-width: 480px) {
  .supportNavi .supportNavi-item._four a .supportNavi-icon {
    font-size: 30px;
    margin-right: 10px;
    width: 30px;
    text-align: center;
  }
}
.supportNavi .supportNavi-item._four a .supportNavi-txtBox .supportNavi-tit {
  font-size: 16px;
}
@media (max-width: 480px) {
  .supportNavi .supportNavi-item._four a .supportNavi-txtBox .supportNavi-tit {
    font-size: 16px;
  }
}
.supportNavi .supportNavi-item._four a .supportNavi-txtBox .supportNavi-txt {
  font-size: 12px;
  padding-top: 10px;
}
@media (max-width: 480px) {
  .supportNavi .supportNavi-item._four a .supportNavi-txtBox .supportNavi-txt {
    font-size: 10px;
    padding-top: 5px;
  }
}
.supportNavi .supportNavi-item .supportNavi-annotation {
  width: 100%;
  position: absolute;
  text-align: center;
  margin-top: 20px;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 1.5;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.supportNavi._repair {
  align-items: center;
  border-left: none;
  border-top: none;
}
@media (max-width: 1024px) {
  .supportNavi._repair {
    display: block;
  }
}
.supportNavi._repair .supportNavi-item {
  border-right: 1px solid #dbdbd3;
  border-bottom: 1px solid #dbdbd3;
  border-left: 1px solid #dbdbd3;
  border-top: 1px solid #dbdbd3;
}
.supportNavi._repair .supportNavi-itemtext {
  margin-top: 20px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 1px;
  color: #000;
  margin-top: 30px;
  width: 66.6%;
  padding-left: 40px;
}
@media (max-width: 810px) {
  .supportNavi._repair .supportNavi-itemtext {
    margin-top: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .supportNavi._repair .supportNavi-itemtext {
    margin-top: 8px;
  }
}
.supportNavi._repair .supportNavi-itemtext span,
.supportNavi._repair .supportNavi-itemtext mark {
  line-height: 200%;
}
@media (max-width: 480px) {
  .supportNavi._repair .supportNavi-itemtext span,
  .supportNavi._repair .supportNavi-itemtext mark {
    line-height: 180%;
  }
}
.supportNavi._repair .supportNavi-itemtext._bold {
  font-weight: bold;
}
.supportNavi._repair .supportNavi-itemtext._right {
  text-align: right;
}
@media (max-width: 1024px) {
  .supportNavi._repair .supportNavi-itemtext {
    width: 50%;
    padding-left: 0;
    margin-top: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi._repair .supportNavi-itemtext {
    width: 100%;
  }
}
.supportNavi._column2 .supportNavi-item {
  width: 50%;
  border-right: 1px solid #dbdbd3;
  border-bottom: 1px solid #dbdbd3;
  position: relative;
}
@media (max-width: 1024px) {
  .supportNavi._column2 .supportNavi-item {
    width: 50%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportNavi._column2 .supportNavi-item {
    width: 100%;
  }
}

.supportProductNavi {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-left: 1px solid #dbdbd3;
  border-top: 1px solid #dbdbd3;
}
.supportProductNavi .supportProductNavi-item {
  width: 33.3333333333%;
  border-right: 1px solid #dbdbd3;
  border-bottom: 1px solid #dbdbd3;
}
@media (max-width: 1024px) {
  .supportProductNavi .supportProductNavi-item {
    width: 50%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportProductNavi .supportProductNavi-item {
    width: 100%;
  }
}
.supportProductNavi .supportProductNavi-item a {
  display: flex;
  align-items: center;
  padding: 20px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 480px) {
  .supportProductNavi .supportProductNavi-item a {
    padding: 10px;
  }
}
.supportProductNavi .supportProductNavi-item a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
}
.supportProductNavi .supportProductNavi-item a .supportProductNavi-icon {
  margin-right: 5px;
}
.supportProductNavi .supportProductNavi-item a .supportProductNavi-icon img {
  width: 100px;
}
@media (max-width: 480px) {
  .supportProductNavi .supportProductNavi-item a .supportProductNavi-icon img {
    width: 50px;
  }
}
.supportProductNavi .supportProductNavi-item a .supportProductNavi-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  letter-spacing: 1.5;
}
@media (max-width: 480px) {
  .supportProductNavi .supportProductNavi-item a .supportProductNavi-txt {
    font-size: 16px;
    letter-spacing: 1px;
  }
}

.supportColumn {
  width: 90%;
  margin: 0 auto;
  display: flex;
  margin-top: 150px;
}
@media (max-width: 1024px) {
  .supportColumn {
    flex-direction: column-reverse;
    width: 100%;
    margin-top: 0;
  }
}
.supportColumn .supportColumn-contents {
  width: calc(100% - 360px);
}
@media (max-width: 1024px) {
  .supportColumn .supportColumn-contents {
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
  }
}
.supportColumn .supportColumn-sideNavi {
  width: 360px;
  padding-left: 60px;
}
@media (max-width: 1024px) {
  .supportColumn .supportColumn-sideNavi {
    width: 100%;
    padding-left: 0;
  }
}
.supportColumn._single {
  max-width: 1250px;
}
.supportColumn._single .supportColumn-contents {
  max-width: 890px;
}

.supportSideNavi .supportSideNavi-tit {
  position: relative;
  padding-top: 45px;
  margin-bottom: 40px;
  border-top: 1px solid #dbdbd3;
  width: 100%;
}
.supportSideNavi .supportSideNavi-tit::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 30px;
  border-top: 1px solid #bb0118;
}
.supportSideNavi .supportSideNavi-tit .supportSideNavi-titTxt {
  font-size: 20px;
  letter-spacing: 2;
  font-family: "Noto Serif JP", serif;
}
.supportSideNavi .supportSideNavi-tit .supportSideNavi-titEn {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 10px;
  color: #847c70;
  margin-top: 5px;
  letter-spacing: 1px;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item {
  border-top: 1px solid #dbdbd3;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item:last-child {
  border-bottom: 1px solid #dbdbd3;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 18px 0px 18px 10px;
  transition: all 0.4s ease-in-out;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item a .supportSideNavi-icon {
  font-size: 24px;
  width: 25px;
  text-align: center;
  margin-right: 10px;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item a .supportSideNavi-iconImg {
  width: 25px;
  margin-right: 10px;
  text-align: center;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item a .supportSideNavi-iconImg img {
  width: 16px;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item a .supportSideNavi-txt {
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item a:hover .supportSideNavi-icon {
  color: #bb0118;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item a:hover .supportSideNavi-txt {
  color: #bb0118;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item._current a {
  background-color: rgba(0, 0, 0, 0.1);
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item._current a .supportSideNavi-icon {
  color: #bb0118;
}
.supportSideNavi .supportSideNavi-list .supportSideNavi-item._current a .supportSideNavi-txt {
  color: #bb0118;
}
.supportSideNavi._pc {
  display: block;
}
@media (max-width: 1024px) {
  .supportSideNavi._pc {
    display: none;
  }
}
.supportSideNavi._sp {
  display: none;
}
@media (max-width: 1024px) {
  .supportSideNavi._sp {
    display: block;
  }
}
.supportSideNavi._sp .supportSideNavi-toggleBtn {
  display: flex;
  align-items: center;
  padding: 30px 5%;
  background-color: #f2f1ec;
}
@media (max-width: 480px) {
  .supportSideNavi._sp .supportSideNavi-toggleBtn {
    padding: 20px 5%;
  }
}
.supportSideNavi._sp .supportSideNavi-toggleBtn .supportSideNavi-toggleTitTxt {
  font-size: 20px;
  letter-spacing: 2;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 480px) {
  .supportSideNavi._sp .supportSideNavi-toggleBtn .supportSideNavi-toggleTitTxt {
    font-size: 18px;
  }
}
.supportSideNavi._sp .supportSideNavi-toggleBtn .supportSideNavi-toggleTitEn {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 10px;
  color: #847c70;
  margin-top: 5px;
  letter-spacing: 1px;
}
.supportSideNavi._sp .supportSideNavi-toggleBtn .supportSideNavi-toggleBtnPlusIcon {
  margin-right: 20px;
}
@media (max-width: 480px) {
  .supportSideNavi._sp .supportSideNavi-toggleBtn .supportSideNavi-toggleBtnPlusIcon {
    margin-right: 10px;
  }
}
.supportSideNavi._sp .supportSideNavi-toggleBtn .supportSideNavi-toggleBtnPlusIcon::before {
  display: inline-block;
  content: "+";
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 12px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 12px;
  vertical-align: middle;
  background-color: #bb0118;
  color: white;
}
.supportSideNavi._sp .supportSideNavi-toggleBtn .wrapper {
  background-color: initial;
  overflow: visible;
}
.supportSideNavi._sp .supportSideNavi-list {
  display: none;
  background-color: #f2f1ec;
}
.supportSideNavi._sp .supportSideNavi-list .supportSideNavi-item {
  width: 90%;
  margin: 0 auto;
}
.supportSideNavi._sp .supportSideNavi-list .supportSideNavi-item:last-child {
  border-bottom: none;
}
.supportSideNavi._sp .supportSideNavi-list .supportSideNavi-item a {
  padding: 18px 0px;
}
.supportSideNavi._sp .supportSideNavi-list .supportSideNavi-item a:hover {
  background-color: #f2f1ec;
}
.documentIndex .documentIndex-list {
  border-top: 1px solid #dbdbd3;
}
.documentIndex .documentIndex-list:last-child {
  border-bottom: 1px solid #dbdbd3;
}
.documentIndex .documentIndex-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 30px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1024px) {
  .documentIndex .documentIndex-list a {
    padding: 30px 0px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .documentIndex .documentIndex-list a {
    padding: 20px 0;
  }
}
.documentIndex .documentIndex-list a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
}
.documentIndex .documentIndex-list a .documentIndex-img {
  margin-right: 40px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .documentIndex .documentIndex-list a .documentIndex-img {
    width: 30%;
    margin-right: 20px;
  }
}
.documentIndex .documentIndex-list a .documentIndex-img img {
  max-width: 283px;
  width: 100%;
}
.documentIndex .documentIndex-list a .documentIndex-txt {
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .documentIndex .documentIndex-list a .documentIndex-txt {
    margin-right: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .documentIndex .documentIndex-list a .documentIndex-txt {
    margin-right: 10px;
  }
}
.documentIndex .documentIndex-list a .documentIndex-txt .documentIndex-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .documentIndex .documentIndex-list a .documentIndex-txt .documentIndex-tit {
    font-size: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .documentIndex .documentIndex-list a .documentIndex-txt .documentIndex-tit {
    font-size: 18px;
  }
}
.documentIndex .documentIndex-list a .documentIndex-txt .documentIndex-p {
  line-height: 1.8;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .documentIndex .documentIndex-list a .documentIndex-txt .documentIndex-p {
    font-size: 14px;
    line-height: 1.4;
  }
}
.documentIndex .documentIndex-list a .documentIndex-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  background-color: #bb0118;
  transition: 0.5s;
  text-align: center;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .documentIndex .documentIndex-list a .documentIndex-arrow {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .documentIndex .documentIndex-list a .documentIndex-arrow {
    width: 20px;
    height: 20px;
  }
}
.documentIndex .documentIndex-list a .documentIndex-arrow::after {
  content: "ﮊ";
  font-family: icon;
  color: white;
  font-size: 20px;
  line-height: 40px;
}
@media (max-width: 1024px) {
  .documentIndex .documentIndex-list a .documentIndex-arrow::after {
    font-size: 16px;
    line-height: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .documentIndex .documentIndex-list a .documentIndex-arrow::after {
    font-size: 10px;
    line-height: 20px;
  }
}
.documentIndex .documentIndex-list a .documentIndex-arrow:hover {
  background-color: white;
  border: 1px solid #bb0118;
}
.documentIndex .documentIndex-list a .documentIndex-arrow:hover::after {
  color: #bb0118;
}

.catalogList .catalogList-item {
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  .catalogList .catalogList-item {
    margin-bottom: 20px;
  }
}
.catalogList .catalogList-item a {
  width: 100%;
  transition: 0.5s;
}
.catalogList .catalogList-item a .catalogList-img {
  display: block;
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.catalogList .catalogList-item a .catalogList-img._line {
  border: 1px solid #dbdbd3;
}
.catalogList .catalogList-item a .catalogList-img img {
  text-align: center;
  width: 100%;
}
.catalogList .catalogList-item a .catalogList-tit {
  font-size: 18px;
  font-family: "Noto Serif JP", serif;
  margin-top: 10px;
  line-height: 1.4;
  text-align: center;
}
.catalogList .catalogList-item a .catalogList-pdf {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin-top: 5px;
}
.catalogList .catalogList-item a .catalogList-pdf::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(/hp/wp-content/themes/toyotomi/asset/img/common/pdf.svg);
  background-repeat: no-repeat;
  background-size: auto 23px;
}
.catalogList .catalogList-item a:hover {
  transition: 0.5s;
  color: #bb0118;
}
.catalogList .catalogList-item a:hover {
  transition: 0.5s;
  opacity: 0.5;
}

.searchForm .searchForm-inputTxt {
  position: relative;
  display: block;
  padding: 40px;
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
  background-color: #f2f1ec;
}
@media (max-width: 480px) {
  .searchForm .searchForm-inputTxt {
    padding: 20px;
  }
}
.searchForm .searchForm-inputTxt input[type=text] {
  border: none;
  font-size: 16px;
  background-color: #f2f1ec;
  text-align: center;
  width: 100%;
}
@media (max-width: 480px) {
  .searchForm .searchForm-inputTxt input[type=text] {
    font-size: 14px;
  }
}
.searchForm .searchForm-inputTxt input[type=text]:focus {
  outline: 0;
}
.searchForm .searchForm-inputTxt input[type=text]::-moz-placeholder {
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  opacity: 0.5;
}
.searchForm .searchForm-inputTxt input[type=text]::placeholder {
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  opacity: 0.5;
}
@media (max-width: 480px) {
  .searchForm .searchForm-inputTxt input[type=text]::-moz-placeholder {
    font-size: 14px;
  }
  .searchForm .searchForm-inputTxt input[type=text]::placeholder {
    font-size: 14px;
  }
}
.searchForm .searchForm-btn {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.searchForm .searchForm-btn .searchForm-btnWrapp {
  background-color: #bb0118;
  border-radius: 50px;
  display: flex;
  position: relative;
  z-index: 0;
}
.searchForm .searchForm-btn .searchForm-btnWrapp:hover {
  opacity: 0.5;
}
.searchForm .searchForm-btn .searchForm-btnWrapp .searchForm-icon {
  position: absolute;
  margin-top: 5px;
  margin-left: 15px;
  font-size: 30px;
  color: white;
  left: 0;
  z-index: 1;
}
.searchForm .searchForm-btn .searchForm-btnWrapp input[type=submit] {
  z-index: 2;
  cursor: pointer;
  font-size: 14px;
  padding: 12px 20px 10px 45px;
  font-family: "Sorts Mill Goudy", serif;
  letter-spacing: 2px;
  color: white;
  border: none;
  display: block;
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border-radius: 50px;
  background-clip: padding-box;
}

.searchResult .searchResult-item {
  border-top: 1px solid #dbdbd3;
}
.searchResult .searchResult-item:last-child {
  border-bottom: 1px solid #dbdbd3;
}
.searchResult .searchResult-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 30px;
  background-image: url(/hp/wp-content/themes/toyotomi/asset/img/common/pdf.svg);
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-size: auto 23px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1024px) {
  .searchResult .searchResult-item a {
    padding: 40px 0px;
    background-position: right 0px center;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .searchResult .searchResult-item a {
    padding: 30px 0px;
  }
}
.searchResult .searchResult-item a .searchResult-tit {
  line-height: 0;
  text-decoration: underline;
  transition: all 0.4s ease-in-out;
}
.searchResult .searchResult-item a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
}
.searchResult .searchResult-item a:hover .searchResult-tit {
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

.telephone {
  font-size: 50px;
  font-weight: bold;
  margin-top: 10px;
}
@media (max-width: 810px) {
  .telephone {
    font-size: 40px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .telephone {
    font-size: 32px;
    margin-top: 5px;
  }
}

.repairList {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
  .repairList {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .repairList {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.repairList li {
  border-left: 1px solid #dbdbd3;
  padding: 20px;
  line-height: 1.3;
  text-align: center;
  margin-top: 20px;
}
.repairList li:first-child {
  border-left: 1px solid #dbdbd3;
}
.repairList li:nth-child(6n) {
  border-right: 1px solid #dbdbd3;
}
.repairList li:last-child {
  border-right: 1px solid #dbdbd3;
}
@media (max-width: 1024px) {
  .repairList li {
    padding: 15px;
    margin-top: 10px;
  }
  .repairList li:nth-child(6n) {
    border-right: none;
  }
  .repairList li:nth-child(4n) {
    border-right: 1px solid #dbdbd3;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .repairList li {
    padding: 10px;
  }
  .repairList li:nth-child(4n) {
    border-right: none;
  }
  .repairList li:nth-child(3n) {
    border-right: 1px solid #dbdbd3;
  }
}

.supportList .supportList-item {
  border-top: 1px solid #dbdbd3;
}
.supportList .supportList-item:last-child {
  border-bottom: 1px solid #dbdbd3;
}
.supportList .supportList-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 30px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1024px) {
  .supportList .supportList-item a {
    padding: 30px 0px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportList .supportList-item a {
    padding: 20px 0;
  }
}
.supportList .supportList-item a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
}
.supportList .supportList-item a .supportList-wrapper {
  display: flex;
}
.supportList .supportList-item a .supportList-wrapper .supportList-txt {
  margin-right: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .supportList .supportList-item a .supportList-wrapper .supportList-txt {
    margin-right: 20px;
    font-size: 18px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportList .supportList-item a .supportList-wrapper .supportList-txt {
    margin-right: 10px;
    font-size: 16px;
  }
}
.supportList .supportList-item a .supportList-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  background-color: #bb0118;
  transition: 0.5s;
  text-align: center;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .supportList .supportList-item a .supportList-arrow {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportList .supportList-item a .supportList-arrow {
    width: 20px;
    height: 20px;
  }
}
.supportList .supportList-item a .supportList-arrow::after {
  content: "ﮊ";
  font-family: icon;
  color: white;
  font-size: 20px;
  line-height: 40px;
}
@media (max-width: 1024px) {
  .supportList .supportList-item a .supportList-arrow::after {
    font-size: 16px;
    line-height: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportList .supportList-item a .supportList-arrow::after {
    font-size: 10px;
    line-height: 20px;
  }
}
.supportList .supportList-item a .supportList-arrow:hover {
  background-color: white;
  border: 1px solid #bb0118;
}
.supportList .supportList-item a .supportList-arrow:hover::after {
  color: #bb0118;
}
.supportList .supportList-noPostMessage {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 150px !important;
}
@media (max-width: 1024px) {
  .supportList .supportList-noPostMessage {
    margin-top: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .supportList .supportList-noPostMessage {
    margin-top: 19.7916666667vw !important;
  }
}

.supportBack {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media (max-width: 480px) {
  .supportBack {
    display: block;
  }
}
.supportBack .supportBack-left {
  margin-right: 20px;
}
@media (max-width: 480px) {
  .supportBack .supportBack-left {
    margin-bottom: 20px;
  }
}

.documentTable table {
  width: 100%;
}
.documentTable table tbody {
  border-left: 1px solid #dbdbd3;
}
.documentTable table tr {
  border-top: 1px solid #dbdbd3;
}
.documentTable table tr:last-child {
  border-bottom: 1px solid #dbdbd3;
}
.documentTable table tr td {
  padding: 15px 20px;
  line-height: 120%;
  border-right: 1px solid #dbdbd3;
  border-left: 1px solid #dbdbd3;
}
@media (max-width: 810px) {
  .documentTable table tr td {
    padding: 10px;
  }
}
.documentTable table tr td:first-child {
  border-left: 1px solid #dbdbd3;
}
.documentTable table tr td a {
  text-decoration: underline;
  line-height: 150%;
}
.documentTable table tr td a:hover {
  text-decoration: none;
}
.documentTable table th {
  padding: 15px 20px;
  line-height: 150%;
  border-right: 1px solid #dbdbd3;
  background-color: #f2f1ec;
}
.documentTable table th:first-child {
  border-left: 1px solid #dbdbd3;
}
@media (max-width: 480px) {
  .documentTable table._scroll {
    overflow: hidden;
    white-space: nowrap;
  }
  .documentTable table._scroll::-webkit-scrollbar {
    height: 5px;
  }
  .documentTable table._scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .documentTable table._scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }
}

.notfound {
  margin-top: 70px;
  background-image: -webkit-image-set(url(asset/img/common/404.jpg) 1x, url(asset/img/common/404@2x.jpg) 2x);
  background-image: image-set(url(asset/img/common/404.jpg) 1x, url(asset/img/common/404@2x.jpg) 2x);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 11.4583333333vw;
  padding-bottom: 11.4583333333vw;
}
@media (max-width: 810px) {
  .notfound {
    margin-top: 50px;
  }
}
.notfound .notfound-title {
  text-align: center;
  color: white;
}
.notfound .notfound-title .notfound-404 {
  font-family: "Noto Serif JP", serif;
  font-size: 10.4166666667vw;
  letter-spacing: 1.25vw;
  display: block;
}
.notfound .notfound-title .notfound-not {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 2.0833333333vw;
  letter-spacing: 0.78125vw;
  display: block;
  margin-top: 10px;
}
.notfound .notfound-box {
  text-align: center;
  margin-top: 1.5625vw;
}
.notfound .notfound-box .notfound-txt {
  font-size: 20px;
  font-weight: bold;
  font-family: "Noto Serif JP", serif;
  color: white;
}
@media (max-width: 810px) {
  .notfound .notfound-box .notfound-txt {
    font-size: 14px;
  }
}
.notfound .notfound-box .btn {
  margin-top: 15px;
}

.recHeader {
  display: flex;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  z-index: 10000;
}
.recHeader .recHeader-logo {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 20px 40px 20px 30px;
  position: relative;
  z-index: 1000;
}
@media (max-width: 1024px) {
  .recHeader .recHeader-logo {
    padding: 10px;
  }
}
@media (max-width: 1024px) {
  .recHeader .recHeader-logo .recHeader-logoImg img {
    width: 110px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recHeader .recHeader-logo .recHeader-logoImg img {
    width: 90px;
  }
}
.recHeader .recHeader-logo .recHeader-logoTit {
  margin-left: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #bb0118;
  font-size: 12px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .recHeader .recHeader-logo .recHeader-logoTit {
    margin-left: 10px;
    font-size: 10px;
    margin-top: 2px;
  }
}
.recHeader .recHeader-menu {
  display: flex;
  position: relative;
  z-index: 100000;
}
.recHeader .recHeader-menu .entryBtn {
  background-color: black;
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 14px;
  height: 100px;
  padding: 0 60px;
  line-height: 100px;
  transition: opacity 0.6s;
}
.recHeader .recHeader-menu .entryBtn:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .recHeader .recHeader-menu .entryBtn {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recHeader .recHeader-menu .entryBtn {
    font-size: 10px;
  }
}
.recHeader .recHeader-menu .entryBtn._imgBanner {
  background-color: transparent;
  padding: 20px 30px;
}
@media (max-width: 1024px) {
  .recHeader .recHeader-menu .entryBtn._imgBanner {
    height: 50px;
    padding: 10px 10px 0 0;
    line-height: 50px;
  }
  .recHeader .recHeader-menu .entryBtn._imgBanner img {
    width: 25vw;
  }
}

.recHamburgerMenu {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  z-index: 1000;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: #bb0118;
}

.recMenu {
  display: flex;
  width: 90vw;
  height: 100vh;
  align-items: center;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media (max-width: 810px) {
  .recMenu {
    display: block;
  }
}
.recMenu .recMenu-nav {
  width: 80%;
}
@media (max-width: 810px) {
  .recMenu .recMenu-nav {
    width: 100%;
  }
}
.recMenu .recMenu-nav .recMenu-wrapper {
  width: 100%;
  margin-top: 60px;
  display: flex;
}
@media (max-width: 810px) {
  .recMenu .recMenu-nav .recMenu-wrapper {
    display: block;
    margin-top: 0;
  }
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-list {
  width: 50%;
}
@media (max-width: 810px) {
  .recMenu .recMenu-nav .recMenu-wrapper .recMenu-list {
    width: 100%;
  }
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-list .recMenu-itemTit {
  color: white;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 10px;
}
@media (max-width: 810px) {
  .recMenu .recMenu-nav .recMenu-wrapper .recMenu-list .recMenu-itemTit {
    margin-top: 40px;
    margin-bottom: 5;
    font-size: 20;
  }
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-list .recMenu-item {
  padding-top: 20px;
  padding-left: 10px;
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-list .recMenu-item a {
  color: white;
  transition: opacity 0.6s;
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-list .recMenu-item a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-list .recMenu-item a::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  margin-right: 5px;
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-itemBanner {
  padding-top: 20px;
  padding-left: 10px;
}
@media (max-width: 810px) {
  .recMenu .recMenu-nav .recMenu-wrapper .recMenu-itemBanner {
    padding-left: 0;
    padding-top: 40px;
    width: 100%;
  }
}
@media (max-width: 810px) and (max-width: 500px) {
  .recMenu .recMenu-nav .recMenu-wrapper .recMenu-itemBanner img {
    width: 100%;
  }
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-itemBanner a {
  transition: opacity 0.6s;
}
.recMenu .recMenu-nav .recMenu-wrapper .recMenu-itemBanner a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.recMenu .recMenuLogo {
  width: 30%;
  text-align: center;
}
@media (max-width: 810px) {
  .recMenu .recMenuLogo {
    width: 100%;
    margin-top: 60px;
    padding-bottom: 100px;
  }
}
.recMenu .recMenuLogo a {
  transition: opacity 0.6s;
}
.recMenu .recMenuLogo a .recMenuLogo-img {
  width: 200px;
}
.recMenu .recMenuLogo a .recMenuLogo-img img {
  width: 100%;
}
.recMenu .recMenuLogo a .recMenuLogo-txt {
  margin-top: 20px;
  color: white;
  font-size: 14px;
}
.recMenu .recMenuLogo a .recMenuLogo-txt::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  margin-right: 0px;
}
.recMenu .recMenuLogo a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}

.recMenuBack {
  position: absolute;
  opacity: 0.3;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
}
@media (max-width: 1024px) {
  .recMenuBack {
    opacity: 0.5;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recMenuBack {
    opacity: 0.6;
  }
}
.recMenuBack img {
  width: 100%;
}

.recTopMain {
  width: 100%;
  display: flex;
  position: relative;
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 28px 28px;
  background-repeat: repeat;
  background-position: center center;
}
@media (max-width: 480px) {
  .recTopMain {
    margin-top: 50px;
  }
}
.recTopMain .recTopMain-o {
  width: 50%;
}
.recTopMain .recTopMain-o .recTopMain-cursive {
  position: absolute;
  z-index: 20;
  bottom: -3vw;
  margin-left: -25%;
  width: 32.65625vw;
}
.recTopMain .recTopMain-o .recTopMain-cursive img {
  width: 100%;
}
.recTopMain .recTopMain-o .recTopMain-oMark {
  position: absolute;
  z-index: 10;
  mix-blend-mode: multiply;
  margin-left: -30%;
  bottom: -6vw;
  width: 35.15625vw;
}
.recTopMain .recTopMain-o .recTopMain-oMark img {
  width: 100%;
}
.recTopMain .recTopMain-o .recTopMain-img {
  z-index: 1;
  width: 100%;
}
.recTopMain .recTopMain-o .recTopMain-img img {
  width: 100%;
}
.recTopMain .recTopMain-catch {
  width: 50%;
  position: relative;
  z-index: 100;
}
.recTopMain .recTopMain-catch .recTopMain-copy {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 33.75vw;
}
@media (max-width: 480px) {
  .recTopMain .recTopMain-catch .recTopMain-copy {
    width: 43.75vw;
  }
}
.recTopMain .recTopMain-catch .recTopMain-copy img {
  width: 100%;
}

.recWrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.recWrapper._backGray {
  background-color: #f2f1ec;
}
.recWrapper._navy {
  background-color: #0b377e;
}
.recWrapper._red {
  background-color: #bb0118;
}
.recWrapper._backHougan {
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 28px 28px;
  background-repeat: repeat;
  background-position: center center;
}
.recWrapper._dotBlue {
  background-image: radial-gradient(#264d8c 15%, transparent 15%), radial-gradient(#264d8c 15%, transparent 15%);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}
.recWrapper._dotYellow {
  background-image: radial-gradient(#f4f4db 15%, transparent 15%), radial-gradient(#f4f4db 15%, transparent 15%);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}
.recWrapper._dotRed {
  background-image: radial-gradient(#c43232 15%, transparent 15%), radial-gradient(#c43232 15%, transparent 15%);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}
.recWrapper .recWrapper-center {
  width: 90%;
  margin: 0 auto;
  max-width: 1644px;
}
.recWrapper .recWrapper-center._1360 {
  max-width: 1360px;
}
.recWrapper .recWrapper-center._980 {
  max-width: 980px;
}
.recWrapper .recWrapper-banner {
  width: 100%;
  max-width: 1644px;
}
.recWrapper .recWrapper-banner img {
  width: 100%;
}
.recWrapper .recWrapper-banner a {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: black;
}
.recWrapper .recWrapper-banner a .recWrapper-bannertxt {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.recWrapper .recWrapper-banner a .recWrapper-bannertxt .recWrapper-bannertit {
  color: white;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
}
@media (max-width: 1024px) {
  .recWrapper .recWrapper-banner a .recWrapper-bannertxt .recWrapper-bannertit {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recWrapper .recWrapper-banner a .recWrapper-bannertxt .recWrapper-bannertit {
    font-size: 20px;
  }
}
.recWrapper .recWrapper-banner a .recWrapper-bannertxt .recWrapper-bannertext {
  color: white;
  font-size: 14px;
  text-align: center;
  letter-spacing: 2;
  line-height: 1.5;
  display: block;
  margin-top: 20px;
  opacity: 0.7;
}
@media (max-width: 810px) {
  .recWrapper .recWrapper-banner a .recWrapper-bannertxt .recWrapper-bannertext {
    display: none;
  }
}
.recWrapper .recWrapper-banner a img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s all;
}
@media (max-width: 810px) {
  .recWrapper .recWrapper-banner a img {
    height: auto;
  }
}
.recWrapper .recWrapper-banner a:hover img {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  opacity: 0.6;
}

.recTopTitleLv2 {
  margin-top: 150px !important;
  margin-bottom: 30px !important;
}
@media (max-width: 1024px) {
  .recTopTitleLv2 {
    margin-top: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recTopTitleLv2 {
    margin-top: 19.7916666667vw !important;
  }
}
@media (max-width: 1024px) {
  .recTopTitleLv2 {
    margin-bottom: 2.9296875vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recTopTitleLv2 {
    margin-bottom: 4.1666666667vw !important;
  }
}
.recTopTitleLv2 .recTopTitleLv2-jp {
  font-weight: bold;
  font-size: 48;
  letter-spacing: 2px;
}
@media (max-width: 810px) {
  .recTopTitleLv2 .recTopTitleLv2-jp {
    font-size: 36px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .recTopTitleLv2 .recTopTitleLv2-jp {
    font-size: 24px;
  }
}
.recTopTitleLv2 .recTopTitleLv2-en {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #bb0118;
  margin-top: 5px;
}
@media (max-width: 810px) {
  .recTopTitleLv2 .recTopTitleLv2-en {
    font-size: 16px;
  }
}

.recTopTitleLv3 {
  margin-top: 100px !important;
  margin-bottom: 30px !important;
  text-align: center;
}
@media (max-width: 1024px) {
  .recTopTitleLv3 {
    margin-top: 9.765625vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recTopTitleLv3 {
    margin-top: 16.6666666667vw !important;
  }
}
@media (max-width: 1024px) {
  .recTopTitleLv3 {
    margin-bottom: 2.9296875vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recTopTitleLv3 {
    margin-bottom: 4.1666666667vw !important;
  }
}
.recTopTitleLv3 .recTopTitleLv3-jp {
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 2px;
}
@media (max-width: 810px) {
  .recTopTitleLv3 .recTopTitleLv3-jp {
    font-size: 30px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .recTopTitleLv3 .recTopTitleLv3-jp {
    font-size: 20px;
  }
}
.recTopTitleLv3 .recTopTitleLv3-en {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #bb0118;
  padding-top: 10px;
}
@media (max-width: 810px) {
  .recTopTitleLv3 .recTopTitleLv3-en {
    font-size: 14px;
  }
}
.recTopTitleLv3 .recTopTitleLv3-en::after {
  content: "";
  display: block;
  height: 1px;
  width: 50px;
  background-color: #bb0118;
  margin: 30px auto;
}

.recJobList {
  position: relative;
  display: grid;
  grid-template-columns: 23% 23% 23% 23%;
  -moz-column-gap: 3%;
       column-gap: 3%;
  row-gap: 30px;
  height: auto;
  z-index: 1;
}
@media (max-width: 1024px) {
  .recJobList {
    grid-template-columns: 31% 31% 31%;
    -moz-column-gap: 3.5%;
         column-gap: 3.5%;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recJobList {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
    row-gap: 15px;
  }
}
.recJobList .recJobList-item {
  width: 100%;
  background-color: #f2f1ec;
}
.recJobList .recJobList-item a {
  padding: 60px 30px 60px;
  background-color: #f2f1ec;
  display: block;
  transition: opacity 0.6s;
}
.recJobList .recJobList-item a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .recJobList .recJobList-item a {
    padding: 20px;
  }
}
.recJobList .recJobList-item a .recJobList-img {
  text-align: center;
}
@media (max-width: 480px) {
  .recJobList .recJobList-item a .recJobList-img {
    width: 60px;
    margin: 0 auto;
  }
  .recJobList .recJobList-item a .recJobList-img img {
    width: 100%;
  }
}
.recJobList .recJobList-item a .recJobList-tit {
  font-size: 20px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
}
@media (max-width: 480px) {
  .recJobList .recJobList-item a .recJobList-tit {
    font-size: 16px;
  }
}
.recJobList .recJobList-item a .recJobList-tit::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: #bb0118;
  color: white;
  margin-right: 5px;
}
.recJobList .recJobList-item a .recJobList-p {
  margin-top: 10px;
  text-align: center;
  line-height: 1.5;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .recJobList .recJobList-item a .recJobList-p br {
    display: none;
  }
}
.recJobList .recJobList-item._current {
  background-color: white;
  border: 1px solid #b7848a;
}
.recJobList._jobIndex {
  grid-template-columns: 100%;
  -moz-column-gap: 0%;
       column-gap: 0%;
  row-gap: 30px;
}
@media (max-width: 1024px) {
  .recJobList._jobIndex {
    grid-template-columns: 100%;
    -moz-column-gap: 0%;
         column-gap: 0%;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recJobList._jobIndex {
    grid-template-columns: 100%;
    -moz-column-gap: 0%;
         column-gap: 0%;
    row-gap: 15px;
  }
}
.recJobList._jobIndex .recJobList-item a {
  padding: 30px 30px 30px;
  display: block;
  transition: opacity 0.6s;
  display: flex;
  align-items: center;
}
.recJobList._jobIndex .recJobList-item a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .recJobList._jobIndex .recJobList-item a {
    padding: 20px;
  }
}
.recJobList._jobIndex .recJobList-item a .recJobList-img {
  text-align: center;
  width: 120px;
  height: 120px;
}
@media (max-width: 810px) {
  .recJobList._jobIndex .recJobList-item a .recJobList-img {
    width: 80px;
    height: 80px;
    flex-shrink: 1;
  }
}
.recJobList._jobIndex .recJobList-item a .recJobList-img img {
  margin-top: 20px;
  width: 80px;
  position: relative;
  z-index: 1;
}
@media (max-width: 810px) {
  .recJobList._jobIndex .recJobList-item a .recJobList-img img {
    width: 50px;
    margin-top: 15px;
  }
}
.recJobList._jobIndex .recJobList-item a .recJobList-img::before {
  position: absolute;
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  background-color: white;
  border-radius: 50%;
}
@media (max-width: 810px) {
  .recJobList._jobIndex .recJobList-item a .recJobList-img::before {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 480px) {
  .recJobList._jobIndex .recJobList-item a .recJobList-img {
    width: 60px;
    margin: 0 auto;
  }
  .recJobList._jobIndex .recJobList-item a .recJobList-img img {
    width: 100%;
  }
}
.recJobList._jobIndex .recJobList-item a .wrapper {
  margin-left: 30px;
}
@media (max-width: 810px) {
  .recJobList._jobIndex .recJobList-item a .wrapper {
    margin-left: 10px;
    flex-shrink: 1;
    width: calc(100% - 90px);
  }
}
.recJobList._jobIndex .recJobList-item a .recJobList-tit {
  text-align: left;
}
.recJobList._jobIndex .recJobList-item a .recJobList-p {
  text-align: left;
}

.recTopEnviro {
  display: flex;
  flex-wrap: no-wrap;
  width: 100%;
}
@media (max-width: 810px) {
  .recTopEnviro {
    display: block;
  }
}
.recTopEnviro .recTopEnviro-banner {
  width: 50%;
}
@media (max-width: 810px) {
  .recTopEnviro .recTopEnviro-banner {
    width: 100%;
  }
}
.recTopEnviro .recTopEnviro-banner a {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: black;
}
.recTopEnviro .recTopEnviro-banner a .recTopEnviro-txt {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.recTopEnviro .recTopEnviro-banner a .recTopEnviro-txt .recTopEnviro-tit {
  color: white;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
}
@media (max-width: 1024px) {
  .recTopEnviro .recTopEnviro-banner a .recTopEnviro-txt .recTopEnviro-tit {
    font-size: 20px;
  }
}
.recTopEnviro .recTopEnviro-banner a .recTopEnviro-txt .recTopEnviro-p {
  font-size: 14px;
  color: white;
  text-align: center;
  margin-top: 10px;
  opacity: 0.7;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .recTopEnviro .recTopEnviro-banner a .recTopEnviro-txt .recTopEnviro-p {
    font-size: 12px;
  }
}
.recTopEnviro .recTopEnviro-banner a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s all;
}
@media (max-width: 810px) {
  .recTopEnviro .recTopEnviro-banner a img {
    height: auto;
  }
}
.recTopEnviro .recTopEnviro-banner a:hover img {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  opacity: 0.6;
}

.recTopRecruiting {
  display: grid;
  grid-template-columns: 31% 31% 31%;
  -moz-column-gap: 3.5%;
       column-gap: 3.5%;
  row-gap: 4vw;
  position: relative;
  z-index: 2;
}
@media (max-width: 480px) {
  .recTopRecruiting {
    display: block;
  }
}
.recTopRecruiting .recTopRecruiting-banner {
  text-align: centers;
}
@media (max-width: 480px) {
  .recTopRecruiting .recTopRecruiting-banner {
    margin-bottom: 30px;
  }
}
.recTopRecruiting .recTopRecruiting-banner a {
  display: block;
  text-align: center;
  transition: opacity 0.6s;
}
.recTopRecruiting .recTopRecruiting-banner a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.recTopRecruiting .recTopRecruiting-banner a .recTopRecruiting-img {
  max-width: 385px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .recTopRecruiting .recTopRecruiting-banner a .recTopRecruiting-img {
    width: 200px;
  }
}
.recTopRecruiting .recTopRecruiting-banner a .recTopRecruiting-img img {
  border-radius: 50%;
  width: 100%;
}
.recTopRecruiting .recTopRecruiting-banner a .recTopRecruiting-tit {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
}
@media (max-width: 810px) {
  .recTopRecruiting .recTopRecruiting-banner a .recTopRecruiting-tit {
    font-size: 16px;
  }
}
.recTopRecruiting .recTopRecruiting-banner a .recTopRecruiting-tit::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: #bb0118;
  color: white;
  margin-right: 10px;
}
.recTopRecruiting .recTopRecruiting-banner a .recTopRecruiting-p {
  line-height: 1.5;
  margin-top: 10px;
}
@media (max-width: 810px) {
  .recTopRecruiting .recTopRecruiting-banner a .recTopRecruiting-p {
    font-size: 14px;
  }
}

.oMark {
  position: absolute;
  mix-blend-mode: multiply;
  z-index: 0;
  width: 35.15625vw;
}
.oMark img {
  width: 100%;
}
.oMark._topJob {
  top: -5.2083333333vw;
  right: -10.4166666667vw;
}
.oMark._topStaff {
  width: 480px;
  top: 300px;
  left: -300px;
}
@media (max-width: 810px) {
  .oMark._topStaff {
    width: 300px;
    top: 210px;
    left: -150px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .oMark._topStaff {
    width: 250px;
    top: 150px;
  }
}

.recPageTit {
  position: relative;
  aspect-ratio: 192/62;
  margin-top: 100px;
  height: auto;
}
@media (max-width: 1024px) {
  .recPageTit {
    margin-top: 50px;
  }
}
.recPageTit .recPageTit-box {
  display: flex;
  align-items: center;
}
.recPageTit .recPageTit-box .recPageTit-icon {
  text-align: center;
  width: 120px;
  height: 120px;
}
@media (max-width: 810px) {
  .recPageTit .recPageTit-box .recPageTit-icon {
    width: 60px;
    height: 60px;
    flex-shrink: 1;
  }
}
.recPageTit .recPageTit-box .recPageTit-icon img {
  margin-top: 20px;
  width: 80px;
  position: relative;
  z-index: 1;
}
@media (max-width: 810px) {
  .recPageTit .recPageTit-box .recPageTit-icon img {
    width: 40px;
    margin-top: 10px;
  }
}
.recPageTit .recPageTit-box .recPageTit-icon::before {
  position: absolute;
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  background-color: white;
  border-radius: 50%;
}
@media (max-width: 810px) {
  .recPageTit .recPageTit-box .recPageTit-icon::before {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 480px) {
  .recPageTit .recPageTit-box .recPageTit-icon {
    width: 40px;
    margin: 0 auto;
  }
  .recPageTit .recPageTit-box .recPageTit-icon img {
    width: 100%;
  }
}
.recPageTit .recPageTit-wrapper {
  margin-left: 20px;
}
@media (max-width: 810px) {
  .recPageTit .recPageTit-wrapper {
    margin-left: 10px;
  }
}
.recPageTit .recPageTit-txt {
  position: absolute;
  color: white;
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 5%;
}
.recPageTit .recPageTit-txt .recPageTit-title {
  font-size: 48px;
  letter-spacing: 5px;
}
@media (max-width: 1024px) {
  .recPageTit .recPageTit-txt .recPageTit-title {
    font-size: 36px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recPageTit .recPageTit-txt .recPageTit-title {
    font-size: 24px;
    letter-spacing: 3px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recPageTit .recPageTit-txt .recPageTit-title {
    font-size: 20px;
    letter-spacing: 2px;
  }
}
.recPageTit .recPageTit-txt .recPageTit-p {
  padding-top: 20px;
  line-height: 2;
}
@media (max-width: 1024px) {
  .recPageTit .recPageTit-txt .recPageTit-p {
    font-size: 14px;
    padding-top: 10px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recPageTit .recPageTit-txt .recPageTit-p {
    display: none;
  }
}
.recPageTit .recPageTit-txt .recPageTit-parent {
  margin-bottom: 5px;
  color: white;
}
@media (max-width: 480px) {
  .recPageTit .recPageTit-txt .recPageTit-parent {
    font-size: 12px;
  }
}
.recPageTit .recPageTit-img {
  position: absolute;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}
.recPageTit .recPageTit-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 620px;
}
.recPageTit .recPageTit-cursive {
  position: absolute;
  z-index: 20;
  right: 0;
  bottom: -2.6041666667vw;
  width: 32.65625vw;
}
.recPageTit .recPageTit-cursive img {
  width: 100%;
}
.recPageTit .recPageTit-cursive._job {
  width: 14.3229166667vw;
}
.recPageTit .recPageTit-cursive._rd {
  width: 21.1979166667vw;
}
.recPageTit .recPageTit-cursive._staff {
  width: 18.3333333333vw;
}
.recPageTit .recPageTit-cursive._faq {
  width: 13.125vw;
}
.recPageTit .recPageTit-oMark {
  position: absolute;
  z-index: 10;
  mix-blend-mode: multiply;
  right: -5.2083333333vw;
  bottom: -6vw;
  width: 22.6041666667vw;
}
.recPageTit .recPageTit-oMark img {
  width: 100%;
}

.recPageTitLv2 {
  margin-top: 150px !important;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 1024px) {
  .recPageTitLv2 {
    margin-top: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recPageTitLv2 {
    margin-top: 19.7916666667vw !important;
  }
}
@media (max-width: 1024px) {
  .recPageTitLv2 {
    font-size: 32px;
  }
  .recPageTitLv2 br {
    display: none;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recPageTitLv2 {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recPageTitLv2 {
    font-size: 24px;
  }
}
.recPageTitLv2._small {
  font-size: 36px;
}
@media (max-width: 1024px) {
  .recPageTitLv2._small {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recPageTitLv2._small {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recPageTitLv2._small {
    font-size: 20px;
  }
}

.recNextNavi {
  position: relative;
  aspect-ratio: 192/62;
  margin-top: 150px !important;
  height: auto;
}
@media (max-width: 1024px) {
  .recNextNavi {
    margin-top: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recNextNavi {
    margin-top: 19.7916666667vw !important;
  }
}
.recNextNavi a {
  transition: opacity 0.6s;
}
.recNextNavi a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.recNextNavi .recNextNavi-wrapper {
  display: flex;
  position: absolute;
  align-items: center;
  color: white;
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}
.recNextNavi .recNextNavi-wrapper .recNextNavi-txt {
  margin-right: 10px;
}
.recNextNavi .recNextNavi-wrapper .recNextNavi-txt .recNextNavi-en {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #bb0118;
  font-weight: bold;
}
@media (max-width: 480px) {
  .recNextNavi .recNextNavi-wrapper .recNextNavi-txt .recNextNavi-en {
    font-size: 12px;
  }
}
.recNextNavi .recNextNavi-wrapper .recNextNavi-txt .recNextNavi-jp {
  padding-top: 5px;
  color: white;
  font-weight: bold;
  font-size: 36px;
}
@media (max-width: 1024px) {
  .recNextNavi .recNextNavi-wrapper .recNextNavi-txt .recNextNavi-jp {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recNextNavi .recNextNavi-wrapper .recNextNavi-txt .recNextNavi-jp {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recNextNavi .recNextNavi-wrapper .recNextNavi-txt .recNextNavi-jp {
    font-size: 20px;
  }
}
.recNextNavi .recNextNavi-wrapper .recNextNavi-arrow {
  width: 60px;
  height: 60px;
  border: 1px solid white;
  border-radius: 50%;
  margin-top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
@media (max-width: 480px) {
  .recNextNavi .recNextNavi-wrapper .recNextNavi-arrow {
    width: 30px;
    height: 30px;
  }
}
.recNextNavi .recNextNavi-wrapper .recNextNavi-arrow::after {
  content: "ﮊ";
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .recNextNavi .recNextNavi-wrapper .recNextNavi-arrow::after {
    font-size: 14px;
  }
}
.recNextNavi .recNextNavi-img {
  position: absolute;
  z-index: 0;
  width: 100%;
  overflow: hidden;
}
.recNextNavi .recNextNavi-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 620px;
}
.recNextNavi .recNextNavi-cursive {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 10.4166666667vw;
  width: 15.3645833333vw;
}
.recNextNavi .recNextNavi-cursive img {
  width: 100%;
}
.recNextNavi .recNextNavi-oMark {
  position: absolute;
  z-index: 10;
  mix-blend-mode: multiply;
  left: -5.2083333333vw;
  top: -7.2916666667vw;
  width: 22.6041666667vw;
}
.recNextNavi .recNextNavi-oMark img {
  width: 100%;
}

.recTitleLv3 {
  position: relative;
  padding-top: 40px;
  margin-bottom: 40px;
  border-top: 1px solid #dbdbd3;
  width: 100%;
}
@media (max-width: 810px) {
  .recTitleLv3 {
    padding-top: 25px;
    margin-bottom: 25px;
  }
}
.recTitleLv3::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 3vw;
  border-top: 1px solid #bb0118;
}
.recTitleLv3 .recTitleLv3-jp {
  font-size: 24px;
}
@media (max-width: 810px) {
  .recTitleLv3 .recTitleLv3-jp {
    font-size: 20px;
  }
}
.recTitleLv3 .recTitleLv3-en {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  color: #bb0118;
  font-weight: bold;
  margin-top: 5px;
}
@media (max-width: 810px) {
  .recTitleLv3 .recTitleLv3-en {
    font-size: 10px;
  }
}
.recTitleLv3._big {
  padding-top: 60px;
  margin-bottom: 60px;
}
@media (max-width: 810px) {
  .recTitleLv3._big {
    padding-top: 25px;
    margin-bottom: 25px;
  }
}
.recTitleLv3._big .recTitleLv3-jp {
  font-size: 30px;
}
@media (max-width: 810px) {
  .recTitleLv3._big .recTitleLv3-jp {
    font-size: 24px;
  }
}
.recTitleLv4 {
  font-weight: bold;
  font-size: 20px;
  margin-top: 30px;
}

.recJobQuality {
  position: relative;
}
.recJobQuality::before {
  content: "";
  background-color: #f2f1ec;
  width: 100%;
  display: block;
  height: 80%;
  position: absolute;
  z-index: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.recJobQuality .recJobQuality-wrapper {
  width: 90%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 60px;
  background-color: white;
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 28px 28px;
  background-repeat: repeat;
  background-position: center center;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
@media (max-width: 810px) {
  .recJobQuality .recJobQuality-wrapper {
    padding: 40px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .recJobQuality .recJobQuality-wrapper {
    padding: 20px;
  }
}
.recJobQuality .recJobQuality-wrapper .recJobQuality-tit {
  color: #bb0118;
  text-align: center;
  font-size: 32px;
  margin-bottom: 40px;
}
@media (max-width: 810px) {
  .recJobQuality .recJobQuality-wrapper .recJobQuality-tit {
    font-size: 24px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .recJobQuality .recJobQuality-wrapper .recJobQuality-tit {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
.recJobQuality .recJobQuality-wrapper .recJobQuality-list .recJobQuality-listTit {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 30px;
}
@media (max-width: 810px) {
  .recJobQuality .recJobQuality-wrapper .recJobQuality-list .recJobQuality-listTit {
    font-size: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .recJobQuality .recJobQuality-wrapper .recJobQuality-list .recJobQuality-listTit {
    font-size: 18px;
    margin-top: 10px;
  }
}
.recJobQuality .recJobQuality-wrapper .recJobQuality-list .recJobQuality-p {
  line-height: 1.8;
  margin-top: 15px;
}
@media (max-width: 810px) {
  .recJobQuality .recJobQuality-wrapper .recJobQuality-list .recJobQuality-p {
    margin-top: 5px;
  }
}

.recJobStaffLink .recJobStaffLink-wrapper {
  display: flex;
  width: 100%;
  background-color: #f2f1ec;
  border-radius: 20px;
  transition: opacity 0.6s;
  padding: 80px;
  position: relative;
}
.recJobStaffLink .recJobStaffLink-wrapper:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .recJobStaffLink .recJobStaffLink-wrapper {
    padding: 40px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper {
    padding: 20px 0px 20px 30px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recJobStaffLink .recJobStaffLink-wrapper {
    padding: 15px 0px 15px 15px;
    border-radius: 5px;
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt {
  position: relative;
  width: calc(100% - 360px);
}
@media (max-width: 1024px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt {
    width: calc(100% - 260px);
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt {
    width: calc(100% - 140px);
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt {
    width: calc(100% - 100px);
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-tit {
  font-weight: bold;
  font-size: 40px;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-tit {
    font-size: 28px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-tit {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-tit {
    font-size: 16px;
  }
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-tit br {
    display: none;
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec {
    margin-top: 15px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec {
    margin-top: 10px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec {
    margin-top: 5px;
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recIcon {
  width: 50px;
}
@media (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recIcon {
    width: 40px;
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recIcon img {
  width: 100%;
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recTxt {
  margin-left: 10px;
}
@media (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recTxt {
    margin-left: 0px;
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recTxt .recJobStaffLink-txtJob {
  font-size: 16px;
}
@media (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recTxt .recJobStaffLink-txtJob {
    font-size: 14px;
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recTxt .recJobStaffLink-txtName {
  font-size: 14px;
  margin-top: 5px;
}
@media (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-txt .recJobStaffLink-recSpec .recJobStaffLink-recTxt .recJobStaffLink-txtName {
    font-size: 12px;
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img {
  position: relative;
  width: 360px;
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img img {
  width: 100%;
}
@media (max-width: 1024px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img {
    width: 260px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img {
    width: 140px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img {
    width: 100px;
  }
}
.recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img .recJobStaffLink-staff {
  position: absolute;
  right: 0;
  bottom: -80px;
}
@media (max-width: 1024px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img .recJobStaffLink-staff {
    bottom: -40px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img .recJobStaffLink-staff {
    bottom: -20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recJobStaffLink .recJobStaffLink-wrapper .recJobStaffLink-img .recJobStaffLink-staff {
    bottom: -15px;
  }
}

.staffCard {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}
.staffCard .staffCard-link {
  transition: opacity 0.6s;
}
.staffCard .staffCard-link:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .staffCard .staffCard-link .staffCard-thum {
    width: 220px;
    margin: 0 auto;
  }
}
.staffCard .staffCard-link .staffCard-thum img {
  width: 100%;
}
.staffCard .staffCard-link .staffCard-txt .staffCard-tit {
  font-size: 20px;
  line-height: 1.4;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .staffCard .staffCard-link .staffCard-txt .staffCard-tit {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.staffCard .staffCard-link .staffCard-txt .staffCard-spec {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-icon {
  width: 50px;
}
@media (max-width: 810px) {
  .staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-icon {
    width: 40px;
  }
}
.staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-icon img {
  width: 100%;
}
.staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-txtWrapper {
  margin-left: 10px;
}
@media (max-width: 810px) {
  .staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-txtWrapper {
    margin-left: 0px;
  }
}
.staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-txtWrapper .staffCard-txtJob {
  font-size: 16px;
}
@media (max-width: 810px) {
  .staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-txtWrapper .staffCard-txtJob {
    font-size: 14px;
  }
}
.staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-txtWrapper .staffCard-txtName {
  font-size: 14px;
  margin-top: 5px;
}
@media (max-width: 810px) {
  .staffCard .staffCard-link .staffCard-txt .staffCard-spec .staffCard-txtWrapper .staffCard-txtName {
    font-size: 12px;
  }
}

.recStaffTit {
  background-color: #f2f1ec;
  width: 100%;
  display: flex;
  position: relative;
  height: 868px;
  padding-top: 120px;
}
@media (max-width: 1024px) {
  .recStaffTit {
    padding-top: 50px;
    height: 63vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recStaffTit {
    height: auto;
    display: block;
  }
}
.recStaffTit .recStaffTit-txt {
  width: calc(100% - 700px);
  position: relative;
}
@media (max-width: 1024px) {
  .recStaffTit .recStaffTit-txt {
    width: 60%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recStaffTit .recStaffTit-txt {
    width: 100%;
    margin-top: 20px;
  }
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 5vw;
  margin-top: -60px;
}
@media (max-width: 1024px) {
  .recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper {
    position: relative;
    transform: none;
    top: auto;
  }
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-spec {
  display: flex;
  align-items: center;
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-spec .recStaffTit-icon {
  text-align: center;
  width: 60px;
  height: 60px;
  flex-shrink: 1;
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-spec .recStaffTit-icon img {
  width: 40px;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-spec .recStaffTit-icon::before {
  position: absolute;
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 50%;
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-spec .recStaffTit-bumon {
  font-weight: bold;
  margin-left: 15px;
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-title {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-title {
    font-size: 32px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-title {
    font-size: 24px;
  }
  .recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-title br {
    display: none;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-title {
    margin-top: 10px;
  }
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-txtJob {
  line-height: 1.4;
  margin-top: 15px;
}
.recStaffTit .recStaffTit-txt .recStaffTit-txtWrapper .recStaffTit-txtName {
  line-height: 1.4;
  margin-top: 5px;
}
.recStaffTit .recStaffTit-img {
  width: 700px;
  position: relative;
}
@media (max-width: 1024px) {
  .recStaffTit .recStaffTit-img {
    width: 40%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recStaffTit .recStaffTit-img {
    width: 100%;
  }
}
.recStaffTit .recStaffTit-img .recStaffTit-staffImg {
  z-index: 1;
  position: absolute;
  bottom: 0;
  max-width: 540px;
  width: 100%;
}
@media (max-width: 480px) {
  .recStaffTit .recStaffTit-img .recStaffTit-staffImg {
    position: relative;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
  }
}
.recStaffTit .recStaffTit-img .recStaffTit-staffImg img {
  width: 100%;
}
.recStaffTit .recStaffTit-img .recStaffTit-oMark {
  position: absolute;
  z-index: 0;
  mix-blend-mode: multiply;
  width: 29.9479166667vw;
  right: -10vw;
  bottom: -5vw;
}
@media (max-width: 480px) {
  .recStaffTit .recStaffTit-img .recStaffTit-oMark {
    width: 300px;
    right: -100px;
  }
}
.recStaffTit .recStaffTit-img .recStaffTit-oMark img {
  width: 100%;
}

.recOneday .recOneday-tit {
  display: flex;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .recOneday .recOneday-tit {
    margin-top: 15px;
  }
}
.recOneday .recOneday-tit .recOneday-time {
  font-weight: bold;
  font-size: 28px;
  color: #bb0118;
  width: 101px;
}
@media (max-width: 1024px) {
  .recOneday .recOneday-tit .recOneday-time {
    font-size: 24px;
    width: 91px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recOneday .recOneday-tit .recOneday-time {
    font-size: 18px;
    width: 80px;
  }
}
.recOneday .recOneday-tit .recOneday-titTxt {
  font-weight: bold;
  font-size: 28px;
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .recOneday .recOneday-tit .recOneday-titTxt {
    font-size: 24px;
    margin-left: 10px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recOneday .recOneday-tit .recOneday-titTxt {
    font-size: 18px;
    margin-left: 0;
  }
}
.recOneday .recOneday-p {
  line-height: 1.5;
  margin-top: 30px;
  display: flex;
  padding-bottom: 20px;
}
@media (max-width: 480px) {
  .recOneday .recOneday-p {
    margin-top: 15px;
  }
}
.recOneday .recOneday-p::before {
  content: "";
  display: block;
  margin-left: 50px;
  padding-bottom: 100px;
  width: 1px;
  margin-right: 70px;
  background-color: #bb0118;
}
@media (max-width: 1024px) {
  .recOneday .recOneday-p::before {
    margin-right: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recOneday .recOneday-p::before {
    margin-left: 30px;
    margin-right: 50px;
    padding-bottom: 60px;
  }
}
.recOneday .recOneday-item:last-child .recOneday-p::before {
  margin-left: 50px;
  padding-bottom: 0px;
  width: 1px;
  margin-right: 70px;
  background-color: white;
}
@media (max-width: 1024px) {
  .recOneday .recOneday-item:last-child .recOneday-p::before {
    margin-right: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .recOneday .recOneday-item:last-child .recOneday-p::before {
    margin-left: 30px;
    margin-right: 50px;
  }
}

.recFlow .recFlow-2col {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.recFlow .recFlow-2col .recFlow-item {
  position: relative;
  width: 48%;
}
.recFlow .recFlow-item {
  background-color: #f2f1ec;
  padding: 40px;
  width: 100%;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .recFlow .recFlow-item {
    font-size: 16px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recFlow .recFlow-item {
    padding: 30px;
    margin-bottom: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recFlow .recFlow-item {
    padding: 20px;
    margin-bottom: 40px;
  }
}
.recFlow .recFlow-item .recFlow-step {
  display: block;
  color: #bb0118;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .recFlow .recFlow-item .recFlow-step {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
.recFlow .recFlow-item::after {
  margin-top: 72px;
  display: block;
  position: absolute;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "ﮈ";
  font-family: icon;
  font-size: 20px;
  color: #bb0118;
}
@media (max-width: 1024px) {
  .recFlow .recFlow-item::after {
    margin-top: 62px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .recFlow .recFlow-item::after {
    margin-top: 52px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .recFlow .recFlow-item::after {
    margin-top: 32px;
  }
}
.recFlow .recFlow-item._naitei {
  background-color: #bb0118;
  color: white;
}
.recFlow .recFlow-item._naitei::after {
  display: none;
}

.qabox {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.qabox .qabox-list .qabox-item {
  border-bottom: 1px solid #dbdbd3;
  width: 100%;
}
.qabox .qabox-list .qabox-item:first-child {
  border-top: 1px solid #dbdbd3;
}
.qabox .qabox-list .qabox-item .toggle {
  display: block;
  padding: 42px 20px 42px 0px;
  width: 100%;
}
@media (max-width: 810px) {
  .qabox .qabox-list .qabox-item .toggle {
    padding: 25px 20px 25px 0px;
  }
}
.qabox .qabox-list .qabox-item .toggle .qabox-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.qabox .qabox-list .qabox-item .toggle .qabox-question .qabox-textbox {
  display: flex;
  align-items: center;
}
.qabox .qabox-list .qabox-item .toggle .qabox-question .qabox-textbox .qabox-icon::before {
  content: "Q";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #bb0118;
  color: white;
  display: block;
  text-align: center;
  line-height: 50px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 20px;
}
@media (max-width: 810px) {
  .qabox .qabox-list .qabox-item .toggle .qabox-question .qabox-textbox .qabox-icon::before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
}
.qabox .qabox-list .qabox-item .toggle .qabox-question .qabox-textbox .qabox-text {
  margin-left: 10px;
  font-weight: bold;
  line-height: 1.5;
  padding-right: 20px;
}
.qabox .qabox-list .qabox-item .toggle .qabox-question ._plus::after, .qabox .qabox-list .qabox-item .toggle .qabox-question .officeList .officeList-link ._minus::after, .officeList .officeList-link .qabox .qabox-list .qabox-item .toggle .qabox-question ._minus::after {
  content: "+";
  display: block;
  font-size: 14px;
}
.qabox .qabox-list .qabox-item .toggle .qabox-question ._plus::after, .qabox .qabox-list .qabox-item .toggle .qabox-question .officeList .officeList-link ._minus::after, .officeList .officeList-link .qabox .qabox-list .qabox-item .toggle .qabox-question ._minus::after {
  font-size: 24px;
  color: #bb0118;
}
.qabox .qabox-list .qabox-item .toggle .qabox-question ._minus::after {
  content: "-";
  display: block;
  font-size: 14px;
}
.qabox .qabox-list .qabox-item .toggle .qabox-question ._minus::after {
  font-size: 24px;
  color: #bb0118;
}
.qabox .qabox-list .qabox-item .qabox-answer {
  margin-bottom: 40px;
  display: none;
}
.qabox .qabox-list .qabox-item .qabox-answer .qabox-textbox {
  display: flex;
}
.qabox .qabox-list .qabox-item .qabox-answer .qabox-textbox .qabox-icon::before {
  content: "A";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: black;
  color: white;
  display: block;
  text-align: center;
  line-height: 50px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 20px;
}
@media (max-width: 810px) {
  .qabox .qabox-list .qabox-item .qabox-answer .qabox-textbox .qabox-icon::before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
}
.qabox .qabox-list .qabox-item .qabox-answer .qabox-textbox .qabox-text {
  margin-top: 7px;
  margin-left: 10px;
}
.qabox .qabox-list .qabox-item .qabox-answer .qabox-textbox .qabox-text p {
  line-height: 2;
}
.qabox .qa-tit {
  color: white;
  border-radius: 5px;
  padding: 20px;
  margin-top: 60px;
}

.rectoyoPageTit {
  width: 100%;
  position: relative;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400;
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 28px 28px;
  background-repeat: repeat;
  background-position: center center;
}
.rectoyoPageTit .rectoyoPageTit-img {
  position: relative;
  z-index: 1;
  width: 100%;
}
.rectoyoPageTit .rectoyoPageTit-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.rectoyoPageTit .rectoyoPageTit-txt {
  position: absolute;
  width: 100%;
  z-index: 10;
  margin-top: 2vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .rectoyoPageTit .rectoyoPageTit-txt {
    margin-top: 5vw;
  }
}
.rectoyoPageTit .rectoyoPageTit-txt .rectoyoPageTit-title {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  color: #d66a6a;
  line-height: 1.5;
  font-size: 48px;
}
@media (max-width: 1024px) {
  .rectoyoPageTit .rectoyoPageTit-txt .rectoyoPageTit-title {
    font-size: 3.90625vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .rectoyoPageTit .rectoyoPageTit-txt .rectoyoPageTit-title {
    font-size: 6.6666666667vw;
  }
}
.rectoyoPageTit .rectoyoPageTit-txt .rectoyoPageTit-p {
  text-align: center;
  line-height: 1.5;
  margin-top: 20px;
  font-size: 18px;
}
@media (max-width: 1024px) {
  .rectoyoPageTit .rectoyoPageTit-txt .rectoyoPageTit-p {
    font-size: 12px;
    margin-top: 5px;
  }
}

.rectoyoRank {
  width: 100%; /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 28px 28px;
  background-repeat: repeat;
  background-position: center center;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: white;
  box-shadow: 0px 0px 10px -5px #777777;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 60px;
}
@media (max-width: 1024px) {
  .rectoyoRank {
    padding: 40px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .rectoyoRank {
    display: block;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .rectoyoRank {
    padding: 20px;
  }
}
.rectoyoRank .rectoyoRank-circle {
  width: 40%;
  padding-right: 60px;
  max-width: 662px;
}
@media (max-width: 1024px) {
  .rectoyoRank .rectoyoRank-circle {
    padding-right: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .rectoyoRank .rectoyoRank-circle {
    width: 100%;
    padding-right: 0;
  }
}
.rectoyoRank .rectoyoRank-circle img {
  width: 100%;
}
.rectoyoRank .rectoyoRank-body {
  width: 60%;
}
@media (max-width: 810px) {
  .rectoyoRank .rectoyoRank-body {
    width: 100%;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-tit {
  background-color: #5a5a5a;
  color: white;
  padding: 20px;
  border-radius: 10px;
  font-size: 32px;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-tit {
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-tit {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-tit {
    margin-top: 10px;
    font-size: 18px;
    padding: 10px;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-tit span {
  color: #e3c663;
  padding-right: 10px;
}
@media (max-width: 480px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-tit span {
    padding-right: 5px;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list {
  display: flex;
  align-items: center;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list .rectoyoRank-icon {
  flex-shrink: 0;
  color: white;
  font-size: 14px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list .rectoyoRank-txt {
  font-size: 16px;
  color: #787878;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-list .rectoyoRank-txt {
    font-size: 14px;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list .rectoyoRank-txt span {
  font-size: 16px;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no1 {
  margin-top: 40px;
}
@media (max-width: 810px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-list._no1 {
    margin-top: 20px;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no1 .rectoyoRank-icon {
  background-color: #d66a6a;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no1 .rectoyoRank-txt {
  color: #d66a6a;
  font-size: 24px;
}
@media (max-width: 1024px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-list._no1 .rectoyoRank-txt {
    font-size: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-list._no1 .rectoyoRank-txt {
    font-size: 16px;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no2 {
  margin-top: 15px;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no2 .rectoyoRank-icon {
  background-color: #e3c663;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no2 .rectoyoRank-txt {
  color: #e3c663;
  font-size: 20px;
}
@media (max-width: 480px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-list._no2 .rectoyoRank-txt {
    font-size: 16px;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no3 {
  margin-top: 15px;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no3 .rectoyoRank-icon {
  background-color: #91c5b0;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no3 .rectoyoRank-txt {
  color: #91c5b0;
  font-size: 20px;
}
@media (max-width: 480px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-list._no3 .rectoyoRank-txt {
    font-size: 16px;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no4 {
  margin-top: 40px;
}
@media (max-width: 810px) {
  .rectoyoRank .rectoyoRank-body .rectoyoRank-list._no4 {
    margin-top: 20px;
  }
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no4 .rectoyoRank-icon {
  background-color: #8ebfcb;
  width: 20px;
  height: 20px;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no5 {
  margin-top: 10px;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no5 .rectoyoRank-icon {
  background-color: #e7dec1;
  width: 20px;
  height: 20px;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no6 {
  margin-top: 10px;
}
.rectoyoRank .rectoyoRank-body .rectoyoRank-list._no6 .rectoyoRank-icon {
  background-color: #dedede;
  width: 20px;
  height: 20px;
}
.rectoyoRank._reverse {
  flex-direction: row-reverse;
}
.rectoyoRank._reverse .rectoyoRank-circle {
  padding-right: 0px;
  padding-left: 60px;
}
@media (max-width: 1024px) {
  .rectoyoRank._reverse .rectoyoRank-circle {
    padding-right: 0px;
    padding-left: 20px;
  }
}

.hschoolPageTit {
  background-image: radial-gradient(#f4f4db 15%, transparent 15%), radial-gradient(#f4f4db 15%, transparent 15%);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
  position: relative;
}
.hschoolPageTit .hschoolPageTit-img {
  max-width: 1807px;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1536px) {
  .hschoolPageTit .hschoolPageTit-img {
    padding-top: 100px;
  }
}
@media (max-width: 1536px) and (max-width: 810px) {
  .hschoolPageTit .hschoolPageTit-img {
    width: 95%;
  }
}
@media (max-width: 1536px) and (max-width: 810px) and (max-width: 480px) {
  .hschoolPageTit .hschoolPageTit-img {
    padding-top: 210px;
  }
}
.hschoolPageTit .hschoolPageTit-img img {
  width: 100%;
}
.hschoolPageTit .hschoolPageTit-txt {
  position: absolute;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-top: -20px;
  width: 100%;
}
@media (max-width: 1024px) {
  .hschoolPageTit .hschoolPageTit-txt {
    margin-top: 0;
  }
}
.hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-line {
  width: 467px;
  margin: 0 auto;
}
.hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-line img {
  width: 100%;
}
@media (max-width: 1024px) {
  .hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-line {
    width: 29.296875vw;
  }
}
.hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-subTit {
  background-color: #bb0118;
  border-radius: 25px;
  padding: 15px 30px;
  color: white;
  text-align: center;
  font-weight: bold;
  letter-spacing: 5px;
  display: inline-block;
}
@media (max-width: 1024px) {
  .hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-subTit {
    margin-top: 10px;
    padding: 5px 15px;
    letter-spacing: 2;
  }
}
.hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-title {
  font-weight: bold;
  letter-spacing: 10px;
  font-size: 56px;
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 1024px) {
  .hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-title {
    font-size: 38px;
    margin-top: 10px;
    letter-spacing: 4px;
  }
}
.hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-logo {
  width: 150px;
  margin: 0 auto;
  margin-top: 20px;
}
.hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-logo img {
  width: 100%;
}
@media (max-width: 1024px) {
  .hschoolPageTit .hschoolPageTit-txt .hschoolPageTit-logo {
    margin-top: 5px;
    width: 100px;
  }
}

.hschoolTitLv2 {
  font-size: 48px;
  letter-spacing: 4px;
  color: white;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  .hschoolTitLv2 {
    font-size: 36px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .hschoolTitLv2 {
    font-size: 32px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .hschoolTitLv2 {
    font-size: 24px;
  }
}
.hschoolTitLv2._black {
  color: black;
}
.hschoolTitLv2 ._yellow {
  color: #e6c71f;
}
.hschoolTitLv2 ._green {
  color: #429a5e;
}
.hschoolTitLv2 ._red {
  color: #bb0118;
}

.hschoolTitleSub {
  color: white;
  text-align: center;
  line-height: 2;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .hschoolTitleSub {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .hschoolTitleSub {
    margin-top: 10px;
    text-align: left;
    line-height: 1.5;
  }
  .hschoolTitleSub br {
    display: none;
  }
}
.hschoolTitleSub._black {
  color: black;
}

.jobCard {
  display: block;
  background-color: white;
  width: 100%;
  border-radius: 20px;
  box-shadow: 0px 0px 10px -5px #777777;
  padding: 40px;
  text-align: center;
  transition: opacity 0.6s;
}
.jobCard:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.jobCard .jobCard-icon {
  width: 160px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .jobCard .jobCard-icon {
    width: 100px;
  }
}
.jobCard .jobCard-icon img {
  width: 100%;
}
.jobCard .jobCard-text {
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
  color: #bb0118;
}
.jobCard .jobCard-text::after {
  display: inline-block;
  content: "+";
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 12px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 12px;
  vertical-align: middle;
  background-color: #bb0118;
  color: white;
  margin-left: 5px;
}
.jobCard .jobCard-text._blue {
  color: #1566a0;
}
.jobCard .jobCard-text._blue::after {
  background-color: #1566a0;
}
.jobCard .jobCard-text._green {
  color: #489213;
}
.jobCard .jobCard-text._green::after {
  background-color: #489213;
}

.jobPopup {
  padding: 20px;
}
.jobPopup .jobPopup-tit {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}
.jobPopup .jobPopup-tit .jobPopup-txt {
  margin-top: 15px;
  color: #bb0118;
}
.jobPopup .jobPopup-tit .jobPopup-txt._blue {
  color: #1566a0;
}
.jobPopup .jobPopup-tit .jobPopup-txt._green {
  color: #489213;
}
.jobPopup .jobPopup-p {
  line-height: 1.8;
  margin-top: 20px;
}

.hschoolStaffTab,
.hschoolStaffTab2 {
  display: grid;
  grid-template-columns: 31% 31% 31%;
  -moz-column-gap: 3.5%;
       column-gap: 3.5%;
  margin-top: 60px;
}
@media (max-width: 810px) {
  .hschoolStaffTab,
  .hschoolStaffTab2 {
    margin-top: 30px;
  }
}
.hschoolStaffTab .hschoolStaffTab-item,
.hschoolStaffTab2 .hschoolStaffTab-item {
  background-color: white;
  border-radius: 10px;
  border: 5px solid #fff;
}
.hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link,
.hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link {
  display: flex;
  padding: 30px 20px;
  align-items: center;
}
@media (max-width: 810px) {
  .hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link,
  .hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link {
    display: block;
    width: 100%;
    padding: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link,
  .hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link {
    padding: 10px;
    border: 2px solid #fff;
  }
}
.hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon,
.hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon {
  position: relative;
  background-color: #f2f1ec;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  text-align: center;
  flex-shrink: 0;
}
@media (max-width: 810px) {
  .hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon,
  .hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon {
    margin: 0 auto;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon,
  .hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon {
    height: 50px;
    width: 50px;
  }
}
.hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon img,
.hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon img {
  margin-top: 15px;
  width: 50px;
}
@media (max-width: 480px) {
  .hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon img,
  .hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-icon img {
    width: 30px;
    margin-top: 8px;
  }
}
.hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-txt,
.hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-txt {
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;
  line-height: 1.4;
}
@media (max-width: 810px) {
  .hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-txt,
  .hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-txt {
    text-align: center;
    margin-left: 0;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .hschoolStaffTab .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-txt,
  .hschoolStaffTab2 .hschoolStaffTab-item .hschoolStaffTab-link .hschoolStaffTab-txt {
    font-size: 14px;
  }
}
.hschoolStaffTab .active,
.hschoolStaffTab2 .active {
  background: rgba(255, 0, 0, 0);
}
.hschoolStaffTab .active .hschoolStaffTab-link .hschoolStaffTab-icon,
.hschoolStaffTab2 .active .hschoolStaffTab-link .hschoolStaffTab-icon {
  background-color: white;
}
.hschoolStaffTab .active .hschoolStaffTab-link .hschoolStaffTab-txt,
.hschoolStaffTab2 .active .hschoolStaffTab-link .hschoolStaffTab-txt {
  color: white;
}

.hschoolStaffProf {
  margin-top: 60px;
  position: relative;
}
@media (max-width: 480px) {
  .hschoolStaffProf {
    margin-top: 30px;
  }
}
.hschoolStaffProf .hschoolStaffProf-img {
  text-align: center;
  position: relative;
}
.hschoolStaffProf .hschoolStaffProf-img img {
  position: relative;
  z-index: 1;
  width: 320px;
}
@media (max-width: 1024px) {
  .hschoolStaffProf .hschoolStaffProf-img img {
    width: 300px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .hschoolStaffProf .hschoolStaffProf-img img {
    width: 200px;
  }
}
.hschoolStaffProf .hschoolStaffProf-img::after {
  content: "";
  height: 5px;
  width: 100%;
  background-color: white;
  display: block;
  position: absolute;
  margin-top: -170px;
  z-index: 0;
}
@media (max-width: 1024px) {
  .hschoolStaffProf .hschoolStaffProf-img::after {
    margin-top: -153px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .hschoolStaffProf .hschoolStaffProf-img::after {
    margin-top: -103px;
  }
}
.hschoolStaffProf .hschoolStaffProf-text {
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
  line-height: 1.8;
}
@media (max-width: 480px) {
  .hschoolStaffProf .hschoolStaffProf-text {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 15px;
  }
}

.hschoolArea {
  display: none;
  opacity: 0;
}
.hschoolArea.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.hschoolStaffContents {
  display: flex;
  align-items: center;
}
@media (max-width: 810px) {
  .hschoolStaffContents {
    display: block;
  }
}
.hschoolStaffContents .hschoolStaffContents-img {
  width: 50%;
  padding-right: 60px;
}
@media (max-width: 810px) {
  .hschoolStaffContents .hschoolStaffContents-img {
    width: 100%;
    padding-right: 0;
  }
}
.hschoolStaffContents .hschoolStaffContents-img img {
  width: 100%;
  border-radius: 30px;
}
@media (max-width: 480px) {
  .hschoolStaffContents .hschoolStaffContents-img img {
    border-radius: 15px;
  }
}
.hschoolStaffContents .hschoolStaffContents-text {
  width: 50%;
  color: white;
}
@media (max-width: 810px) {
  .hschoolStaffContents .hschoolStaffContents-text {
    width: 100%;
  }
}
.hschoolStaffContents .hschoolStaffContents-text .hschoolStaffContents-title {
  font-weight: bold;
  color: white;
  font-size: 28px;
  line-height: 1.5;
}
@media (max-width: 810px) {
  .hschoolStaffContents .hschoolStaffContents-text .hschoolStaffContents-title {
    font-size: 24px;
    margin-top: 30px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .hschoolStaffContents .hschoolStaffContents-text .hschoolStaffContents-title {
    font-size: 20px;
    margin-top: 20px;
  }
}
.hschoolStaffContents .hschoolStaffContents-text .hschoolStaffContents-p {
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .hschoolStaffContents .hschoolStaffContents-text .hschoolStaffContents-p {
    margin-top: 15px;
  }
}
.hschoolStaffContents._reverse {
  flex-direction: row-reverse;
}
.hschoolStaffContents._reverse .hschoolStaffContents-img {
  padding-right: 0px;
  padding-left: 60px;
}
@media (max-width: 810px) {
  .hschoolStaffContents._reverse .hschoolStaffContents-img {
    padding-left: 0;
  }
}
.hschoolStaffContents:nth-child(2n) {
  flex-direction: row-reverse;
}
.hschoolStaffContents:nth-child(2n) .hschoolStaffContents-img {
  padding-right: 0px;
  padding-left: 60px;
}
@media (max-width: 810px) {
  .hschoolStaffContents:nth-child(2n) .hschoolStaffContents-img {
    padding-left: 0;
  }
}

.hschoolEnviroment {
  margin-top: 60px;
}
@media (max-width: 810px) {
  .hschoolEnviroment {
    margin-top: 40px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .hschoolEnviroment {
    margin-top: 20px;
  }
}
.hschoolEnviroment .hschoolEnviroment-tit {
  background-color: #429a5e;
  color: white;
  font-size: 28px;
  padding: 30px;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
}
@media (max-width: 810px) {
  .hschoolEnviroment .hschoolEnviroment-tit {
    padding: 20px;
    font-size: 24px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .hschoolEnviroment .hschoolEnviroment-tit {
    padding: 10px;
    font-size: 20px;
  }
}
.hschoolEnviroment .hschoolEnviroment-tit._navy {
  background-color: #264d8c;
}
.hschoolEnviroment .hschoolEnviroment-tit .hschoolEnviroment-icon {
  width: 80px;
  border-radius: 50%;
  margin-right: 20px;
}
@media (max-width: 810px) {
  .hschoolEnviroment .hschoolEnviroment-tit .hschoolEnviroment-icon {
    width: 50px;
    margin-right: 10px;
    margin-right: 20px;
  }
}
.hschoolEnviroment .hschoolEnviroment-tit .hschoolEnviroment-icon img {
  width: 100%;
  border-radius: 50%;
}
.hschoolEnviroment .hschoolEnviroment-body {
  background-color: white;
  padding: 40px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0px 0px 10px -5px #777777;
}
@media (max-width: 810px) {
  .hschoolEnviroment .hschoolEnviroment-body {
    padding: 20px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .hschoolEnviroment .hschoolEnviroment-body {
    padding: 10px;
  }
}
.hschoolEnviroment .hschoolEnviroment-body .hschoolEnviroment-list {
  list-style-type: disc;
}
.hschoolEnviroment .hschoolEnviroment-body .hschoolEnviroment-list .hschoolEnviroment-item {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 1px;
  margin-left: 1em;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .hschoolEnviroment .hschoolEnviroment-body .hschoolEnviroment-list .hschoolEnviroment-item {
    margin-top: 10px;
    font-size: 14px;
  }
}
.hschoolEnviroment .hschoolEnviroment-body .hschoolEnviroment-list .hschoolEnviroment-item:first-child {
  margin-top: 0;
}
.hschoolEnviroment .hschoolEnviroment-body .hschoolEnviroment-list .hschoolEnviroment-item ._cList {
  list-style-type: disc;
}
.hschoolEnviroment .hschoolEnviroment-body .hschoolEnviroment-list .hschoolEnviroment-item ._cList ._cItem {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 1px;
  margin-left: 1em;
  margin-top: 20px;
}

.gearmissionWrapper {
  background-image: url(asset/img/gearmission/common/back.jpg);
  background-image: -webkit-image-set(url(asset/img/gearmission/common/back.jpg) 1x, url(asset/img/gearmission/common/back@2x.jpg) 2x);
  background-image: image-set(url(asset/img/gearmission/common/back.jpg) 1x, url(asset/img/gearmission/common/back@2x.jpg) 2x);
  background-repeat: repeat;
  width: 100%;
}

.headerGear {
  display: flex;
  justify-content: space-between;
  margin: 40px 50px 40px 40px;
  position: relative;
  z-index: 1000;
}
@media (max-width: 1024px) {
  .headerGear {
    margin: 0;
  }
}
@media (max-width: 1024px) {
  .headerGear .headerGear-logo {
    position: fixed;
  }
}
.headerGear .headerGear-logo a {
  display: block;
  width: 200px;
  transition: opacity 0.6s;
}
.headerGear .headerGear-logo a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .headerGear .headerGear-logo a {
    margin-top: 30px;
    margin-left: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .headerGear .headerGear-logo a {
    width: 120px;
    margin-top: 25px;
    margin-left: 20px;
  }
}
.headerGear .headerGear-logo a img {
  width: 100%;
}
.headerGear .headerGear-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .headerGear .headerGear-nav {
    display: none;
  }
}
.headerGear .headerGear-nav .headerGear-item {
  margin-left: 5vw;
}
.headerGear .headerGear-nav .headerGear-item a {
  letter-spacing: 2px;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  font-size: 16px;
  line-height: 0;
  transition: 0.5s;
}
.headerGear .headerGear-nav .headerGear-item a:hover {
  color: #826a40;
}
.headerGear .headerGear-nav .headerGear-item a._current {
  color: #826a40;
}
.headerGear .headerGear-nav .headerGear-item._ecIcon a {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  line-height: 0;
  letter-spacing: normal;
  font-size: 32px;
  font-weight: bold;
  -webkit-text-stroke: 0.2px #fff;
}

.footerGear {
  width: 100%;
  padding: 0 5vw;
  margin-bottom: 5vw;
  margin-top: 5vw;
}
@media (max-width: 1024px) {
  .footerGear {
    margin-top: 60px;
  }
}
.footerGear .footerGear-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 480px) {
  .footerGear .footerGear-wrapper {
    display: block;
    padding-bottom: 30px;
  }
}
.footerGear .footerGear-wrapper .footerGear-logo a {
  transition: opacity 0.6s;
}
.footerGear .footerGear-wrapper .footerGear-logo a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .footerGear .footerGear-wrapper .footerGear-logo a {
    display: block;
    width: 200px;
  }
  .footerGear .footerGear-wrapper .footerGear-logo a img {
    width: 100%;
  }
}
.footerGear .footerGear-wrapper .footerGear-sns {
  display: flex;
}
@media (max-width: 480px) {
  .footerGear .footerGear-wrapper .footerGear-sns {
    margin-top: 20px;
  }
}
.footerGear .footerGear-wrapper .footerGear-sns .footerGear-snsItem {
  display: block;
  font-size: 24px;
  margin-right: 30px;
  transition: opacity 0.6s;
  display: flex;
}
.footerGear .footerGear-wrapper .footerGear-sns .footerGear-snsItem:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.footerGear .footerGear-wrapper .footerGear-sns .footerGear-snsItem:last-child {
  margin-right: 0;
}
@media (max-width: 480px) {
  .footerGear .footerGear-wrapper .footerGear-sns .footerGear-snsItem {
    font-size: 20px;
  }
}
.footerGear .footerGear-wrapper .footerGear-sns .footerGear-snsItem._is {
  color: white;
}
.footerGear .footerGear-wrapper .footerGear-sns .footerGear-snsItem._yt {
  color: white;
}
.footerGear .footerGear-wrapper .footerGear-sns .footerGear-snsItem._fb {
  color: white;
}
.footerGear .footerGear-wrapper .footerGear-sns .footerGear-snsItem._tw {
  color: white;
}
.footerGear .footerGear-sitemap {
  margin-top: 60px;
}
@media (max-width: 480px) {
  .footerGear .footerGear-sitemap {
    margin-top: 30px;
  }
}
.footerGear .footerGear-sitemap .footerGear-sitemapItem {
  margin-bottom: 20px;
}
.footerGear .footerGear-sitemap .footerGear-sitemapItem a {
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  font-size: 18px;
  letter-spacing: 2px;
  transition: 0.5s;
}
.footerGear .footerGear-sitemap .footerGear-sitemapItem a:hover {
  color: #826a40;
}
.footerGear .footer-copyright {
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  text-align: right;
}

.gearTopMain {
  padding-left: 5vw;
  margin-top: 10.4166666667vw;
  position: relative;
  margin-bottom: 150px !important;
}
@media (max-width: 1024px) {
  .gearTopMain {
    margin-bottom: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopMain {
    margin-bottom: 19.7916666667vw !important;
  }
}
@media (max-width: 1024px) {
  .gearTopMain {
    margin-top: 0;
    padding-top: 39.0625vw;
    height: 100vh;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopMain {
    padding-top: 37.5vw;
  }
  .gearTopMain .gearFontTxt {
    font-size: 10px;
  }
}
.gearTopMain .gearTopMain-logo {
  position: relative;
  z-index: 1;
}
@media (max-width: 480px) {
  .gearTopMain .gearTopMain-logo {
    width: 52.0833333333vw;
  }
  .gearTopMain .gearTopMain-logo img {
    width: 100%;
  }
}
.gearTopMain .gearTopMain-scroll {
  position: absolute;
  right: 50;
  text-align: center;
  margin-top: 7.2916666667vw;
  z-index: 2;
}
@media (max-width: 1024px) {
  .gearTopMain .gearTopMain-scroll {
    margin-top: 0;
    bottom: 60;
    right: 5vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopMain .gearTopMain-scroll {
    bottom: 25vw;
  }
}
.gearTopMain .gearTopMain-scroll a {
  transition: opacity 0.6s;
}
.gearTopMain .gearTopMain-scroll a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.gearTopMain .gearTopMain-scroll .gearTopMain-scrollTxt {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1;
  margin-bottom: 12px;
  color: white;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  writing-mode: vertical-rl;
}
.gearTopMain .gearTopMain-scroll .gearCircleAllow {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  position: relative;
}
@media (max-width: 480px) {
  .gearTopMain .gearTopMain-scroll .gearCircleAllow {
    width: 60px;
    height: 60px;
  }
}
.gearTopMain .gearTopMain-scroll .gearCircleAllow::after {
  content: "ﮈ";
  font-family: icon;
  position: absolute;
  display: block;
  line-height: 0;
  top: 50%;
  left: 45%;
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  opacity: 1;
}
@media (max-width: 480px) {
  .gearTopMain .gearTopMain-scroll .gearCircleAllow::after {
    left: 42%;
  }
}
.gearTopMain .gearTopMain-img {
  position: relative;
  z-index: 1;
  margin-top: 40px;
  max-width: 1877px;
  margin-left: auto;
  width: 100%;
  aspect-ratio: 1877/1054;
  overflow: hidden;
}
@media (max-width: 480px) {
  .gearTopMain .gearTopMain-img {
    aspect-ratio: 13/9;
    margin-top: 20px;
  }
}
.gearTopMain .gearTopMain-img .gearTopMain-imgItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gearTopMain .gearTopMain-img .gearTopMain-imgItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.backAlpha {
  position: absolute;
  z-index: 0;
  max-width: 1440px;
  width: 75vw;
}
.backAlpha img {
  width: 100%;
}
.backAlpha._topMainBlack {
  right: -36.4583333333vw;
  top: -41.6666666667vw;
}
.backAlpha._topMainWhite {
  left: -26.0416666667vw;
  top: -15.625vw;
  opacity: 0.8;
}
.backAlpha._imgBlack {
  right: 36.4583333333vw;
  top: 41.6666666667vw;
}
.backAlpha._imgWhite {
  left: 26.0416666667vw;
  top: 15.625vw;
  opacity: 0.8;
}
.backAlpha._pageTitleRight {
  right: -10.4166666667vw;
  top: -15.625vw;
  opacity: 0.8;
}
.backAlpha._pageTitleLeft {
  left: -10.4166666667vw;
  top: 15.625vw;
}

.footerBanner {
  display: flex;
  position: relative;
  background-color: black;
  margin-top: 150px !important;
}
@media (max-width: 1024px) {
  .footerBanner {
    margin-top: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .footerBanner {
    margin-top: 19.7916666667vw !important;
  }
}
@media (max-width: 480px) {
  .footerBanner {
    display: block;
  }
}
.footerBanner .footerBanner-box {
  position: relative;
  display: block;
  width: 50%;
  aspect-ratio: 960/889;
  overflow: hidden;
  transition: 0.5s;
}
@media (max-width: 480px) {
  .footerBanner .footerBanner-box {
    width: 100%;
    aspect-ratio: 16/9;
  }
}
.footerBanner .footerBanner-box .footerBanner-boxTxt {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  width: 50vw;
}
@media (max-width: 480px) {
  .footerBanner .footerBanner-box .footerBanner-boxTxt {
    width: 100vw;
  }
}
.footerBanner .footerBanner-box .footerBanner-boxTxt .footerBanner-boxTit {
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  font-size: 48px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .footerBanner .footerBanner-box .footerBanner-boxTxt .footerBanner-boxTit {
    font-size: 24px;
  }
}
.footerBanner .footerBanner-box .footerBanner-boxTxt .footerBanner-boxTit .footerBanner-icon {
  margin-right: 15px;
  width: 45px;
  margin-top: -7px;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .footerBanner .footerBanner-box .footerBanner-boxTxt .footerBanner-boxTit .footerBanner-icon {
    width: 30px;
    margin-right: 5px;
  }
}
.footerBanner .footerBanner-box .footerBanner-boxTxt .footerBanner-boxTit .footerBanner-icon img {
  width: 100%;
}
.footerBanner .footerBanner-box .footerBanner-boxTxt .footerBanner-text {
  color: white;
  font-size: 14px;
  margin-top: 10px;
  opacity: 0.7;
}
@media (max-width: 1024px) {
  .footerBanner .footerBanner-box .footerBanner-boxTxt .footerBanner-text {
    font-size: 12px;
  }
}
.footerBanner .footerBanner-box .footerBanner-boxImg {
  position: absolute;
  width: 100%;
  transition: 0.5s;
}
.footerBanner .footerBanner-box .footerBanner-boxImg:hover {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  opacity: 0.6;
}
.footerBanner .footerBanner-box .footerBanner-boxImg img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.gearMagaTop {
  width: 100%;
  position: relative;
  margin-top: 10vw;
  position: relative;
  margin-bottom: 100px;
}
@media (max-width: 810px) {
  .gearMagaTop {
    margin-top: 20vw;
    margin-bottom: 60px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .gearMagaTop {
    margin-bottom: 30px;
  }
}
.gearMagaTop .gearMagaTop-tit {
  margin-left: 5vw;
}
.gearMagaTop .swiper-wrapper {
  padding-left: 5%;
  height: auto;
  transition-timing-function: ease-in-out;
  position: relative;
  z-index: 2;
}
.gearMagaTop .swiper-wrapper .swiper-slide {
  width: 600px;
  height: 400px;
}
@media (max-width: 810px) {
  .gearMagaTop .swiper-wrapper .swiper-slide {
    width: 80vw;
    height: auto;
  }
}
.gearMagaTop .swiper-pagination {
  bottom: auto !important;
  margin-top: 90px;
  margin-left: 5%;
  width: auto;
  position: relative;
  text-align: initial;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
@media (max-width: 810px) {
  .gearMagaTop .swiper-pagination {
    margin-top: 5vw;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .gearMagaTop .swiper-pagination {
    margin-top: 5vw;
  }
}
.gearMagaTop .swiper-pagination .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, white);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
  margin: 0 !important;
  margin-right: var(--swiper-pagination-bullet-horizontal-gap, 15px) !important;
}
@media (max-width: 810px) {
  .gearMagaTop .swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px));
    margin-right: var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;
    background: var(--swiper-pagination-bullet-inactive-color, #f2f1ec);
  }
}
.gearMagaTop .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-bullet-inactive-color, #bb0118) !important;
}
.gearMagaTop .swiper-button-prev,
.gearMagaTop .swiper-button-next {
  left: auto;
  position: absolute;
  top: initial;
  bottom: auto;
  width: 60px;
  height: 60px;
  border: 1px solid #847c70;
  border-radius: 50%;
  margin-top: -74px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #847c70;
  transition: 0.5s;
  transition: opacity 0.6s;
}
.gearMagaTop .swiper-button-prev:hover,
.gearMagaTop .swiper-button-next:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .gearMagaTop .swiper-button-prev,
  .gearMagaTop .swiper-button-next {
    display: none;
  }
}
.gearMagaTop .swiper-button-prev::after,
.gearMagaTop .swiper-button-next::after {
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}
.gearMagaTop .swiper-button-prev {
  right: 120px;
}
.gearMagaTop .swiper-button-prev::after {
  content: "ﮉ";
}
.gearMagaTop .swiper-button-next {
  right: 50px;
}
.gearMagaTop .swiper-button-next::after {
  content: "ﮊ";
}

.gearTitH2 {
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  font-size: 60px;
  font-weight: normal;
  margin-bottom: -15px;
}
@media (max-width: 480px) {
  .gearTitH2 {
    font-size: 36px;
  }
}

.gearTitH2-jp {
  margin-top: 20px;
  color: white;
  font-weight: bold;
  letter-spacing: 5px;
}

.gearFontTxt {
  color: white;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  opacity: 0.2;
  margin-top: 20px;
  line-height: 140%;
  position: relative;
  z-index: 1;
}

.cardGear {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.cardGear .cardGear-thum {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: black;
}
.cardGear .cardGear-thum a {
  transition: 0.5s;
  width: 100%;
}
.cardGear .cardGear-thum a img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.cardGear .cardGear-thum a:hover {
  transform: scale(1.1, 1.1);
  transition: 0.5s all;
  opacity: 0.4;
}
.cardGear .cardGear-data {
  margin-top: 15px;
  font-size: 16px;
  color: white;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  letter-spacing: 1px;
}
.cardGear .cardGear-tit {
  color: white;
  margin-top: 5px;
  line-height: 1.4;
  font-size: 16px;
}

.gearBtn {
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  font-size: 20px;
  transition: 0.5s;
}
@media (max-width: 480px) {
  .gearBtn {
    font-size: 16px;
  }
}
.gearBtn::after {
  transition: 0.5s;
  content: "";
  background-image: url("asset/img/gearmission/common/arrow.svg");
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 23px;
  vertical-align: bottom;
  margin-bottom: 2px;
  margin-left: 10px;
}
.gearBtn:hover {
  color: #826a40;
  margin-right: -5px;
}
.gearBtn:hover::after {
  background-image: url("asset/img/gearmission/common/arrow-yellow.svg");
}

.active {
  background-color: red;
}

.gearMovie_gsap {
  position: relative;
  height: 100vh;
  width: 100vw;
  background-image: url(asset/img/gearmission/common/back-white.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.gearMovie_gsap .gearMovie-logoBack {
  position: absolute;
  z-index: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .gearMovie_gsap .gearMovie-logoBack img {
    height: 120px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearMovie_gsap .gearMovie-logoBack img {
    height: 80px;
  }
}
.gearMovie_gsap .gearMovie-spTxt {
  text-align: center;
  position: absolute;
}
.gearMovie_gsap .gearMovie-spTxt p {
  font-size: 14px;
  letter-spacing: 0;
  color: white;
}
.gearMovie_gsap .gearMovie-dott {
  width: 80vw;
  right: 0;
  position: absolute;
  bottom: 4vw;
  z-index: 100;
  text-align: center;
}
@media (max-width: 480px) {
  .gearMovie_gsap .gearMovie-dott {
    width: 100vw;
    bottom: 25vw;
  }
}
.gearMovie_gsap .gearMovie-dott p {
  display: none;
}
@media (max-width: 480px) {
  .gearMovie_gsap .gearMovie-dott p {
    text-align: center;
    font-size: 14px;
    letter-spacing: 0;
    color: white;
  }
}
.gearMovie_gsap .gearMovie-dott .gearMovie-wrap {
  background-color: black;
  padding: 0.5vw 1vw;
  border-radius: 100px;
  display: inline-flex;
  margin-top: 5px;
}
@media (max-width: 1024px) {
  .gearMovie_gsap .gearMovie-dott .gearMovie-wrap {
    padding: 1vw 2vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearMovie_gsap .gearMovie-dott .gearMovie-wrap {
    padding: 10px 20px;
    margin-top: 15px;
  }
}
.gearMovie_gsap .gearMovie-dott .gearMovie-wrap li {
  display: inline-block;
  background-color: white;
  height: 0.8vw;
  width: 0.8vw;
  border-radius: 50%;
  margin-right: 1vw;
}
@media (max-width: 1024px) {
  .gearMovie_gsap .gearMovie-dott .gearMovie-wrap li {
    height: 1.5vw;
    width: 1.5vw;
    margin-right: 2vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearMovie_gsap .gearMovie-dott .gearMovie-wrap li {
    height: 10px;
    width: 10px;
    margin-right: 10px;
  }
}
.gearMovie_gsap .gearMovie-dott .gearMovie-wrap li:last-child {
  margin-right: 0;
}
.gearMovie_gsap .gearMovie-dott._dott01 .dott1 {
  background-color: #2d2b28;
}
@media (max-width: 480px) {
  .gearMovie_gsap .gearMovie-dott._dott01 .txt1 {
    display: block;
  }
}
.gearMovie_gsap .gearMovie-dott._dott02 .dott2 {
  background-color: #32402a;
}
@media (max-width: 480px) {
  .gearMovie_gsap .gearMovie-dott._dott02 .txt2 {
    display: block;
  }
}
.gearMovie_gsap .gearMovie-dott._dott03 .dott3 {
  background-color: #4e4c47;
}
@media (max-width: 480px) {
  .gearMovie_gsap .gearMovie-dott._dott03 .txt3 {
    display: block;
  }
}

.gearMovie {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
}
.gearMovie .gearMovie-body {
  color: white;
  width: 100%;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 480px) {
  .gearMovie .gearMovie-body {
    transform: none;
    top: auto;
  }
}
.gearMovie .gearMovie-body .gearMovie-bodyWrap {
  margin-left: 5vw;
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 480px) {
  .gearMovie .gearMovie-body .gearMovie-bodyWrap {
    transform: none;
    top: auto;
    width: 100%;
    margin-left: 5vw;
    display: flex;
    align-items: center;
    margin-top: 10vw;
  }
}
.gearMovie .gearMovie-body .gearMovie-bodyWrap .gearMovie-tit {
  font-size: 10vw;
  line-height: 100%;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  font-weight: normal;
}
@media (max-width: 480px) {
  .gearMovie .gearMovie-body .gearMovie-bodyWrap .gearMovie-tit {
    font-size: 10vw;
    text-align: center;
  }
}
.gearMovie .gearMovie-body .gearMovie-bodyWrap .gearMovie-txt {
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  opacity: 0.7;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .gearMovie .gearMovie-body .gearMovie-bodyWrap .gearMovie-txt {
    display: none;
  }
}
@media (max-width: 480px) {
  .gearMovie .gearMovie-body .gearMovie-bodyWrap .gearBtn {
    position: relative;
    margin-left: 10px;
    opacity: 0.7;
  }
}
.gearMovie .gearMovie-movie {
  width: 80%;
  height: 100vh;
  margin-left: auto;
}
@media (max-width: 480px) {
  .gearMovie .gearMovie-movie {
    width: 100%;
    margin-left: 0;
  }
}
.gearMovie .gearMovie-movie._white {
  background-color: rgba(255, 255, 255, 0.05);
}
.gearMovie .gearMovie-movie._yellow {
  background-color: rgba(10, 32, 17, 0.4);
}
.gearMovie .gearMovie-movie._black {
  background-color: rgba(0, 0, 0, 0.3);
}
.gearMovie .gearMovie-movie .gearMovie-moviePlay {
  position: relative;
  width: 100%;
  text-align: center;
}
.gearMovie .gearMovie-movie .gearMovie-moviePlay video {
  border-radius: 10px;
  max-width: 100%;
  height: 90vh;
  margin-top: 5vh;
}
@media (max-width: 1024px) {
  .gearMovie .gearMovie-movie .gearMovie-moviePlay video {
    max-width: 80%;
    border-radius: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearMovie .gearMovie-movie .gearMovie-moviePlay video {
    max-width: 90%;
    margin-top: 0;
  }
}

._activeMovie {
  z-index: 100;
  display: block;
}
._activeMovie .gearMovie-body {
  animation-name: textAni1;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  opacity: 0;
}
@keyframes textAni1 {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._activeMovie .gearMovie-movie {
  animation-name: movieAni1;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  opacity: 0;
}
@keyframes movieAni1 {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._nullMovie {
  z-index: 1;
  display: none;
}

.scrollinfo {
  position: fixed;
  z-index: 1000;
  background-color: black;
  color: white;
  top: 0;
  left: 0;
}

.gearProductTopWrap {
  width: 100vw;
  height: 100vh;
  position: relative;
  background-image: url(asset/img/gearmission/common/back-white.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.gearProductTopWrap .gearProductTop {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.gearProductTopWrap .gearProductTop .gearProductTop-tit {
  padding-left: 5vw;
  position: relative;
}
.gearProductTopWrap .gearProductTop .gearProductTop-wrapper {
  position: relative;
  max-width: 100%;
  padding: 0 5vw;
  overflow: hidden;
  margin-top: 30px;
}
.gearProductTopWrap .gearProductTop .gearProductTop-wrapper .gearProductTop-list {
  display: inline-flex;
  gap: 100px;
}
@media (max-width: 480px) {
  .gearProductTopWrap .gearProductTop .gearProductTop-wrapper .gearProductTop-list {
    gap: 30px;
  }
}
@media (max-width: 1024px) {
  .gearProductTopWrap .gearProductTop .gearProductTop-wrapper .gearProductTop-list._spSlideScroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    -moz-column-gap: 5%;
         column-gap: 5%;
  }
}
@media (max-width: 1024px) {
  .gearProductTopWrap {
    width: 100%;
    height: inherit;
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .gearProductTopWrap {
    margin-top: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) and (max-width: 480px) {
  .gearProductTopWrap {
    margin-top: 19.7916666667vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .gearProductTopWrap {
    margin-bottom: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) and (max-width: 480px) {
  .gearProductTopWrap {
    margin-bottom: 19.7916666667vw !important;
  }
}
@media (max-width: 1024px) {
  .gearProductTopWrap .gearProductTop {
    position: relative;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    top: inherit;
  }
  .gearProductTopWrap .gearProductTop .gearProductTop-wrapper {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    margin-top: 30px;
    padding: 0;
  }
  .gearProductTopWrap .gearProductTop .gearProductTop-wrapper .gearProductTop-list {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding-left: 5%;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .gearProductTopWrap .gearProductTop .gearProductTop-wrapper .gearProductTop-list .gearCard {
    width: 220px !important;
  }
}
@media (max-width: 1024px) {
  .gearProductTopWrap .gearProductTop .gearProductTop-wrapper .gearProductTop-list .gearCard a {
    width: 220px !important;
  }
}

.gearCard {
  width: 440px;
}
@media (max-width: 480px) {
  .gearCard {
    width: 220px;
  }
}
.gearCard .gearCard-a {
  display: block;
  transition: 0.5s;
}
.gearCard .gearCard-a:hover .gearCard-img {
  background-color: rgba(0, 0, 0, 0.1);
}
.gearCard .gearCard-a:hover .gearCard-body .gearCard-tit {
  color: #826a40;
}
.gearCard .gearCard-a:hover .gearCard-body .gearCard-txt {
  color: #826a40;
}
.gearCard .gearCard-a .gearCard-thum {
  position: relative;
  display: inline-block;
}
.gearCard .gearCard-a .gearCard-thum .gearCard-lineTop {
  position: absolute;
  top: 0;
  left: 0;
}
.gearCard .gearCard-a .gearCard-thum .gearCard-lineBottom {
  position: absolute;
  bottom: 0;
  right: 0;
}
.gearCard .gearCard-a .gearCard-thum .gearCard-img {
  transition: 0.5s;
  position: relative;
  margin: 20px;
  max-width: 400px;
}
.gearCard .gearCard-a .gearCard-thum .gearCard-img img {
  width: 100%;
}
@media (max-width: 480px) {
  .gearCard .gearCard-a .gearCard-thum .gearCard-img {
    max-width: 200px;
  }
}
.gearCard .gearCard-a .gearCard-body {
  text-align: center;
}
.gearCard .gearCard-a .gearCard-body .gearCard-tit {
  color: white;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  font-size: 48px;
  font-weight: normal;
  margin-top: 10px;
  transition: 0.5s;
}
@media (max-width: 480px) {
  .gearCard .gearCard-a .gearCard-body .gearCard-tit {
    font-size: 28px;
  }
}
.gearCard .gearCard-a .gearCard-body .gearCard-txt {
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  line-height: 150%;
  font-size: 18px;
  margin-top: 10px;
  transition: 0.5s;
}
@media (max-width: 480px) {
  .gearCard .gearCard-a .gearCard-body .gearCard-txt {
    font-size: 16px;
    margin-top: 5px;
  }
}
.gearCard .gearCard-a .gearCard-body .gearCard-color {
  margin-top: 15px;
}
@media (max-width: 480px) {
  .gearCard .gearCard-a .gearCard-body .gearCard-color {
    margin-top: 5px;
  }
}
.gearCard .gearCard-a .gearCard-body .gearCard-color span {
  display: inline-block;
  background-color: #4a5036;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 5px;
}
@media (max-width: 480px) {
  .gearCard .gearCard-a .gearCard-body .gearCard-color span {
    height: 10px;
    width: 10px;
  }
}
.gearCard .gearCard-a .gearCard-body .gearCard-color span._yellow {
  background-color: #826a40;
}

.gearProductIndex .gearCard {
  max-width: 440px;
  width: 100%;
}

._five .gearCard .gearCard-thum .gearCard-lineTop {
  opacity: 0.6;
}
._five .gearCard .gearCard-thum .gearCard-lineBottom {
  opacity: 0.6;
}
._five .gearCard .gearCard-body .gearCard-tit {
  font-size: 24px;
}
@media (max-width: 480px) {
  ._five .gearCard .gearCard-body .gearCard-tit {
    font-size: 28px;
  }
}
._five .gearCard .gearCard-body .gearCard-txt {
  font-size: 12px;
  margin-top: 5px;
}
@media (max-width: 480px) {
  ._five .gearCard .gearCard-body .gearCard-txt {
    font-size: 16px;
    margin-top: 5px;
  }
}
._five .gearCard .gearCard-body .gearCard-color {
  display: none;
}

.gearTopImg {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  max-width: 1920px;
  width: 90%;
  margin: 0 auto;
  gap: 4%;
  margin-top: 80px !important;
}
@media (max-width: 1024px) {
  .gearTopImg {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopImg {
    margin-top: 8.3333333333vw !important;
  }
}
@media (max-width: 480px) {
  .gearTopImg {
    display: block;
  }
}
.gearTopImg .gearTopImg-wrapper {
  width: 48%;
  position: relative;
  z-index: 10;
}
.gearTopImg .gearTopImg-wrapper .gearTopImg-img img {
  max-width: 100%;
}
.gearTopImg .gearTopImg-wrapper .gearTopImg-img._img01 {
  text-align: center;
  margin-top: 100px !important;
}
@media (max-width: 1024px) {
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img01 {
    margin-top: 9.765625vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img01 {
    margin-top: 16.6666666667vw !important;
  }
}
.gearTopImg .gearTopImg-wrapper .gearTopImg-img._img02 {
  margin-top: 80px !important;
}
@media (max-width: 1024px) {
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img02 {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img02 {
    margin-top: 8.3333333333vw !important;
  }
}
.gearTopImg .gearTopImg-wrapper .gearTopImg-img._img03 {
  margin-top: 100px !important;
  margin-left: -5vw;
}
@media (max-width: 1024px) {
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img03 {
    margin-top: 9.765625vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img03 {
    margin-top: 16.6666666667vw !important;
  }
}
.gearTopImg .gearTopImg-wrapper .gearTopImg-img._img04 {
  margin-right: -5vw;
}
.gearTopImg .gearTopImg-wrapper .gearTopImg-img._img05 {
  margin-top: 80px !important;
  text-align: center;
}
@media (max-width: 1024px) {
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img05 {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img05 {
    margin-top: 8.3333333333vw !important;
  }
}
@media (max-width: 480px) {
  .gearTopImg .gearTopImg-wrapper {
    width: 100%;
  }
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img01 {
    margin-top: 10px !important;
  }
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img02 {
    margin-top: 10px !important;
  }
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img03 {
    margin-top: 10px !important;
    margin-left: -5vw;
  }
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img04 {
    margin-top: 40px !important;
    margin-right: -5vw;
  }
  .gearTopImg .gearTopImg-wrapper .gearTopImg-img._img05 {
    margin-top: 10px !important;
  }
}

.gearTopSlide .gearTopSlide-wrap {
  display: flex;
  width: 100vw;
  overflow: hidden;
}
.gearTopSlide .gearTopSlide-wrap .gearTopSlide-list {
  display: flex;
}
.gearTopSlide .gearTopSlide-wrap .gearTopSlide-list:first-child {
  animation: slide1 120s -60s linear infinite;
}
.gearTopSlide .gearTopSlide-wrap .gearTopSlide-list:last-child {
  animation: slide2 120s linear infinite;
}
.gearTopSlide .gearTopSlide-wrap .gearTopSlide-list .gearTopSlide-img {
  width: 875px;
}
@media (max-width: 1024px) {
  .gearTopSlide .gearTopSlide-wrap .gearTopSlide-list .gearTopSlide-img {
    width: 600px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearTopSlide .gearTopSlide-wrap .gearTopSlide-list .gearTopSlide-img {
    width: 300px;
  }
}
.gearTopSlide .gearTopSlide-wrap .gearTopSlide-list .gearTopSlide-img img {
  width: 100%;
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.hamburgerGear {
  display: none;
}
@media (max-width: 1024px) {
  .hamburgerGear {
    display: flex;
    right: 10;
    top: 10;
    z-index: 10000;
    position: fixed;
  }
}
.hamburgerGear .hamburgerGear-ec {
  position: relative;
  z-index: 10;
}
.hamburgerGear .hamburgerGear-ec a {
  color: white;
  width: 70px;
  height: 70px;
  text-align: center;
  padding-top: 17px;
}
.hamburgerGear .hamburgerGear-ec a span {
  color: white;
  font-size: 28px;
}
@media (max-width: 480px) {
  .hamburgerGear .hamburgerGear-ec a {
    width: 50px;
    height: 50px;
    padding-top: 11px;
  }
  .hamburgerGear .hamburgerGear-ec a span {
    font-size: 24px;
  }
}
.hamburgerGear .hamburgerGear-open,
.hamburgerGear .hamburgerGear-close {
  display: block;
  padding-top: 25px;
  padding-bottom: 20px;
  width: 70px;
  height: 70px;
}
@media (max-width: 480px) {
  .hamburgerGear .hamburgerGear-open,
  .hamburgerGear .hamburgerGear-close {
    width: 50px;
    height: 50px;
    padding-top: 16px;
    padding-bottom: 5px;
  }
}
.hamburgerGear .hamburgerGear-open .hamburgerGear-trigger,
.hamburgerGear .hamburgerGear-close .hamburgerGear-trigger {
  transition: all 0.4s;
  position: relative;
  height: 14px;
  width: 20px;
  margin: 0 auto;
}
.hamburgerGear .hamburgerGear-open .hamburgerGear-trigger span,
.hamburgerGear .hamburgerGear-close .hamburgerGear-trigger span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: white;
  border-radius: 1px;
}
@media (max-width: 810px) {
  .hamburgerGear .hamburgerGear-open .hamburgerGear-trigger span,
  .hamburgerGear .hamburgerGear-close .hamburgerGear-trigger span {
    left: 1;
  }
}
.hamburgerGear .hamburgerGear-open .hamburgerGear-trigger span:nth-of-type(1),
.hamburgerGear .hamburgerGear-close .hamburgerGear-trigger span:nth-of-type(1) {
  top: 0px;
}
.hamburgerGear .hamburgerGear-open .hamburgerGear-trigger span:nth-of-type(2),
.hamburgerGear .hamburgerGear-close .hamburgerGear-trigger span:nth-of-type(2) {
  top: 8px;
}
.hamburgerGear .hamburgerGear-open .hamburgerGear-trigger span:nth-of-type(3),
.hamburgerGear .hamburgerGear-close .hamburgerGear-trigger span:nth-of-type(3) {
  top: 16px;
}
.hamburgerGear .hamburgerGear-open .activeHam,
.hamburgerGear .hamburgerGear-close .activeHam {
  transform: rotate(360deg);
  background-color: initial !important;
}
.hamburgerGear .hamburgerGear-open .activeHam span:nth-of-type(1),
.hamburgerGear .hamburgerGear-close .activeHam span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
  background-color: white;
}
.hamburgerGear .hamburgerGear-open .activeHam span:nth-of-type(2),
.hamburgerGear .hamburgerGear-close .activeHam span:nth-of-type(2) {
  transform: translateY(0) rotate(45deg);
  background-color: white;
  top: 10px;
}
.hamburgerGear .hamburgerGear-open .activeHam span:nth-of-type(3),
.hamburgerGear .hamburgerGear-close .activeHam span:nth-of-type(3) {
  opacity: 0;
}

.hamburgerGearMenu {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  z-index: 1000;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100vh;
  background-image: url(asset/img/gearmission/common/back.jpg);
  background-image: -webkit-image-set(url(asset/img/gearmission/common/back.jpg) 1x, url(asset/img/gearmission/common/back@2x.jpg) 2x);
  background-image: image-set(url(asset/img/gearmission/common/back.jpg) 1x, url(asset/img/gearmission/common/back@2x.jpg) 2x);
  background-repeat: repeat;
}
.hamburgerGearMenu .hamburgerGearMenu-nav {
  margin-top: 70px;
}
.hamburgerGearMenu .hamburgerGearMenu-nav .hamburgerGearMenu-item {
  padding: 20px;
  text-align: center;
}
.hamburgerGearMenu .hamburgerGearMenu-nav .hamburgerGearMenu-item a {
  display: block;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  font-size: 36px;
  letter-spacing: 2px;
  font-feature-settings: "kern";
}
.hamburgerGearMenu .hamburgerGearMenu-nav .hamburgerGearMenu-item a span {
  padding-right: 1px;
}

.gearPageTilte {
  position: relative;
}
.gearPageTilte .gearPageTilte-wrap {
  width: 100vw;
  position: relative;
}
.gearPageTilte .gearPageTilte-wrap .gearPageTilte-img {
  width: 70vw;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .gearPageTilte .gearPageTilte-wrap .gearPageTilte-img {
    width: 95vw;
    margin-top: 95px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearPageTilte .gearPageTilte-wrap .gearPageTilte-img {
    margin-top: 70px;
  }
}
.gearPageTilte .gearPageTilte-wrap .gearPageTilte-img img {
  width: 100%;
}
.gearPageTilte .gearPageTilte-wrap .gearPageTitle-tit {
  position: absolute;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  color: white;
  font-size: 90px;
  font-weight: normal;
  bottom: 0;
  right: 5vw;
  margin-bottom: -20px;
}
@media (max-width: 1024px) {
  .gearPageTilte .gearPageTilte-wrap .gearPageTitle-tit {
    position: relative;
    font-size: 80px;
    right: inherit;
    bottom: inherit;
    margin-bottom: 0;
    text-align: right;
    margin-right: 5vw;
    margin-top: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearPageTilte .gearPageTilte-wrap .gearPageTitle-tit {
    font-size: 40px;
    margin-top: 15px;
  }
}
.gearPageTilte .gearPageTilte-logoBack {
  position: absolute;
  bottom: -100px;
}
.gearPageTilte .gearPageTilte-logoBack img {
  height: 183px;
}
@media (max-width: 1024px) {
  .gearPageTilte .gearPageTilte-logoBack {
    bottom: 30px;
  }
  .gearPageTilte .gearPageTilte-logoBack img {
    height: 90px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearPageTilte .gearPageTilte-logoBack {
    bottom: 0px;
  }
  .gearPageTilte .gearPageTilte-logoBack img {
    height: 60px;
  }
}

.gearAbout {
  margin-top: 300px;
  background-image: url(asset/img/gearmission/common/back-white.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 1024px) {
  .gearAbout {
    margin-top: 100px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearAbout {
    margin-top: 40px;
  }
}
.gearAbout .gearAbout-wrap {
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  justify-content: center;
}
@media (max-width: 1024px) {
  .gearAbout .gearAbout-wrap {
    flex-direction: column-reverse;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox {
  position: relative;
  width: 50%;
}
@media (max-width: 1024px) {
  .gearAbout .gearAbout-wrap .gearAbout-imgBox {
    width: 100%;
    margin-top: 100px;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-circleWrap {
  position: absolute;
  text-align: center;
  z-index: 2;
}
@media (max-width: 1440px) {
  .gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-circleWrap {
    margin-left: 20px;
  }
}
@media (max-width: 1440px) and (max-width: 480px) {
  .gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-circleWrap {
    display: none;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-circleWrap .gearAbout-circle {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-circleWrap .gearAbout-circle::after {
  content: "01";
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  letter-spacing: 6;
  position: absolute;
  display: block;
  line-height: 0;
  top: 50%;
  left: 40%;
  color: rgba(255, 255, 255, 0.9);
  font-size: 32px;
  opacity: 1;
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-circleWrap .gearAbout-circleTIt {
  display: inline-block;
  font-size: 20px;
  letter-spacing: 10;
  color: #826a40;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  writing-mode: vertical-rl;
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img01 {
  width: 70%;
  margin-left: auto;
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img01 img {
  width: 100%;
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img02 {
  width: 50%;
  margin-top: -3vw;
  margin-left: -6vw;
}
@media (max-width: 1440px) {
  .gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img02 {
    margin-left: -2vw;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img02 img {
  width: 100%;
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img03 {
  margin-top: -8vw;
  margin-left: auto;
  margin-right: -2vw;
  width: 90%;
}
.gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img03 img {
  width: 100%;
}
@media (max-width: 1024px) {
  .gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img01 {
    width: 90%;
    margin-left: auto;
  }
  .gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img02 {
    width: 50%;
    margin: 0 auto;
    margin-left: auto !important;
    margin-top: 40px;
  }
  .gearAbout .gearAbout-wrap .gearAbout-imgBox .gearAbout-imgWrap .gearAbout-img03 {
    margin-top: 40px;
    margin-left: 0;
    margin-right: auto;
    width: 90%;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-body {
  width: 50%;
  color: white;
  padding-left: 5%;
}
@media (max-width: 1024px) {
  .gearAbout .gearAbout-wrap .gearAbout-body {
    width: 90%;
    padding-left: 0;
    margin: 0 auto;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-tit {
  max-width: 500px;
  width: 30vw;
}
@media (max-width: 1024px) {
  .gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-tit {
    margin: 0 auto;
    width: 50vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-tit {
    width: 65vw;
    margin-top: 10px;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-tit img {
  width: 100%;
}
.gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-txt {
  font-weight: bold;
  line-height: 320%;
  font-size: 16px;
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-txt {
    text-align: center;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-txt {
    line-height: 200%;
    text-align: left;
    font-size: 14px;
    margin-top: 20px;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-circleWrap_sp {
  display: none;
}
@media (max-width: 480px) {
  .gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-circleWrap_sp {
    display: block;
  }
}
.gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-circleWrap_sp .gearAbout-circle {
  position: relative;
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  margin: 0 auto;
}
.gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-circleWrap_sp .gearAbout-circle::after {
  content: "01";
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  letter-spacing: 6;
  position: absolute;
  display: block;
  line-height: 0;
  top: 50%;
  left: 40%;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  opacity: 1;
}
.gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-circleWrap_sp .gearAbout-circleTIt {
  font-size: 20px;
  text-align: center;
  letter-spacing: 5;
  margin-top: 15px;
  color: #826a40;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
}
@media (max-width: 480px) {
  .gearAbout .gearAbout-wrap .gearAbout-body .gearAbout-circleWrap_sp .gearAbout-circleTIt {
    display: none;
  }
}

.gearProductIndex {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  margin-top: 80px !important;
  background-image: url(asset/img/gearmission/common/back-white.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 1024px) {
  .gearProductIndex {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductIndex {
    margin-top: 8.3333333333vw !important;
  }
}
.gearProductIndex .gearProductIndex-list {
  display: grid;
  grid-template-columns: 31% 31% 31%;
  -moz-column-gap: 3.5%;
       column-gap: 3.5%;
  row-gap: 4vw;
  height: auto !important;
}
@media (max-width: 1024px) {
  .gearProductIndex .gearProductIndex-list {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
    row-gap: 5vw;
  }
}
.gearProductIndex .gearProductIndex-list._five {
  grid-template-columns: 19% 19% 19% 19% 19%;
  -moz-column-gap: 1.25%;
       column-gap: 1.25%;
  row-gap: 3vw;
}
@media (max-width: 480px) {
  .gearProductIndex .gearProductIndex-list._five {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
    row-gap: 5vw;
  }
}

.gearProductMain {
  margin-top: 70px;
  min-height: 700px;
  display: flex;
  position: relative;
  background-image: url(asset/img/gearmission/common/back-white.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 1024px) {
  .gearProductMain {
    height: auto;
    min-height: auto;
    flex-direction: column-reverse;
  }
}
.gearProductMain .productMain-leftbox {
  width: 50%;
  position: relative;
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-leftbox {
    width: 90%;
    margin: 5%;
    margin-bottom: 60px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-leftbox {
    margin-bottom: 40px;
  }
}
.gearProductMain .productMain-leftbox .productMain-slidebox {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  max-height: 600px;
}
@media (max-width: 1600px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox {
    width: 40vw;
  }
}
@media (max-width: 1600px) and (max-width: 1024px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox {
    position: relative;
    transform: none;
    top: inherit;
    left: inherit;
    width: 100%;
    margin: 0 auto;
  }
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider {
  overflow: hidden;
  width: 100%;
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .productMain-imgList {
  width: 100%;
  height: auto;
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .productMain-imgList .productMain-imgItem {
  text-align: center;
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .productMain-imgList .productMain-imgItem img {
  height: 600px;
}
@media (max-width: 480px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .productMain-imgList .productMain-imgItem img {
    height: auto;
    width: 80%;
  }
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination-fraction {
  width: auto;
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination {
  top: initial;
  bottom: initial;
  right: 100px;
  left: initial;
  position: absolute;
  text-align: start;
  transition: none;
  transform: none;
  z-index: 10;
  margin-top: 17px;
  color: #847c70;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination {
    margin-top: 7px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination {
    right: 75px;
    margin-top: 6px;
  }
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination .swiper-pagination-current {
  color: #847c70;
  font-size: 24px;
}
@media (max-width: 480px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination .swiper-pagination-current {
    font-size: 18px;
  }
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination .swiper-pagination-total {
  color: #847c70;
  font-size: 24px;
}
@media (max-width: 480px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-pagination .swiper-pagination-total {
    font-size: 18px;
  }
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev,
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next {
  top: initial;
  bottom: initial;
  right: initial;
  left: initial;
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid #847c70;
  border-radius: 50%;
  margin-top: 10px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #847c70;
  transition: 0.5s;
  transition: opacity 0.6s;
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev:hover,
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev,
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next {
    margin-top: 0;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev,
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next {
    width: 30px;
    height: 30px;
  }
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev::after,
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next::after {
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev {
  right: 45;
}
@media (max-width: 480px) {
  .gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev {
    right: 35;
  }
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-prev::after {
  content: "ﮉ";
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next {
  right: 0;
}
.gearProductMain .productMain-leftbox .productMain-slidebox .productMainSlider .swiper-button-next::after {
  content: "ﮊ";
}
.gearProductMain .productMain-body {
  width: 50%;
  position: relative;
  padding-left: 15vw;
}
@media (max-width: 1368px) {
  .gearProductMain .productMain-body {
    padding: 60px;
  }
}
@media (max-width: 1368px) and (max-width: 1024px) {
  .gearProductMain .productMain-body {
    width: 100%;
    padding: 40px 5%;
  }
}
@media (max-width: 1368px) and (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-body {
    padding: 25px 5%;
  }
}
.gearProductMain .productMain-body .productMain-inner {
  position: absolute;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 100px;
  width: 100%;
}
@media (max-width: 1368px) {
  .gearProductMain .productMain-body .productMain-inner {
    padding-right: 60px;
  }
}
@media (max-width: 1368px) and (max-width: 1024px) {
  .gearProductMain .productMain-body .productMain-inner {
    padding-right: 40px;
    position: relative;
    transform: none;
  }
}
@media (max-width: 1368px) and (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner {
    padding-right: 0;
  }
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-body .productMain-inner {
    position: relative;
    transform: none;
  }
}
.gearProductMain .productMain-body .productMain-inner .productMain-txt {
  width: 100%;
}
.gearProductMain .productMain-body .productMain-inner .productMain-txt .productMain-subTit {
  color: white;
  font-weight: bold;
}
.gearProductMain .productMain-body .productMain-inner .productMain-txt .productMain-tit {
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  font-weight: normal;
  color: white;
  font-size: 80px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-txt .productMain-tit {
    font-size: 80px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-txt .productMain-tit {
    font-size: 54px;
  }
}
.gearProductMain .productMain-body .productMain-inner .productMain-txt .productMain-p {
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  font-weight: normal;
  color: white;
  font-size: 20px;
  margin-top: 20px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-txt .productMain-p {
    margin-top: 10px;
  }
}
.gearProductMain .productMain-body .productMain-inner .productMain-dl {
  display: block;
  width: 100%;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-dl {
    margin-top: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-dl {
    margin-top: 15px;
  }
}
.gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line {
  padding-top: 10px;
  margin-top: 10px;
  display: flex;
}
@media (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px dashed #dbdbd3;
  }
  .gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line:last-child {
    border-bottom: 1px dashed #dbdbd3;
    padding-bottom: 8px;
  }
}
.gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dt {
  font-weight: bold;
  line-height: 1.5;
  font-size: 14px;
  width: 20%;
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dt {
    width: 20%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dt {
    font-size: 12px;
  }
}
.gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dd {
  font-size: 14px;
  line-height: 150%;
  width: 80%;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dd {
    width: 80%;
    padding-left: 10px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-dl .productMain-line .productMain-dd {
    font-size: 12px;
  }
}
.gearProductMain .productMain-body .productMain-inner .productMain-btn {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-btn {
    margin-top: 30px;
    text-align: center;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .productMain-btn {
    margin-top: 20px;
  }
}
.gearProductMain .productMain-body .productMain-inner .gearCard-color {
  margin-top: 15px;
}
@media (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .gearCard-color {
    margin-top: 5px;
  }
}
.gearProductMain .productMain-body .productMain-inner .gearCard-color span {
  display: inline-block;
  background-color: #4a5036;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 5px;
}
@media (max-width: 480px) {
  .gearProductMain .productMain-body .productMain-inner .gearCard-color span {
    height: 10px;
    width: 10px;
  }
}
.gearProductMain .productMain-body .productMain-inner .gearCard-color span._yellow {
  background-color: #826a40;
}
.gearProductMain .gearProductMain-logoBack {
  position: absolute;
  z-index: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .gearProductMain .gearProductMain-logoBack img {
    height: 120px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductMain .gearProductMain-logoBack img {
    height: 80px;
  }
}

.gearProductSpec {
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .gearProductSpec {
    margin-top: 40px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearProductSpec {
    margin-top: 20px;
  }
}
.gearProductSpec .productSpec-line {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .gearProductSpec .productSpec-line {
    padding-top: 10px;
    margin-top: 10px;
  }
}
.gearProductSpec .productSpec-line:last-child {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 480px) {
  .gearProductSpec .productSpec-line:last-child {
    padding-bottom: 10px;
  }
}
.gearProductSpec .productSpec-line .productSpec-dt {
  font-weight: bold;
  line-height: 1.5;
  font-size: 16px;
  width: 200px;
  color: white;
}
@media (max-width: 480px) {
  .gearProductSpec .productSpec-line .productSpec-dt {
    font-size: 14px;
  }
}
.gearProductSpec .productSpec-line .productSpec-dd {
  font-size: 16px;
  line-height: 1.5;
  width: calc(100% - 70px);
  color: white;
}
@media (max-width: 480px) {
  .gearProductSpec .productSpec-line .productSpec-dd {
    font-size: 14px;
  }
}

.productFuture {
  display: flex;
  margin-top: 60px;
}
@media (max-width: 480px) {
  .productFuture {
    display: block;
  }
}
.productFuture .productFuture-img {
  width: 40%;
}
.productFuture .productFuture-img img {
  width: 100%;
}
@media (max-width: 480px) {
  .productFuture .productFuture-img {
    width: 100%;
  }
}
.productFuture .productFuture-txt {
  width: 60%;
  padding-left: 40px;
}
@media (max-width: 480px) {
  .productFuture .productFuture-txt {
    width: 100%;
    padding-left: 0;
  }
}
.productFuture .productFuture-txt .productFuture-tit {
  color: white;
  font-size: 28px;
}
@media (max-width: 480px) {
  .productFuture .productFuture-txt .productFuture-tit {
    font-size: 24px;
    margin-top: 20px;
  }
}
.productFuture .productFuture-txt .productFuture-tit span {
  font-weight: normal;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  font-size: 34px;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .productFuture .productFuture-txt .productFuture-tit span {
    font-size: 28px;
  }
}
.productFuture .productFuture-txt .productFuture-p {
  color: white;
  line-height: 200%;
  margin-top: 15px;
}
@media (max-width: 480px) {
  .productFuture .productFuture-txt .productFuture-p {
    margin-top: 10px;
  }
}

.gearStore {
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .gearStore {
    width: 90%;
  }
}
.gearStore .gearStore-h2 {
  color: white;
  font-size: 32px;
  line-height: 150%;
}
@media (max-width: 480px) {
  .gearStore .gearStore-h2 {
    font-size: 24px;
  }
}
.gearStore .gearStore-img {
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .gearStore .gearStore-img {
    width: 100%;
  }
  .gearStore .gearStore-img img {
    width: 100%;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .gearStore .gearStore-img {
    margin-top: 20px;
  }
}
.gearStore .gearStore-img a {
  transition: opacity 0.6s;
}
.gearStore .gearStore-img a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.gearStore .gearStore-p {
  margin-top: 40px;
  color: white;
  line-height: 200%;
}
@media (max-width: 480px) {
  .gearStore .gearStore-p {
    margin-top: 20px;
  }
}
.gearStore .gearStore-p a {
  color: white;
  text-decoration: underline;
}
.gearStore .gearStore-p a:hover {
  text-decoration: none;
}
.gearStore .gearStore-map {
  margin-top: 60px;
}
@media (max-width: 480px) {
  .gearStore .gearStore-map {
    margin-top: 20px;
  }
}

.gearBuyBtn {
  margin-top: 20px;
  position: relative;
}
@media (max-width: 480px) {
  .gearBuyBtn {
    margin-top: 10px;
  }
}
.gearBuyBtn a {
  overflow: hidden;
  position: relative;
  background-color: black;
  color: white;
  font-family: "ombudsmanstencil", sans-serif;
  -webkit-text-stroke: 0.5px #383830;
  padding: 14px 18px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  border: 1px solid black;
  text-decoration: none !important;
  line-height: 100% !important;
  transition: opacity 0.6s;
}
.gearBuyBtn a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.gearBuyBtn a:hover {
  color: white !important;
}
@media (max-width: 480px) {
  .gearBuyBtn a {
    display: flex;
    justify-content: space-between;
  }
}
.gearBuyBtn a .gearBuyBtn-text {
  font-size: 18px;
  padding-right: 150px;
  line-height: 0;
  padding-top: 3px;
}
@media (max-width: 480px) {
  .gearBuyBtn a .gearBuyBtn-text {
    padding-right: auto;
  }
}
.gearBuyBtn a .gearBuyBtn-icon {
  -webkit-text-stroke: 0.2px #fff;
  font-size: 20px;
}

.gsap .gsap-wrap {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.gsap .gsap-box {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
}
.gsap .gsap-box .gearMovie-movie {
  height: 100vh;
  width: 100%;
  margin-left: 0;
}
.gsap .gsap-box .gearMovie-movie._white {
  background-color: rgba(255, 255, 255, 0.05);
}
.gsap .gsap-box .gearMovie-movie._yellow {
  background-color: rgba(10, 32, 17, 0.4);
}
.gsap .gsap-box .gearMovie-movie._black {
  background-color: rgba(0, 0, 0, 0.3);
}
.gsap .gsap-box .gearMovie-movie .gearMovie-moviePlay {
  position: relative;
  width: 100%;
  text-align: center;
}
.gsap .gsap-box .gearMovie-movie .gearMovie-moviePlay video {
  border-radius: 10px;
  height: 90vh;
  max-width: 90%;
  margin-top: 0;
}
.gsap ._activeMovie {
  z-index: 100;
  display: block;
}
.gsap ._activeMovie .gearMovie-movie {
  animation-name: movieAni1;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  opacity: 0;
}
@keyframes movieAni1 {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.gsap ._nullMovie {
  z-index: 1;
  display: none;
}

.test {
  height: 1000px;
}

.meter {
  position: fixed;
  z-index: 100;
  color: white;
}

.detailsPage-contents > *:first-child,
.block-editor-writing-flow > *:first-child,
.editor-styles-wrapper > *:first-child,
.is-root-container > *:first-child,
.Guten > *:first-child {
  margin-top: 0;
}
.detailsPage-contents h1,
.block-editor-writing-flow h1,
.editor-styles-wrapper h1,
.is-root-container h1,
.Guten h1 {
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
}
.detailsPage-contents h2,
.block-editor-writing-flow h2,
.editor-styles-wrapper h2,
.is-root-container h2,
.Guten h2 {
  margin-top: 150px;
  position: relative;
  padding-top: 65px;
  margin-bottom: 65px;
  border-top: 1px solid #dbdbd3;
  font-size: 36px;
  letter-spacing: 2;
  line-height: 1.3;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 1024px) {
  .detailsPage-contents h2,
  .block-editor-writing-flow h2,
  .editor-styles-wrapper h2,
  .is-root-container h2,
  .Guten h2 {
    margin-top: 14.6484375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h2,
  .block-editor-writing-flow h2,
  .editor-styles-wrapper h2,
  .is-root-container h2,
  .Guten h2 {
    margin-top: 19.7916666667vw;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents h2,
  .block-editor-writing-flow h2,
  .editor-styles-wrapper h2,
  .is-root-container h2,
  .Guten h2 {
    padding-top: 6.34765625vw;
    margin-bottom: 6.34765625vw;
    font-size: 3.515625vw;
    letter-spacing: 0.1953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h2,
  .block-editor-writing-flow h2,
  .editor-styles-wrapper h2,
  .is-root-container h2,
  .Guten h2 {
    font-size: 20px;
  }
}
.detailsPage-contents h2::before,
.block-editor-writing-flow h2::before,
.editor-styles-wrapper h2::before,
.is-root-container h2::before,
.Guten h2::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 10vw;
  border-top: 1px solid #bb0118;
}
.detailsPage-contents h2 strong,
.block-editor-writing-flow h2 strong,
.editor-styles-wrapper h2 strong,
.is-root-container h2 strong,
.Guten h2 strong {
  font-family: "Noto Serif JP", serif;
}
.detailsPage-contents h3,
.block-editor-writing-flow h3,
.editor-styles-wrapper h3,
.is-root-container h3,
.Guten h3 {
  margin-top: 80px;
  font-size: 28px;
  font-family: "Noto Serif JP", serif;
  padding-left: 20px;
  padding: 5px 0 8px 20px;
  border-left: 1px solid #bb0118;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten h3 {
    margin-top: 7.8125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten h3 {
    margin-top: 8.3333333333vw;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten h3 {
    font-size: clamp(18px, 2.73vw, 28px);
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten h3 {
    font-size: 18px;
    padding-left: 10px;
  }
}
.detailsPage-contents h3 strong,
.block-editor-writing-flow h3 strong,
.editor-styles-wrapper h3 strong,
.is-root-container h3 strong,
.Guten h3 strong {
  font-family: "Noto Serif JP", serif;
}
.detailsPage-contents h4,
.block-editor-writing-flow h4,
.editor-styles-wrapper h4,
.is-root-container h4,
.Guten h4 {
  margin-top: 60px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten h4 {
    margin-top: 5.859375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten h4 {
    margin-top: 6.25vw;
  }
}
.detailsPage-contents h5,
.block-editor-writing-flow h5,
.editor-styles-wrapper h5,
.is-root-container h5,
.Guten h5 {
  margin-top: 45px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .detailsPage-contents h5,
  .block-editor-writing-flow h5,
  .editor-styles-wrapper h5,
  .is-root-container h5,
  .Guten h5 {
    margin-top: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h5,
  .block-editor-writing-flow h5,
  .editor-styles-wrapper h5,
  .is-root-container h5,
  .Guten h5 {
    margin-top: 5.2083333333vw;
  }
}
.detailsPage-contents h6,
.block-editor-writing-flow h6,
.editor-styles-wrapper h6,
.is-root-container h6,
.Guten h6 {
  margin-top: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .detailsPage-contents h6,
  .block-editor-writing-flow h6,
  .editor-styles-wrapper h6,
  .is-root-container h6,
  .Guten h6 {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h6,
  .block-editor-writing-flow h6,
  .editor-styles-wrapper h6,
  .is-root-container h6,
  .Guten h6 {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents p,
.block-editor-writing-flow p,
.editor-styles-wrapper p,
.is-root-container p,
.Guten p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 1px;
  color: #000;
  margin-top: 30px;
}
@media (max-width: 810px) {
  .detailsPage-contents p,
  .block-editor-writing-flow p,
  .editor-styles-wrapper p,
  .is-root-container p,
  .Guten p {
    margin-top: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .detailsPage-contents p,
  .block-editor-writing-flow p,
  .editor-styles-wrapper p,
  .is-root-container p,
  .Guten p {
    margin-top: 8px;
  }
}
.detailsPage-contents p span,
.detailsPage-contents p mark,
.block-editor-writing-flow p span,
.block-editor-writing-flow p mark,
.editor-styles-wrapper p span,
.editor-styles-wrapper p mark,
.is-root-container p span,
.is-root-container p mark,
.Guten p span,
.Guten p mark {
  line-height: 200%;
}
@media (max-width: 480px) {
  .detailsPage-contents p span,
  .detailsPage-contents p mark,
  .block-editor-writing-flow p span,
  .block-editor-writing-flow p mark,
  .editor-styles-wrapper p span,
  .editor-styles-wrapper p mark,
  .is-root-container p span,
  .is-root-container p mark,
  .Guten p span,
  .Guten p mark {
    line-height: 180%;
  }
}
.detailsPage-contents p._bold,
.block-editor-writing-flow p._bold,
.editor-styles-wrapper p._bold,
.is-root-container p._bold,
.Guten p._bold {
  font-weight: bold;
}
.detailsPage-contents p._right,
.block-editor-writing-flow p._right,
.editor-styles-wrapper p._right,
.is-root-container p._right,
.Guten p._right {
  text-align: right;
}
.detailsPage-contents p strong,
.block-editor-writing-flow p strong,
.editor-styles-wrapper p strong,
.is-root-container p strong,
.Guten p strong {
  font-weight: bold;
}
.detailsPage-contents a,
.block-editor-writing-flow a,
.editor-styles-wrapper a,
.is-root-container a,
.Guten a {
  text-decoration: underline;
  line-height: 200%;
}
@media (max-width: 480px) {
  .detailsPage-contents a,
  .block-editor-writing-flow a,
  .editor-styles-wrapper a,
  .is-root-container a,
  .Guten a {
    line-height: 180%;
  }
}
.detailsPage-contents a:hover,
.block-editor-writing-flow a:hover,
.editor-styles-wrapper a:hover,
.is-root-container a:hover,
.Guten a:hover {
  color: #bb0118;
  text-decoration: none;
}
.detailsPage-contents figcaption,
.block-editor-writing-flow figcaption,
.editor-styles-wrapper figcaption,
.is-root-container figcaption,
.Guten figcaption {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}
.detailsPage-contents ul,
.block-editor-writing-flow ul,
.editor-styles-wrapper ul,
.is-root-container ul,
.Guten ul {
  margin-top: 30px;
  list-style-type: disc;
}
@media (max-width: 1024px) {
  .detailsPage-contents ul,
  .block-editor-writing-flow ul,
  .editor-styles-wrapper ul,
  .is-root-container ul,
  .Guten ul {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents ul,
  .block-editor-writing-flow ul,
  .editor-styles-wrapper ul,
  .is-root-container ul,
  .Guten ul {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents ul li,
.block-editor-writing-flow ul li,
.editor-styles-wrapper ul li,
.is-root-container ul li,
.Guten ul li {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 1px;
  margin-left: 1em;
  margin-top: 10px;
}
.detailsPage-contents ul li ul,
.detailsPage-contents ul li ol,
.block-editor-writing-flow ul li ul,
.block-editor-writing-flow ul li ol,
.editor-styles-wrapper ul li ul,
.editor-styles-wrapper ul li ol,
.is-root-container ul li ul,
.is-root-container ul li ol,
.Guten ul li ul,
.Guten ul li ol {
  margin-top: 0 !important;
}
.detailsPage-contents ol,
.block-editor-writing-flow ol,
.editor-styles-wrapper ol,
.is-root-container ol,
.Guten ol {
  margin-top: 30px;
  list-style-type: decimal;
}
@media (max-width: 1024px) {
  .detailsPage-contents ol,
  .block-editor-writing-flow ol,
  .editor-styles-wrapper ol,
  .is-root-container ol,
  .Guten ol {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents ol,
  .block-editor-writing-flow ol,
  .editor-styles-wrapper ol,
  .is-root-container ol,
  .Guten ol {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents ol li,
.block-editor-writing-flow ol li,
.editor-styles-wrapper ol li,
.is-root-container ol li,
.Guten ol li {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 1px;
  margin-left: 1em;
  margin-top: 10px;
}
.detailsPage-contents ol li ul,
.detailsPage-contents ol li ol,
.block-editor-writing-flow ol li ul,
.block-editor-writing-flow ol li ol,
.editor-styles-wrapper ol li ul,
.editor-styles-wrapper ol li ol,
.is-root-container ol li ul,
.is-root-container ol li ol,
.Guten ol li ul,
.Guten ol li ol {
  margin-top: 0 !important;
}
.detailsPage-contents .wp-block-image,
.block-editor-writing-flow .wp-block-image,
.editor-styles-wrapper .wp-block-image,
.is-root-container .wp-block-image,
.Guten .wp-block-image {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .detailsPage-contents .wp-block-image,
  .block-editor-writing-flow .wp-block-image,
  .editor-styles-wrapper .wp-block-image,
  .is-root-container .wp-block-image,
  .Guten .wp-block-image {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents .wp-block-image,
  .block-editor-writing-flow .wp-block-image,
  .editor-styles-wrapper .wp-block-image,
  .is-root-container .wp-block-image,
  .Guten .wp-block-image {
    margin-top: 4.1666666667vw;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents .wp-block-image,
  .block-editor-writing-flow .wp-block-image,
  .editor-styles-wrapper .wp-block-image,
  .is-root-container .wp-block-image,
  .Guten .wp-block-image {
    margin-bottom: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents .wp-block-image,
  .block-editor-writing-flow .wp-block-image,
  .editor-styles-wrapper .wp-block-image,
  .is-root-container .wp-block-image,
  .Guten .wp-block-image {
    margin-bottom: 4.1666666667vw;
  }
}
@media (max-width: 480px) {
  .detailsPage-contents .wp-block-image,
  .block-editor-writing-flow .wp-block-image,
  .editor-styles-wrapper .wp-block-image,
  .is-root-container .wp-block-image,
  .Guten .wp-block-image {
    margin-top: 20px;
  }
  .detailsPage-contents .wp-block-image.wp-block-image,
  .block-editor-writing-flow .wp-block-image.wp-block-image,
  .editor-styles-wrapper .wp-block-image.wp-block-image,
  .is-root-container .wp-block-image.wp-block-image,
  .Guten .wp-block-image.wp-block-image {
    margin-bottom: 20px !important;
  }
}
.detailsPage-contents .wp-block-image img,
.block-editor-writing-flow .wp-block-image img,
.editor-styles-wrapper .wp-block-image img,
.is-root-container .wp-block-image img,
.Guten .wp-block-image img {
  height: auto;
}
.detailsPage-contents .wp-block-image a,
.block-editor-writing-flow .wp-block-image a,
.editor-styles-wrapper .wp-block-image a,
.is-root-container .wp-block-image a,
.Guten .wp-block-image a {
  transition: opacity 0.6s;
}
.detailsPage-contents .wp-block-image a:hover,
.block-editor-writing-flow .wp-block-image a:hover,
.editor-styles-wrapper .wp-block-image a:hover,
.is-root-container .wp-block-image a:hover,
.Guten .wp-block-image a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.detailsPage-contents .wp-block-media-text,
.block-editor-writing-flow .wp-block-media-text,
.editor-styles-wrapper .wp-block-media-text,
.is-root-container .wp-block-media-text,
.Guten .wp-block-media-text {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .detailsPage-contents .wp-block-media-text,
  .block-editor-writing-flow .wp-block-media-text,
  .editor-styles-wrapper .wp-block-media-text,
  .is-root-container .wp-block-media-text,
  .Guten .wp-block-media-text {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents .wp-block-media-text,
  .block-editor-writing-flow .wp-block-media-text,
  .editor-styles-wrapper .wp-block-media-text,
  .is-root-container .wp-block-media-text,
  .Guten .wp-block-media-text {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents .wp-block-media-text .wp-block-media-text__content p,
.block-editor-writing-flow .wp-block-media-text .wp-block-media-text__content p,
.editor-styles-wrapper .wp-block-media-text .wp-block-media-text__content p,
.is-root-container .wp-block-media-text .wp-block-media-text__content p,
.Guten .wp-block-media-text .wp-block-media-text__content p {
  margin-top: 0 !important;
}
.detailsPage-contents blockquote,
.block-editor-writing-flow blockquote,
.editor-styles-wrapper blockquote,
.is-root-container blockquote,
.Guten blockquote {
  margin-top: 30px;
  position: relative;
  border-left: 2px solid #b7848a;
  background-color: #f2f1ec;
  padding: 20px 20px 20px 20px;
}
@media (max-width: 1024px) {
  .detailsPage-contents blockquote,
  .block-editor-writing-flow blockquote,
  .editor-styles-wrapper blockquote,
  .is-root-container blockquote,
  .Guten blockquote {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents blockquote,
  .block-editor-writing-flow blockquote,
  .editor-styles-wrapper blockquote,
  .is-root-container blockquote,
  .Guten blockquote {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents blockquote:before,
.block-editor-writing-flow blockquote:before,
.editor-styles-wrapper blockquote:before,
.is-root-container blockquote:before,
.Guten blockquote:before {
  font-family: "Noto Serif JP", serif;
  position: absolute;
  content: "”";
  font-size: 180px;
  line-height: 1;
  opacity: 0.2;
  color: #b7848a;
}
.detailsPage-contents blockquote p,
.block-editor-writing-flow blockquote p,
.editor-styles-wrapper blockquote p,
.is-root-container blockquote p,
.Guten blockquote p {
  position: relative;
  padding-left: 20px;
}
.detailsPage-contents blockquote cite,
.block-editor-writing-flow blockquote cite,
.editor-styles-wrapper blockquote cite,
.is-root-container blockquote cite,
.Guten blockquote cite {
  display: block;
  font-size: 14px;
  color: #b7848a;
  text-align: right;
  margin-top: 10px;
}
.detailsPage-contents table,
.block-editor-writing-flow table,
.editor-styles-wrapper table,
.is-root-container table,
.Guten table {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .detailsPage-contents table,
  .block-editor-writing-flow table,
  .editor-styles-wrapper table,
  .is-root-container table,
  .Guten table {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents table,
  .block-editor-writing-flow table,
  .editor-styles-wrapper table,
  .is-root-container table,
  .Guten table {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents table tr,
.block-editor-writing-flow table tr,
.editor-styles-wrapper table tr,
.is-root-container table tr,
.Guten table tr {
  border-top: 1px solid #dbdbd3;
}
.detailsPage-contents table tr:last-child,
.block-editor-writing-flow table tr:last-child,
.editor-styles-wrapper table tr:last-child,
.is-root-container table tr:last-child,
.Guten table tr:last-child {
  border-bottom: 1px solid #dbdbd3;
}
.detailsPage-contents table tr td,
.block-editor-writing-flow table tr td,
.editor-styles-wrapper table tr td,
.is-root-container table tr td,
.Guten table tr td {
  padding: 15px 20px;
  line-height: 120%;
  border-right: 1px solid #dbdbd3;
  vertical-align: middle;
}
@media (max-width: 810px) {
  .detailsPage-contents table tr td,
  .block-editor-writing-flow table tr td,
  .editor-styles-wrapper table tr td,
  .is-root-container table tr td,
  .Guten table tr td {
    padding: 10px;
  }
}
.detailsPage-contents table tr td:first-child,
.block-editor-writing-flow table tr td:first-child,
.editor-styles-wrapper table tr td:first-child,
.is-root-container table tr td:first-child,
.Guten table tr td:first-child {
  border-left: 1px solid #dbdbd3;
}
.detailsPage-contents table thead th,
.block-editor-writing-flow table thead th,
.editor-styles-wrapper table thead th,
.is-root-container table thead th,
.Guten table thead th {
  padding: 15px 20px;
  line-height: 150%;
  border-right: 1px solid #dbdbd3;
  background-color: #f2f1ec;
  vertical-align: middle;
}
.detailsPage-contents table thead th:first-child,
.block-editor-writing-flow table thead th:first-child,
.editor-styles-wrapper table thead th:first-child,
.is-root-container table thead th:first-child,
.Guten table thead th:first-child {
  border-left: 1px solid #dbdbd3;
}
.detailsPage-contents table figcaption,
.block-editor-writing-flow table figcaption,
.editor-styles-wrapper table figcaption,
.is-root-container table figcaption,
.Guten table figcaption {
  font-size: 14px;
  margin-top: 20px;
  line-height: 150%;
}
@media (max-width: 1024px) {
  .detailsPage-contents table._scroll,
  .block-editor-writing-flow table._scroll,
  .editor-styles-wrapper table._scroll,
  .is-root-container table._scroll,
  .Guten table._scroll {
    overflow: hidden;
    white-space: nowrap;
  }
  .detailsPage-contents table._scroll::-webkit-scrollbar,
  .block-editor-writing-flow table._scroll::-webkit-scrollbar,
  .editor-styles-wrapper table._scroll::-webkit-scrollbar,
  .is-root-container table._scroll::-webkit-scrollbar,
  .Guten table._scroll::-webkit-scrollbar {
    height: 5px;
  }
  .detailsPage-contents table._scroll::-webkit-scrollbar-track,
  .block-editor-writing-flow table._scroll::-webkit-scrollbar-track,
  .editor-styles-wrapper table._scroll::-webkit-scrollbar-track,
  .is-root-container table._scroll::-webkit-scrollbar-track,
  .Guten table._scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .detailsPage-contents table._scroll::-webkit-scrollbar-thumb,
  .block-editor-writing-flow table._scroll::-webkit-scrollbar-thumb,
  .editor-styles-wrapper table._scroll::-webkit-scrollbar-thumb,
  .is-root-container table._scroll::-webkit-scrollbar-thumb,
  .Guten table._scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }
}
.detailsPage-contents .wp-block-video,
.block-editor-writing-flow .wp-block-video,
.editor-styles-wrapper .wp-block-video,
.is-root-container .wp-block-video,
.Guten .wp-block-video {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .detailsPage-contents .wp-block-video,
  .block-editor-writing-flow .wp-block-video,
  .editor-styles-wrapper .wp-block-video,
  .is-root-container .wp-block-video,
  .Guten .wp-block-video {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents .wp-block-video,
  .block-editor-writing-flow .wp-block-video,
  .editor-styles-wrapper .wp-block-video,
  .is-root-container .wp-block-video,
  .Guten .wp-block-video {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents .wp-block-embed__wrapper iframe,
.block-editor-writing-flow .wp-block-embed__wrapper iframe,
.editor-styles-wrapper .wp-block-embed__wrapper iframe,
.is-root-container .wp-block-embed__wrapper iframe,
.Guten .wp-block-embed__wrapper iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.detailsPage-contents .wp-block-button,
.detailsPage-contents .wp-block-buttons,
.block-editor-writing-flow .wp-block-button,
.block-editor-writing-flow .wp-block-buttons,
.editor-styles-wrapper .wp-block-button,
.editor-styles-wrapper .wp-block-buttons,
.is-root-container .wp-block-button,
.is-root-container .wp-block-buttons,
.Guten .wp-block-button,
.Guten .wp-block-buttons {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .detailsPage-contents .wp-block-button,
  .detailsPage-contents .wp-block-buttons,
  .block-editor-writing-flow .wp-block-button,
  .block-editor-writing-flow .wp-block-buttons,
  .editor-styles-wrapper .wp-block-button,
  .editor-styles-wrapper .wp-block-buttons,
  .is-root-container .wp-block-button,
  .is-root-container .wp-block-buttons,
  .Guten .wp-block-button,
  .Guten .wp-block-buttons {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents .wp-block-button,
  .detailsPage-contents .wp-block-buttons,
  .block-editor-writing-flow .wp-block-button,
  .block-editor-writing-flow .wp-block-buttons,
  .editor-styles-wrapper .wp-block-button,
  .editor-styles-wrapper .wp-block-buttons,
  .is-root-container .wp-block-button,
  .is-root-container .wp-block-buttons,
  .Guten .wp-block-button,
  .Guten .wp-block-buttons {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents .wp-block-button .wp-block-button__link,
.detailsPage-contents .wp-block-buttons .wp-block-button__link,
.block-editor-writing-flow .wp-block-button .wp-block-button__link,
.block-editor-writing-flow .wp-block-buttons .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-buttons .wp-block-button__link,
.is-root-container .wp-block-button .wp-block-button__link,
.is-root-container .wp-block-buttons .wp-block-button__link,
.Guten .wp-block-button .wp-block-button__link,
.Guten .wp-block-buttons .wp-block-button__link {
  overflow: hidden;
  position: relative;
  z-index: 1;
  color: white;
  background-color: #bb0118 !important;
  font-size: 14px;
  font-family: "Noto Serif JP", serif;
  padding: 12px 18px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #bb0118;
  transition: 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  text-decoration: none;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .detailsPage-contents .wp-block-button .wp-block-button__link,
  .detailsPage-contents .wp-block-buttons .wp-block-button__link,
  .block-editor-writing-flow .wp-block-button .wp-block-button__link,
  .block-editor-writing-flow .wp-block-buttons .wp-block-button__link,
  .editor-styles-wrapper .wp-block-button .wp-block-button__link,
  .editor-styles-wrapper .wp-block-buttons .wp-block-button__link,
  .is-root-container .wp-block-button .wp-block-button__link,
  .is-root-container .wp-block-buttons .wp-block-button__link,
  .Guten .wp-block-button .wp-block-button__link,
  .Guten .wp-block-buttons .wp-block-button__link {
    padding: 10px 12px;
  }
}
.detailsPage-contents .wp-block-button .wp-block-button__link::after,
.detailsPage-contents .wp-block-buttons .wp-block-button__link::after,
.block-editor-writing-flow .wp-block-button .wp-block-button__link::after,
.block-editor-writing-flow .wp-block-buttons .wp-block-button__link::after,
.editor-styles-wrapper .wp-block-button .wp-block-button__link::after,
.editor-styles-wrapper .wp-block-buttons .wp-block-button__link::after,
.is-root-container .wp-block-button .wp-block-button__link::after,
.is-root-container .wp-block-buttons .wp-block-button__link::after,
.Guten .wp-block-button .wp-block-button__link::after,
.Guten .wp-block-buttons .wp-block-button__link::after {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: white;
  color: #bb0118;
  line-height: 15.5px;
  flex-shrink: 0;
  margin-left: 60px;
  display: block;
}
@media (max-width: 480px) {
  .detailsPage-contents .wp-block-button .wp-block-button__link::after,
  .detailsPage-contents .wp-block-buttons .wp-block-button__link::after,
  .block-editor-writing-flow .wp-block-button .wp-block-button__link::after,
  .block-editor-writing-flow .wp-block-buttons .wp-block-button__link::after,
  .editor-styles-wrapper .wp-block-button .wp-block-button__link::after,
  .editor-styles-wrapper .wp-block-buttons .wp-block-button__link::after,
  .is-root-container .wp-block-button .wp-block-button__link::after,
  .is-root-container .wp-block-buttons .wp-block-button__link::after,
  .Guten .wp-block-button .wp-block-button__link::after,
  .Guten .wp-block-buttons .wp-block-button__link::after {
    margin-left: 40px;
  }
}
.detailsPage-contents .wp-block-button .wp-block-button__link:hover,
.detailsPage-contents .wp-block-buttons .wp-block-button__link:hover,
.block-editor-writing-flow .wp-block-button .wp-block-button__link:hover,
.block-editor-writing-flow .wp-block-buttons .wp-block-button__link:hover,
.editor-styles-wrapper .wp-block-button .wp-block-button__link:hover,
.editor-styles-wrapper .wp-block-buttons .wp-block-button__link:hover,
.is-root-container .wp-block-button .wp-block-button__link:hover,
.is-root-container .wp-block-buttons .wp-block-button__link:hover,
.Guten .wp-block-button .wp-block-button__link:hover,
.Guten .wp-block-buttons .wp-block-button__link:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.detailsPage-contents .wp-block-columns,
.block-editor-writing-flow .wp-block-columns,
.editor-styles-wrapper .wp-block-columns,
.is-root-container .wp-block-columns,
.Guten .wp-block-columns {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .detailsPage-contents .wp-block-columns,
  .block-editor-writing-flow .wp-block-columns,
  .editor-styles-wrapper .wp-block-columns,
  .is-root-container .wp-block-columns,
  .Guten .wp-block-columns {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents .wp-block-columns,
  .block-editor-writing-flow .wp-block-columns,
  .editor-styles-wrapper .wp-block-columns,
  .is-root-container .wp-block-columns,
  .Guten .wp-block-columns {
    margin-top: 4.1666666667vw;
  }
}
.detailsPage-contents .wp-block-columns .wp-block-column > *:first-child,
.block-editor-writing-flow .wp-block-columns .wp-block-column > *:first-child,
.editor-styles-wrapper .wp-block-columns .wp-block-column > *:first-child,
.is-root-container .wp-block-columns .wp-block-column > *:first-child,
.Guten .wp-block-columns .wp-block-column > *:first-child {
  margin-top: 0 !important;
}
.detailsPage-contents hr.is-style-default,
.block-editor-writing-flow hr.is-style-default,
.editor-styles-wrapper hr.is-style-default,
.is-root-container hr.is-style-default,
.Guten hr.is-style-default {
  margin-top: 45px;
  margin-bottom: 45px;
  border-top: 1px solid #dbdbd3;
  border-bottom: none;
}
@media (max-width: 1024px) {
  .detailsPage-contents hr.is-style-default,
  .block-editor-writing-flow hr.is-style-default,
  .editor-styles-wrapper hr.is-style-default,
  .is-root-container hr.is-style-default,
  .Guten hr.is-style-default {
    margin-top: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents hr.is-style-default,
  .block-editor-writing-flow hr.is-style-default,
  .editor-styles-wrapper hr.is-style-default,
  .is-root-container hr.is-style-default,
  .Guten hr.is-style-default {
    margin-top: 5.2083333333vw;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents hr.is-style-default,
  .block-editor-writing-flow hr.is-style-default,
  .editor-styles-wrapper hr.is-style-default,
  .is-root-container hr.is-style-default,
  .Guten hr.is-style-default {
    margin-bottom: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents hr.is-style-default,
  .block-editor-writing-flow hr.is-style-default,
  .editor-styles-wrapper hr.is-style-default,
  .is-root-container hr.is-style-default,
  .Guten hr.is-style-default {
    margin-bottom: 5.2083333333vw;
  }
}
.detailsPage-contents hr.is-style-dots::before,
.block-editor-writing-flow hr.is-style-dots::before,
.editor-styles-wrapper hr.is-style-dots::before,
.is-root-container hr.is-style-dots::before,
.Guten hr.is-style-dots::before {
  content: "···";
  color: #dbdbd3;
  font-size: 1.5em;
  letter-spacing: 2em;
  padding-left: 2em;
  font-family: serif;
}
.detailsPage-contents hr.is-style-wide,
.block-editor-writing-flow hr.is-style-wide,
.editor-styles-wrapper hr.is-style-wide,
.is-root-container hr.is-style-wide,
.Guten hr.is-style-wide {
  margin-top: 45px;
  margin-bottom: 45px;
  height: 5px;
  border-top: 1px solid #dbdbd3;
  border-bottom: 1px solid #dbdbd3;
  border-left: none;
  border-right: none;
}
@media (max-width: 1024px) {
  .detailsPage-contents hr.is-style-wide,
  .block-editor-writing-flow hr.is-style-wide,
  .editor-styles-wrapper hr.is-style-wide,
  .is-root-container hr.is-style-wide,
  .Guten hr.is-style-wide {
    margin-top: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents hr.is-style-wide,
  .block-editor-writing-flow hr.is-style-wide,
  .editor-styles-wrapper hr.is-style-wide,
  .is-root-container hr.is-style-wide,
  .Guten hr.is-style-wide {
    margin-top: 5.2083333333vw;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents hr.is-style-wide,
  .block-editor-writing-flow hr.is-style-wide,
  .editor-styles-wrapper hr.is-style-wide,
  .is-root-container hr.is-style-wide,
  .Guten hr.is-style-wide {
    margin-bottom: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents hr.is-style-wide,
  .block-editor-writing-flow hr.is-style-wide,
  .editor-styles-wrapper hr.is-style-wide,
  .is-root-container hr.is-style-wide,
  .Guten hr.is-style-wide {
    margin-bottom: 5.2083333333vw;
  }
}
.detailsPage-contents._toyotomeets,
.block-editor-writing-flow._toyotomeets,
.editor-styles-wrapper._toyotomeets,
.is-root-container._toyotomeets,
.Guten._toyotomeets {
  font-feature-settings: "palt 1";
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.detailsPage-contents._toyotomeets p,
.block-editor-writing-flow._toyotomeets p,
.editor-styles-wrapper._toyotomeets p,
.is-root-container._toyotomeets p,
.Guten._toyotomeets p {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 16px;
  line-height: 225%;
  font-feature-settings: "palt 1";
}
.detailsPage-contents._toyotomeets p strong,
.block-editor-writing-flow._toyotomeets p strong,
.editor-styles-wrapper._toyotomeets p strong,
.is-root-container._toyotomeets p strong,
.Guten._toyotomeets p strong {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.detailsPage-contents._toyotomeets h1,
.block-editor-writing-flow._toyotomeets h1,
.editor-styles-wrapper._toyotomeets h1,
.is-root-container._toyotomeets h1,
.Guten._toyotomeets h1 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  line-height: 1.5;
}
.detailsPage-contents._toyotomeets h2,
.block-editor-writing-flow._toyotomeets h2,
.editor-styles-wrapper._toyotomeets h2,
.is-root-container._toyotomeets h2,
.Guten._toyotomeets h2 {
  margin-top: 150px;
  position: relative;
  padding-top: 65px;
  margin-bottom: 65px;
  border-top: 1px solid #dbdbd3;
  font-size: 36px;
  letter-spacing: 2;
  line-height: 1.3;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
@media (max-width: 1024px) {
  .detailsPage-contents._toyotomeets h2,
  .block-editor-writing-flow._toyotomeets h2,
  .editor-styles-wrapper._toyotomeets h2,
  .is-root-container._toyotomeets h2,
  .Guten._toyotomeets h2 {
    margin-top: 14.6484375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents._toyotomeets h2,
  .block-editor-writing-flow._toyotomeets h2,
  .editor-styles-wrapper._toyotomeets h2,
  .is-root-container._toyotomeets h2,
  .Guten._toyotomeets h2 {
    margin-top: 19.7916666667vw;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents._toyotomeets h2,
  .block-editor-writing-flow._toyotomeets h2,
  .editor-styles-wrapper._toyotomeets h2,
  .is-root-container._toyotomeets h2,
  .Guten._toyotomeets h2 {
    padding-top: 6.34765625vw;
    margin-bottom: 6.34765625vw;
    font-size: 3.515625vw;
    letter-spacing: 0.1953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents._toyotomeets h2,
  .block-editor-writing-flow._toyotomeets h2,
  .editor-styles-wrapper._toyotomeets h2,
  .is-root-container._toyotomeets h2,
  .Guten._toyotomeets h2 {
    font-size: 20px;
  }
}
.detailsPage-contents._toyotomeets h2::before,
.block-editor-writing-flow._toyotomeets h2::before,
.editor-styles-wrapper._toyotomeets h2::before,
.is-root-container._toyotomeets h2::before,
.Guten._toyotomeets h2::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 10vw;
  border-top: 1px solid #bb0118;
}
.detailsPage-contents._toyotomeets h2 strong,
.block-editor-writing-flow._toyotomeets h2 strong,
.editor-styles-wrapper._toyotomeets h2 strong,
.is-root-container._toyotomeets h2 strong,
.Guten._toyotomeets h2 strong {
  font-family: "Noto Serif JP", serif;
}
.detailsPage-contents._toyotomeets h3,
.block-editor-writing-flow._toyotomeets h3,
.editor-styles-wrapper._toyotomeets h3,
.is-root-container._toyotomeets h3,
.Guten._toyotomeets h3 {
  margin-top: 80px;
  font-size: 28px;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  padding-left: 20px;
  padding: 5px 0 8px 20px;
  border-left: 1px solid #bb0118;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .detailsPage-contents._toyotomeets h3,
  .block-editor-writing-flow._toyotomeets h3,
  .editor-styles-wrapper._toyotomeets h3,
  .is-root-container._toyotomeets h3,
  .Guten._toyotomeets h3 {
    margin-top: 7.8125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents._toyotomeets h3,
  .block-editor-writing-flow._toyotomeets h3,
  .editor-styles-wrapper._toyotomeets h3,
  .is-root-container._toyotomeets h3,
  .Guten._toyotomeets h3 {
    margin-top: 8.3333333333vw;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents._toyotomeets h3,
  .block-editor-writing-flow._toyotomeets h3,
  .editor-styles-wrapper._toyotomeets h3,
  .is-root-container._toyotomeets h3,
  .Guten._toyotomeets h3 {
    font-size: clamp(18px, 2.73vw, 28px);
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .detailsPage-contents._toyotomeets h3,
  .block-editor-writing-flow._toyotomeets h3,
  .editor-styles-wrapper._toyotomeets h3,
  .is-root-container._toyotomeets h3,
  .Guten._toyotomeets h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .detailsPage-contents._toyotomeets h3,
  .block-editor-writing-flow._toyotomeets h3,
  .editor-styles-wrapper._toyotomeets h3,
  .is-root-container._toyotomeets h3,
  .Guten._toyotomeets h3 {
    font-size: 18px;
    padding-left: 10px;
  }
}
.detailsPage-contents._toyotomeets h3 strong,
.block-editor-writing-flow._toyotomeets h3 strong,
.editor-styles-wrapper._toyotomeets h3 strong,
.is-root-container._toyotomeets h3 strong,
.Guten._toyotomeets h3 strong {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
}
.detailsPage-contents._toyotomeets h4,
.block-editor-writing-flow._toyotomeets h4,
.editor-styles-wrapper._toyotomeets h4,
.is-root-container._toyotomeets h4,
.Guten._toyotomeets h4 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  margin-top: 60px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .detailsPage-contents._toyotomeets h4,
  .block-editor-writing-flow._toyotomeets h4,
  .editor-styles-wrapper._toyotomeets h4,
  .is-root-container._toyotomeets h4,
  .Guten._toyotomeets h4 {
    margin-top: 5.859375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents._toyotomeets h4,
  .block-editor-writing-flow._toyotomeets h4,
  .editor-styles-wrapper._toyotomeets h4,
  .is-root-container._toyotomeets h4,
  .Guten._toyotomeets h4 {
    margin-top: 6.25vw;
  }
}
.detailsPage-contents._toyotomeets h5,
.block-editor-writing-flow._toyotomeets h5,
.editor-styles-wrapper._toyotomeets h5,
.is-root-container._toyotomeets h5,
.Guten._toyotomeets h5 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  margin-top: 45px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .detailsPage-contents._toyotomeets h5,
  .block-editor-writing-flow._toyotomeets h5,
  .editor-styles-wrapper._toyotomeets h5,
  .is-root-container._toyotomeets h5,
  .Guten._toyotomeets h5 {
    margin-top: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents._toyotomeets h5,
  .block-editor-writing-flow._toyotomeets h5,
  .editor-styles-wrapper._toyotomeets h5,
  .is-root-container._toyotomeets h5,
  .Guten._toyotomeets h5 {
    margin-top: 5.2083333333vw;
  }
}
.detailsPage-contents._toyotomeets h6,
.block-editor-writing-flow._toyotomeets h6,
.editor-styles-wrapper._toyotomeets h6,
.is-root-container._toyotomeets h6,
.Guten._toyotomeets h6 {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  margin-top: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .detailsPage-contents._toyotomeets h6,
  .block-editor-writing-flow._toyotomeets h6,
  .editor-styles-wrapper._toyotomeets h6,
  .is-root-container._toyotomeets h6,
  .Guten._toyotomeets h6 {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents._toyotomeets h6,
  .block-editor-writing-flow._toyotomeets h6,
  .editor-styles-wrapper._toyotomeets h6,
  .is-root-container._toyotomeets h6,
  .Guten._toyotomeets h6 {
    margin-top: 4.1666666667vw;
  }
}

.Guten_repair > *:first-child {
  margin-top: 0;
}
.Guten_repair h1 {
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
}
.Guten_repair h2 {
  margin-top: 150px;
  position: relative;
  padding-top: 65px;
  margin-bottom: 65px;
  border-top: 1px solid #dbdbd3;
  font-size: 36px;
  letter-spacing: 2;
  line-height: 1.3;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 1024px) {
  .Guten_repair h2 {
    margin-top: 14.6484375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_repair h2 {
    margin-top: 19.7916666667vw;
  }
}
@media (max-width: 1024px) {
  .Guten_repair h2 {
    padding-top: 6.34765625vw;
    margin-bottom: 6.34765625vw;
    font-size: 3.515625vw;
    letter-spacing: 0.1953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_repair h2 {
    font-size: 20px;
  }
}
.Guten_repair h2::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 10vw;
  border-top: 1px solid #bb0118;
}
.Guten_repair h2 strong {
  font-family: "Noto Serif JP", serif;
}
.Guten_repair h3 {
  margin-top: 80px;
  font-size: 28px;
  font-family: "Noto Serif JP", serif;
  padding-left: 20px;
  padding: 5px 0 8px 20px;
  border-left: 1px solid #bb0118;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .Guten_repair h3 {
    margin-top: 7.8125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_repair h3 {
    margin-top: 8.3333333333vw;
  }
}
@media (max-width: 1024px) {
  .Guten_repair h3 {
    font-size: clamp(18px, 2.73vw, 28px);
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .Guten_repair h3 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .Guten_repair h3 {
    font-size: 18px;
    padding-left: 10px;
  }
}
.Guten_repair h3 strong {
  font-family: "Noto Serif JP", serif;
}
.Guten_repair h4 {
  margin-top: 60px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .Guten_repair h4 {
    margin-top: 5.859375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_repair h4 {
    margin-top: 6.25vw;
  }
}
.Guten_repair h5 {
  margin-top: 45px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .Guten_repair h5 {
    margin-top: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_repair h5 {
    margin-top: 5.2083333333vw;
  }
}
.Guten_repair h6 {
  margin-top: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .Guten_repair h6 {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_repair h6 {
    margin-top: 4.1666666667vw;
  }
}
.Guten_repair p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 1px;
  color: #000;
  margin-top: 30px;
}
@media (max-width: 810px) {
  .Guten_repair p {
    margin-top: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .Guten_repair p {
    margin-top: 8px;
  }
}
.Guten_repair p span,
.Guten_repair p mark {
  line-height: 200%;
}
@media (max-width: 480px) {
  .Guten_repair p span,
  .Guten_repair p mark {
    line-height: 180%;
  }
}
.Guten_repair p._bold {
  font-weight: bold;
}
.Guten_repair p._right {
  text-align: right;
}
.Guten_repair table tbody tr td {
  margin-top: 10px;
  padding: 0px 15px 25px 1em;
  position: relative;
  width: 16.6666666667%;
  line-height: 1.2;
  vertical-align: top;
}
@media (max-width: 1356px) {
  .Guten_repair table tbody tr td {
    font-size: 14px;
    padding: 0px 10px 20px 1em;
  }
}
@media (max-width: 1356px) and (max-width: 1024px) {
  .Guten_repair table tbody tr td {
    padding-bottom: 10px;
    width: 33.3333333333%;
    display: inline-block;
  }
}
.Guten_repair table tbody tr td:not(:empty)::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.Guten_support h2 {
  font-size: 28px;
  letter-spacing: 1.5;
}
@media (max-width: 1024px) {
  .Guten_support h2 {
    padding-top: 6.34765625vw;
    margin-bottom: 6.34765625vw;
    font-size: 24px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_support h2 {
    font-size: 20px;
  }
}
.Guten_support h3 {
  margin-top: 80px !important;
  font-size: 24px;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 1024px) {
  .Guten_support h3 {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_support h3 {
    margin-top: 8.3333333333vw !important;
  }
}
@media (max-width: 1024px) {
  .Guten_support h3 {
    font-size: clamp(18px, 2.73vw, 24px);
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .Guten_support h3 {
    font-size: 18px;
  }
}
.Guten_support h4 {
  margin-top: 60px !important;
  font-size: 18px;
}
@media (max-width: 1024px) {
  .Guten_support h4 {
    margin-top: 5.859375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_support h4 {
    margin-top: 6.25vw !important;
  }
}
.Guten_support .wp-block-image {
  margin-top: 30px;
  text-align: left;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .Guten_support .wp-block-image {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_support .wp-block-image {
    margin-top: 4.1666666667vw;
  }
}
@media (max-width: 1024px) {
  .Guten_support .wp-block-image {
    margin-bottom: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_support .wp-block-image {
    margin-bottom: 4.1666666667vw;
  }
}
@media (max-width: 480px) {
  .Guten_support .wp-block-image {
    margin-top: 20px;
  }
  .Guten_support .wp-block-image.wp-block-image {
    margin-bottom: 20px !important;
  }
}
.Guten_support figcaption {
  text-align: left;
  margin-top: 10px;
  font-size: 16px;
}
.Guten_support a {
  text-decoration: underline;
  line-height: 200%;
  color: #bb0118;
}
.Guten_support a span {
  color: #bb0118;
}
@media (max-width: 480px) {
  .Guten_support a {
    line-height: 180%;
  }
}
.Guten_support a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.Guten_support a:hover span {
  text-decoration: none;
}

.detailsPage-contents h2,
.block-editor-writing-flow h2,
.editor-styles-wrapper h2,
.is-root-container h2,
.Guten_products h2 {
  margin-top: auto !important;
  position: relative;
  padding-top: inherit;
  margin-bottom: auto;
  border-top: none;
  font-size: inherit;
  letter-spacing: auto;
  line-height: auto;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 1024px) {
  .detailsPage-contents h2,
  .block-editor-writing-flow h2,
  .editor-styles-wrapper h2,
  .is-root-container h2,
  .Guten_products h2 {
    padding-top: inherit;
    margin-bottom: auto;
    font-size: auto;
    letter-spacing: auto;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h2,
  .block-editor-writing-flow h2,
  .editor-styles-wrapper h2,
  .is-root-container h2,
  .Guten_products h2 {
    font-size: auto;
  }
}
.detailsPage-contents h2::before,
.block-editor-writing-flow h2::before,
.editor-styles-wrapper h2::before,
.is-root-container h2::before,
.Guten_products h2::before {
  display: none;
}
.detailsPage-contents h2 strong,
.block-editor-writing-flow h2 strong,
.editor-styles-wrapper h2 strong,
.is-root-container h2 strong,
.Guten_products h2 strong {
  font-family: "Noto Serif JP", serif;
}
.detailsPage-contents h3,
.block-editor-writing-flow h3,
.editor-styles-wrapper h3,
.is-root-container h3,
.Guten_products h3 {
  margin-top: auto !important;
  font-size: inherit;
  font-family: "Noto Serif JP", serif;
  padding-left: inherit;
  padding: inherit;
  border-left: none;
  margin-bottom: auto;
  line-height: auto;
}
@media (max-width: 1024px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten_products h3 {
    font-size: inherit;
    margin-bottom: auto;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten_products h3 {
    margin-bottom: auto;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten_products h3 {
    font-size: inherit;
    padding-left: inherit;
  }
}
.detailsPage-contents h3 strong,
.block-editor-writing-flow h3 strong,
.editor-styles-wrapper h3 strong,
.is-root-container h3 strong,
.Guten_products h3 strong {
  font-family: "Noto Serif JP", serif;
}
.detailsPage-contents h4,
.block-editor-writing-flow h4,
.editor-styles-wrapper h4,
.is-root-container h4,
.Guten_products h4 {
  margin-top: 60px !important;
  font-size: inherit;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: auto;
  border-left: none;
  padding-left: inherit;
}
@media (max-width: 1024px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten_products h4 {
    margin-top: 5.859375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten_products h4 {
    margin-top: 6.25vw !important;
  }
}
.detailsPage-contents h5,
.block-editor-writing-flow h5,
.editor-styles-wrapper h5,
.is-root-container h5,
.Guten_products h5 {
  margin-top: 45px !important;
  font-size: inherit;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: auto;
  border-left: none;
  padding-left: inherit;
}
@media (max-width: 1024px) {
  .detailsPage-contents h5,
  .block-editor-writing-flow h5,
  .editor-styles-wrapper h5,
  .is-root-container h5,
  .Guten_products h5 {
    margin-top: 4.39453125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h5,
  .block-editor-writing-flow h5,
  .editor-styles-wrapper h5,
  .is-root-container h5,
  .Guten_products h5 {
    margin-top: 5.2083333333vw !important;
  }
}
.detailsPage-contents h6,
.block-editor-writing-flow h6,
.editor-styles-wrapper h6,
.is-root-container h6,
.Guten_products h6 {
  margin-top: 30px !important;
  font-size: inherit;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: inherit;
}
@media (max-width: 1024px) {
  .detailsPage-contents h6,
  .block-editor-writing-flow h6,
  .editor-styles-wrapper h6,
  .is-root-container h6,
  .Guten_products h6 {
    margin-top: 2.9296875vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h6,
  .block-editor-writing-flow h6,
  .editor-styles-wrapper h6,
  .is-root-container h6,
  .Guten_products h6 {
    margin-top: 4.1666666667vw !important;
  }
}
.detailsPage-contents h1,
.block-editor-writing-flow h1,
.editor-styles-wrapper h1,
.is-root-container h1,
.Guten_products h1 {
  font-family: "Noto Serif JP", serif;
}
.detailsPage-contents h3,
.block-editor-writing-flow h3,
.editor-styles-wrapper h3,
.is-root-container h3,
.Guten_products h3 {
  margin-top: 100px !important;
  position: relative;
  padding-top: 60px;
  margin-bottom: 60px;
  border-top: 1px solid #dbdbd3;
  font-size: 30px;
  letter-spacing: 2;
  line-height: 1.3;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 1024px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten_products h3 {
    margin-top: 9.765625vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten_products h3 {
    margin-top: 16.6666666667vw !important;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten_products h3 {
    padding-top: 40px;
    margin-bottom: 40px;
    font-size: 24px;
    letter-spacing: 1.5;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten_products h3 {
    padding-top: 40px;
    margin-bottom: 40px;
    font-size: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .detailsPage-contents h3,
  .block-editor-writing-flow h3,
  .editor-styles-wrapper h3,
  .is-root-container h3,
  .Guten_products h3 {
    padding-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
  }
}
.detailsPage-contents h3::before,
.block-editor-writing-flow h3::before,
.editor-styles-wrapper h3::before,
.is-root-container h3::before,
.Guten_products h3::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 5vw;
  border-top: 1px solid #bb0118;
}
.detailsPage-contents h3 strong,
.block-editor-writing-flow h3 strong,
.editor-styles-wrapper h3 strong,
.is-root-container h3 strong,
.Guten_products h3 strong {
  font-family: "Noto Serif JP", serif;
}
.detailsPage-contents h4,
.block-editor-writing-flow h4,
.editor-styles-wrapper h4,
.is-root-container h4,
.Guten_products h4 {
  margin-top: 45px !important;
  font-size: 24px;
  font-family: "Noto Serif JP", serif;
  padding-left: 20px;
  padding: 5px 0 8px 20px;
  border-left: 1px solid #bb0118;
  margin-bottom: 20px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten_products h4 {
    margin-top: 4.39453125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten_products h4 {
    margin-top: 5.2083333333vw !important;
  }
}
@media (max-width: 1024px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten_products h4 {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten_products h4 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .detailsPage-contents h4,
  .block-editor-writing-flow h4,
  .editor-styles-wrapper h4,
  .is-root-container h4,
  .Guten_products h4 {
    font-size: 18px;
    padding-left: 10px;
  }
}
.detailsPage-contents h4 strong,
.block-editor-writing-flow h4 strong,
.editor-styles-wrapper h4 strong,
.is-root-container h4 strong,
.Guten_products h4 strong {
  font-family: "Noto Serif JP", serif;
}
.detailsPage-contents h5,
.block-editor-writing-flow h5,
.editor-styles-wrapper h5,
.is-root-container h5,
.Guten_products h5 {
  margin-top: 60px !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .detailsPage-contents h5,
  .block-editor-writing-flow h5,
  .editor-styles-wrapper h5,
  .is-root-container h5,
  .Guten_products h5 {
    margin-top: 5.859375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h5,
  .block-editor-writing-flow h5,
  .editor-styles-wrapper h5,
  .is-root-container h5,
  .Guten_products h5 {
    margin-top: 6.25vw !important;
  }
}
.detailsPage-contents h6,
.block-editor-writing-flow h6,
.editor-styles-wrapper h6,
.is-root-container h6,
.Guten_products h6 {
  margin-top: 45px !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .detailsPage-contents h6,
  .block-editor-writing-flow h6,
  .editor-styles-wrapper h6,
  .is-root-container h6,
  .Guten_products h6 {
    margin-top: 4.39453125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .detailsPage-contents h6,
  .block-editor-writing-flow h6,
  .editor-styles-wrapper h6,
  .is-root-container h6,
  .Guten_products h6 {
    margin-top: 5.2083333333vw !important;
  }
}

.Guten_news h2 {
  margin-top: 80px !important;
  font-size: 28px;
  font-family: "Noto Serif JP", serif;
  padding-left: 20px;
  padding: 5px 0 8px 20px;
  border-left: 1px solid #bb0118;
  border-top: none;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .Guten_news h2 {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_news h2 {
    margin-top: 8.3333333333vw !important;
  }
}
@media (max-width: 1024px) {
  .Guten_news h2 {
    font-size: clamp(18px, 2.73vw, 28px);
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .Guten_news h2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .Guten_news h2 {
    font-size: 18px;
    padding-left: 10px;
  }
}
.Guten_news h2 strong {
  font-family: "Noto Serif JP", serif;
}
.Guten_news h2::before {
  display: none;
}
.Guten_news h3 {
  margin-top: 60px !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .Guten_news h3 {
    margin-top: 5.859375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_news h3 {
    margin-top: 6.25vw !important;
  }
}
.Guten_news h4 {
  margin-top: 45px !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  border-left: 1px solid #bb0118;
  padding-left: 20px;
}
@media (max-width: 1024px) {
  .Guten_news h4 {
    margin-top: 4.39453125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .Guten_news h4 {
    margin-top: 5.2083333333vw !important;
  }
}
.Guten_news a {
  text-decoration: underline;
  line-height: 200%;
  color: #bb0118;
}
.Guten_news a span {
  color: #bb0118;
}
@media (max-width: 480px) {
  .Guten_news a {
    line-height: 180%;
  }
}
.Guten_news a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.Guten_news a:hover span {
  text-decoration: none;
}

.Guten_recruit h2 {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
.Guten_recruit h3 {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

.BlockTableList {
  display: flex;
  position: relative;
  padding-top: 45px;
  margin-bottom: 45px !important;
  border-top: 1px solid #dbdbd3;
  width: 100%;
  gap: 0px !important;
}
@media (max-width: 1024px) {
  .BlockTableList {
    padding-top: 30px;
    margin-bottom: 30px !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .BlockTableList {
    padding-top: 15px;
    margin-bottom: 15px !important;
    display: block;
  }
}
.BlockTableList::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 30px;
  border-top: 1px solid #bb0118;
}
@media (max-width: 480px) {
  .BlockTableList::before {
    width: 15px;
  }
}
.BlockTableList .BlockTableList-tit {
  font-weight: bold;
  width: 20%;
  flex-direction: 0;
  line-height: 1.5;
  padding-right: 30px;
}
@media (max-width: 810px) {
  .BlockTableList .BlockTableList-tit {
    width: 100%;
    padding-right: 0;
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .BlockTableList .BlockTableList-tit {
    margin-bottom: 0px;
  }
}
.BlockTableList .BlockTableList-txt {
  width: 70%;
  flex-direction: 0;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .BlockTableList .BlockTableList-txt {
    width: 100%;
    margin-top: 5px;
  }
}

.__sengen {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 32px !important;
  letter-spacing: 2 !important;
  line-height: 140% !important;
}
@media (max-width: 1024px) {
  .__sengen {
    font-size: 28px !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__sengen {
    font-size: 22px !important;
  }
}

.pdf_a a {
  background-image: url(/hp/wp-content/themes/toyotomi/asset/img/common/pdf.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 25px;
  background-size: auto 23px;
  transition: 0.5s;
}
.pdf_a a:hover {
  transition: 0.5s;
  color: #bb0118;
}

.pdf_fig figcaption a {
  background-image: url(/hp/wp-content/themes/toyotomi/asset/img/common/pdf.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
  line-height: 25px;
  background-size: auto 23px;
  transition: 0.5s;
}
.pdf_fig figcaption a:hover {
  transition: 0.5s;
  color: #bb0118;
}

.wysiwyg p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 1px;
  color: #000;
  margin-top: 30px;
}
@media (max-width: 810px) {
  .wysiwyg p {
    margin-top: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .wysiwyg p {
    margin-top: 8px;
  }
}
.wysiwyg p span,
.wysiwyg p mark {
  line-height: 200%;
}
@media (max-width: 480px) {
  .wysiwyg p span,
  .wysiwyg p mark {
    line-height: 180%;
  }
}
.wysiwyg p._bold {
  font-weight: bold;
}
.wysiwyg p._right {
  text-align: right;
}

.swiper {
  margin-top: 70px;
  height: auto !important;
  width: 100%;
  position: relative;
}
@media (max-width: 1024px) and (max-width: 810px) {
  .swiper {
    margin-top: 50px;
    height: calc(95vh - 50px);
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .swiper {
    height: calc(80vh - 80px);
  }
}
.swiper .swiper-wrapper {
  height: auto !important;
}
.swiper .swiper-wrapper .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: auto;
}
@media (max-width: 810px) {
  .swiper .swiper-wrapper .swiper-slide img {
    height: calc(95vh - 50px);
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .swiper .swiper-wrapper .swiper-slide img {
    height: calc(80vh - 50px);
  }
}
.swiper .swiper-wrapper .swiper-slide .swiper-txt {
  position: absolute;
  bottom: 120px;
  left: 80px;
}
@media (max-width: 1024px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt {
    bottom: 80px;
    left: 50px;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt {
    bottom: 20px;
    left: 20px;
  }
}
.swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtTit {
  color: white;
  font-size: 40px;
  letter-spacing: 0;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 5px;
  font-weight: 100;
}
@media (max-width: 480px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtTit {
    font-size: 32px;
    letter-spacing: 2px;
  }
}
.swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtTit._gothic {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
.swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-titImg {
  width: auto;
}
@media (max-width: 810px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-titImg {
    width: 70vw;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-titImg {
    width: 60vw;
  }
}
.swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-titImg img {
  -o-object-fit: fill;
     object-fit: fill;
  height: auto;
  width: auto;
  max-width: 100%;
}
@media (max-width: 810px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-titImg img {
    width: 100%;
  }
}
.swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtP {
  color: white;
  font-size: 16px;
  margin-bottom: 25px;
  margin-top: 15px;
  line-height: 150%;
}
@media (max-width: 480px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtP {
    font-size: 12px;
    margin-bottom: 15px;
  }
}
.swiper .swiper-wrapper .swiper-slide .swiper-txt._leftTop {
  bottom: auto;
  top: 60px;
}
@media (max-width: 1024px) and (max-width: 480px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt._leftTop {
    top: 30px;
  }
}
.swiper .swiper-wrapper .swiper-slide .swiper-txt._rightTop {
  bottom: auto;
  left: auto;
  right: 80px;
  top: 60px;
  text-align: right;
}
@media (max-width: 1024px) and (max-width: 480px) {
  .swiper .swiper-wrapper .swiper-slide .swiper-txt._rightTop {
    top: 30px;
  }
}
.swiper .swiper-pagination-fraction {
  width: auto;
}
.swiper .swiper-pagination {
  right: 200px;
  bottom: 118px;
  left: auto;
  position: absolute;
  text-align: start;
  transition: none;
  transform: none;
  z-index: 10;
  color: white;
  font-family: "Sorts Mill Goudy", serif;
}
@media (max-width: 810px) {
  .swiper .swiper-pagination {
    bottom: 58px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .swiper .swiper-pagination {
    right: 20px;
    bottom: 30px;
  }
}
.swiper .swiper-pagination .swiper-pagination-current {
  color: white;
  font-size: 24px;
}
.swiper .swiper-pagination .swiper-pagination-total {
  color: white;
  font-size: 24px;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  left: auto;
  position: absolute;
  top: initial;
  bottom: 100px;
  width: 60px;
  height: 60px;
  border: 1px solid white;
  border-radius: 50%;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: 0.5s;
  transition: opacity 0.6s;
}
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 810px) {
  .swiper .swiper-button-prev,
  .swiper .swiper-button-next {
    bottom: 38px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .swiper .swiper-button-prev,
  .swiper .swiper-button-next {
    display: none;
  }
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}
.swiper .swiper-button-prev {
  right: 120px;
}
.swiper .swiper-button-prev::after {
  content: "ﮉ";
}
.swiper .swiper-button-next {
  right: 50px;
}
.swiper .swiper-button-next::after {
  content: "ﮊ";
}
.swiper-mypagination {
  cursor: pointer;
}
.swiper-mypagination:hover {
  opacity: 0.5;
}

.swiper-mypagination2 {
  cursor: pointer;
}
.swiper-mypagination2:hover {
  opacity: 0.5;
}

.slideBanner {
  width: 100%;
  position: relative;
  margin-top: 10vw;
  position: relative;
  margin-bottom: 100px;
}
@media (max-width: 810px) {
  .slideBanner {
    margin-top: 20vw;
    margin-bottom: 60px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .slideBanner {
    margin-bottom: 30px;
  }
}
.slideBanner .swiper-backGray {
  position: absolute;
  display: block;
  background-color: #f2f1ec;
  height: 400px;
  width: 100%;
  margin-top: 169px;
  z-index: -1;
}
@media (max-width: 810px) {
  .slideBanner .swiper-backGray {
    display: none;
  }
}
.slideBanner .swiper-wrapper {
  padding-left: 5%;
  height: auto;
  transition-timing-function: ease-in-out;
  position: relative;
  z-index: 2;
}
.slideBanner .swiper-wrapper .swiper-slide {
  width: 600px;
  height: 378px;
}
@media (max-width: 810px) {
  .slideBanner .swiper-wrapper .swiper-slide {
    width: 80vw;
    height: auto;
  }
}
.slideBanner .swiper-wrapper .swiper-slide .swiper-link {
  width: 100%;
  height: auto;
  display: block;
}
.slideBanner .swiper-wrapper .swiper-slide .swiper-link .swiper-thum {
  overflow: hidden;
}
.slideBanner .swiper-wrapper .swiper-slide .swiper-link .swiper-thum img {
  width: 100%;
  transition: 0.5s;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.slideBanner .swiper-wrapper .swiper-slide .swiper-link:hover img {
  opacity: 0.7;
  transition: 0.5s;
  transform: scale(1.1, 1.1);
}
.slideBanner .swiper-wrapper .swiper-slide .swiper-link:hover .swiper-txt {
  color: #bb0118;
  opacity: 0.5;
  transition: 0.5s;
}
.slideBanner .swiper-wrapper .swiper-slide .swiper-txt {
  margin-top: 20px;
  transition: 0.5s;
}
@media (max-width: 480px) {
  .slideBanner .swiper-wrapper .swiper-slide .swiper-txt {
    margin-top: 10px;
  }
}
.slideBanner .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtTit {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.2;
}
@media (max-width: 480px) {
  .slideBanner .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtTit {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.slideBanner .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtP {
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.5;
}
.slideBanner .swiper-pagination {
  bottom: auto !important;
  margin-top: 90px;
  margin-left: 5%;
  width: auto;
  position: relative;
  text-align: initial;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
@media (max-width: 810px) {
  .slideBanner .swiper-pagination {
    margin-top: 5vw;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .slideBanner .swiper-pagination {
    margin-top: 5vw;
  }
}
.slideBanner .swiper-pagination .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, white);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
  margin: 0 !important;
  margin-right: var(--swiper-pagination-bullet-horizontal-gap, 15px) !important;
}
@media (max-width: 810px) {
  .slideBanner .swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px));
    margin-right: var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;
    background: var(--swiper-pagination-bullet-inactive-color, #f2f1ec);
  }
}
.slideBanner .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-bullet-inactive-color, #bb0118) !important;
}
.slideBanner .swiper-button-prev,
.slideBanner .swiper-button-next {
  left: auto;
  position: absolute;
  top: initial;
  bottom: auto;
  width: 60px;
  height: 60px;
  border: 1px solid #847c70;
  border-radius: 50%;
  margin-top: -100px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #847c70;
  transition: 0.5s;
  transition: opacity 0.6s;
}
.slideBanner .swiper-button-prev:hover,
.slideBanner .swiper-button-next:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
@media (max-width: 480px) {
  .slideBanner .swiper-button-prev,
  .slideBanner .swiper-button-next {
    display: none;
  }
}
.slideBanner .swiper-button-prev::after,
.slideBanner .swiper-button-next::after {
  font-family: icon;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  transition: 0.5s;
}
.slideBanner .swiper-button-prev {
  right: 120px;
}
.slideBanner .swiper-button-prev::after {
  content: "ﮉ";
}
.slideBanner .swiper-button-next {
  right: 50px;
}
.slideBanner .swiper-button-next::after {
  content: "ﮊ";
}
.slideBanner._recStaff {
  margin-top: 50px;
  margin-bottom: 100px;
}
@media (max-width: 810px) {
  .slideBanner._recStaff {
    margin-top: 0px;
    margin-bottom: 40px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .slideBanner._recStaff {
    margin-bottom: 30px;
  }
}
.slideBanner._recStaff .swiper-wrapper {
  padding-left: 0%;
  height: auto;
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide {
  width: 360px;
  height: 491px;
}
@media (max-width: 810px) {
  .slideBanner._recStaff .swiper-wrapper .swiper-slide {
    width: 225px;
    height: 325px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .slideBanner._recStaff .swiper-wrapper .swiper-slide {
    width: 225px;
    height: 325px;
  }
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-link {
  width: 100%;
  height: auto;
  display: block;
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-link .swiper-thum {
  overflow: hidden;
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-link .swiper-thum img {
  width: 100%;
  transition: 0.5s;
  aspect-ratio: 360/491;
  -o-object-fit: cover;
     object-fit: cover;
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-link:hover img {
  opacity: 0.7;
  transform: scale(1, 1);
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtTit {
  font-size: 20px;
  line-height: 1.4;
}
@media (max-width: 480px) {
  .slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-txtTit {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec {
  display: flex;
  align-items: center;
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recIcon {
  width: 50px;
}
@media (max-width: 810px) {
  .slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recIcon {
    width: 40px;
  }
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recIcon img {
  width: 100%;
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recTxt {
  margin-left: 10px;
}
@media (max-width: 810px) {
  .slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recTxt {
    margin-left: 0px;
  }
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recTxt .swiper-txtJob {
  font-size: 16px;
}
@media (max-width: 810px) {
  .slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recTxt .swiper-txtJob {
    font-size: 14px;
  }
}
.slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recTxt .swiper-txtName {
  font-size: 14px;
  margin-top: 5px;
}
@media (max-width: 810px) {
  .slideBanner._recStaff .swiper-wrapper .swiper-slide .swiper-txt .swiper-recSpec .swiper-recTxt .swiper-txtName {
    font-size: 12px;
  }
}
.slideBanner._recStaff .swiper-pagination {
  margin-top: 190px;
  margin-left: 0%;
}
@media (max-width: 810px) {
  .slideBanner._recStaff .swiper-pagination {
    margin-top: 190px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .slideBanner._recStaff .swiper-pagination {
    margin-top: 150px;
  }
}
.slideBanner._recStaff .swiper-pagination .swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #847c70);
}
@media (max-width: 810px) {
  .slideBanner._recStaff .swiper-pagination .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #847c70);
  }
}
.slideBanner._recStaff .swiper-button-prev {
  right: 70px;
}
.slideBanner._recStaff .swiper-button-next {
  right: 0px;
}

.modaal-wrapper {
  font-smoothing: auto !important;
  -webkit-font-smoothing: auto !important;
}
@media (max-width: 480px) {
  .modaal-wrapper .modaal-inner-wrapper {
    padding: 40px 2%;
  }
}

.modaal-container {
  border-radius: 5px;
}
.modaal-container .modaal-tit {
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
}
.modaal-container .modaal-img {
  text-align: center;
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 480px) {
  .modaal-container .modaal-img {
    margin-top: 10px;
  }
}
.modaal-container .modaal-img img {
  max-width: 100%;
}
.modaal-container .modaal-txt {
  margin-top: 20px;
  line-height: 2;
}
.modaal-container .modaal-txt p {
  line-height: 2;
}
@media (max-width: 480px) {
  .modaal-container .modaal-txt {
    margin-top: 10px;
    line-height: 1.6;
  }
}
@media (max-width: 480px) {
  .modaal-container .modaal-content-container {
    padding: 5%;
  }
}

.modal-overlay {
  z-index: 1001;
}

.modaal-noscroll {
  overflow: visible !important;
}

.hide-area {
  display: none;
}

@media (max-width: 480px) {
  .modaal-close {
    top: auto;
    right: 10px;
    bottom: 10px;
  }
}

.zoomer_wrapper {
  background-color: #f2f1ec;
  border-radius: 3px;
  height: 700px;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 1024px) {
  .zoomer_wrapper {
    height: 400px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) {
  .zoomer_wrapper {
    height: 300px;
  }
}
@media (max-width: 1024px) and (max-width: 810px) and (max-width: 480px) {
  .zoomer_wrapper {
    height: 200px;
  }
}

/*========= LoadingのためのCSS ===============*/
/* Loading背景画面設定　*/
#splash,
#loadingShorts {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: white;
  text-align: center;
  color: #fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo svg {
  width: 300px;
}
@media (max-width: 480px) {
  #splash_logo svg {
    width: 200px;
  }
}

/*=============== SVGアニメーション内の指定 =================*/
/*アニメーション前の指定*/
#mask path {
  fill-opacity: 0; /*最初は透過0で見えない状態*/
  transition: fill-opacity 1s; /*カラーがつく際のアニメーション0.5秒で変化*/
  fill: none; /*塗りがない状態*/
  stroke: #bb0118; /*線の色*/
}

/*アニメーション後に.doneというクラス名がで付与された時の指定*/
#mask.done path {
  fill: #bb0118; /*塗りの色*/
  fill-opacity: 1; /*透過1で見える状態*/
  stroke: #bb0118; /*線の色なし*/
}

/*アニメーション前の指定*/
#maskShort path {
  fill-opacity: 0; /*最初は透過0で見えない状態*/
  transition: fill-opacity 1s; /*カラーがつく際のアニメーション0.5秒で変化*/
  fill: none; /*塗りがない状態*/
  stroke: #bb0118; /*線の色*/
}

/*アニメーション後に.doneというクラス名がで付与された時の指定*/
#maskShort.done path {
  fill: #bb0118; /*塗りの色*/
  fill-opacity: 1; /*透過1で見える状態*/
  stroke: #bb0118; /*線の色なし*/
}

/*========= 画面遷移のためのCSS ===============*/
/*画面遷移アニメーション*/
.splashbg,
.splashbg2 {
  display: none;
}

/*bodyにappearクラスがついたら出現*/
.appear .splashbg {
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleY(0);
  background-color: #bb0118; /*伸びる背景色の設定*/
  animation-name: PageAnime;
  animation-duration: 1s;
  animation-delay: 1s;
  cubic-bezier: 0.71, 0, 0.19, 1;
  animation-fill-mode: forwards;
}
.appear .splashbg2 {
  display: block;
  content: "";
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleY(0);
  background-color: #dbdbd3; /*伸びる背景色の設定*/
  animation-name: PageAnime;
  animation-duration: 1.2s;
  animation-delay: 1s;
  cubic-bezier: 0.71, 0, 0.19, 1;
  animation-fill-mode: forwards;
}

/*bodyにappearクラスがついたら出現*/
.appearShort .splashbg {
  display: block;
  content: "";
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleY(0);
  background-color: #bb0118; /*伸びる背景色の設定*/
  animation-name: PageAnime;
  animation-duration: 1s;
  animation-delay: 0.5s;
  cubic-bezier: 0.71, 0, 0.19, 1;
  animation-fill-mode: forwards;
}
.appearShort .splashbg2 {
  display: block;
  content: "";
  position: fixed;
  z-index: 998;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transform: scaleY(0);
  background-color: #dbdbd3; /*伸びる背景色の設定*/
  animation-name: PageAnime;
  animation-duration: 1.2s;
  animation-delay: 0.5s;
  cubic-bezier: 0.71, 0, 0.19, 1;
  animation-fill-mode: forwards;
}

@keyframes PageAnime {
  0% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
  50% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  50.001% {
    transform-origin: top;
  }
  100% {
    transform-origin: top;
    transform: scaleY(0);
  }
}
.manualTitle {
  margin-top: 70px;
  background-color: #bb0118;
  padding: 60px 20px;
}
.manualTitle .manualTitle-jp {
  text-align: center;
  line-height: 1.4;
  color: white;
}
.manualTitle .manualTitle-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.manualTitle .manualTitle-wrapper .manualTitle-date {
  color: white;
  margin-right: 10px;
  font-size: 14px;
}
.manualTitle .manualTitle-wrapper .tag {
  background-color: white;
  color: #bb0118;
}

.manualWrapper {
  width: 90%;
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
}
.manualWrapper .manualWrapper-body {
  width: 70%;
  max-width: 770px;
  margin-top: 100px;
  margin-bottom: 100px;
}
.manualWrapper .manualWrapper-navi {
  width: 30%;
  padding-left: 50px;
  max-width: 380px;
}
.manualWrapper._top {
  display: block;
  max-width: 90%;
}

.manualList {
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
}
.manualList .manualList-item {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgb(219, 219, 219);
}
.manualList .manualList-item:last-child {
  border-bottom: 1px solid rgb(219, 219, 219);
  padding-bottom: 20px;
}
.manualList .manualList-item .manualList-sub {
  display: flex;
  align-items: center;
}
.manualList .manualList-item .manualList-sub .manualList-date {
  font-size: 12px;
  margin-right: 10px;
}
.manualList .manualList-item .manualList-sub .tag {
  background-color: #bb0118;
  color: white;
}
.manualList .manualList-item .manualList-txt a {
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
  transition: opacity 0.6s;
  padding-top: 10px;
}
.manualList .manualList-item .manualList-txt a:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}

.manualNavi {
  margin-top: 100px;
  margin-bottom: 100px;
}
.manualNavi .manualNavi-item {
  border-top: 1px solid #dbdbd3;
}
.manualNavi .manualNavi-item:last-child {
  border-bottom: 1px solid #dbdbd3;
}
.manualNavi .manualNavi-item .manualNavi-link {
  transition: opacity 0.6s;
  padding: 0px 0px 15px 0px;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 15px;
}
.manualNavi .manualNavi-item .manualNavi-link:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.manualNavi .manualNavi-item .manualNavi-link::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: white;
  color: #bb0118;
  line-height: 15.5px;
  margin-right: 5px;
  margin-left: -18px;
}
.manualNavi .manualNavi-cate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: opacity 0.6s;
}
.manualNavi .manualNavi-cate:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.manualNavi .manualNavi-cate ._plus::after, .manualNavi .manualNavi-cate .officeList .officeList-link ._minus::after, .officeList .officeList-link .manualNavi .manualNavi-cate ._minus::after {
  content: "+";
  display: block;
  font-size: 14px;
}
.manualNavi .manualNavi-cate ._minus::after {
  content: "-";
  display: block;
  font-size: 14px;
}
.manualNavi .manualNavi-itemCate {
  padding: 15px 0px;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 0px;
  font-weight: bold;
}
.manualNavi .manualNavi-topLink {
  transition: opacity 0.6s;
  padding: 15px 0px;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 0px;
  font-weight: bold;
}
.manualNavi .manualNavi-topLink:hover {
  opacity: 0.6;
  transition: opacity 0.6s;
}
.manualNavi .manualNavi-topLink::before {
  display: inline-block;
  content: "ﮇ";
  font-family: icon;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 14px;
  text-align: center;
  transition: 0.3s;
  position: relative;
  z-index: 2;
  background-color: white;
  color: #bb0118;
  line-height: 16px;
  background-color: #bb0118;
  color: white;
  content: "ﮆ";
  margin-right: 5px;
}
.manualNavi .manualNavi-child {
  display: none;
}

.manualCateTitle {
  margin-top: 150px;
  position: relative;
  padding-top: 65px;
  margin-bottom: 65px;
  border-top: 1px solid #dbdbd3;
  font-size: 36px;
  letter-spacing: 2;
  line-height: 1.3;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 1024px) {
  .manualCateTitle {
    margin-top: 14.6484375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .manualCateTitle {
    margin-top: 19.7916666667vw;
  }
}
@media (max-width: 1024px) {
  .manualCateTitle {
    padding-top: 6.34765625vw;
    margin-bottom: 6.34765625vw;
    font-size: 3.515625vw;
    letter-spacing: 0.1953125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .manualCateTitle {
    font-size: 20px;
  }
}
.manualCateTitle::before {
  content: "";
  top: 0;
  position: absolute;
  display: block;
  width: 10vw;
  border-top: 1px solid #bb0118;
}
.manualCateTitle strong {
  font-family: "Noto Serif JP", serif;
}

.__sp {
  display: none;
}
@media (max-width: 480px) {
  .__sp {
    display: block;
  }
}

.__pc {
  display: block;
}
@media (max-width: 480px) {
  .__pc {
    display: none;
  }
}

.__center {
  text-align: center;
}

.__right {
  text-align: right;
}

.__boldRed {
  font-weight: bold;
  color: #bb0118;
}

.__mtSSS {
  margin-top: 10px !important;
}
@media (max-width: 810px) {
  .__mtSSS {
    margin-top: 8px !important;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mtSSS {
    margin-top: 4px !important;
  }
}

.__mtSS {
  margin-top: 20px !important;
}
@media (max-width: 810px) {
  .__mtSS {
    margin-top: 15px !important;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mtSS {
    margin-top: 8px !important;
  }
}

.__mtS {
  margin-top: 30px !important;
}
@media (max-width: 1024px) {
  .__mtS {
    margin-top: 2.9296875vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtS {
    margin-top: 4.1666666667vw !important;
  }
}

.__mtMS {
  margin-top: 45px !important;
}
@media (max-width: 1024px) {
  .__mtMS {
    margin-top: 4.39453125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtMS {
    margin-top: 5.2083333333vw !important;
  }
}

.__mtM {
  margin-top: 60px !important;
}
@media (max-width: 1024px) {
  .__mtM {
    margin-top: 5.859375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtM {
    margin-top: 6.25vw !important;
  }
}

.__mtL {
  margin-top: 80px !important;
}
@media (max-width: 1024px) {
  .__mtL {
    margin-top: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtL {
    margin-top: 8.3333333333vw !important;
  }
}

.__mtLL {
  margin-top: 100px !important;
}
@media (max-width: 1024px) {
  .__mtLL {
    margin-top: 9.765625vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtLL {
    margin-top: 16.6666666667vw !important;
  }
}

.__mtLLL {
  margin-top: 150px !important;
}
@media (max-width: 1024px) {
  .__mtLLL {
    margin-top: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtLLL {
    margin-top: 19.7916666667vw !important;
  }
}

.__mrL {
  margin-right: 100px;
}

.__mbSSS {
  margin-bottom: 10px !important;
}
@media (max-width: 810px) {
  .__mbSSS {
    margin-bottom: 8px !important;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mbSSS {
    margin-bottom: 4px !important;
  }
}

.__mbSS {
  margin-bottom: 20px !important;
}
@media (max-width: 810px) {
  .__mbSS {
    margin-bottom: 15px !important;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mbSS {
    margin-bottom: 8px !important;
  }
}

.__mbS {
  margin-bottom: 30px !important;
}
@media (max-width: 1024px) {
  .__mbS {
    margin-bottom: 2.9296875vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbS {
    margin-bottom: 4.1666666667vw !important;
  }
}

.__mbMS {
  margin-bottom: 45px !important;
}
@media (max-width: 1024px) {
  .__mbMS {
    margin-bottom: 4.39453125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbMS {
    margin-bottom: 5.2083333333vw !important;
  }
}

.__mbM {
  margin-bottom: 60px !important;
}
@media (max-width: 1024px) {
  .__mbM {
    margin-bottom: 5.859375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbM {
    margin-bottom: 6.25vw !important;
  }
}

.__mbL {
  margin-bottom: 80px !important;
}
@media (max-width: 1024px) {
  .__mbL {
    margin-bottom: 7.8125vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbL {
    margin-bottom: 8.3333333333vw !important;
  }
}

.__mbLL {
  margin-bottom: 100px !important;
}
@media (max-width: 1024px) {
  .__mbLL {
    margin-bottom: 9.765625vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbLL {
    margin-bottom: 16.6666666667vw !important;
  }
}

.__mbLLL {
  margin-bottom: 150px !important;
}
@media (max-width: 1024px) {
  .__mbLLL {
    margin-bottom: 14.6484375vw !important;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbLLL {
    margin-bottom: 19.7916666667vw !important;
  }
}

.__mt1 {
  margin-top: 1px !important;
}
@media (max-width: 810px) {
  .__mt1 {
    margin-top: 1px !important;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mt1 {
    margin-top: 1px !important;
  }
}

.__pt0 {
  padding-top: 0 !important;
}

.__pb0,
.__pbno {
  padding-bottom: 0 !important;
}

.__nomt,
.__mtno,
.__mtNo,
.__mt0 {
  margin-top: 0 !important;
}

.__nomb,
.__mbno,
.__mbNo,
.__mb0 {
  margin-bottom: 0 !important;
}

.__mtSSS-i {
  margin-top: 10px;
}
@media (max-width: 810px) {
  .__mtSSS-i {
    margin-top: 8px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mtSSS-i {
    margin-top: 4px;
  }
}

.__mtSS-i {
  margin-top: 20px;
}
@media (max-width: 810px) {
  .__mtSS-i {
    margin-top: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mtSS-i {
    margin-top: 8px;
  }
}

.__mtS-i {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .__mtS-i {
    margin-top: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtS-i {
    margin-top: 4.1666666667vw;
  }
}

.__mtMS-i {
  margin-top: 45px;
}
@media (max-width: 1024px) {
  .__mtMS-i {
    margin-top: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtMS-i {
    margin-top: 5.2083333333vw;
  }
}

.__mtM-i {
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .__mtM-i {
    margin-top: 5.859375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtM-i {
    margin-top: 6.25vw;
  }
}

.__mtL-i {
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .__mtL-i {
    margin-top: 7.8125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtL-i {
    margin-top: 8.3333333333vw;
  }
}

.__mtLL-i {
  margin-top: 100px;
}
@media (max-width: 1024px) {
  .__mtLL-i {
    margin-top: 9.765625vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtLL-i {
    margin-top: 16.6666666667vw;
  }
}

.__mtLLL-i {
  margin-top: 150px;
}
@media (max-width: 1024px) {
  .__mtLLL-i {
    margin-top: 14.6484375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mtLLL-i {
    margin-top: 19.7916666667vw;
  }
}

.__mbSSS-i {
  margin-bottom: 10px;
}
@media (max-width: 810px) {
  .__mbSSS-i {
    margin-bottom: 8px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mbSSS-i {
    margin-bottom: 4px;
  }
}

.__mbSS-i {
  margin-bottom: 20px;
}
@media (max-width: 810px) {
  .__mbSS-i {
    margin-bottom: 15px;
  }
}
@media (max-width: 810px) and (max-width: 480px) {
  .__mbSS-i {
    margin-bottom: 8px;
  }
}

.__mbS-i {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .__mbS-i {
    margin-bottom: 2.9296875vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbS-i {
    margin-bottom: 4.1666666667vw;
  }
}

.__mbMS-i {
  margin-bottom: 45px;
}
@media (max-width: 1024px) {
  .__mbMS-i {
    margin-bottom: 4.39453125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbMS-i {
    margin-bottom: 5.2083333333vw;
  }
}

.__mbM-i {
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .__mbM-i {
    margin-bottom: 5.859375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbM-i {
    margin-bottom: 6.25vw;
  }
}

.__mbL-i {
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .__mbL-i {
    margin-bottom: 7.8125vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbL-i {
    margin-bottom: 8.3333333333vw;
  }
}

.__mbLL-i {
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .__mbLL-i {
    margin-bottom: 9.765625vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbLL-i {
    margin-bottom: 16.6666666667vw;
  }
}

.__mbLLL-i {
  margin-bottom: 150px;
}
@media (max-width: 1024px) {
  .__mbLLL-i {
    margin-bottom: 14.6484375vw;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .__mbLLL-i {
    margin-bottom: 19.7916666667vw;
  }
}

.__pt0-i {
  padding-top: 0;
}

.__pb0-i,
.__pbno-i {
  padding-bottom: 0;
}

.__nomt-i,
.__mtno-i,
.__mtNo-i,
.__mt0-i {
  margin-top: 0 !important;
}

.__nomb-i,
.__mbno-i,
.__mbNo-i,
.__mb0-i {
  margin-bottom: 0;
}

.__flexWrapper {
  display: flex;
}
.__flexWrapper._hCenter {
  align-items: center;
}

.__floatClear,
.__fc,
.__cf,
.__clearFloat {
  display: flow-root !important;
}

.__img img {
  max-width: 100%;
}

@media (max-width: 1024px) {
  .__scroll {
    overflow: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .__scroll::-webkit-scrollbar {
    height: 15px;
  }
  .__scroll::-webkit-scrollbar-track {
    background: #999;
  }
  .__scroll::-webkit-scrollbar-thumb {
    background: #ccc;
  }
  .__scroll table {
    width: 100%;
    margin-top: 0 !important;
  }
}