@charset "UTF-8";
/*
Theme Name: original_theme
Author:original_theme
Description:original_theme
Version: 2.01
License: original_theme
Text Domain: original_theme
*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

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

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  color: inherit;
}

/* Style select like a standard input */
select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

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

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

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

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

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  line-height: 2;
  background-color: #F8F8F8;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1.5rem;
  }
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s;
}

img {
  display: inline-block;
  max-width: 100%;
}

.wrap {
  min-height: 800px;
}

.container {
  width: 100%;
  padding: 0 15px;
  max-width: 1455px;
  margin: auto;
}
@media screen and (min-width: 992px) {
  .container {
    padding: 0 60px;
  }
}

.container--ver02 {
  width: 100%;
  padding: 0 15px;
  max-width: 960px;
  margin: auto;
}
@media screen and (min-width: 992px) {
  .container--ver02 {
    padding: 0 60px;
    max-width: 960px;
  }
}

/*2カラム*/
@media screen and (min-width: 768px) {
  .separate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.separate__main {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .separate__main {
    width: calc(100% - 239px);
    margin-bottom: 0;
  }
}

.separate__sub {
  max-width: none;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .separate__sub {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .separate__sub {
    width: 100%;
    margin: 0 0 50px 18px;
    max-width: 239px;
  }
}
@media screen and (min-width: 992px) {
  .separate__sub {
    margin: 0 0 50px 54px;
  }
}

/*404*/
.sectionError {
  padding: 50px 0 10px;
}
@media screen and (min-width: 768px) {
  .sectionError {
    padding: 90px 50px;
  }
}

.not_found {
  text-align: center;
  margin: 0 0 30px;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.2;
  color: #cfd6d6;
}
.not_found span {
  display: block;
}

.pagelink {
  padding-top: 100px;
  margin-top: -100px;
}
@media screen and (min-width: 768px) {
  .pagelink {
    padding-top: 200px;
    margin-top: -200px;
  }
}

.bgGray {
  background-color: #F8F8F8;
}

.msg {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 40px;
  text-align: center;
}

.box-inner {
  max-width: 700px;
  margin: 250px auto;
  padding: 0 40px;
}

.box {
  width: 200px;
  height: 200px;
  background-color: orange;
  margin: 50px auto 0;
}

.fadein {
  opacity: 0;
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.fadein-up {
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
}

.fadein-down {
  -webkit-transform: translate(0, -60px);
          transform: translate(0, -60px);
}

.fadein-left {
  -webkit-transform: translate(-60px, 0);
          transform: translate(-60px, 0);
}

.fadein-right {
  -webkit-transform: translate(60px, 0);
          transform: translate(60px, 0);
}

.scroll-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.delay300 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.delay600 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.delay900 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.delay1200 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.delay1500 {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.delay1800 {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.delay2100 {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.delay2400 {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.delay2700 {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

.delay3000 {
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

.delay4000 {
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}

.delay5000 {
  -webkit-transition-delay: 5s;
          transition-delay: 5s;
}

/*====================================

  ■ローディング

=====================================*/
#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #fff;
  text-align: center;
  color: #fff;
}
#loading .loadingInner {
  position: absolute;
  top: 40%;
  left: 0;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  width: 100%;
  padding: 0 1.5rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  #loading .loadingInner {
    top: 50%;
  }
}
#loading .loadingInner .loadingLogo {
  display: block;
  text-align: center;
  margin: 0 auto 5rem;
  width: 50%;
}
@media screen and (min-width: 768px) {
  #loading .loadingInner .loadingLogo {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 8rem;
  }
}
#loading .loadingInner .loadingLogo img {
  width: 100%;
  max-width: 30rem;
}

/*============================================
大見出し1
============================================*/
.largeHeadline01 {
  position: relative;
  margin: 0 0 3rem;
  font-weight: normal;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 {
    margin: 0 0 6rem;
  }
}
.largeHeadline01 .main_text {
  display: block;
  text-align: center;
  margin: 0 auto 1.5rem;
  line-height: 1;
}
.largeHeadline01 .main_text img {
  max-height: 8rem;
}
@media screen and (max-width: 1699px) {
  .largeHeadline01 .main_text img {
    max-height: 7rem;
  }
}
@media screen and (max-width: 1199px) {
  .largeHeadline01 .main_text img {
    max-height: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .largeHeadline01 .main_text img {
    max-height: 4rem;
  }
}
.largeHeadline01 .sub_text {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 .sub_text {
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
.largeHeadline01 .link_text {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.largeHeadline01 .link_text .el_text {
  color: #333333;
  font-size: 1.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  line-height: 1;
  margin: 0 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .largeHeadline01 .link_text .el_text {
    font-size: 1.9rem;
  }
}
.largeHeadline01 .link_text .el_icon {
  display: inline-block;
  background-image: url(./images/icon_rightarrow01_black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  width: 2.1rem;
  height: 2.1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  top: 2px;
}
.largeHeadline01 .link_text .el_icon span {
  display: inline-block;
}
.largeHeadline01.--big .main_text img {
  max-height: none;
}

/*============================================
大見出し2
============================================*/
.largeHeadline02 {
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .largeHeadline02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: left;
  }
}
.largeHeadline02 .main_text {
  display: block;
  font-size: 2.2rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .largeHeadline02 .main_text {
    font-size: 3.2rem;
    margin: 0 3rem 0 0;
  }
}
.largeHeadline02 .sub_text {
  color: #09977F;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .largeHeadline02 .sub_text {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}

/*============================================
大見出し3
============================================*/
.largeHeadline03 {
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .largeHeadline03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: left;
  }
}
.largeHeadline03 .main_text {
  display: block;
  font-size: 2.2rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .largeHeadline03 .main_text {
    font-size: 3.2rem;
    margin: 0 3rem 0 0;
  }
}
.largeHeadline03 .sub_text {
  color: #09977F;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .largeHeadline03 .sub_text {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}

/*============================================
大見出し4
============================================*/
.largeHeadline04 {
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .largeHeadline04 {
    text-align: left;
  }
}
.largeHeadline04 .sub_text {
  display: block;
  color: #025B4C;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .largeHeadline04 .sub_text {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
.largeHeadline04 .main_text {
  display: block;
  font-size: 2.2rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .largeHeadline04 .main_text {
    font-size: 3.2rem;
    margin: 0 3rem 0 0;
  }
}

/*============================================
大見出し5
============================================*/
.largeHeadline05 {
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .largeHeadline05 {
    text-align: left;
  }
}
.largeHeadline05 .num_text {
  border: 1px solid #333333;
  border-radius: 100%;
  font-size: 1.6rem;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 900;
  margin: 0 0 1rem;
  min-width: 7rem;
  text-align: center;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .largeHeadline05 .num_text {
    margin: 0 0 2rem;
  }
}
.largeHeadline05 .sub_text {
  display: block;
  color: #025B4C;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .largeHeadline05 .sub_text {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .largeHeadline05 .sub_text {
    font-size: 2.4rem;
  }
}
.largeHeadline05 .main_text {
  display: block;
  font-size: 2.2rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .largeHeadline05 .main_text {
    font-size: 3rem;
    margin: 0 3rem 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .largeHeadline05 .main_text {
    font-size: 4.6rem;
  }
}

/*============================================
大見出し6
============================================*/
.largeHeadline06 {
  margin: 0 0 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
  color: #041E42;
}
@media screen and (min-width: 768px) {
  .largeHeadline06 {
    margin: 0 0 1.8rem;
    font-size: 3.9rem;
    text-align: center;
  }
}

/*============================================
大見出し7
============================================*/
.largeHeadline07 {
  margin: 0 0 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
  color: #0D705F;
}
@media screen and (min-width: 768px) {
  .largeHeadline07 {
    margin: 0 0 1.8rem;
    font-size: 3.9rem;
    text-align: center;
  }
}

/*============================================
中見出し1
============================================*/
.mediumHeadline01 {
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 2.8rem;
}
.mediumHeadline01 .main_text {
  display: block;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .mediumHeadline01 .main_text {
    font-size: 2.2rem;
  }
}

/*============================================
中見出し2
============================================*/
.mediumHeadline02 {
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 2.8rem;
}
.mediumHeadline02 .mediumHeadline02Inner {
  display: block;
  position: relative;
  background-color: #09977F;
  padding: 0.7rem 1rem 0.7rem 0;
  max-width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
  .mediumHeadline02 .mediumHeadline02Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    width: 100%;
    max-width: calc(100% - 5rem);
    min-height: 5.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .mediumHeadline02 .mediumHeadline02Inner {
    max-width: 50%;
  }
}
.mediumHeadline02 .mediumHeadline02Inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #09977F;
}
.mediumHeadline02 .mediumHeadline02Inner::after {
  position: absolute;
  top: 0;
  right: -2rem;
  content: "";
  display: inline-block;
  width: 6.2rem;
  height: 100%;
  background-color: #09977F;
  -webkit-transform: skewX(-25deg);
          transform: skewX(-25deg);
}
@media screen and (min-width: 768px) {
  .mediumHeadline02 .mediumHeadline02Inner::after {
    right: -4rem;
    width: 6.2rem;
    height: 100%;
  }
}
.mediumHeadline02 .mediumHeadline02Inner .el_text {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 2rem 0 0;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .mediumHeadline02 .mediumHeadline02Inner .el_text {
    font-size: 2.8rem;
  }
}
.mediumHeadline02 .mediumHeadline02Inner .el_text .el_small {
  font-size: 1.4rem;
  display: block;
}
@media screen and (min-width: 1400px) {
  .mediumHeadline02 .mediumHeadline02Inner .el_text .el_small {
    display: inline-block;
    font-size: 1.8rem;
  }
}
.mediumHeadline02 .mediumHeadline02Inner .el_mini {
  display: block;
  color: #1D6156;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .mediumHeadline02 .mediumHeadline02Inner .el_mini {
    font-size: 1.8rem;
  }
}

/*============================================
中見出し3
============================================*/
.mediumHeadline03 {
  margin: 0 0 1rem;
}
@media screen and (min-width: 768px) {
  .mediumHeadline03 {
    margin: 0 0 2rem;
  }
}
.mediumHeadline03 .main_text {
  display: inline-block;
  color: #0D705F;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .mediumHeadline03 .main_text {
    font-size: 3rem;
  }
}

/*============================================
中見出し4
============================================*/
.mediumHeadline04 {
  margin: 0 0 2rem;
}
.mediumHeadline04 .main_text {
  display: inline-block;
  background-color: #0D705F;
  color: #fff;
  font-size: 2rem;
  padding: 0.3rem 1.5rem 0.5rem;
  line-height: 1.4;
  text-align: center;
  min-width: 20rem;
}

/*============================================
中見出し5
============================================*/
.mediumHeadline05 {
  position: relative;
  margin: 0 0 2rem;
  text-align: center;
  line-height: 1.4;
}
.mediumHeadline05 .main_text {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #fff;
  font-size: 2rem;
  padding: 0.7rem 1.5rem 0.9rem;
}
@media screen and (min-width: 768px) {
  .mediumHeadline05 .main_text {
    font-size: 2.8rem;
  }
}
.mediumHeadline05::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./images/bg_headaline_grade.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/*============================================
中見出し6
============================================*/
.mediumHeadline06 {
  position: relative;
  line-height: 1.4;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0 0 1rem;
  margin: 0 0 2rem;
  border-bottom: 2px solid #cfd6d6;
}
@media screen and (min-width: 768px) {
  .mediumHeadline06 {
    font-size: 3.2rem;
    margin: 0 0 4rem;
  }
}
.mediumHeadline06::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  width: 26.2rem;
  height: 0.2rem;
  background-color: #09AC91;
}

/*============================================
中見出し7
============================================*/
.mediumHeadline07 {
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .mediumHeadline07 {
    margin: 0 0 1.8rem;
  }
}
.mediumHeadline07 .sub_text {
  display: block;
  color: #09977F;
  font-size: 1.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .mediumHeadline07 .sub_text {
    font-size: 1.7rem;
  }
}
.mediumHeadline07 .main_text {
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
  color: #041E42;
}
@media screen and (min-width: 768px) {
  .mediumHeadline07 .main_text {
    font-size: 3.2rem;
  }
}

/*============================================
中見出し8
============================================*/
.mediumHeadline08 {
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .mediumHeadline08 {
    margin: 0 0 2.5rem;
  }
}
.mediumHeadline08 .main_text {
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
  color: #041E42;
}
@media screen and (min-width: 768px) {
  .mediumHeadline08 .main_text {
    font-size: 3.6rem;
  }
}
.mediumHeadline08 .note_text {
  display: inline-block;
  margin: 0.5rem 0 0;
  color: #C61400;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .mediumHeadline08 .note_text {
    font-size: 1.5rem;
    margin: 0 0 0 2rem;
  }
}

/*============================================
小見出し1
============================================*/
.smallHeadline01 {
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 2rem;
}
.smallHeadline01 .main_text {
  display: block;
  font-size: 1.8rem;
}

/*============================================
小見出し2
============================================*/
.smallHeadline02 {
  font-weight: bold;
  line-height: 1.5;
  padding: 0 0 0.5rem;
  margin: 0 0 1rem;
  border-bottom: 1px solid #cfd6d6;
}
.smallHeadline02 .main_text {
  display: block;
  font-size: 1.6rem;
}

/*============================================
小見出し3
============================================*/
.smallHeadline03 {
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 2rem;
}
.smallHeadline03 .sub_text {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: normal;
  font-family: "Poppins", sans-serif;
  padding: 0.2rem 1rem;
  background-color: #333333;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .smallHeadline03 .sub_text {
    font-size: 2rem;
  }
}

/*============================================
小見出し4
============================================*/
.smallHeadline04 {
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.smallHeadline04 .el_text01 {
  display: inline-block;
  font-size: 2rem;
  margin: 0 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .smallHeadline04 .el_text01 {
    font-size: 2.7rem;
  }
}
.smallHeadline04 .el_text02 {
  position: relative;
  line-height: 1.4;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 0.1rem 1rem 0.3rem;
  margin: 0;
  background-color: #09977F;
  color: #fff;
  position: relative;
  top: -4px;
}
@media screen and (min-width: 768px) {
  .smallHeadline04 .el_text02 {
    font-size: 1.6rem;
  }
}
.smallHeadline04 .el_text02::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 8px solid #f2f2f2;
  border-left: 8px solid transparent;
}
.smallHeadline04 .el_text02.--blue {
  background-color: #3e93ae;
}

/*====================================

  ■本文

=====================================*/
.text {
  margin: 0 0 3rem;
}

.textLink {
  text-decoration: underline;
  color: inherit;
}
.textLink:hover {
  color: inherit;
  text-decoration: none;
}

.c_red {
  color: #C61400;
}

/*====================================

  ■共通リスト

=====================================*/
.list01 {
  padding: 3rem 2rem 2rem;
  margin: 0 auto 3rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .list01 {
    padding: 4rem 4rem 3rem;
  }
}
.list01 li {
  position: relative;
  list-style: none;
  padding: 0 0 0.5rem 2rem;
  margin: 0 0 1rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .list01 li {
    display: inline-block;
    font-size: 1.8rem;
    margin: 0 3rem 1rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .list01 li {
    margin: 0 6rem 1rem 0;
  }
}
.list01 li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-color: #0D705F;
}
@media screen and (min-width: 768px) {
  .list01 li::before {
    top: 0.8rem;
  }
}

.list02 {
  padding: 0;
  margin: 0 auto 3rem;
}
.list02 li {
  position: relative;
  list-style: none;
  padding: 0 0 0 3.5rem;
  margin: 0 0 1.5rem;
}
.list02 li .el_num {
  display: inline-block;
  position: absolute;
  top: 0.7rem;
  left: 0;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  font-weight: bold;
  font-size: 1.9rem;
}

.list03 {
  padding: 0;
  margin: 0 auto 3rem;
}
.list03 li {
  position: relative;
  list-style: none;
  padding: 0 0 0 1.5rem;
  margin: 0 0 1.5rem;
}
.list03 li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1rem;
  left: 0;
  line-height: 1;
  background-color: #a4acb8;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
}

.list04 {
  padding: 0;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 768px) {
  .list04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 3rem);
    margin: 0 0 0 -1.5rem;
  }
}
.list04 li {
  position: relative;
  list-style: none;
  padding: 0 0 1rem 3.5rem;
  margin: 0 0 1.5rem;
  width: 100%;
  border-bottom: 1px solid #cfd6d6;
}
@media screen and (min-width: 768px) {
  .list04 li {
    max-width: calc(50% - 3rem);
    margin: 0 1.5rem 1.5rem;
    font-size: 1.8rem;
  }
}
.list04 li .el_num {
  display: inline-block;
  position: absolute;
  top: 0.7rem;
  left: 0;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  font-weight: bold;
  font-size: 1.9rem;
}
@media screen and (min-width: 768px) {
  .list04 li .el_num {
    font-size: 2.3rem;
  }
}

.ListWrap {
  padding: 3rem 2rem 2rem;
  margin: 0 0 3rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .ListWrap {
    padding: 4rem 6rem 3rem;
  }
}

/*====================================

  ■共通リスト02

=====================================*/
dl.text {
  padding: 0;
}
dl.text dt {
  margin: 0 0 0.5rem;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  dl.text dt {
    font-size: 2rem;
  }
}
dl.text dd {
  margin: 0 0 3rem;
}
dl.text dd ul {
  padding: 0;
  margin: 2rem 0 0;
}
dl.text dd ul li {
  list-style: none;
  padding: 0 0 0 2rem;
  font-size: 1.4rem;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

.img {
  text-align: center;
  margin: 0 0 40px;
  line-height: 1;
}

.mapFrame {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .mapFrame {
    padding-top: 100%;
  }
}
.mapFrame iframe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.btn01 {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  color: #333333;
  border-top: 1px solid #cfd6d6;
  border-bottom: 1px solid #cfd6d6;
  position: relative;
  z-index: 1;
  text-decoration: none;
  padding: 1.3rem 1rem;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 768px) {
  .btn01 {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .btn01:hover {
    opacity: 0.5;
  }
}
.btn01 .el_text {
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.btn01 .el_icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-image: url(./images/icon_rightarrow01_black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.1rem auto;
  width: 2.1rem;
  height: 2.1rem;
}
.btn01 .el_icon span {
  display: inline-block;
}
.btn01.--white {
  color: #fff;
}
.btn01.--white .el_icon {
  background-image: url(./images/icon_rightarrow01_white.svg);
}

.btn02 {
  display: inline-block;
  width: 100%;
  max-width: 44rem;
  text-align: center;
  background-color: #09977F;
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  padding: 1.5rem 1rem;
  margin: 0 auto 3rem;
  border: none;
}
@media screen and (min-width: 768px) {
  .btn02 {
    max-width: 37.6rem;
    padding: 2.1rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .btn02:hover {
    opacity: 0.5;
  }
}
.btn02 .el_icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-image: url(./images/icon_rightarrow01_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.1rem auto;
  width: 2.1rem;
  height: 2.1rem;
}
.btn02 .el_icon span {
  display: inline-block;
}

.btn03 {
  display: inline-block;
  width: 100%;
  max-width: 44rem;
  text-align: center;
  background-color: #09977F;
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  padding: 1.5rem 1rem;
  margin: 0 auto 3rem;
  border: none;
}
@media screen and (min-width: 768px) {
  .btn03 {
    max-width: 63.8rem;
    padding: 2.1rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .btn03:hover {
    opacity: 0.5;
  }
}
.btn03 .el_icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-image: url(./images/icon_plus02_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.1rem auto;
  width: 2.1rem;
  height: 2.1rem;
}
.btn03 .el_icon span {
  display: inline-block;
}

.btn04 {
  display: inline-block;
  width: 100%;
  max-width: 63.8rem;
  text-align: center;
  color: #333333;
  border-top: 1px solid #cfd6d6;
  border-bottom: 1px solid #cfd6d6;
  position: relative;
  z-index: 1;
  text-decoration: none;
  padding: 1.3rem 1rem;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 768px) {
  .btn04 {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .btn04:hover {
    opacity: 0.5;
  }
}
.btn04 .el_text {
  font-size: 1.6rem;
  font-weight: bold;
}
.btn04 .el_text.--jp {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn04 .el_icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-image: url(./images/icon_rightarrow01_black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.1rem auto;
  width: 2.1rem;
  height: 2.1rem;
}
.btn04 .el_icon span {
  display: inline-block;
}
.btn04.--ver02 {
  color: #fff;
  border: none;
  background-color: #5D626A;
}
.btn04.--ver02 .el_icon {
  background-image: url(./images/icon_rightarrow01_white.svg);
}

.btn05 {
  display: inline-block;
  width: 100%;
  max-width: 21.4rem;
  text-align: center;
  background-color: #353744;
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 1rem 0.5rem;
  margin: 0 auto 3rem;
  border: none;
}
@media screen and (min-width: 768px) {
  .btn05 {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .btn05:hover {
    opacity: 0.5;
  }
}

/*============================================
汎用テーブル1
============================================*/
.table01 {
  border-top: 1px solid #cfd6d6;
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 767px) {
  .table01 {
    display: block;
    border-top: none;
  }
}
@media screen and (max-width: 767px) {
  .table01 tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .table01 tbody tr {
    display: block;
    width: 100%;
  }
}
.table01 tbody tr th {
  border-bottom: 1px solid #cfd6d6;
  font-weight: 500;
  padding: 1.1rem 1.5rem 1.1rem 1.5rem;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .table01 tbody tr th {
    background-color: #fff;
    display: block;
    width: 100%;
    padding: 1rem;
    font-size: 1.4rem;
    border-bottom: none;
  }
}
.table01 tbody tr td {
  font-weight: normal;
  border-bottom: 1px solid #cfd6d6;
  padding: 1.1rem 0 1.1rem 1.5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .table01 tbody tr td {
    display: block;
    width: 100%;
    padding: 1rem;
    word-break: break-all;
    font-size: 1.4rem;
    border-bottom: none;
  }
}
.table01.--02 tbody tr th {
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
}
@media screen and (max-width: 767px) {
  .table01.--02 tbody tr th {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }
}
.table01.--02 tbody tr td {
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
}
@media screen and (max-width: 767px) {
  .table01.--02 tbody tr td {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }
}

/*============================================
汎用テーブル2
============================================*/
.table02 {
  border-top: 1px solid #D0D7D7;
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 767px) {
  .table02 {
    display: block;
    border-top: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .table02 tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .table02 tbody tr {
    display: block;
    width: 100%;
  }
}
.table02 tbody tr th {
  border-bottom: 1px solid #D0D7D7;
  font-weight: bold;
  padding: 2.2rem 1.5rem 2.2rem 0;
  font-size: 1.5rem;
  width: 20%;
}
@media screen and (min-width: 1200px) {
  .table02 tbody tr th {
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .table02 tbody tr th {
    background-color: #fff;
    display: block;
    width: 100%;
    padding: 0;
    font-size: 1.4rem;
    border-bottom: none;
  }
}
.table02 tbody tr td {
  font-weight: normal;
  border-bottom: 1px solid #D0D7D7;
  padding: 2.2rem 0 2.2rem 1.5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .table02 tbody tr td {
    display: block;
    width: 100%;
    padding: 0 0 1.5rem;
    margin: 0 0 1.5rem;
    word-break: break-all;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .table02 tbody tr:last-child td {
    border: none;
  }
}

/*============================================
汎用テーブル3
============================================*/
.table03 {
  border-top: 1px solid #cfd6d6;
  border-left: 1px solid #cfd6d6;
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 1.5rem;
}
.table03 thead tr th {
  background-color: #DEE2E2;
  text-align: center;
  border-right: 1px solid #fff;
  border-bottom: 3px solid #9FA2AF;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 1.5rem;
}
@media screen and (max-width: 767px) {
  .table03 thead tr th {
    padding: 0.75rem 1.5rem;
  }
}
.table03 thead tr th.green {
  border-bottom: 3px solid #09977F;
}
.table03 thead tr th:last-child {
  border-right: 1px solid #cfd6d6;
}
.table03 tbody tr th {
  background-color: #DEE2E2;
  text-align: center;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 1.5rem;
}
@media screen and (max-width: 767px) {
  .table03 tbody tr th {
    padding: 0.75rem 1.5rem;
  }
}
.table03 tbody tr td {
  background-color: #fff;
  font-weight: normal;
  border-right: 1px solid #cfd6d6;
  border-bottom: 1px solid #cfd6d6;
  padding: 2.2rem 1.5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .table03 tbody tr td {
    padding: 1.1rem 1.5rem;
  }
}
.table03 tbody tr:last-child th {
  border-bottom: 1px solid #cfd6d6;
}

/*============================================
汎用テーブル4
============================================*/
.table04 {
  border-top: 1px solid #cfd6d6;
  border-left: 1px solid #cfd6d6;
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto 1.5rem;
}
.table04 thead tr th {
  background-color: #DEE2E2;
  text-align: center;
  border-right: 1px solid #fff;
  border-bottom: 3px solid #9FA2AF;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 1.5rem;
}
@media screen and (max-width: 767px) {
  .table04 thead tr th {
    padding: 0.75rem 1.5rem;
  }
}
.table04 thead tr th.background_gray {
  background-color: #d0d4d4;
}
.table04 thead tr th.underline_green {
  border-bottom: 3px solid #09977F;
}
.table04 thead tr th.underline_blue {
  border-bottom: 3px solid #3e93ae;
}
.table04 thead tr th.underline_black {
  border-bottom: 3px solid #353744;
}
.table04 thead tr th:last-child {
  border-right: 1px solid #cfd6d6;
}
.table04 tbody tr th {
  background-color: #DEE2E2;
  text-align: center;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 1.5rem;
}
@media screen and (max-width: 767px) {
  .table04 tbody tr th {
    padding: 0.75rem 1.5rem;
  }
}
.table04 tbody tr td {
  background-color: #fff;
  font-weight: normal;
  border-right: 1px solid #cfd6d6;
  border-bottom: 1px solid #cfd6d6;
  padding: 2.2rem 1.5rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .table04 tbody tr td {
    padding: 1.1rem 1.5rem;
  }
}
.table04 tbody tr td .el_small {
  font-size: 1.3rem;
}
.table04 tbody tr:last-child th {
  border-bottom: 1px solid #cfd6d6;
}
@media screen and (max-width: 767px) {
  .table04.--block {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .table04.--block thead,
  .table04.--block tbody,
  .table04.--block tr {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .table04.--block thead th,
  .table04.--block tbody th,
  .table04.--block tr th {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .table04.--block thead td,
  .table04.--block tbody td,
  .table04.--block tr td {
    display: block;
    width: 100%;
  }
}

/*====================================
スクロールヒント
=====================================*/
.scroll-hint {
  margin: 0 auto 3rem;
}

.js-scrollable table {
  min-width: 90rem;
}

.js-scrollable,
.js-scrollable-shadow {
  margin: 0;
}
.js-scrollable table,
.js-scrollable-shadow table {
  margin-bottom: 0 !important;
}
.js-scrollable-shadow table {
  background-color: transparent;
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon-wrap.is-active {
  background-color: rgba(0, 0, 0, 0.3);
}

.scroll-hint-icon {
  top: calc(50% - 45px);
}

.bg01 {
  background-color: #F2F2F2;
}

.bg02 {
  background-image: url(./images/bg_common.png);
  background-repeat: repeat;
}

.bg_white {
  background-color: #fff;
}

/*============================================
archive.php ページネーション
============================================*/
.wp-pagenavi {
  text-align: center;
  margin: 3rem auto 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wp-pagenavi .screen-reader-text {
  display: none;
}
.wp-pagenavi .navigation {
  margin: 0 auto;
}
.wp-pagenavi a,
.wp-pagenavi span {
  border: none;
  padding: 5px 5px 4px !important;
  margin: 0 16px 16px 0;
  border-color: #cfd6d6;
  background: none;
  color: #333333;
  display: inline-block;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  min-width: 4.1rem;
  min-height: 4.1rem;
}
.wp-pagenavi a:hover,
.wp-pagenavi span:hover {
  opacity: 1;
  border-color: #cfd6d6 !important;
  background-color: #cfd6d6 !important;
  color: #333333;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.nextpostslink {
  background-color: #cfd6d6;
  border-color: #cfd6d6;
}
.wp-pagenavi span.current {
  font-weight: normal;
  background-color: #cfd6d6;
  color: #333333;
  border-color: #cfd6d6 !important;
}
.wp-pagenavi span.extend {
  background: none !important;
  border: none !important;
  color: #333333;
}
.wp-pagenavi span.pages {
  font-weight: normal;
  color: #333333;
  display: none;
  border: none;
}

/*============================================
single.php ページネーション
============================================*/
.paginate__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
}
.paginate__wrap a {
  display: block;
  padding: 5px 13px;
  color: #333333;
  font-size: 14px;
  background: #cfd6d6;
  border-radius: 0;
  text-decoration: none;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .paginate__wrap a {
    min-width: 38px;
  }
}
.paginate__wrap a:hover {
  background: #333333;
  color: #fff;
}
.paginate__wrap .paginate__block--next {
  min-width: 80px;
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--next {
    min-width: 15rem;
  }
}
.paginate__wrap .paginate__block--next i {
  display: inline-block;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
  .paginate__wrap .paginate__block--next i {
    margin: 0;
  }
}
.paginate__wrap .paginate__block--prev {
  min-width: 80px;
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--prev {
    min-width: 15rem;
  }
}
.paginate__wrap .paginate__block--prev i {
  display: inline-block;
  margin: 0 0 0 10px;
}
@media screen and (max-width: 767px) {
  .paginate__wrap .paginate__block--prev i {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .paginate__wrap .paginate__block--back {
    min-width: 15rem;
  }
}

/*============================================
検索ページネーション
============================================*/
.pageNaviCtr {
  width: 100%;
  text-align: center;
}

.pageNaviRht {
  text-align: right;
  margin: 0 auto;
}

.page_navi {
  clear: both;
}
.page_navi li {
  display: inline-block !important;
  letter-spacing: normal;
  background: transparent;
  margin: 0 0.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .page_navi li {
    margin: 0 1rem 0 0;
  }
}
.page_navi li a,
.page_navi li span {
  border: solid 1px #cfd6d6;
  background: transparent;
  width: 100%;
  font-size: 1.5rem;
  color: #333333;
  display: block;
  padding: 0.2rem 1rem;
  min-width: 3.6rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 0.5rem;
  text-align: center;
}
.page_navi li.current span {
  background: #09977F;
  border: solid 1px #09977F;
  color: #fff;
}
.page_navi li:hover a {
  background: #09977F;
  border: solid 1px #09977F;
  color: #fff;
}
.page_navi li:last-child {
  margin-right: 0;
}

/*====================================

  ■ヘッダー

=====================================*/
/*ヘッダー固定の高さ調整*/
#pagetop {
  /*
  height: 54px;
  @include mixins.mq(min-xs) {
    height: 73px;
  }
  */
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  background-color: #333333;
}
@media screen and (min-width: 768px) {
  .header {
    background: none;
  }
}
.header.menu_fixed {
  background-color: #333333;
}
@media screen and (min-width: 768px) {
  .header.--under #headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item > a {
    color: #333333;
  }
  .header.--under .dropdown-toggle::after {
    background-image: url(./images/icon_plus_green.svg);
  }
  .header.--under.menu_fixed {
    background-color: #fff;
  }
}

.headerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  /*ロゴ*/
  /*グローバルメニューの親*/
  /*お問い合わせ*/
}
@media screen and (min-width: 768px) {
  .headerInner {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.headerInner .headerLogo {
  position: relative;
  z-index: 5;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 1.5rem;
  margin: 0;
  width: 100%;
  max-width: 20rem;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .headerInner .headerLogo {
    text-align: left;
    padding: 0;
    margin: 0 0 0 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .headerInner .headerLogo {
    max-width: 30rem;
  }
}
.headerInner .headerLogo a {
  display: inline-block;
}
.headerInner .headerLogo a img {
  display: inline-block;
  width: 100%;
}
.headerInner .headerMenu {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .headerInner .headerMenu {
    position: static;
    top: 0;
    left: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 2rem;
    margin-left: auto;
    width: 100%;
    max-width: calc(100% - 20rem);
  }
}
@media screen and (min-width: 992px) {
  .headerInner .headerMenu {
    max-width: 800px;
  }
}
.headerInner .headerBtn {
  display: none;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  max-width: 18rem;
  margin: 0 auto;
  max-width: 20rem;
}
@media screen and (min-width: 768px) {
  .headerInner .headerBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
  }
}
@media screen and (min-width: 1400px) {
  .headerInner .headerBtn {
    max-width: 27rem;
  }
}
.headerInner .headerBtn .headerBtnItem {
  width: 100%;
  max-width: calc(50% - 0.5rem);
}
.headerInner .headerBtn .hederbtn01,
.headerInner .headerBtn .hederbtn02,
.headerInner .headerBtn .hederbtn03 {
  display: inline-block;
  text-align: center;
  z-index: 1;
  margin: 0;
  padding: 0;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .headerInner .headerBtn .hederbtn01,
  .headerInner .headerBtn .hederbtn02,
  .headerInner .headerBtn .hederbtn03 {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .headerInner .headerBtn .hederbtn01:hover,
  .headerInner .headerBtn .hederbtn02:hover,
  .headerInner .headerBtn .hederbtn03:hover {
    opacity: 0.5;
  }
}

#headerNavbar {
  margin: 0;
  padding: 0;
}
#headerNavbar .container-fluid {
  padding: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#headerNavbar .container-fluid .navbar-toggler {
  background: none;
  border: none;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#headerNavbar .container-fluid .navbar-toggler .navbar-toggler-icon {
  background: none;
  position: relative;
  height: 5.3rem;
  width: 5.3rem;
  padding: 1.3rem 0 0;
  margin: 0;
  border: none;
  border-radius: 0;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  #headerNavbar .container-fluid .navbar-toggler .navbar-toggler-icon {
    display: none;
  }
}
#headerNavbar .container-fluid .navbar-toggler .navbar-toggler-icon span {
  background-color: #fff;
  display: block;
  width: 50%;
  height: 2px;
  font-size: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#headerNavbar .container-fluid .navbar-toggler .navbar-toggler-icon span:nth-of-type(1) {
  display: none;
}
#headerNavbar .container-fluid .navbar-toggler .navbar-toggler-icon span:nth-of-type(2) {
  display: block;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#headerNavbar .container-fluid .navbar-toggler .navbar-toggler-icon span:last-child {
  display: block;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#headerNavbar .container-fluid .navbar-toggler.collapsed .navbar-toggler-icon span:nth-of-type(1) {
  display: block;
  margin: 0 auto;
}
#headerNavbar .container-fluid .navbar-toggler.collapsed .navbar-toggler-icon span:nth-of-type(2) {
  display: block;
  position: static;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  margin: 1rem auto;
}
#headerNavbar .container-fluid .navbar-toggler.collapsed .navbar-toggler-icon span:last-child {
  display: block;
  position: static;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  margin: 0 auto;
}
#headerNavbar .container-fluid .navbar-collapse {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#headerNavbar .container-fluid .navbar-collapse > .navbar-nav {
  background-color: #333333;
}
@media screen and (min-width: 768px) {
  #headerNavbar .container-fluid .navbar-collapse > .navbar-nav {
    background: none;
  }
}
#headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item {
  display: block;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item {
    display: inline-block;
    margin: 0 0 0 1rem;
  }
}
@media screen and (min-width: 1400px) {
  #headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item {
    margin: 0 0 0 2.5rem;
  }
}
#headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item > a {
  display: block;
  color: #fff;
  padding: 1.5rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  border-bottom: 1px solid #cfd6d6;
}
@media screen and (min-width: 768px) {
  #headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item > a {
    font-size: 1.2rem;
    border-bottom: none;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item > a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}
@media screen and (min-width: 1400px) {
  #headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item > a {
    font-size: 1.6rem;
  }
}
#headerNavbar .container-fluid .navbar-collapse > .navbar-nav > .menu-item:last-child > a {
  border-bottom: none;
}

header .dropdown-menu {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: #333333;
  border: none;
}
header .dropdown-menu .menu-item {
  width: 100%;
  padding: 0;
  margin: 0;
}
header .dropdown-menu .menu-item .dropdown-item {
  display: block;
  padding: 1rem 1rem 1rem 3rem;
  margin: 0;
  font-size: 1.2rem;
  color: #cfd6d6;
}
@media screen and (min-width: 768px) {
  header .dropdown-menu .menu-item .dropdown-item {
    color: #fff;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #0D705F;
    font-size: 1.4rem;
  }
}
header .dropdown-menu .menu-item .dropdown-item.active, header .dropdown-menu .menu-item .dropdown-item:hover {
  background-color: #0D705F;
  color: #fff;
}

/*====================================

  ■SP用ページ下部リンク

=====================================*/
.navbar-header {
  display: block;
}
@media screen and (max-width: 767px) {
  .navbar-header {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: #0D705F;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .navbar-header .navbar-header-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .navbar-header .navbar-header-flex {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .navbar-header .navbar-header-flex .navbar-header-flex-item {
    width: 100%;
    text-align: center;
    border-right: 1px solid #333333;
  }
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu {
  line-height: 1;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler {
  background: none;
  border: none;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler .navbar-toggler-icon {
  background: none;
  position: relative;
  height: 5rem;
  width: 6rem;
  padding: 1.5rem 0 0;
  margin: 0;
  border: none;
  border-radius: 0;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  .navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler .navbar-toggler-icon {
    display: none;
  }
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler .navbar-toggler-icon span {
  background-color: #fff;
  display: block;
  width: 50%;
  height: 2px;
  font-size: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler .navbar-toggler-icon span:nth-of-type(1) {
  display: none;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler .navbar-toggler-icon span:nth-of-type(2) {
  display: block;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler .navbar-toggler-icon span:last-child {
  display: block;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler.collapsed .navbar-toggler-icon span:nth-of-type(1) {
  display: block;
  margin: 0 auto;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler.collapsed .navbar-toggler-icon span:nth-of-type(2) {
  display: block;
  position: static;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  margin: 1rem auto;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .navbar-toggler.collapsed .navbar-toggler-icon span:last-child {
  display: block;
  position: static;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  margin: 0 auto;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__menu .el_text {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  margin: 9px auto 0;
  color: #fff;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__tel {
  line-height: 1;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__tel a {
  display: block;
  width: 100%;
  padding: 15px 5px 13px;
  font-size: 29px;
  color: #fff;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__tel a .el_icon {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 0;
  min-height: 2.7rem;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__tel a .el_icon img {
  display: inline-block;
  max-width: 100%;
  font-size: 0;
  margin: 0 0 0.5rem;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__tel a .el_text {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  margin: 14px auto 0;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__contact {
  line-height: 1;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__contact a {
  display: block;
  width: 100%;
  padding: 13px 5px 13px;
  font-size: 29px;
  color: #fff;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__contact a .el_icon {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 0;
  min-height: 2.7rem;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__contact a .el_icon img {
  display: inline-block;
  max-width: 100%;
  font-size: 0;
  margin: 9px auto 0;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__contact a .el_text {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  margin: 18px auto 0;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__instagram {
  line-height: 1;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__instagram a {
  display: block;
  width: 100%;
  padding: 13px 5px 13px;
  font-size: 29px;
  color: #fff;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__instagram a .el_icon {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 0;
  min-height: 2.7rem;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__instagram a .el_icon img {
  display: inline-block;
  width: 100%;
  max-width: 2rem;
  font-size: 0;
  margin: 0.5rem 0 0.5rem;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item .navbar-header__instagram a .el_text {
  display: block;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  margin: 15px auto 0;
}
.navbar-header .navbar-header-flex .navbar-header-flex-item:last-child {
  border-right: none;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border: none;
  background-image: url(./images/icon_plus_white.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 1.1rem;
  height: 1.1rem;
  vertical-align: inherit;
  position: relative;
  top: 1px;
}
@media screen and (min-width: 1400px) {
  .dropdown-toggle::after {
    width: 1.4rem;
    height: 1.4rem;
  }
}

/*ページトップ*/
#page-top {
  display: block;
  background: #eeeeee;
  text-align: center;
}
#page-top a {
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

#footer {
  position: relative;
  background-color: #fff;
  padding: 5rem 0 0;
}
@media screen and (min-width: 768px) {
  #footer {
    padding: 10rem 0 0;
  }
}
@media screen and (min-width: 768px) {
  #footer .footerWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 6rem;
  }
}
#footer .footerWrap .footerWrap__cell01 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #footer .footerWrap .footerWrap__cell01 {
    max-width: 44.4rem;
    margin: 0 5rem 0 0;
  }
}
#footer .footerWrap .footerWrap__cell01 .footerLogo {
  display: block;
  margin: 0 0 3.3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #footer .footerWrap .footerWrap__cell01 .footerLogo {
    text-align: left;
  }
}
#footer .footerWrap .footerWrap__cell01 .footerLogo img {
  max-width: 24rem;
}
@media screen and (min-width: 768px) {
  #footer .footerWrap .footerWrap__cell01 .footerLogo img {
    max-width: 100%;
  }
}
#footer .footerWrap .footerWrap__cell01 .text {
  font-size: 1.4rem;
  margin-bottom: 4rem;
}
#footer .footerWrap .footerWrap__cell01 .footerList {
  padding: 0;
  margin: 0 0 3rem;
  border-top: 1px solid #cfd6d6;
}
@media screen and (min-width: 768px) {
  #footer .footerWrap .footerWrap__cell01 .footerList {
    max-width: 35.8rem;
  }
}
#footer .footerWrap .footerWrap__cell01 .footerList li {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #cfd6d6;
}
#footer .footerWrap .footerWrap__cell01 .footerList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 0;
}
@media screen and (min-width: 768px) {
  #footer .footerWrap .footerWrap__cell01 .footerList li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #footer .footerWrap .footerWrap__cell01 .footerList li a:hover {
    opacity: 0.5;
  }
}
#footer .footerWrap .footerWrap__cell01 .footerList li a .el_img {
  margin: 0 2rem 0 0;
}
#footer .footerWrap .footerWrap__cell01 .footerList li a .el_text {
  font-size: 1.6rem;
  font-weight: bold;
}
#footer .footerWrap .footerWrap__cell02 {
  width: 100%;
  max-width: 81rem;
}
@media screen and (min-width: 768px) {
  #footer .footerWrap .footerWrap__cell02 {
    margin: 0 0 0 auto;
  }
}

/*フッターメニュー*/
.footerMenu {
  margin: 0 0 0 -1.5rem;
  width: calc(100% + 3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footerMenu .footerMenuItem {
  width: calc(100% - 3rem);
  margin: 0 1.5rem 1rem;
}
@media screen and (min-width: 1200px) {
  .footerMenu .footerMenuItem {
    width: calc(50% - 3rem);
  }
}
@media screen and (min-width: 1400px) {
  .footerMenu .footerMenuItem {
    width: calc(33.3333333333% - 3rem);
  }
}
@media screen and (min-width: 768px) {
  .footerMenu .footerMenuItem a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .footerMenu .footerMenuItem a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 767px) {
  .footerMenu .footerMenuItem.--01 {
    width: calc(50% - 3rem);
  }
}
@media screen and (max-width: 767px) {
  .footerMenu .footerMenuItem.--02 {
    width: calc(50% - 3rem);
    margin-top: 3.7rem;
  }
}
.footerMenu .menu_first {
  padding: 0;
  margin: 0;
}
.footerMenu .menu_first > li {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .footerMenu .menu_first > li {
    margin: 0;
  }
}
.footerMenu .menu_first > li .inactive {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 0 0 1.5rem;
  color: #333333;
}
@media screen and (min-width: 768px) {
  .footerMenu .menu_first > li .inactive {
    margin: 0 0 3.3rem;
  }
}
.footerMenu .menu_first > li .inactive .el_text {
  display: inline-block;
}
.footerMenu .menu_second {
  padding: 0;
  margin: 0 0 3rem;
}
.footerMenu .menu_second > li {
  padding: 0;
  margin: 0 0 0.5rem;
  list-style: none;
  line-height: 1.4;
}
.footerMenu .menu_second > li > a {
  display: inline-block;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 768px) {
  .footerMenu .menu_second > li > a {
    margin: 0 0 1.3rem;
  }
}
.footerMenu .menu_second.--mt {
  margin-top: 5rem;
  padding-top: 2rem;
  border-top: 1px solid #cfd6d6;
}
.footerMenu .menu_third {
  padding: 0.5rem 0 0 2rem;
  margin: 0 0 3rem;
}
.footerMenu .menu_third > li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1.4;
}
.footerMenu .menu_third > li > a {
  display: inline-block;
  color: #333333;
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 0 0 1.3rem;
}
@media screen and (min-width: 768px) {
  .footerMenu .menu_third > li > a {
    font-size: 1.4rem;
  }
}

/*コピーライト*/
.copyright {
  text-align: center;
  padding: 0 0 3rem;
  font-size: 1.2rem;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #A2A2A2;
}

/*====================================

  ■フローティングバナー

=====================================*/
.floatBnr {
  position: fixed;
  bottom: 45px;
  right: 15px;
  z-index: 15;
  max-width: 185px;
  display: none;
}
@media screen and (min-width: 768px) {
  .floatBnr {
    max-width: 287px;
    bottom: 15px;
  }
}
.floatBnr .floatBnrInner {
  position: relative;
  padding: 4px;
  background: #fff;
  border-radius: 5px;
}
.floatBnr .floatBnrInner .floatBnrClose {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  z-index: 10;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  cursor: pointer;
}
.floatBnr .floatBnrInner .floatBnrClose:hover {
  opacity: 0.7;
}
.floatBnr .floatBnrInner .floatBnrClose span {
  display: inline-block;
  background: #0D705F;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.floatBnr .floatBnrInner .floatBnrClose span:nth-child(n) {
  width: calc(100% - 10px);
  height: 2px;
}
.floatBnr .floatBnrInner .floatBnrClose span:nth-child(even) {
  height: calc(100% - 10px);
  width: 2px;
}
.floatBnr .floatBnrInner a {
  display: inline-block;
}
.floatBnr .floatBnrInner a img {
  display: inline-block;
}

/*====================================

  ■neck

=====================================*/
.neck {
  position: relative;
  padding: 4rem 0 0;
  margin: 5.6rem 0 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .neck {
    padding: 8rem 0;
    margin: 7.1rem 0 0;
    border-top: 1px solid #CFD6D6;
    border-bottom: 1px solid #CFD6D6;
    background-position: top right -30rem;
    background-size: auto 100%;
  }
}
@media screen and (min-width: 1200px) {
  .neck {
    margin: 7.1rem 0 0;
    min-height: 24.5rem;
    background-position: top right -25rem;
  }
}
@media screen and (min-width: 1400px) {
  .neck {
    margin: 9.6rem 0 0;
    padding: 9rem 0 8rem;
    background-position: top right -20rem;
  }
}
@media screen and (min-width: 1700px) {
  .neck {
    margin: 9.6rem 0 0;
    padding: 8rem 0;
    background-position: top right;
  }
}
.neck .neckWrap {
  position: relative;
  z-index: 2;
  background-color: #F8F8F8;
  padding: 3rem 1.5rem 2.5rem;
  position: relative;
  bottom: -8rem;
}
@media screen and (min-width: 768px) {
  .neck .neckWrap {
    background: none;
    padding: 0;
    bottom: 0;
  }
}
.neck .neckWrap .neckTitle {
  font-size: 8rem;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .neck .neckWrap .neckTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.neck .neckWrap .neckTitle .main_text {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-size: 3rem;
  display: block;
  margin: 0 0 1rem;
  line-height: 1;
  color: #333333;
}
@media screen and (min-width: 768px) {
  .neck .neckWrap .neckTitle .main_text {
    font-size: 4rem;
    margin: 0 2rem 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .neck .neckWrap .neckTitle .main_text {
    font-size: 5.5rem;
    margin: 0 2rem 0 0;
  }
}
@media screen and (min-width: 1700px) {
  .neck .neckWrap .neckTitle .main_text {
    font-size: 8rem;
  }
}
.neck .neckWrap .neckTitle .main_text::first-letter {
  color: #09977F;
}
.neck .neckWrap .neckTitle .sub_text {
  display: block;
  font-weight: bold;
  font-size: 1.3rem;
  color: #333333;
}
@media screen and (min-width: 768px) {
  .neck .neckWrap .neckTitle .sub_text {
    letter-spacing: 2px;
    font-size: 2rem;
  }
}
.neck.--vehicle-search, .neck.--search, .neck.--pages-error, .neck.--pages-confirm, .neck.--pages-thanks {
  background-image: url(./images/neck_search_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--vehicle-search, .neck.--search, .neck.--pages-error, .neck.--pages-confirm, .neck.--pages-thanks {
    background-image: url(./images/neck_search.png);
  }
}
.neck.--news {
  background-image: url(./images/neck_news_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--news {
    background-image: url(./images/neck_news.png);
  }
}
.neck.--sdgs {
  background-image: url(./images/neck_sdgs_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--sdgs {
    background-image: url(./images/neck_sdgs.jpg);
  }
}
.neck.--privacy {
  background-image: url(./images/neck_privacy_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--privacy {
    background-image: url(./images/neck_privacy.jpg);
  }
}
.neck.--sale {
  background-image: url(./images/neck_sale_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--sale {
    background-image: url(./images/neck_sale.jpg);
  }
}
.neck.--contact, .neck.--error, .neck.--confirm, .neck.--thanks {
  background-image: url(./images/neck_contact_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--contact, .neck.--error, .neck.--confirm, .neck.--thanks {
    background-image: url(./images/neck_contact.jpg);
  }
}
.neck.--company {
  background-image: url(./images/neck_company_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--company {
    background-image: url(./images/neck_company.jpg);
  }
}
.neck.--history {
  background-image: url(./images/neck_history_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--history {
    background-image: url(./images/neck_history.jpg);
  }
}
.neck.--message {
  background-image: url(./images/neck_message_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--message {
    background-image: url(./images/neck_message.jpg);
  }
}
.neck.--recruit {
  background-image: url(./images/neck_recruit_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--recruit {
    background-image: url(./images/neck_recruit.jpg);
  }
}
.neck.--service {
  background-image: url(./images/neck_service_sp.jpg);
}
@media screen and (min-width: 768px) {
  .neck.--service {
    background-image: url(./images/neck_service.png);
  }
}

video {
  max-width: 100%;
  height: auto;
}

#cboxLoadedContent {
  background: #000;
}

/*====================================

メインビジュアル

=====================================*/
.fv {
  position: relative;
  overflow: hidden;
  margin-top: 5.3rem;
}
@media screen and (min-width: 768px) {
  .fv {
    margin: 0;
  }
}
.fv .fvWrap {
  position: relative;
  z-index: 2;
}
.fv .fvWrap .slick-list {
  background: none;
}
.fv .fvWrap .fvItem {
  position: relative;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000000;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.6)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 70%);
    width: 100%;
    height: 10rem;
  }
}
.fv .fvWrap .fvItem .fvText {
  display: block;
  position: absolute;
  top: 25%;
  left: 0;
  z-index: 10;
  -webkit-transform: translate(0%, -25%);
  transform: translate(0%, -25%);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem .fvText {
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
}
@media screen and (min-width: 1200px) {
  .fv .fvWrap .fvItem .fvText {
    -webkit-transform: translate(0%, -60%);
    transform: translate(0%, -60%);
  }
}
.fv .fvWrap .fvItem .fvText .fvTextInner {
  width: 100%;
  padding: 0 1.5rem;
  max-width: 100%;
  margin: auto;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  /*
  img {
  	display: inline-block;
  	width: 100%;
  	max-width: 65%;
  	@include mixins.mq(min-xs) {
  		max-width: 50%;
  	}
  	@include mixins.mq(min-md) {
  		max-width: 55%;
  	}
  	@include mixins.mq(min-lg) {
  		max-width: 95.4rem;
  	}
  }
  */
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner {
    padding: 0 6rem;
  }
}
@media screen and (min-width: 1400px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner {
    padding: 0 15.2rem;
  }
}
.fv .fvWrap .fvItem .fvText .fvTextInner .el_img {
  display: block;
  margin: 0 0 1rem;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner .el_img {
    letter-spacing: 3px;
  }
}
.fv .fvWrap .fvItem .fvText .fvTextInner .el_img span img {
  max-height: 2.2rem;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner .el_img span img {
    max-height: 4.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner .el_img span img {
    max-height: none;
  }
}
.fv .fvWrap .fvItem .fvText .fvTextInner .el_en {
  display: block;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 3.4rem;
  margin-bottom: 2rem;
  letter-spacing: -3px;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner .el_en {
    font-size: 6.8rem;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner .el_en {
    font-size: 10.8rem;
  }
}
.fv .fvWrap .fvItem .fvText .fvTextInner .el_jp {
  display: block;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner .el_jp {
    font-size: 2.2rem;
    letter-spacing: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .fv .fvWrap .fvItem .fvText .fvTextInner .el_jp {
    font-size: 3.6rem;
  }
}
.fv .fvWrap .fvItem .fvText .fvTextInner #fv-anime span {
  opacity: 0;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  display: inline-block;
}
.fv .fvWrap .fvItem .fvText .fvTextInner #fv-fadein span {
  display: inline-block;
}
.fv .fvWrap .fvItem .fvText .fvTextInner #fv-fadein .el_jp span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.fv .fvWrap .fvItem .fvImg {
  text-align: center;
  line-height: 1;
}
.fv .fvWrap .fvItem .fvImg .fvImgItem {
  position: relative;
  padding-top: 100vh;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem .fvImg .fvImgItem {
    padding-top: 0;
  }
}
.fv .fvWrap .fvItem .fvImg .fvImgItem img {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: none;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .fvItem .fvImg .fvImgItem img {
    position: static;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    max-width: 100%;
    height: auto;
  }
}
.fv .fvWrap .slick-dots {
  margin: 0;
  bottom: -1rem;
}
@media screen and (min-width: 768px) {
  .fv .fvWrap .slick-dots {
    bottom: 0;
  }
  .fv .fvWrap .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
  }
  .fv .fvWrap .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 5px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
  }
  .fv .fvWrap .slick-dots li button::before {
    content: "";
    width: 20px;
    height: 5px;
    border-radius: 0;
    background: #333;
  }
}
.fv .slick-dotted.slick-slider {
  margin-bottom: 0;
}

/*====================================

Vehicle Search

=====================================*/
.vehicleSearchSec {
  background-color: #fff;
  padding: 10rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec {
    padding: 13rem 0 10rem;
  }
}
.vehicleSearchSec .tittleSub {
  font-size: 0.86em;
  margin-bottom: 10px;
  display: block;
  position: relative;
}
.vehicleSearchSec .tittleSub:after {
  content: "";
  width: 100%;
  height: 1em;
  background: url(../images/grd_rl_b.svg) no-repeat left center;
  background-size: 100% 100%;
  position: absolute;
  left: 4em;
  top: 0;
}
.vehicleSearchSec .tittleRead {
  display: block;
  letter-spacing: 0.15em;
}
.vehicleSearchSec .vsGrid {
  width: calc(100% + 0.4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 1rem -0.2rem;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .vsGrid {
    margin: 0 0 5rem -0.2rem;
  }
}
.vehicleSearchSec .vsGrid a {
  display: block;
  text-align: center;
  line-height: 1.3;
  background: #333333;
  background: linear-gradient(-41deg, rgba(255, 255, 255, 0.5) 0%, rgba(200, 200, 200, 0.5) 100%);
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  width: 100%;
  max-width: calc(33.3333333333% - 0.4rem);
  padding: 1rem 0;
  margin: 0 0.2rem 0.4rem;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .vsGrid a {
    max-width: calc(25% - 0.4rem);
  }
}
@media screen and (min-width: 992px) {
  .vehicleSearchSec .vsGrid a {
    max-width: calc(20% - 0.4rem);
  }
}
@media screen and (min-width: 1200px) {
  .vehicleSearchSec .vsGrid a {
    max-width: calc(16.6666666667% - 0.4rem);
  }
}
@media screen and (min-width: 1400px) {
  .vehicleSearchSec .vsGrid a {
    max-width: calc(14.2857142857% - 0.4rem);
  }
}
@media screen and (min-width: 1700px) {
  .vehicleSearchSec .vsGrid a {
    max-width: calc(12.5% - 0.4rem);
  }
}
.vehicleSearchSec .vsGrid a::before {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.vehicleSearchSec .vsGrid a:hover::before {
  background: -webkit-gradient(linear, right bottom, left top, from(#00c531), to(transparent));
  background: linear-gradient(to left top, #00c531, transparent);
  opacity: 0.4;
}
.vehicleSearchSec .vsGrid a .el_img {
  display: block;
  text-align: center;
}
.vehicleSearchSec .vsGrid a .el_img img {
  max-width: 70%;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .vsGrid a .el_img img {
    max-width: 65%;
  }
}
.vehicleSearchSec .vsGrid a .el_text {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  position: relative;
  min-height: 3.8rem;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .vsGrid a .el_text {
    font-size: 1.4rem;
  }
}
.vehicleSearchSec .vsGrid a .el_text span {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 100%;
  text-align: center;
}
.vehicleSearchSec .searchForm {
  width: calc(100% + 3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 2rem -1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .searchForm {
    margin: 0 0 0 -1.5rem;
  }
}
.vehicleSearchSec .searchForm dl {
  padding: 0;
  margin: 0 1.5rem 2rem;
  width: 100%;
  max-width: calc(100% - 3rem);
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .searchForm dl {
    margin: 0 1.5rem 5rem;
    max-width: calc(25% - 3rem);
  }
}
@media screen and (min-width: 992px) {
  .vehicleSearchSec .searchForm dl {
    max-width: calc(20% - 3rem);
  }
}
.vehicleSearchSec .searchForm dl dt {
  color: #333333;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .searchForm dl dt {
    border-top: 1px solid #D6D6D6;
    padding-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
}
.vehicleSearchSec .searchForm dl dd {
  position: relative;
}
.vehicleSearchSec .searchForm dl dd::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 10px solid #333333;
  border-bottom: 0;
  position: absolute;
  top: 1.3rem;
  right: 1rem;
  pointer-events: none;
}
.vehicleSearchSec .searchForm dl dd .el_comparison {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.6rem;
  right: -2.2rem;
  pointer-events: none;
}
.vehicleSearchSec .searchForm dl dd.deco_none::after {
  display: none;
}
.vehicleSearchSec .searchForm dl.sp_cell {
  max-width: calc(50% - 3rem);
}
@media screen and (min-width: 1200px) {
  .vehicleSearchSec .searchForm dl.sp_cell {
    max-width: 184px;
  }
}
.vehicleSearchSec input,
.vehicleSearchSec select {
  width: 100%;
  color: #9b9b9b;
  font-weight: normal;
  font-size: 1.3rem;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 2px #818182;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec input,
  .vehicleSearchSec select {
    font-size: 1.5rem;
  }
}
.vehicleSearchSec select {
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vehicleSearchSec option {
  background: #222;
}
.vehicleSearchSec .vehicleSearchWrap {
  background-color: #f8f8f8;
  padding: 3rem 1.5rem 1rem;
  margin: 0;
  border: 1px solid #cfd6d6;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .vehicleSearchWrap {
    padding: 5rem 3rem 4rem;
    margin: 0 0 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .vehicleSearchSec .vehicleSearchWrap {
    padding: 5.9rem 7.7rem 4rem;
  }
}
.vehicleSearchSec .vehicleSearchWrap button {
  display: inline-block;
  width: 100%;
  max-width: 82.2rem;
  text-align: center;
  background-color: #09977F;
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  padding: 1rem 1rem;
  margin: 0 auto 3rem;
  border: none;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .vehicleSearchSec .vehicleSearchWrap button {
    font-size: 1.6rem;
    padding: 1.7rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .vehicleSearchSec .vehicleSearchWrap button:hover {
    opacity: 0.5;
  }
}
.vehicleSearchSec .vehicleSearchWrap button .el_icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-image: url(./images/icon_rightarrow01_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.1rem auto;
  width: 2.1rem;
  height: 2.1rem;
}
.vehicleSearchSec .vehicleSearchWrap button .el_icon span {
  display: inline-block;
}

/*====================================

 Recommend

=====================================*/
.frontRecommendSec {
  background-color: #353744;
  color: #fff;
  padding: 5rem 0 3.5rem;
}
@media screen and (min-width: 768px) {
  .frontRecommendSec {
    padding: 13rem 0 10rem;
  }
}
.frontRecommendSec .frontRecommendWrap {
  padding: 0;
  margin: 0;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendSlide {
  margin: 0;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendSlide .frontRecommendSlideItem {
  margin-bottom: 3rem;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendSlide .frontRecommendSlideItem a {
  display: block;
  max-width: calc(100% - 3rem);
  margin: 0 auto;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendSlide .frontRecommendSlideItem a .img {
  margin: 0 0 1rem;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendSlide .frontRecommendSlideItem a .frontRecommendText {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  margin: 0 0 1rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .frontRecommendSec .frontRecommendWrap .frontRecommendSlide .frontRecommendSlideItem a .frontRecommendText {
    font-size: 1.7rem;
  }
}
.frontRecommendSec .frontRecommendWrap .frontRecommendSlide .frontRecommendSlideItem a .frontRecommendLabel {
  text-align: center;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendSlide .frontRecommendSlideItem a .frontRecommendLabel span {
  display: inline-block;
  background-color: #dadcdc;
  color: #333333;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 0.1rem 1rem 0.3rem;
  margin: 0 0.5rem 0.5rem;
  min-width: 14.1rem;
  line-height: 1.5;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption {
  width: 100%;
  max-width: 40rem;
  margin: 0 auto 6rem;
  position: relative;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-arrow {
  position: absolute;
  top: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 1.1rem;
  height: 2.2rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-arrow::before {
  display: none;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-arrow.slick-prev {
  left: 0;
  background-image: url(./images/icon_prev01_white.svg);
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-arrow.slick-next {
  right: 0;
  background-image: url(./images/icon_next01_white.svg);
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-dots {
  margin: 0;
  bottom: 0;
  position: static;
  line-height: 1;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-dots li {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0 0.5rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  border-radius: 100%;
  background-color: #2e2e3b;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-dots li button::before {
  display: none;
}
.frontRecommendSec .frontRecommendWrap .frontRecommendOption .slick-dots li.slick-active button {
  border: 3px solid #09977F;
}

/*====================================

 Links

=====================================*/
.frontLinksSec {
  padding: 5rem 0 2rem;
  background-color: #f8f8f8;
}
@media screen and (min-width: 768px) {
  .frontLinksSec {
    padding: 13rem 0 10rem;
  }
}
.frontLinksSec .container {
  max-width: 179rem;
}
@media screen and (min-width: 768px) {
  .frontLinksSec .frontLinksWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 3rem);
    margin: 0 0 0 -1.5rem;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem {
  position: relative;
  width: 100%;
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem {
    max-width: calc(50% - 3rem);
    margin: 0 1.5rem 3rem;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemBg img {
  max-width: 100%;
}
.frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner {
  background: #303635;
  width: 100%;
  padding: 1.5rem 0 0;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, rgb(48, 54, 53)), to(rgba(48, 54, 53, 0)));
    background: linear-gradient(0deg, rgb(48, 54, 53) 60%, rgba(48, 54, 53, 0) 100%);
    padding: 6rem 0 0;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksTitle {
  display: block;
  text-align: center;
  padding: 0 1.5rem 1.5rem;
}
@media screen and (min-width: 1200px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksTitle {
    text-align: left;
    padding: 0 1.5rem 1.5rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksTitle {
    padding: 0 5.3rem 2.7rem;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksTitle img {
  max-height: 1.5rem;
}
@media screen and (min-width: 768px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksTitle img {
    max-height: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksTitle img {
    max-height: 3rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksTitle img {
    max-height: 100%;
    max-width: 100%;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText {
  padding: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText {
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1700px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText {
    padding: 2.7rem 2.7rem 2.7rem 5.3rem;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText a {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  background-color: #E8EDEF;
  color: #333333;
  z-index: 1;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  padding: 1.6rem 0;
  margin: 0;
  border: none;
  line-height: 1;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText a:hover {
    opacity: 0.5;
  }
}
@media screen and (min-width: 1200px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText a {
    margin: 0 1.5rem 0 0;
    max-width: 9.4rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText a {
    margin: 0 3rem 0 0;
    max-width: 17.5rem;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText p {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  margin: 0 0 1rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 1200px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem .frontLinksItemInner .frontLinksText p {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem.--01 .frontLinksItemInner {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem.--01 .frontLinksItemInner .frontLinksTitle {
  padding: 0 1.5rem 1.5rem;
}
@media screen and (min-width: 1200px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem.--01 .frontLinksItemInner .frontLinksTitle {
    padding: 0 1.5rem 2rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem.--01 .frontLinksItemInner .frontLinksTitle {
    padding: 0 5.3rem 3.2rem;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem.--01 .frontLinksItemInner .frontLinksText {
  padding-top: 0;
}
.frontLinksSec .frontLinksWrap .frontLinksItem.--02 .frontLinksItemInner .frontLinksText {
  border-top: 2px solid #fff;
  background-color: #041e42;
}
@media screen and (max-width: 767px) {
  .frontLinksSec .frontLinksWrap .frontLinksItem.--02 .frontLinksItemInner .frontLinksText {
    padding: 3.5rem 1.5rem;
  }
}
.frontLinksSec .frontLinksWrap .frontLinksItem.--02 .frontLinksItemInner .frontLinksText a {
  background-color: #273976;
  color: #fff;
}

/*====================================

 Service

=====================================*/
.frontServiceSec {
  background-image: url(./images/bg_common.png);
  background-repeat: repeat;
  padding: 0 0 3rem;
}
@media screen and (min-width: 992px) {
  .frontServiceSec {
    padding: 3rem 0;
    border-top: 1px solid #9AA7A5;
    border-bottom: 1px solid #9AA7A5;
  }
}
.frontServiceSec .frontServiceSlide {
  display: block;
  margin: 0 0 3rem;
}
@media screen and (min-width: 992px) {
  .frontServiceSec .frontServiceSlide {
    display: none;
    margin: 0;
  }
}
.frontServiceSec .frontServiceSlide .frontServiceSlideItem {
  margin: 0;
  padding: 0;
}
.frontServiceSec .frontServiceInner {
  margin: 0 0 3rem;
}
@media screen and (min-width: 992px) {
  .frontServiceSec .frontServiceInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #9AA7A5;
    border-bottom: 1px solid #9AA7A5;
    margin: 0;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__left {
  display: none;
  width: 100%;
  margin: 0 0 3rem;
}
@media screen and (min-width: 992px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left {
    display: block;
    max-width: 67.7rem;
    margin: 0;
    padding: 0 0 0 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left {
    max-width: 93rem;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__left .frontServiceImg {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left .frontServiceImg {
    padding: 3rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
  }
}
@media screen and (min-width: 992px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left .frontServiceImg {
    border-left: 1px solid #9AA7A5;
    padding: 9rem 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left .frontServiceImg {
    padding: 10rem 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left .frontServiceImg {
    padding: 7rem 6rem;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__left .frontServiceImg img {
  display: inline-block;
  max-width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left #frontServiceImg01 {
    background-image: url(./images/front_service_img01_bg.jpg);
  }
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left #frontServiceImg02 {
    background-image: url(./images/front_service_img02_bg.jpg);
  }
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left #frontServiceImg03 {
    background-image: url(./images/front_service_img03_bg.jpg);
  }
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left #frontServiceImg04 {
    background-image: url(./images/front_service_img04_bg.jpg);
  }
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__left #frontServiceImg05 {
    background-image: url(./images/front_service_img05_bg.jpg);
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__right {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 992px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner {
    max-width: calc(100% - 3rem);
    border-right: 1px solid #9AA7A5;
    height: 100%;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline {
  padding: 0 1.5rem;
}
@media screen and (min-width: 992px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline {
    padding: 3rem 3rem 0 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline {
    padding: 10rem 4rem 0 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline {
    padding: 6rem 4rem 0 4rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline {
    padding: 10rem 6rem 0 6rem;
  }
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 992px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 .main_text {
    margin: 0 3rem 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 .sub_text {
    margin: 0;
  }
}
@media screen and (max-width: 1199px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 .sub_text {
    width: 100%;
    margin: 1.5rem 0 0;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 .sub_text {
    text-align: center;
  }
}
@media screen and (max-width: 1699px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 .link_text {
    width: 100%;
    position: static;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 3rem 0 0;
  }
}
@media screen and (max-width: 1199px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .largeHeadline01 .link_text {
    margin: 2rem 0 0;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .text {
  max-width: 70.8rem;
}
@media screen and (max-width: 1199px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceHeadline .text {
    margin: 0 0 2rem;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  padding: 1rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a {
    padding: 1rem 1.5rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a:hover {
    background-color: #e1e3e6;
  }
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a:hover * {
    color: #0d705f !important;
    border-color: #0d705f !important;
  }
}
@media screen and (min-width: 992px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a {
    padding: 1rem 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a {
    padding: 1rem 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a {
    padding: 2rem 10.4rem;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a .el_num {
  border: 1px solid #333333;
  border-radius: 100%;
  font-size: 1.6rem;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 900;
  margin: 0 0.7rem 0 0;
  min-width: 5rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a .el_num {
    margin: 0 1.5rem 0 0;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a .el_text {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 1rem 0.2rem 0;
}
@media screen and (min-width: 1200px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a .el_text {
    font-size: 2rem;
    margin: 0 1rem 0 0;
  }
}
@media screen and (min-width: 1400px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a .el_text {
    font-size: 2.4rem;
    margin: 0 1rem 0 0;
  }
}
.frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a .el_sub {
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  color: #76827f;
  margin: 0 0 0 auto;
}
@media screen and (min-width: 768px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a .el_sub {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .frontServiceSec .frontServiceInner .frontServiceInner__right .frontServiceInner__rightInner .frontServiceBtnWrap .frontServiceBtn a .el_sub {
    font-size: 1.4rem;
  }
}

/*====================================

 News

=====================================*/
.frontNewsSec {
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .frontNewsSec {
    padding: 10rem 0 7rem;
  }
}
.frontNewsSec.--under {
  padding: 10rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .frontNewsSec.--under {
    padding: 10rem 0 7rem;
  }
}
.frontNewsSec .frontNewsWrap {
  padding: 0 0 2.4rem;
}
.frontNewsSec .frontNewsWrap .frontNewsItem {
  margin: 0 0 0.6rem;
}
.frontNewsSec .frontNewsWrap .frontNewsItem a {
  position: relative;
  display: block;
  background-color: #E8ECEC;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .frontNewsSec .frontNewsWrap .frontNewsItem a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2rem 3rem;
  }
}
.frontNewsSec .frontNewsWrap .frontNewsItem a .frontNewsData {
  margin: 0;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  color: #0D705F;
}
@media screen and (min-width: 768px) {
  .frontNewsSec .frontNewsWrap .frontNewsItem a .frontNewsData {
    margin: 0 1.5rem 0 0;
  }
}
.frontNewsSec .frontNewsWrap .frontNewsItem a .frontNewsTitle {
  font-size: 1.7rem;
  font-weight: bold;
  margin: 0;
}
.frontNewsSec .frontNewsWrap .frontNewsItem a .frontNewsIcon {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 0.7rem;
  height: 1.3rem;
  background-image: url(./images/icon_rightarrow02_black.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

/*====================================

Appeal

=====================================*/
.frontAppealSec {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .frontAppealSec {
    padding: 0 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec {
    padding: 0 3rem;
  }
}
.frontAppealSec .frontAppealWrap {
  padding: 8rem 1.5rem 3.6rem;
  background-image: url(./images/appeal_bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 768px) {
  .frontAppealSec .frontAppealWrap {
    padding: 3rem 0 7rem;
    background-image: url(./images/appeal_bg_base.jpg);
    border-radius: 1rem;
    min-height: 80.7rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealWrap {
    padding: 18rem 0 15rem;
    min-height: 102.7rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontAppealSec .frontAppealWrap {
    min-height: 118.7rem;
  }
}
.frontAppealSec .frontAppealWrap .frontAppealBase {
  display: none;
  background-image: url(./images/appeal_bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .frontAppealSec .frontAppealWrap .frontAppealBase {
    display: block;
    border-radius: 1rem;
  }
}
.frontAppealSec .frontAppealWrap .frontAppealHeadline {
  position: relative;
  z-index: 5;
  padding: 0;
  text-align: center;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 768px) {
  .frontAppealSec .frontAppealWrap .frontAppealHeadline {
    max-width: 39%;
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealWrap .frontAppealHeadline {
    margin: 8rem auto 0;
  }
}
@media screen and (min-width: 1700px) {
  .frontAppealSec .frontAppealWrap .frontAppealHeadline {
    max-width: 50%;
  }
}
.frontAppealSec .frontAppealWrap .frontAppealHeadline .el_img {
  display: inline-block;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealWrap .frontAppealHeadline .el_img {
    margin: 0 auto 8rem;
  }
}
.frontAppealSec .frontAppealWrap .frontAppealHeadline .el_img img {
  max-width: 90%;
}
@media screen and (min-width: 768px) {
  .frontAppealSec .frontAppealWrap .frontAppealHeadline .el_img img {
    max-width: 100%;
  }
}
.frontAppealSec .frontAppealOuter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 0.2rem);
  margin: 0 0 1.2rem -0.1rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .frontAppealSec .frontAppealOuter {
    width: calc(100% + 1.4rem);
    margin: 0 0 0 -0.7rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealOuter {
    display: block;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.frontAppealSec .frontAppealOuter .frontAppealItem {
  display: block;
  position: relative;
  z-index: 5;
  overflow: hidden;
  width: 100%;
  max-width: calc(50% - 0.2rem);
  margin: 0 0.1rem 0.2rem;
}
@media screen and (min-width: 768px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem {
    max-width: calc(33.3333333333% - 1.4rem);
    margin: 0 0.7rem 1.4rem;
  }
}
@media screen and (min-width: 992px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem {
    max-width: calc(25% - 1.4rem);
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem {
    max-width: 32.8rem;
    margin: 0;
    position: absolute;
  }
}
.frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealImg {
  text-align: center;
  margin: 0;
}
.frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealImg img {
  display: inline-block;
}
.frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #3e3f4a;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, rgb(62, 63, 74)), to(rgba(62, 63, 74, 0)));
  background: linear-gradient(0deg, rgb(62, 63, 74) 60%, rgba(62, 63, 74, 0) 100%);
  width: 100%;
  padding: 6rem 1.5rem 1.1rem 2.1rem;
  letter-spacing: 1px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner {
    text-align: left;
  }
}
.frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner h3 {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  color: #fff;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner h3 {
    font-size: 2.2rem;
    margin: 0 0 0.5rem;
  }
}
.frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner p {
  color: #1F9A74;
  font-size: 1.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  margin: 0 0 1rem;
}
@media screen and (min-width: 992px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner p {
    margin: 0;
  }
}
.frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner a {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  background-color: #E8EDEF;
  color: #333333;
  z-index: 1;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  padding: 1.1rem 0rem;
  margin: 0;
  border: none;
  line-height: 1;
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner a {
    position: absolute;
    bottom: 2.4rem;
    right: 2rem;
    max-width: 9.4rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .frontAppealSec .frontAppealOuter .frontAppealItem .frontAppealItemInner a:hover {
    opacity: 0.5;
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem.--01 {
    top: 6rem;
    left: 3rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem.--01 {
    top: 3rem;
    left: 6rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem.--02 {
    top: 6rem;
    right: 3rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem.--02 {
    top: 10rem;
    right: 6rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem.--03 {
    bottom: 6rem;
    left: 3rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem.--03 {
    bottom: 25.4rem;
    left: 6rem;
  }
}
@media screen and (min-width: 1200px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem.--04 {
    bottom: 6rem;
    right: 3rem;
  }
}
@media screen and (min-width: 1700px) {
  .frontAppealSec .frontAppealOuter .frontAppealItem.--04 {
    bottom: 18.4rem;
    right: 6rem;
  }
}

/*====================================

MANUFACTURERS

=====================================*/
.frontConnectionSec {
  overflow: hidden;
  padding: 5rem 0 0;
}
@media screen and (min-width: 768px) {
  .frontConnectionSec {
    padding: 10rem 0 7rem;
  }
}
.frontConnectionSec .frontConnectionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 1.4rem);
  margin: 0 0 0 -0.7rem;
  padding: 0 0 5.6rem;
}
.frontConnectionSec .frontConnectionList li {
  list-style: none;
  width: 100%;
  max-width: calc(50% - 1.4rem);
  margin: 0 0.7rem 1.4rem;
}
@media screen and (min-width: 768px) {
  .frontConnectionSec .frontConnectionList li {
    max-width: calc(25% - 1.4rem);
  }
}
@media screen and (min-width: 1200px) {
  .frontConnectionSec .frontConnectionList li {
    max-width: calc(20% - 1.4rem);
  }
}

/*====================================

Contact

=====================================*/
.frontContactSec {
  position: relative;
  background-image: url(./images/bg_common02.png);
  background-repeat: repeat;
  color: #fff;
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .frontContactSec {
    padding: 10rem 0 7rem;
  }
}
.frontContactSec .frontContactborder01 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .frontContactSec .frontContactborder01 {
    display: block;
    position: absolute;
    top: 3rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #425453;
  }
}
.frontContactSec .frontContactborder02 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .frontContactSec .frontContactborder02 {
    display: block;
    position: absolute;
    top: 3rem;
    left: 3rem;
    width: 1px;
    height: calc(100% - 3rem);
    background-color: #425453;
  }
}
.frontContactSec .frontContactborder03 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .frontContactSec .frontContactborder03 {
    display: block;
    position: absolute;
    top: 3rem;
    right: 3rem;
    width: 1px;
    height: calc(100% - 3rem);
    background-color: #425453;
  }
}
.frontContactSec .frontContactHeadline {
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactHeadline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 0 0 5rem;
  }
}
.frontContactSec .frontContactHeadline .frontContactHeadlineImg {
  margin: 0 0 1.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactHeadline .frontContactHeadlineImg {
    margin: 0 3rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .frontContactSec .frontContactHeadline .frontContactHeadlineImg img {
    max-height: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactHeadline .frontContactHeadlineText {
    text-align: left;
  }
}
.frontContactSec .frontContactHeadline .frontContactHeadlineText h2 {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactHeadline .frontContactHeadlineText h2 {
    font-size: 2.4rem;
    text-align: left;
    margin: 0;
  }
}
.frontContactSec .frontContactHeadline .frontContactHeadlineText p {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactHeadline .frontContactHeadlineText p {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.frontContactSec .frontContactBtn .frontContactBtnItem {
  width: 100%;
  margin: 0 0 3rem;
}
.frontContactSec .frontContactBtn .frontContactBtnItem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  background-color: #f3f3f3;
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactBtn .frontContactBtnItem a {
    padding: 5.31rem 1.5rem 5.31rem 6rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .frontContactSec .frontContactBtn .frontContactBtnItem a:hover {
    opacity: 0.5;
  }
}
.frontContactSec .frontContactBtn .frontContactBtnItem a .el_icon {
  margin: 0 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactBtn .frontContactBtnItem a .el_icon {
    margin: 0 2.5rem 0 0;
  }
}
.frontContactSec .frontContactBtn .frontContactBtnItem a .el_text h3 {
  display: block;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  color: #292F37;
  margin: 0.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactBtn .frontContactBtnItem a .el_text h3 {
    font-size: 2.4rem;
    text-align: left;
    margin: 0 0 0.5em;
  }
}
.frontContactSec .frontContactBtn .frontContactBtnItem a .el_text p {
  color: #8F96A1;
  font-size: 1.5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin: 0;
}
.frontContactSec .frontContactBtn .frontContactBtnItem.--01 {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .frontContactSec .frontContactBtn .frontContactBtnItem.--01 {
    margin-bottom: 3rem;
  }
}
.frontContactSec .frontContactBtn .frontContactBtnItem.--02 a {
  background-color: #0DAC91;
}
.frontContactSec .frontContactBtn .frontContactBtnItem.--02 a .el_text h3 {
  color: #fff;
}
.frontContactSec .frontContactBtn .frontContactBtnItem.--02 a .el_text p {
  color: #075448;
}

/*====================================

  ■ 検索結果一覧

=====================================*/
.searchListBox {
  width: 100%;
  padding: 6rem 0 7rem;
}
.searchListBox .searchStateBoxHeadline {
  margin: 0 0 2.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0.2rem 1.5rem;
  border-left: solid 0.5rem #09977F;
}

.searchStateBox {
  width: 100%;
  padding: 0;
  background-color: #DEE2E2;
  margin: 0 0 3rem;
}

.searchState {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.searchState .searchStateWrap {
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .searchState .searchStateWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5rem 3rem;
  }
}
.searchState .searchStateWrap .searchStateWrap__left {
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  background-color: #333333;
  color: #fff;
  padding: 0.5rem 1.5rem 0.7rem;
}
@media screen and (min-width: 768px) {
  .searchState .searchStateWrap .searchStateWrap__left {
    max-width: 20%;
    border-right: solid 1px #333333;
    background: none;
    color: #333333;
    padding: 0;
  }
}
.searchState .searchStateWrap .searchStateWrap__left strong {
  letter-spacing: 0.15rem;
  line-height: 1.4;
  font-weight: 500;
  display: block;
}
.searchState .searchStateWrap .searchStateWrap__right {
  width: 100%;
}
.searchState .searchStateWrap .searchStateWrap__right .stateList {
  padding: 1rem 1.5rem 1rem;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .searchState .searchStateWrap .searchStateWrap__right .stateList {
    padding: 0 2rem 0 4rem;
  }
}
.searchState .searchStateWrap .searchStateWrap__right .stateList dl {
  display: inline-block;
  padding: 0;
  margin: 1rem 1rem 1rem 0;
}
.searchState .searchStateWrap .searchStateWrap__right .stateList dl dt {
  display: inline-block;
  border: solid 1px #333333;
  padding: 0 1rem;
  margin: 0;
}
.searchState .searchStateWrap .searchStateWrap__right .stateList dl dd {
  display: inline-block;
  padding: 0 0 0 1rem;
  margin: 0;
  font-weight: bold;
}

.serchListSepWrap {
  width: 100%;
  margin: 0 0 3rem;
  border-top: solid 2px #333333;
  border-bottom: solid 2px #333333;
  padding: 1rem 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .serchListSepWrap {
    display: table;
  }
}
.serchListSepWrap .serchListSepInner {
  margin: 0 auto;
  max-width: calc(100% - 6rem);
}
.serchListSepWrap .serchListSepInner .searchListSep {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}
.serchListSepWrap .serchListSepInner .searchListSep li {
  list-style: none;
  font-size: 1.4rem;
  letter-spacing: 0.15rem;
  padding: 5px 0;
  border-right: solid 1px #333333;
  text-align: center;
  vertical-align: middle;
}
.serchListSepWrap .serchListSepInner .searchListSep li:last-child {
  border-right: none;
}
@media screen and (min-width: 768px) {
  .serchListSepWrap .serchListSepInner .searchListSep li.searchListSep01 {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .serchListSepWrap .serchListSepInner .searchListSep li.searchListSep02 {
    width: 16%;
  }
}
@media screen and (min-width: 768px) {
  .serchListSepWrap .serchListSepInner .searchListSep li.searchListSep03 {
    width: 16%;
  }
}

.searchListBb {
  width: 100%;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .searchListBb {
    margin-bottom: 5rem;
  }
}
.searchListBb .searchListUntBox {
  background-color: #F2F2F2;
  width: 100%;
  padding: 1.5rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUntBox {
    padding: 3rem;
  }
}
.searchListBb .searchListUntBoxTitle {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUntBoxTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.searchListBb .searchListUntBoxTitle h4 {
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUntBoxTitle h4 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 1.9rem;
  }
}
.searchListBb .searchListUntBoxTitle .newIcn {
  display: block;
  max-width: 7rem;
  background-color: #C61400;
  color: #fff;
  padding: 0.1rem 1.5rem 0.3rem;
  margin: 0 0 1rem auto;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUntBoxTitle .newIcn {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 0 auto;
    font-size: 1.5rem;
  }
}
.searchListBb .searchListUnt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3rem;
}
.searchListBb .searchListUnt .searchListUntWrap {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUnt .searchListUntWrap {
    display: table;
  }
}
.searchListBb .searchListUnt .searchListUntWrap li {
  list-style: none;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 1.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUnt .searchListUntWrap li {
    padding: 1rem;
    margin: 0;
    display: table-cell;
    min-width: 16%;
    max-width: 16%;
    border-right: solid 1px #A2A2A2;
    text-align: center;
  }
}
.searchListBb .searchListUnt .searchListUntWrap li > span {
  display: block;
}
.searchListBb .searchListUnt .searchListUntWrap li.searchListSep01 {
  width: 100%;
  padding: 0;
  text-align: center;
  position: relative;
  border-right: none;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUnt .searchListUntWrap li.searchListSep01 {
    min-width: 20%;
    max-width: 20%;
    float: none;
  }
}
.searchListBb .searchListUnt .searchListUntWrap li.searchListSep01 img {
  display: inline-block;
  min-width: 100%;
}
.searchListBb .searchListUnt .searchListUntWrap li.searchListSep02, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03 {
  width: calc(50% - 0.75rem);
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUnt .searchListUntWrap li.searchListSep02, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03 {
    width: 100%;
    min-width: 16%;
    max-width: 16%;
  }
}
.searchListBb .searchListUnt .searchListUntWrap li.searchListSep02::before, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03::before {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  margin: 0 0 0.5rem;
  text-align: left;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListUnt .searchListUntWrap li.searchListSep02::before, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03::before {
    display: none;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .searchListBb .searchListUnt .searchListUntWrap li.searchListSep02.maker::before, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03.maker::before {
    content: "メーカー・詳細形状";
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .searchListBb .searchListUnt .searchListUntWrap li.searchListSep02.modelYear::before, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03.modelYear::before {
    content: "年式・型式";
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .searchListBb .searchListUnt .searchListUntWrap li.searchListSep02.mileage::before, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03.mileage::before {
    content: "走行距離";
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .searchListBb .searchListUnt .searchListUntWrap li.searchListSep02.inspection::before, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03.inspection::before {
    content: "車検";
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .searchListBb .searchListUnt .searchListUntWrap li.searchListSep02.capacity::before, .searchListBb .searchListUnt .searchListUntWrap li.searchListSep03.capacity::before {
    content: "積載量";
    display: block;
  }
}
.searchListBb .searchListUnt .searchListUntWrap li.Sold::after {
  content: "売約済み";
  color: #fff;
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  font-weight: bold;
  left: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchListBb .searchListPriceBox {
  border-top: solid 1px #A2A2A2;
  padding: 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListPriceBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.searchListBb .searchListPriceBox .searchListPriceBox__left {
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListPriceBox .searchListPriceBox__left {
    margin: 0;
  }
}
.searchListBb .searchListPriceBox .searchListPriceBox__left dl {
  padding: 0;
  margin: 0;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchListBb .searchListPriceBox .searchListPriceBox__left dl dt {
  border: solid 2px #cfd6d6;
  display: inline-block;
  letter-spacing: 0.15rem;
  padding: 2px 10px;
  margin: 0 1.5rem 0 0;
}
.searchListBb .searchListPriceBox .searchListPriceBox__left dl dd {
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1;
  font-size: 2.2rem;
}
.searchListBb .searchListPriceBox .searchListPriceBox__left dl dd span {
  display: inline-block;
}
.searchListBb .searchListPriceBox .searchListPriceBox__left dl .toDet {
  float: right;
  font-weight: bold;
  margin: 0 20px 0 0;
  letter-spacing: 0.15rem;
  padding: 5px 20px;
  border: solid 1px #0D705F;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.searchListBb .searchListPriceBox .searchListPriceBox__right {
  margin: 0 0 0 auto;
  text-align: center;
}
.searchListBb .searchListPriceBox .searchListPriceBox__right a {
  width: 100%;
  display: inline-block;
  text-align: center;
  background-color: #353744;
  position: relative;
  z-index: 1;
  text-decoration: none;
  padding: 1rem 1rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .searchListBb .searchListPriceBox .searchListPriceBox__right a {
    width: auto;
    padding: 0.5rem 1rem;
    min-width: 20rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .searchListBb .searchListPriceBox .searchListPriceBox__right a:hover {
    opacity: 0.5;
  }
}
.searchListBb .searchListPriceBox .searchListPriceBox__right a .el_text {
  font-size: 1.4rem;
  color: #fff;
}
.searchListBb .searchListPriceBox .searchListPriceBox__right a .el_icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-image: url(./images/icon_rightarrow01_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem auto;
  width: 1.5rem;
  height: 1.5rem;
}
.searchListBb .searchListPriceBox .searchListPriceBox__right a .el_icon span {
  display: inline-block;
}

div.Sold .fotorama__stage__frame:after {
  content: "売約済み";
  letter-spacing: 0.15rem;
  width: 100%;
  position: absolute;
  font-size: 3rem;
  background: rgba(0, 0, 0, 0.6);
  display: block;
  font-weight: bold;
  left: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*====================================

  ■ 検索詳細

=====================================*/
.searchDetBox {
  width: 100%;
  overflow: hidden;
  padding: 3rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .searchDetBox {
    padding: 10rem 0 7rem;
  }
}
.searchDetBox article {
  margin: 0 auto 3rem;
  color: #333333;
}
.searchDetBox article .bbh3 {
  width: 100%;
  border-bottom: solid 1px #cfd6d6;
  padding: 0 0 2rem;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .searchDetBox article .bbh3 {
    font-size: 2.4rem;
    margin: 0 0 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .searchDetBox article .bbh3 {
    margin: 0 0 6rem;
  }
}
.searchDetBox article .bbh3 span {
  display: block;
  text-align: left;
  padding: 0 0 0 1.5rem;
  border-left: solid 1rem #09977F;
  position: relative;
}
.searchDetBox article .norm {
  padding: 0 0 0 0.7rem;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 3rem;
  border-left: solid 14px #09977F;
}

.serchDetFstUnt {
  width: 100%;
  margin: 0 0 5rem;
}
@media screen and (min-width: 768px) {
  .serchDetFstUnt {
    margin: 0 0 10rem;
  }
}
.serchDetFstUnt .serchDetFstUntPartsLft {
  width: 100%;
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .serchDetFstUnt .serchDetFstUntPartsLft {
    max-width: 100%;
    margin: 0 auto 3rem;
  }
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide {
  max-width: 50rem;
  margin: 0 auto 1.5rem;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide {
    margin: 0 auto 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide {
    max-width: 78.6rem;
  }
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide li img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide .slick-arrow {
  display: none;
}
@media screen and (min-width: 768px) {
  .serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide .slick-arrow {
    display: inline-block;
    width: 6.6rem;
    height: 6.6rem;
  }
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide .slick-arrow.slick-prev {
  position: absolute;
  top: 50%;
  left: -8.6rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background: url(./images/icon_prev01_black.svg) no-repeat center center;
  background-size: 100% auto;
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide .slick-arrow.slick-prev::before {
  display: none;
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide .slick-arrow.slick-next {
  position: absolute;
  top: 50%;
  right: -8.6rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background: url(./images/icon_next01_black.svg) no-repeat center center;
  background-size: 100% auto;
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlide .slick-arrow.slick-next::before {
  display: none;
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlideThumb {
  margin: 0;
  padding: 2.2rem;
  background-color: #F2F2F2;
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlideThumb li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.serchDetFstUnt .serchDetFstUntPartsLft .vehicleSlideThumb li img {
  display: inline-block;
  width: calc(100% - 0.5rem);
  margin: 0 auto;
}
.serchDetFstUnt .serchDetFstUntPartsRht {
  width: 100%;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner {
  background-color: #F2F2F2;
  padding: 3rem;
}
@media screen and (min-width: 1200px) {
  .serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner {
    padding: 5.5rem 6rem 6rem;
  }
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner dl {
  letter-spacing: 0.15rem;
  font-weight: bold;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner dl dt {
  display: block;
  border-bottom: solid 1px #cfd6d6;
  margin: 0 0 0.5rem;
  padding: 0 0 0.5rem;
}
@media screen and (min-width: 768px) {
  .serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner dl dt {
    font-size: 1.7rem;
  }
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner dl dd {
  display: block;
  margin: 0 0 2rem;
  font-weight: normal;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner dl dd span {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn {
  padding: 0;
  margin: 0 auto;
  max-width: 70rem;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn a {
  width: 100%;
  border: solid 1px #09977F;
  padding: 10px 10px 10px 70px;
  margin: 0 0 1rem;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn a:hover {
  border: solid 1px #cfd6d6;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn a.picture {
  background: #09977F url(./images/icon_picture.svg) no-repeat 1.3rem center;
  background-size: 34px 45%;
  color: #fff;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn a.picture:hover {
  background: #0DAC91 url(./images/icon_picture.svg) no-repeat 1.3rem center;
  background-size: 34px 45%;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn a.paper {
  background: #09977F url(./images/icon_paper.svg) no-repeat 1.5rem center;
  background-size: 27px 45%;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn a.paper:hover {
  background: #0DAC91 url(./images/icon_paper.svg) no-repeat 1.5rem center;
  background-size: 27px 45%;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn span {
  width: 100%;
  border: solid 1px #333333;
  padding: 10px 10px 10px 70px;
  display: block;
}
.serchDetFstUnt .serchDetFstUntPartsRht .serchDetFstUntPartsInner .serchDetFstUntPartsBtn .noPaper {
  background: #333333 url(./images/icon_paper.svg) no-repeat 1.5rem center;
  background-size: 27px 45%;
  color: #fff;
}

.fotorama__thumb-border {
  border-color: #09977F;
}

.printData {
  display: block;
  max-width: 23rem;
  font-size: 1.29rem;
  font-weight: bold;
  border: solid 1px #0A977F;
  background: #0A977F url(./images/icon_picture.svg) no-repeat 1.3rem center;
  background-size: 38px 45%;
  padding: 10px 25px 10px 70px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: 0 0 1.5rem;
  color: #fff;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .printData {
    margin: 0 0 1.5rem auto;
    max-width: 25rem;
  }
}
.printData:hover {
  background: #0A977F url(./images/icon_picture.svg) no-repeat 1.3rem center;
  background-size: 38px 45%;
  border: solid 1px #cfd6d6;
}

.vehicleDataTbl {
  width: 100%;
  border-top: solid 1px #cfd6d6;
}
.vehicleDataTbl tr th,
.vehicleDataTbl tr td {
  border-bottom: solid 1px #cfd6d6;
  padding: 0.5rem;
  vertical-align: top;
  word-break: break-all;
  word-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .vehicleDataTbl tr th,
  .vehicleDataTbl tr td {
    padding: 15px 20px;
  }
}
.vehicleDataTbl tr th {
  background-color: #F2F2F2;
  width: 20%;
}
.vehicleDataTbl tr td {
  width: 30%;
}

/*****************************************
  メールフォーム
*****************************************/
.contactBlock {
  background-color: #fff;
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .contactBlock {
    padding: 10rem 0 7rem;
  }
}
.contactBlock .bbh3 {
  padding: 0 0 0 0.7rem;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 3rem;
  border-left: solid 14px #09977F;
}

/*====================================

  ■Contact お問い合わせ

=====================================*/
.telFax {
  margin: 0 auto;
  max-width: 85rem;
}

.telBlockWrap {
  border: 3px solid #D6D6D6;
  padding: 1.7rem 1.5rem 0;
  margin: 0 0 1rem;
}
@media screen and (min-width: 768px) {
  .telBlockWrap {
    padding: 1.7rem 3rem 0;
    margin: 0 0 3rem;
  }
}
.telBlockWrap .smallHeadline01 {
  text-align: center;
  padding: 0 0 1rem;
  margin: 0 0 1rem;
  border-bottom: 1px solid #D6D6D6;
}
@media screen and (min-width: 768px) {
  .telBlockWrap02 {
    padding: 1.7rem 3rem 2.3rem;
  }
}

.telBlock {
  display: inline-block;
  line-height: 1;
  font-weight: bold;
  margin: 0 auto 2rem;
}
.telBlock .el_icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.telBlock .el_icon img {
  height: 24px;
}
.telBlock .el_text {
  font-size: 2.7rem;
  font-family: "Poppins", sans-serif;
  letter-spacing: 2px;
  display: inline-block;
  vertical-align: middle;
  color: #333333;
}
@media screen and (min-width: 768px) {
  .telBlock .el_text {
    font-size: 3rem;
  }
}
.telBlock p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 0.5rem 0 0;
}

table.set {
  width: 100%;
  max-width: 100rem;
  border-collapse: collapse;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 767px) {
  table.set {
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  table.set tbody {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  table.set tbody tr {
    width: 100%;
    display: block;
  }
}
table.set tbody tr th {
  width: 25%;
  min-width: 205px;
  padding: 2rem 1rem 2rem 0;
  font-weight: bold;
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #cfd6d6;
}
@media screen and (max-width: 767px) {
  table.set tbody tr th {
    display: block;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.5rem;
    background: none;
    border-bottom: none;
  }
}
table.set tbody tr th .inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
table.set tbody tr th .red {
  display: inline-block;
  width: 45px;
  height: 20px;
  margin: 0;
  padding: 4px 4px 0;
  color: #fff;
  background: #C61400;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
table.set tbody tr th p {
  padding: 0;
  margin: 0;
}
table.set tbody tr td {
  width: 75%;
  font-size: 16px;
  padding: 2rem 0 2rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid #cfd6d6;
}
@media screen and (max-width: 767px) {
  table.set tbody tr td {
    display: block;
    padding: 15px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: none;
  }
}
table.set tbody tr td p {
  line-height: 1;
  margin-top: 10px;
  font-size: 16px;
}
table.set tbody tr td input[type=text],
table.set tbody tr td input[type=email],
table.set tbody tr td input[type=tel],
table.set tbody tr td select,
table.set tbody tr td textarea {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 2;
  padding: 10px 5px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 48px;
  height: 48px;
  font-size: 1.5rem;
}
table.set tbody tr td textarea {
  resize: vertical;
  height: 296px;
  font-size: 1.5rem;
}
table.set tbody tr td.input_half input, table.set tbody tr td.input_half select {
  width: 100%;
  max-width: 100%;
}

.Rqd {
  color: #C61400;
}

.submit_btn {
  position: relative;
  display: block;
  width: 100%;
  max-width: 40rem;
  border: solid 1px #09977F;
  background-color: #09977F;
  color: #fff;
  padding: 1.3rem;
  margin: 0 auto 3rem;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .submit_btn {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .submit_btn:hover {
    opacity: 0.5;
  }
}
.submit_btn::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-image: url(./images/icon_rightarrow01_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.1rem auto;
  width: 2.1rem;
  height: 2.1rem;
}
.submit_btn::before span {
  display: inline-block;
}
.submit_btn.btn--back {
  border: solid 1px #9FA2AF;
  background-color: #9FA2AF;
}

.wpcf7-form-control-wrap.request .wpcf7-list-item {
  display: block;
}

.wpcf7-list-item {
  margin: 0;
}

.wpcf7-spinner {
  display: none;
  margin: 0 auto;
  text-align: center;
}

div.wpcf7 .ajax-loader {
  margin: 5px auto 0;
  display: block;
  color: #fff;
  border: none !important;
  margin: 0px auto 10px;
  text-align: center;
  opacity: 1;
  position: absolute;
  z-index: 1;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.formBtn {
  position: relative;
  padding: 0;
  margin: 0 auto 3rem;
  max-width: 32.8rem;
}
@media screen and (min-width: 768px) {
  .formBtn {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .formBtn:hover {
    opacity: 1;
  }
  .formBtn:hover .wpcf7-form-control {
    background-color: #fff;
    display: inline-block;
    color: #827052;
  }
  .formBtn:hover::after {
    background-color: #827052;
    background-image: url(./images/icon_rightarrow02_white.svg);
  }
}
.formBtn p {
  padding: 0;
  margin: 0;
}
.formBtn .wpcf7-form-control {
  display: block;
  width: 100%;
  max-width: 32.8rem;
  text-align: center;
  background-color: #827052;
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-decoration: none;
  padding: 1.6rem 1rem;
  margin: 0 auto;
  border-radius: 5rem;
  border: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.formBtn::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  z-index: 2;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  border: 1px solid #cfd6d6;
  border-radius: 3rem;
  background-image: url(./images/icon_rightarrow02_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.3rem auto;
  width: 5rem;
  height: 2.4rem;
}
.formBtn::after span {
  display: inline-block;
}

div.wpcf7-validation-errors {
  background-color: #797979;
  color: #fff;
  border: none !important;
  margin: 0px auto 50px;
  text-align: center;
}

div.wpcf7-mail-sent-ok {
  background-color: #1643ac;
  color: #fff;
  border: none !important;
  margin: 0 auto 50px;
  text-align: center;
}

.wpcf7-checkbox .wpcf7-list-item {
  margin-right: 2.4rem;
}

/*====================================

  ■セクション

=====================================*/
.commonSec {
  padding: 12rem 0 5rem;
}
@media screen and (min-width: 768px) {
  .commonSec {
    padding: 13rem 0 10rem;
  }
}
.commonSec.--under {
  padding: 8rem 0 5rem;
}
@media screen and (min-width: 768px) {
  .commonSec.--under {
    padding: 13rem 0 10rem;
  }
}
.commonSec.--bg {
  background-image: url(./images/bg_common.png);
  background-repeat: repeat;
}
.commonSec.--ver02 {
  padding: 12rem 0 5rem;
}
@media screen and (min-width: 768px) {
  .commonSec.--ver02 {
    padding: 6rem 0 4rem;
  }
}

/*====================================

  ■コンセプト

=====================================*/
.commonCatch {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .commonCatch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.commonCatch .commonCatch__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commonCatch .commonCatch__left {
    max-width: 54.1rem;
    margin: 0 3rem 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .commonCatch .commonCatch__left {
    max-width: 70rem;
    margin: 0 6rem 0 0;
  }
}
.commonCatch .commonCatch__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commonCatch .commonCatch__right {
    max-width: 72.5rem;
  }
}

.commonCatcTitle {
  font-weight: normal;
  line-height: 1.5;
  margin: 0 0 2.5rem;
  display: block;
  font-weight: 500;
  font-size: 2.1rem;
  text-align: center;
  color: #0D705F;
}
@media screen and (min-width: 768px) {
  .commonCatcTitle {
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .commonCatcTitle {
    font-size: 2.8rem;
    margin: 0 0 4rem;
  }
}

/*====================================

  ■基本情報

=====================================*/
@media screen and (min-width: 768px) {
  .commonBasic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.commonBasic .commonBasic__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commonBasic .commonBasic__left {
    margin: 0 3rem 0 0;
  }
}
.commonBasic .commonBasic__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commonBasic .commonBasic__right {
    max-width: 38.7rem;
  }
}

/*====================================

  ■ページ内メニュー

=====================================*/
.commonMenu {
  text-align: center;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 0 0 3rem -0.5rem;
}
@media screen and (min-width: 768px) {
  .commonMenu {
    width: calc(100% + 3rem);
    margin: 0 0 5rem -1.5rem;
  }
}
.commonMenu li {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0 0.5rem 1rem;
  width: calc(50% - 1rem);
}
@media screen and (min-width: 768px) {
  .commonMenu li {
    margin: 0 1.5rem 3rem;
    width: calc(50% - 3rem);
  }
}
.commonMenu li a {
  display: block;
  padding: 0 0 1.5rem;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.4;
  border-bottom: 2px solid #cfd6d6;
}
@media screen and (min-width: 768px) {
  .commonMenu li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .commonMenu li a:hover {
    opacity: 0.5;
  }
}
.commonMenu li a .el_text {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .commonMenu li a .el_text {
    font-size: 2rem;
  }
}
.commonMenu li.active a {
  border-bottom: 2px solid #09977F;
}
@media screen and (min-width: 1200px) {
  .commonMenu.--4col li {
    width: calc(25% - 3rem);
  }
}
@media screen and (min-width: 768px) {
  .commonMenu.--4col li a .el_text {
    font-size: 1.6rem;
  }
}

/*====================================

  ■詳細

=====================================*/
.commonDetail {
  padding: 0 0 2rem;
  margin: 0 auto 5rem;
  border-bottom: 1px solid #333333;
}
@media screen and (min-width: 768px) {
  .commonDetail {
    padding: 0 0 7rem;
    margin: 0 auto 10rem;
  }
}
.commonDetail:last-child {
  border: none;
  border-bottom: none;
  padding: 0;
  margin: 0 auto;
}

.sdgsList {
  padding: 0;
  margin: 0 0 2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sdgsList {
    text-align: right;
  }
}
.sdgsList li {
  padding: 0;
  margin: 0 0.3rem 1rem 0;
  list-style: none;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .sdgsList li {
    margin: 0 0 1rem 1rem;
  }
}
.sdgsList li img {
  display: inline-block;
  width: 65px;
}
@media screen and (min-width: 768px) {
  .sdgsList li img {
    width: 90px;
  }
}

/*====================================

  ■インストラクター

=====================================*/
.instructorItem {
  max-width: 112rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .instructorItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.instructorItem .instructorItem__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .instructorItem .instructorItem__left {
    max-width: 31rem;
    margin: 0 3rem 0 0;
  }
}
.instructorItem .instructorItem__left img {
  display: inline-block;
  width: 100%;
  max-width: 20rem;
}
@media screen and (min-width: 768px) {
  .instructorItem .instructorItem__left img {
    max-width: 100%;
  }
}
.instructorItem .instructorItem__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .instructorItem .instructorItem__right {
    max-width: 74.9rem;
  }
}

/*====================================

  ■FAQ

=====================================*/
.faqList {
  max-width: 120rem;
  padding: 0;
  margin: 0 auto 3rem;
  border-top: 1px solid #cfd6d6;
}
@media screen and (min-width: 768px) {
  .faqList {
    margin: 0 auto 9rem;
  }
}
.faqList .faqListItem {
  padding: 2.4rem 0;
  margin: 0;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 1px solid #cfd6d6;
}

.faqListBtn {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  cursor: pointer;
}
.faqListBtn span:first-child {
  background-image: url(./images/icon_plus.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}

.faqListQuestion {
  padding: 0rem 5rem;
  cursor: pointer;
  position: relative;
}
.faqListQuestion .faqListQuestionText {
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 2rem;
  font-weight: normal;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #cfd6d6;
}
@media screen and (min-width: 768px) {
  .faqListQuestion .faqListQuestionText {
    font-size: 2.4rem;
  }
}
.faqListQuestion .faqListQuestionText::before {
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  content: "Q";
  position: absolute;
  top: 0.6rem;
  left: -4rem;
  display: inline-block;
  font-size: 1.7rem;
  color: #827052;
  font-weight: bold;
  line-height: 1;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  text-align: center;
  padding: 0.3rem 0 0;
}
@media screen and (min-width: 768px) {
  .faqListQuestion .faqListQuestionText::before {
    font-size: 2.4rem;
    top: 0.6rem;
  }
}
.faqListQuestion .faqListQuestionText p {
  margin: 0;
}
.faqListQuestion.on .faqListBtn span:first-child {
  background-image: url(./images/icon_minus.svg);
}
.faqListQuestion.on + .faqListAnswer {
  display: block;
}
.faqListQuestion:hover {
  opacity: 0.7;
}

.faqListAnswer {
  position: relative;
  display: none;
  padding: 1rem 2rem 1rem 5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .faqListAnswer {
    padding: 1.4rem 1.4rem 1.4rem 5rem;
  }
}
.faqListAnswer .faqListAnswerText {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  color: #cfd6d6;
}
@media screen and (min-width: 768px) {
  .faqListAnswer .faqListAnswerText {
    font-size: 2.1rem;
  }
}
.faqListAnswer .faqListAnswerText::before {
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  content: "A";
  position: absolute;
  top: 0.3rem;
  left: -4rem;
  display: inline-block;
  font-size: 2rem;
  color: #827052;
  font-weight: bold;
  line-height: 1;
  border-radius: 100%;
  width: 3rem;
  height: 3rem;
  text-align: center;
  padding: 0.3rem 0 0;
}
@media screen and (min-width: 768px) {
  .faqListAnswer .faqListAnswerText::before {
    font-size: 2.4rem;
    top: 0.6rem;
  }
}
.faqListAnswer .faqListAnswerText p {
  margin: 0;
}

/*====================================

  ■スライド

=====================================*/
.commonSlide {
  margin: 0 auto 5rem;
}
@media screen and (min-width: 768px) {
  .commonSlide {
    margin: 0 auto 8rem;
  }
}
.commonSlide .commonSlideImg {
  list-style: none;
}
.commonSlide .commonSlideImg li {
  padding: 0;
  text-align: center;
}
.commonSlide .commonSlideImg li img {
  display: inline-block;
}
.commonSlide .commonSlideOptionWrap {
  text-align: center;
  margin: 0 auto 5rem;
}
.commonSlide .commonSlideOptionWrap .commonSlideOption {
  display: inline-block;
  position: relative;
  padding: 0 3rem;
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-arrow {
  position: absolute;
  top: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 1.1rem;
  height: 2.2rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-arrow::before {
  display: none;
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-arrow.slick-prev {
  left: 0;
  background-image: url(./images/icon_prev02_black.svg);
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-arrow.slick-next {
  right: 0;
  background-image: url(./images/icon_next02_black.svg);
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-dots {
  margin: 0;
  bottom: 0;
  position: static;
  line-height: 1;
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-dots li {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0 0.5rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  border-radius: 100%;
  background-color: #cbcbce;
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-dots li button::before {
  display: none;
}
.commonSlide .commonSlideOptionWrap .commonSlideOption .slick-dots li.slick-active button {
  background: none;
  border: 3px solid #09977f;
}

/*====================================

  ■マップ

=====================================*/
.commonMap {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .commonMap {
    padding-top: 52.6rem;
  }
}
.commonMap iframe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/*====================================

  ■リンク集

=====================================*/
.commonLinks {
  margin: 6rem 0 6rem;
}
@media screen and (min-width: 768px) {
  .commonLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 4rem);
    margin: 8rem 0 0 -2rem;
  }
}
.commonLinks .commonLinksItem {
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  margin: 0 auto 4.5rem;
}
@media screen and (min-width: 768px) {
  .commonLinks .commonLinksItem {
    max-width: calc(50% - 4rem);
    margin: 0 2rem 6.2rem;
  }
}
@media screen and (min-width: 768px) {
  .commonLinks .commonLinksItem .commonLinksItemFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left {
    max-width: 50%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksNum {
  position: absolute;
  top: -2.2rem;
  left: 1.5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #1D6156;
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksNum .el_text01 {
  display: inline-block;
  font-size: 1.8rem;
  vertical-align: top;
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksNum .el_text02 {
  display: inline-block;
  font-size: 5rem;
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksHeadline {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0 1.5rem;
  margin: 1.5rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksHeadline {
    font-size: 1.9rem;
    padding: 0;
    margin: 0 0 1.5rem;
  }
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksHref {
  text-align: center;
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksHref a {
  display: inline-block;
  width: 100%;
  max-width: 9.4rem;
  text-align: center;
  background-color: #333333;
  color: #fff;
  z-index: 1;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  padding: 1.1rem 0rem;
  margin: 0 0 2rem;
  border: none;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksHref a {
    max-width: 9.4rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0;
  }
  .commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__left .commonLinksHref a:hover {
    opacity: 0.5;
  }
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__right {
    max-width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__right .commonLinksImg {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.commonLinks .commonLinksItem .commonLinksItemFlex .commonLinksItem__right .commonLinksImg img {
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .commonLinks .commonLinksItem:last-child {
    margin-bottom: 3rem;
  }
}

/*====================================

  ■施設概要

=====================================*/
.facilitiesTable {
  overflow: hidden;
  margin: 0 auto 5rem;
}
@media screen and (min-width: 768px) {
  .facilitiesTable {
    background-image: url(./images/company_facilities_bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    margin: 0 auto 7rem;
  }
}
.facilitiesTable .facilitiesTableInner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .facilitiesTable .facilitiesTableInner {
    max-width: 85%;
  }
}
.facilitiesTable .facilitiesTableInner .facilitiesTableInnerBefore {
  display: none;
}
@media screen and (min-width: 768px) {
  .facilitiesTable .facilitiesTableInner .facilitiesTableInnerBefore {
    content: "";
    display: block;
    background-color: #F8F8F8;
    position: absolute;
    top: 0;
    right: 150px;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .facilitiesTable .facilitiesTableInner .facilitiesTableInnerBefore {
    right: 458px;
  }
}
.facilitiesTable .facilitiesTableInner .facilitiesTableInnerAfter {
  display: none;
}
@media screen and (min-width: 768px) {
  .facilitiesTable .facilitiesTableInner .facilitiesTableInnerAfter {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    border-top: 680px solid #F8F8F8;
    border-right: 150px solid transparent;
  }
}
@media screen and (min-width: 1200px) {
  .facilitiesTable .facilitiesTableInner .facilitiesTableInnerAfter {
    right: 0;
    border-right: 458px solid transparent;
  }
}
.facilitiesTable .facilitiesTableInner .facilitiesTableInnerCenter {
  display: none;
}
@media screen and (min-width: 768px) {
  .facilitiesTable .facilitiesTableInner .facilitiesTableInnerCenter {
    display: block;
    width: 1rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 619px;
    background-color: #F8F8F8;
  }
}
@media screen and (min-width: 1200px) {
  .facilitiesTable .facilitiesTableInner .facilitiesTableInnerCenter {
    right: 455px;
  }
}
.facilitiesTable .facilitiesTableInner .table01 {
  position: relative;
  z-index: 1;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .facilitiesTable .facilitiesTableInner .table01 {
    border: none;
  }
}
@media screen and (min-width: 768px) {
  .facilitiesTable .facilitiesTableInner .table01 tbody tr th {
    border: none;
  }
}
@media screen and (min-width: 768px) {
  .facilitiesTable .facilitiesTableInner .table01 tbody tr td {
    border: none;
  }
}

/*====================================

  ■ギャラリー

=====================================*/
.commonGallery {
  padding: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .commonGallery {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .commonGallery .row {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.commonGallery .commonGalleryImg {
  position: relative;
  display: block;
  text-align: center;
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .commonGallery .commonGalleryImg {
    margin: 0 0 3rem;
  }
}
.commonGallery .commonGalleryImg a {
  display: block;
}
.commonGallery .commonGalleryImg a .commonGalleryBig {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(./images/icon_big.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.commonGallery .commonGalleryImg a img {
  display: inline-block;
  width: 100%;
}

/*================================

沿革

================================*/
.tableHistory {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tableHistory::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 54px);
  background: #0D705F;
  position: absolute;
  top: 15px;
  left: 0;
}
.tableHistory th {
  vertical-align: top;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  font-size: 2.2rem;
  max-width: 13rem;
  padding: 0.3rem 1.5rem 3rem 1.5rem;
  position: relative;
  text-align: left;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .tableHistory th {
    font-size: 3rem;
    max-width: 15rem;
    padding: 0.1rem 3rem 3rem 3rem;
  }
}
.tableHistory th::after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: auto;
  left: -3px;
  width: 7px;
  height: 7px;
  background: #0D705F;
  border-radius: 100%;
}
.tableHistory td {
  vertical-align: top;
  width: calc(100% - 140px);
  padding: 0 0 3rem;
}
.tableHistory td:last-child {
  margin: 0;
}
.tableHistory td .el_month {
  font-weight: bold;
  display: block;
  font-size: 1.7rem;
  margin-bottom: 0.1rem;
  line-height: 1.4;
}
.tableHistory td p {
  margin-bottom: 2rem;
}

/*====================================

  ■特徴

=====================================*/
@media screen and (min-width: 768px) {
  .commonPoint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 3rem);
    margin: 0 0 0 -1.5rem;
  }
}
.commonPoint .commonPointItem {
  width: 100%;
  margin: 0 0 3rem;
  padding: 3rem 0 0;
  background-color: #0D705F;
}
@media screen and (min-width: 768px) {
  .commonPoint .commonPointItem {
    max-width: calc(50% - 3rem);
    margin: 0 1.5rem 3rem;
  }
}
@media screen and (min-width: 992px) {
  .commonPoint .commonPointItem {
    max-width: calc(25% - 3rem);
    margin: 0 1.5rem 3rem;
  }
}
.commonPoint .commonPointItem .img {
  text-align: center;
}
.commonPoint .commonPointItem .commonPointItemInner {
  padding: 1.5rem 3rem 0rem;
}
.commonPoint .commonPointItem .recruitInterviewBodyTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 1rem;
  text-align: center;
}
.commonPoint .commonPointItem .recruitInterviewBodyTitle .el_text01 {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-align: center;
  line-height: 1;
  color: #fff;
}
.commonPoint .commonPointItem .recruitInterviewBodyTitle .el_text02 {
  display: block;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .commonPoint .commonPointItem .recruitInterviewBodyTitle .el_text02 {
    font-size: 2.1rem;
  }
}
.commonPoint .commonPointItem .smallHeadline01 .main_text {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .commonPoint .commonPointItem .smallHeadline01 .main_text {
    font-size: 2.4rem;
  }
}

/*====================================

  ■流れ

=====================================*/
.commonFlow .commonFlowItem {
  position: relative;
  padding: 0 0 5rem;
}
@media screen and (min-width: 768px) {
  .commonFlow .commonFlowItem {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.commonFlow .commonFlowItem .commonFlowItem__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .commonFlow .commonFlowItem .commonFlowItem__left {
    max-width: 40rem;
    margin-right: 6rem;
  }
}
.commonFlow .commonFlowItem .commonFlowItem__right .mediumHeadline07 .sub_text {
  font-size: 2.5rem;
  font-weight: bold;
}
.commonFlow .commonFlowItem::after {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  content: "";
  display: inline-block;
  border-top: 3rem solid #09977F;
  border-right: 4rem solid transparent;
  border-left: 4rem solid transparent;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
.commonFlow .commonFlowItem:last-child {
  padding: 0;
}
.commonFlow .commonFlowItem:last-child::after {
  display: none;
}

/*====================================

  ■お知らせ

=====================================*/
.newsWrap {
  background: #fff;
  border: 1px solid #cfd6d6;
  padding: 50px 30px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .newsWrap {
    padding: 50px 100px;
  }
}

.newsDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0D705F;
  margin: 0 0 10px;
}
.newsDate .newsDate__left time {
  font-size: 1.3rem;
  color: #333333;
  font-family: "Poppins", sans-serif;
  padding: 6px 0 2px 0;
}
.newsDate .newsDate__right {
  border-left: 1px solid #0D705F;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
}

.newsCat .num_cat_parent {
  border-radius: 20px;
  border: 1px solid #0D705F;
  font-size: 1.3rem;
  padding: 1px 10px 2px;
}
.newsCat .num_cat_parent.num_cat_parent--web-design {
  background: #0C133A;
  color: #fff;
}
.newsCat .num_cat_parent.num_cat_parent--system {
  background: #674D9C;
  color: #fff;
}
.newsCat .num_cat_parent.num_cat_parent--design {
  background: #8B929F;
  color: #fff;
}

.newsHeadline {
  font-size: 2rem;
  font-weight: bold;
  color: #353744;
  border-bottom: 1px solid #D6D6D6;
  padding: 0 0 20px;
  margin: 0 0 25px;
}
@media screen and (min-width: 768px) {
  .newsHeadline {
    font-size: 2.7rem;
  }
}

.singleNews {
  padding: 9rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .singleNews {
    padding: 5rem 0 5rem;
  }
}

/*====================================

  ■グループ企業

=====================================*/
.groupHeader {
  background-color: #fff;
  padding: 1.5rem;
}
.groupHeader .groupHeaderInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100rem;
  margin: 0 auto;
}
.groupHeader .groupHeaderInner .headerLogo {
  max-width: 20rem;
  padding: 0;
  margin: 0 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .groupHeader .groupHeaderInner .headerLogo {
    max-width: 30rem;
  }
}
.groupHeader .groupHeaderInner .headerLogo a {
  display: inline-block;
}
.groupHeader .groupHeaderInner .headerTel {
  padding: 0;
  margin: 0 1.5rem 0 auto;
}
.groupHeader .groupHeaderInner .headerTel .telBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
}
.groupHeader .groupHeaderInner .headerTel .telBlock .el_icon {
  width: 18px;
  height: 24px;
  background-image: url(./images/green_phone.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.groupHeader .groupHeaderInner .headerTel .telBlock .el_icon img {
  height: 31px;
}
@media screen and (min-width: 768px) {
  .groupHeader .groupHeaderInner .headerTel .telBlock .el_icon img {
    height: 24px;
  }
}
.groupHeader .groupHeaderInner .headerTel .telBlock .el_text {
  display: none;
  letter-spacing: 0;
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  .groupHeader .groupHeaderInner .headerTel .telBlock .el_text {
    display: block;
    font-size: 2.7rem;
  }
}
.groupHeader .groupHeaderInner .headerContact a {
  display: inline-block;
  width: 100%;
  max-width: 37.6rem;
  text-align: center;
  background-color: #333333;
  color: #fff;
  position: relative;
  z-index: 1;
  line-height: 1;
  font-size: 1.1rem;
  font-weight: 500;
  text-decoration: none;
  padding: 1.3rem 1.3rem 1.4rem;
  border: none;
}
@media screen and (min-width: 768px) {
  .groupHeader .groupHeaderInner .headerContact a {
    font-size: 1.5rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .groupHeader .groupHeaderInner .headerContact a:hover {
    opacity: 0.5;
  }
}
.groupHeader .groupHeaderInner .headerContact a span {
  display: inline-block;
}
.groupHeader.color_orange .groupHeaderInner .headerTel .telBlock .el_icon {
  background-image: url(./images/orange_phone.svg);
}

.main-content-group .container {
  max-width: 106rem;
}
.main-content-group .groupSec {
  padding: 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .main-content-group .groupSec {
    padding: 0 0 7rem;
  }
}
.main-content-group .groupSec.--first {
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .main-content-group .groupSec.--first {
    padding: 10rem 0 7rem;
  }
}
.main-content-group .mainimage img {
  width: 100%;
}
.main-content-group.color_orange .largeHeadline07 {
  color: #f8690a;
}
.main-content-group.color_orange .groupContactSec .groupContactBtn .groupContactBtnItem.--01 a {
  background-color: #ed6d00;
}
.main-content-group.color_orange .groupContactSec .groupContactBtn .groupContactBtnItem.--01 a .el_text h3 {
  color: #fff;
}
.main-content-group.color_orange .groupContactSec .groupContactBtn .groupContactBtnItem.--01 a .el_text p {
  color: #fff;
}
.main-content-group.color_orange .groupContactSec .groupContactBtn .groupContactBtnItem.--02 a {
  background-color: #f3f3f3;
}
.main-content-group.color_orange .groupContactSec .groupContactBtn .groupContactBtnItem.--02 a .el_text h3 {
  color: #333333;
}
.main-content-group.color_orange .groupContactSec .groupContactBtn .groupContactBtnItem.--02 a .el_text p {
  color: #e35226;
}

.btn_print .btn02 {
  max-width: 15.6rem;
  padding: 1.1rem 2rem 1.1rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .btn_print .btn02 {
    max-width: 18.6rem;
    font-size: 1.6rem;
  }
}

.groupService {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 3rem);
  margin: 0 0 0 -1.5rem;
}
.groupService .groupServiceItem {
  width: 100%;
  margin: 0 1.5rem 3rem;
}
@media screen and (min-width: 768px) {
  .groupService .groupServiceItem {
    max-width: calc(25% - 3rem);
    margin: 0 1.5rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .groupService.item-1 .groupServiceItem {
    max-width: calc(100% - 3rem);
  }
}
@media screen and (min-width: 768px) {
  .groupService.item-1 .groupServiceItem .groupServiceItemInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .groupService.item-1 .groupServiceItem .groupServiceItemInner .groupServiceItem01 {
    width: 100%;
    max-width: 55%;
    margin-right: 5%;
  }
}
@media screen and (min-width: 768px) {
  .groupService.item-1 .groupServiceItem .groupServiceItemInner .groupServiceItem02 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .groupService.item-2 .groupServiceItem {
    max-width: calc(50% - 3rem);
  }
}
@media screen and (min-width: 768px) {
  .groupService.item-3 .groupServiceItem {
    max-width: calc(33.3333333333% - 3rem);
  }
}
@media screen and (min-width: 768px) {
  .groupService.item-4 .groupServiceItem {
    max-width: calc(25% - 3rem);
  }
}

.flowList {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .flowList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }
}
.flowList li {
  width: 100%;
  position: relative;
  list-style-type: none;
  background-color: #fff;
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .flowList li {
    max-width: calc(33.3333333333% - 3rem);
    margin: 0 1.5rem 1.5rem;
  }
}
.flowList li dl {
  border: 2px solid #09977F;
  border-radius: 0.5rem;
  padding: 1.5rem 2rem;
  margin: 0;
}
.flowList li dl dt {
  font-size: 18px;
  font-weight: bold;
  color: #09977F;
}
.flowList li dl dd {
  font-size: 1.5rem;
}
.flowList li dl + .arrow {
  position: absolute;
  bottom: -2.3rem;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  border-style: solid;
  border-left: 1.3rem solid transparent;
  border-right: 1.3rem solid transparent;
  border-top: 1.3rem solid #09977F;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .flowList li dl + .arrow {
    right: -2.3rem;
    left: auto;
    top: 50%;
    bottom: auto;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    border-style: solid;
    border-top: 1.3rem solid transparent;
    border-bottom: 1.3rem solid transparent;
    border-left: 1.3rem solid #09977F;
    border-right: 0;
  }
}
.flowList li:last-child dl + .arrow {
  display: none;
}

#gmap {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
@media screen and (min-width: 768px) {
  #gmap {
    padding-top: 100%;
  }
}
#gmap iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.groupImg {
  position: relative;
  overflow: hidden;
  padding-top: 45%;
}
@media screen and (min-width: 768px) {
  .groupImg {
    padding-top: 0;
  }
}
.groupImg img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .groupImg img {
    position: static;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
  }
}

.groupSec02 {
  padding: 5rem 0 5rem;
  border-bottom: 1px solid #cfd6d6;
}
@media screen and (min-width: 768px) {
  .groupSec02 {
    padding: 13rem 0 10rem;
  }
}
@media screen and (min-width: 768px) {
  .groupSec02 .groupWrap .groupWrapItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.groupSec02 .groupWrap .groupWrapItem .groupWrapItem__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .groupSec02 .groupWrap .groupWrapItem .groupWrapItem__left {
    max-width: 80rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 3rem 0 0;
  }
}
.groupSec02 .groupWrap .groupWrapItem .groupWrapItem__left .groupWrapItemCatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3rem 0;
}
.groupSec02 .groupWrap .groupWrapItem .groupWrapItem__left .groupWrapItemCatch .groupWrapItemCatchNum {
  margin: 0 1.5rem 0 0;
}
.groupSec02 .groupWrap .groupWrapItem .groupWrapItem__left .groupWrapItemCatch .groupWrapItemCatchNum span {
  border: 1px solid #333333;
  border-radius: 100%;
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  margin: 0;
  min-width: 7rem;
  min-height: 7rem;
  text-align: center;
  display: inline-block;
  padding: 0.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .groupSec02 .groupWrap .groupWrapItem .groupWrapItem__left .groupWrapItemCatch .groupWrapItemCatchNum span {
    font-size: 3rem;
    min-width: 7rem;
    min-height: 7rem;
    padding: 0.5rem 0 0;
  }
}
.groupSec02 .groupWrap .groupWrapItem .groupWrapItem__left .groupWrapItemCatch .groupWrapItemCatchText {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .groupSec02 .groupWrap .groupWrapItem .groupWrapItem__left .groupWrapItemCatch .groupWrapItemCatchText {
    margin: 1rem 0;
    font-size: 2.1rem;
  }
}
.groupSec02 .groupWrap .groupWrapItem .groupWrapItem__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .groupSec02 .groupWrap .groupWrapItem .groupWrapItem__right {
    max-width: 35rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.groupSec02 .groupWrap .groupWrapItem .groupWrapItem__right .img {
  margin: 0;
}

/*====================================

  ■お問い合わせ

=====================================*/
.groupContactSec {
  position: relative;
  background-color: #fff;
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .groupContactSec {
    padding: 10rem 0 7rem;
  }
}
.groupContactSec .groupContactborder01 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .groupContactSec .groupContactborder01 {
    display: block;
    position: absolute;
    top: 3rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #425453;
  }
}
.groupContactSec .groupContactborder02 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .groupContactSec .groupContactborder02 {
    display: block;
    position: absolute;
    top: 3rem;
    left: 3rem;
    width: 1px;
    height: calc(100% - 3rem);
    background-color: #425453;
  }
}
.groupContactSec .groupContactborder03 {
  display: none;
}
@media screen and (min-width: 1200px) {
  .groupContactSec .groupContactborder03 {
    display: block;
    position: absolute;
    top: 3rem;
    right: 3rem;
    width: 1px;
    height: calc(100% - 3rem);
    background-color: #425453;
  }
}
@media screen and (min-width: 768px) {
  .groupContactSec .groupContactBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.groupContactSec .groupContactBtn .groupContactBtnItem {
  width: 100%;
  margin: 0 0 3rem;
}
.groupContactSec .groupContactBtn .groupContactBtnItem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  background-color: #f3f3f3;
}
@media screen and (min-width: 768px) {
  .groupContactSec .groupContactBtn .groupContactBtnItem a {
    padding: 3rem 1.5rem 3rem 6rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .groupContactSec .groupContactBtn .groupContactBtnItem a:hover {
    opacity: 0.5;
  }
}
.groupContactSec .groupContactBtn .groupContactBtnItem a .el_icon {
  margin: 0 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .groupContactSec .groupContactBtn .groupContactBtnItem a .el_icon {
    margin: 0 2.5rem 0 0;
  }
}
.groupContactSec .groupContactBtn .groupContactBtnItem a .el_text h3 {
  display: block;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  color: #292F37;
  margin: 0.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .groupContactSec .groupContactBtn .groupContactBtnItem a .el_text h3 {
    font-size: 2.4rem;
    text-align: left;
    margin: 0 0 0.5em;
  }
}
.groupContactSec .groupContactBtn .groupContactBtnItem a .el_text p {
  color: #8F96A1;
  font-size: 1.5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin: 0;
}
.groupContactSec .groupContactBtn .groupContactBtnItem.--01 {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .groupContactSec .groupContactBtn .groupContactBtnItem.--01 {
    margin-bottom: 3rem;
  }
}
.groupContactSec .groupContactBtn .groupContactBtnItem.--02 a {
  background-color: #0DAC91;
}
.groupContactSec .groupContactBtn .groupContactBtnItem.--02 a .el_text h3 {
  color: #fff;
}
.groupContactSec .groupContactBtn .groupContactBtnItem.--02 a .el_text p {
  color: #075448;
}

/*====================================

  ■投稿詳細　タイトル

=====================================*/
.postTitleSec {
  position: relative;
  padding: 4rem 0 0;
  margin: 5.6rem 0 0;
}
@media screen and (min-width: 768px) {
  .postTitleSec {
    padding: 8rem 0;
    margin: 7.1rem 0 0;
    border-top: 1px solid #CFD6D6;
    border-bottom: 1px solid #CFD6D6;
  }
}
@media screen and (min-width: 1200px) {
  .postTitleSec {
    margin: 7.1rem 0 0;
  }
}
@media screen and (min-width: 1400px) {
  .postTitleSec {
    margin: 9.6rem 0 0;
  }
}
.postTitleSec .postTitle {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .postTitleSec .postTitle {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .postTitleSec .postTitle {
    font-size: 4rem;
  }
}
.postTitleSec .postTitle .el_text {
  display: inline-block;
}
.postTitleSec .postTitle .el_cat {
  display: block;
  margin: 0 0 1.3rem;
  line-height: 1;
}
.postTitleSec .postTitle .el_cat span {
  display: inline-block;
  background-color: #5e6071;
  color: #fff;
  padding: 0.9rem 0.7rem;
  font-size: 1.3rem;
  font-weight: normal;
  text-align: center;
  min-width: 9.6rem;
}
@media screen and (min-width: 768px) {
  .postTitleSec.--category {
    padding: 4.2rem 0 4rem;
  }
}

/*====================================

  ■投稿基本設定

=====================================*/
/*投稿
--------------------------------------*/
.post__content {
  margin: 0 auto 3rem;
}

.post__content:before,
.post__content:after {
  content: " ";
  display: table;
}

.post__content:after {
  clear: both;
}

.post__content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.post__content img.aligncenter {
  margin: 20px auto;
  display: block;
}

.post__content h1 {
  background: #f8f8f9;
  border-left: 3px solid #212836;
  margin: 30px 0 20px;
  padding: 12px 10px 12px 15px;
  font-size: 2.2rem;
  font-weight: bold;
}

.post__content h2 {
  font-size: 2rem;
  margin: 30px 0 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid #d2d2d2;
}

.post__content h3 {
  font-size: 2rem;
  margin: 30px 0 20px;
  padding: 0 0 0 25px;
  position: relative;
}
.post__content h3::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #adb1b9;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 5px;
}

.post__content h4 {
  font-size: 1.7rem;
  margin: 20px 0;
}

.post__content h5 {
  font-size: 1.5rem;
  margin: 20px 0;
}

.post__content h6 {
  font-size: 1.3rem;
  margin: 20px 0;
}

.post__content h1,
.post__content h2,
.post__content h3,
.post__content h4,
.post__content h5,
.post__content h6 {
  line-height: 1.4;
}

.post__content div {
  max-width: 100%;
}

.post__content p {
  margin-bottom: 10px;
}

.post__content a {
  text-decoration: underline;
}

.post__content a:hover {
  text-decoration: none;
}

.post__content ul,
.post__content ol {
  margin: 15px 0;
  padding: 0 0 0 15px;
}

.post__content ul li {
  list-style-type: disc;
  margin: 5px 0;
  text-indent: 5px;
}

.post__content ol li {
  list-style-type: decimal;
  margin: 5px 0;
}

.post__content table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.post__content table th {
  background: #eee;
  border: 1px solid #ccc;
  padding: 10px;
}

.post__content table td {
  border: 1px solid #ccc;
  padding: 10px;
}

/*投稿が何もなかった時の表示用*/
.null__block {
  width: 100%;
  text-align: center;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
}

/*左寄せ*/
.alignleft {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

/*右寄せ*/
.alignright {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .visible-xs {
    display: none;
  }
}

.repairvisual {
  background-size: cover;
  color: #fff;
  background: #071724;
  padding: 40px 14px 30px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 5.6rem 0 0;
}
@media screen and (min-width: 601px) {
  .repairvisual {
    padding: 60px 14px 40px;
  }
}
@media screen and (min-width: 768px) {
  .repairvisual {
    background-position: left;
    margin: 7.1rem 0 0;
    padding: 140px 14px 140px;
    background-image: url(images/repair_mv.jpg);
  }
}
@media screen and (min-width: 1200px) {
  .repairvisual {
    margin: 7.1rem 0 0;
    padding: 180px 14px 190px;
  }
}
@media screen and (min-width: 1400px) {
  .repairvisual {
    margin: 9.6rem 0 0;
  }
}
@media screen and (min-width: 1700px) {
  .repairvisual {
    margin: 9.6rem 0 0;
  }
}
.repairvisual .r_neckbox {
  width: 100%;
  max-width: 680px;
}
.repairvisual .r_neckbox .mini {
  font-size: 17px;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .repairvisual .r_neckbox .mini {
    font-size: 14px;
  }
}
.repairvisual .centerboxin {
  width: 100%;
  max-width: 1460px;
  margin: auto;
}
@media screen and (max-width: 600px) {
  .repairvisual .centerboxin {
    max-width: 300px;
  }
}
.repairvisual .centerbox {
  text-align: center;
}
.repairvisual .centerbox .big1 {
  font-family: "Poppins", sans-serif;
  color: #45c5b0;
  font-size: 60px;
  line-height: 1.3;
  letter-spacing: -4px;
}
@media screen and (max-width: 767px) {
  .repairvisual .centerbox .big1 {
    font-size: 52px;
  }
}
@media screen and (max-width: 600px) {
  .repairvisual .centerbox .big1 {
    font-size: 44px;
  }
}
.repairvisual .centerbox .big2 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 12px;
}
@media screen and (max-width: 1199px) {
  .repairvisual .centerbox .big2 {
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 767px) {
  .repairvisual .centerbox .big2 {
    font-size: 17px;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .repairvisual .centerbox .big2 {
    font-size: 14px;
    letter-spacing: 2px;
  }
}

@media screen and (min-width: 768px) {
  .commonMenu2 {
    margin: 0 0 12rem;
  }
}
@media screen and (min-width: 1200px) {
  .commonMenu2 {
    margin: 0 0 17rem;
  }
}
@media screen and (min-width: 768px) {
  .commonMenu2 li {
    width: calc(16% - 0.2rem);
    margin: 0 0.2rem 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .commonMenu2 li {
    width: calc(16.5% - 0.2rem);
    margin: 0 0.2rem 3rem;
  }
}
.commonMenu2 li a .el_text {
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .commonMenu2 li a .el_text {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .commonMenu3 {
    margin: 0 0 12rem;
  }
}
@media screen and (min-width: 1200px) {
  .commonMenu3 {
    margin: 0 0 17rem;
  }
}
@media screen and (min-width: 768px) {
  .commonMenu3 li {
    width: calc(33% - 0.2rem);
    margin: 0 0.2rem 3rem;
  }
}
.commonMenu3 li a .el_text {
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .commonMenu3 li a .el_text {
    font-size: 16px;
  }
}

.f_tripple {
  width: 100%;
  max-width: 1118px;
  margin: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 991px) {
  .f_tripple {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 738px;
  }
}
@media screen and (max-width: 767px) {
  .f_tripple {
    display: block;
  }
}
.f_tripple .block1 {
  position: relative;
  width: calc(33% - 5px);
}
@media screen and (max-width: 991px) {
  .f_tripple .block1 {
    width: calc(50% - 5px);
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 767px) {
  .f_tripple .block1 {
    width: 100%;
    max-width: 366px;
    margin-bottom: 20px;
  }
}
.f_tripple .block1 .intitle {
  padding: 20px;
  padding-left: 70px;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 1199px) {
  .f_tripple .block1 .intitle {
    padding: 20px 12px 20px 12px;
    padding-left: 60px;
  }
}
.f_tripple .block1 .intitle .float {
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  background: #09977f;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  padding: 20px 15px 20px 15px;
  line-height: 1;
  letter-spacing: -1px;
  position: absolute;
}
@media screen and (max-width: 1199px) {
  .f_tripple .block1 .intitle .float {
    font-size: 17px;
    padding: 20px 15px 20px 15px;
  }
}
.f_tripple .block1 .intitle .float::before {
  display: none;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 60px solid #fff;
  border-left: 20px solid transparent;
}
@media screen and (max-width: 1199px) {
  .f_tripple .block1 .intitle .float::before {
    border-left: 15px solid transparent;
    display: block;
  }
}
.f_tripple .block1 .intitle.--absolute {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  padding-left: 40px;
}
.f_tripple .block1 .intitle.--absolute::before {
  display: none;
}
.f_tripple .block1 .intitle.--absolute .float {
  font-size: 22px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  background: #09977f;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  padding: 10px;
  line-height: 1;
  letter-spacing: -1px;
  position: absolute;
  width: 100%;
  text-align: center;
}
.f_tripple .block1 .rightone {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1199px) {
  .f_tripple .block1 .rightone {
    font-size: 17px;
  }
}
.f_tripple .block1 .textb {
  color: #fff;
  padding: 25px 20px;
  background: #353744;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 220px;
}
@media screen and (max-width: 1199px) {
  .f_tripple .block1 .textb {
    height: auto;
  }
}

.grayback {
  padding: 40px 15px;
  background: #5d626a;
  color: #fff;
}
.grayback .txtin {
  width: 100%;
  max-width: 1460px;
  margin: auto;
}

.casetitle {
  font-size: 50px;
  color: #0d705f;
  text-align: center;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 991px) {
  .casetitle {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .casetitle {
    font-size: 30px;
  }
}

.caseone_cargo {
  position: relative;
  margin-bottom: 50px;
}

.buttonrepair button {
  background: #eff2f2;
  line-height: 1;
  padding: 20px;
  z-index: 5;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 60px;
  position: absolute;
  text-align: center;
  font-weight: 700;
  display: block;
  width: 352px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #c6d1d1;
}
@media screen and (max-width: 600px) {
  .buttonrepair button {
    width: 100%;
  }
}
.buttonrepair button .el_text {
  display: inline-block;
}
.buttonrepair button .el_icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 100%;
  border: 2px solid #333333;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .buttonrepair button .el_icon {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .buttonrepair button .el_icon:hover {
    opacity: 0.7;
  }
}
.buttonrepair button .el_icon span {
  display: inline-block;
  width: calc(100% - 4px);
  height: 2px;
  background-color: #333333;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 5px;
}
.buttonrepair button .el_icon span:last-child {
  height: calc(100% - 4px);
  width: 2px;
  display: inline-block;
}
.buttonrepair button.active .el_icon span:last-child {
  display: none;
}

.caseone {
  background: #eff2f2;
  position: relative;
  padding: 80px 100px 170px;
}
@media screen and (max-width: 1399px) {
  .caseone {
    padding: 60px 80px 170px;
  }
}
@media screen and (max-width: 991px) {
  .caseone {
    padding: 40px 50px 170px;
  }
}
@media screen and (max-width: 767px) {
  .caseone {
    padding: 30px 30px 170px;
  }
}
.caseone::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 380px;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 35%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
.caseone.active::before {
  display: none;
}
.caseone .blockflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .caseone .blockflex {
    margin-top: 0;
    display: block;
  }
}
.caseone .blockflex .sideone {
  width: calc(48% - 10px);
}
@media screen and (max-width: 767px) {
  .caseone .blockflex .sideone {
    margin-top: 30px;
    width: 100%;
  }
}
.caseone .blockflex .sideone .imgb {
  position: relative;
}
@media screen and (max-width: 767px) {
  .caseone .blockflex .sideone .imgb {
    margin-top: 30px;
    max-width: 536px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
}
.caseone .blockflex .sideone .imgb .tag {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  text-align: center;
  width: 94px;
  background: #fff;
}
.caseone .blockflex .sideone .imgb .tag2 {
  color: #fff;
  background: #09977f;
}
.caseone .centertext {
  text-align: center;
  margin: 30px 0 0;
}

.repair2 {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .repair2 {
    padding-top: 70px;
  }
}

.repair1 {
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  .repair1 {
    padding-top: 70px;
  }
}

@media screen and (max-width: 767px) {
  .arrowone {
    text-align: center;
    margin-top: 30px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

/*====================================

  ■Stage

=====================================*/
.recruitStage {
  padding: 12rem 0 3rem;
  background-image: url(./images/recruit_stage_bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .recruitStage {
    padding: 14rem 0 11rem;
  }
}
@media screen and (min-width: 1400px) {
  .recruitStage .container {
    max-width: 159.6rem;
    padding: 0 13rem;
  }
}

.recruitStageCatch {
  margin: 0 0 4rem;
}
@media screen and (min-width: 768px) {
  .recruitStageCatch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 0 0 6rem;
  }
}
.recruitStageCatch .recruitStageCatchText01 {
  width: 100%;
  margin: 0 0 2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .recruitStageCatch .recruitStageCatchText01 {
    max-width: 40%;
    margin: 0 3rem 0 0;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .recruitStageCatch .recruitStageCatchText01 {
    max-width: 89.2rem;
    margin: 0 5.3rem 0 0;
  }
}
@media screen and (min-width: 1700px) {
  .recruitStageCatch .recruitStageCatchText01 {
    min-width: 89.2rem;
    margin-left: -11rem;
  }
}
.recruitStageCatch .recruitStageCatchText01 img {
  display: inline-block;
  width: 100%;
  max-width: 33rem;
}
@media screen and (min-width: 768px) {
  .recruitStageCatch .recruitStageCatchText01 img {
    max-width: 100%;
  }
}
.recruitStageCatch .recruitStageCatchText02 {
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .recruitStageCatch .recruitStageCatchText02 {
    font-size: 1.8rem;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .recruitStageCatch .recruitStageCatchText02 {
    width: 100%;
    max-width: 48.1rem;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .recruitStageCatch .recruitStageCatchText02 {
    width: 100%;
    max-width: 48.1rem;
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 768px) {
  .recruitStageContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.recruitStageContents .recruitStageContents__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .recruitStageContents .recruitStageContents__left {
    max-width: 50%;
    margin: 0 3rem 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .recruitStageContents .recruitStageContents__left {
    max-width: 62.4rem;
    margin: 0 9.6rem 0 0;
  }
}
@media screen and (min-width: 768px) {
  .recruitStageContents .recruitStageContents__right {
    max-width: 50%;
  }
}
.recruitStageContents .recruitStageContents__right .largeHeadline04 .main_text {
  font-size: 2.3rem;
}
@media screen and (min-width: 1200px) {
  .recruitStageContents .recruitStageContents__right .largeHeadline04 .main_text {
    font-size: 3.2rem;
  }
}

/*====================================

  ■Requirement

=====================================*/
.recruitAbout {
  background-color: #F2F2F2;
  padding: 6rem 0 3rem;
}
@media screen and (min-width: 768px) {
  .recruitAbout {
    padding: 14rem 0 11rem;
  }
}

.recruitAboutContents {
  border-top: 1px solid #D0D7D7;
}
.recruitAboutContents .recruitAboutContentsItem {
  position: relative;
  top: 0;
}
.recruitAboutContents .recruitAboutContentsItem:last-child .recruitAboutBody .btn02 {
  margin-bottom: 3rem;
}

.recruitAboutHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  padding: 1.3rem 1rem;
  border-bottom: 1px solid #D0D7D7;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .recruitAboutHead {
    padding: 3rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .recruitAboutHead:hover {
    background-color: #e1e3e6;
  }
  .recruitAboutHead:hover * {
    color: #0d705f !important;
    border-color: #0d705f !important;
  }
}
.recruitAboutHead .el_num {
  border: 1px solid #0D705F;
  border-radius: 100%;
  color: #0D705F;
  font-size: 1.6rem;
  font-family: "Syne", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN,", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 900;
  margin: 0 0.7rem 0 0;
  min-width: 5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .recruitAboutHead .el_num {
    margin: 0 1.5rem 0 0;
  }
}
.recruitAboutHead .el_text {
  font-family: "Poppins", sans-serif;
  color: #0D705F;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1;
  margin: 0 1rem 0.2rem 0;
}
@media screen and (min-width: 768px) {
  .recruitAboutHead .el_text {
    font-size: 5.5rem;
    margin: 0 3rem 0 0;
  }
}
.recruitAboutHead .el_sub {
  font-weight: bold;
  font-size: 1rem;
  color: #333333;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .recruitAboutHead .el_sub {
    font-size: 1.5rem;
  }
}
.recruitAboutHead .el_icon {
  position: relative;
  color: #353744;
  border: 1px solid #353744;
  margin: 0 0 0 auto;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 100%;
}
@media screen and (min-width: 768px) {
  .recruitAboutHead .el_icon {
    width: 3.7rem;
    height: 3.7rem;
  }
}
.recruitAboutHead .el_icon span {
  display: inline-block;
  width: calc(100% - 0.6rem);
  height: 0.2rem;
  background-color: #353744;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .recruitAboutHead .el_icon span {
    width: calc(100% - 1.6rem);
  }
}
.recruitAboutHead .el_icon span:last-child {
  height: calc(100% - 0.6rem);
  width: 0.2rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .recruitAboutHead .el_icon span:last-child {
    height: calc(100% - 1.6rem);
  }
}
.recruitAboutHead.active .el_icon span:last-child {
  display: none;
}

.recruitAboutBody {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.recruitAboutBody .btn02 {
  max-width: 63.8rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  .recruitAboutBody .btn02 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 11rem;
  }
}

.recruitAboutFlex {
  padding: 3rem 0 0;
}
@media screen and (min-width: 768px) {
  .recruitAboutFlex {
    padding: 6.7rem 0 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.recruitAboutFlex .recruitAboutFlex__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .recruitAboutFlex .recruitAboutFlex__left {
    max-width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 0 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .recruitAboutFlex .recruitAboutFlex__left {
    max-width: 66.4rem;
    margin: 0 0 0 6.8rem;
  }
}
@media screen and (min-width: 768px) {
  .recruitAboutFlex .recruitAboutFlex__right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 768px) {
  .recruitAboutFlex .recruitAboutFlex__right .text {
    font-weight: 600;
    font-size: 1.7rem;
  }
}

.recruitAboutTable {
  overflow: hidden;
  background-color: #fff;
  padding: 3rem 3rem 0rem;
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .recruitAboutTable {
    padding: 5rem 5rem 2rem;
    margin: 0 0 6rem;
  }
}

/*====================================

  ■Interview

=====================================*/
.recruitInterview {
  background-color: #fff;
  padding: 6rem 0 3rem;
}
@media screen and (min-width: 768px) {
  .recruitInterview {
    padding: 14rem 0 11rem;
  }
}
.recruitInterview .recruitIntervieWrap .recruitInterviewItem {
  background-color: #F2F2F2;
  margin: 0 0 5rem;
}
@media screen and (min-width: 768px) {
  .recruitInterview .recruitIntervieWrap .recruitInterviewItem {
    margin: 0 0 8rem;
  }
}
.recruitInterview .recruitIntervieWrap .recruitInterviewItem:last-child {
  margin-bottom: 3rem;
}

.recruitInterviewHead {
  padding: 0;
  background-color: #cdd4d5;
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead {
    background-repeat: no-repeat;
    background-position: top right -20rem;
    background-size: cover;
    padding: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .recruitInterviewHead {
    padding: 6rem 10rem;
    background-position: top right;
  }
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__left {
  display: block;
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__left {
    display: none;
  }
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__left img {
  display: inline-block;
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right {
  position: relative;
  width: 100%;
  background-color: #09977F;
  padding: 6rem 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right {
    max-width: 50%;
    min-width: 50rem;
    padding: 6rem 2rem 6rem 6rem;
  }
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadTag {
  position: absolute;
  top: -2.5rem;
  left: 1rem;
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadTag {
    top: -2.5rem;
    left: -3rem;
  }
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadTag img {
  max-height: 7rem;
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadTag img {
    max-height: 100%;
  }
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadNum {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadNum {
    font-size: 1.6rem;
    margin-bottom: 1.4rem;
  }
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadTitle {
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 1.7rem;
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadTitle {
    font-size: 2.8rem;
  }
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadPost {
  line-height: 1;
  font-weight: bold;
  margin-bottom: 1.7rem;
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadPost .el_text01 {
  display: inline-block;
  padding: 0.5rem 0.5rem;
  font-size: 1.4rem;
  min-width: 7rem;
  vertical-align: middle;
  color: #09977F;
  background-color: #fff;
  text-align: center;
  margin-right: 1rem;
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadPost .el_text02 {
  display: inline-block;
  padding: 0.5rem 0.5rem;
  font-size: 1.7rem;
  min-width: 7rem;
  vertical-align: middle;
  color: #fff;
}
.recruitInterviewHead .recruitInterviewHeadInner .recruitInterviewHeadInner__right .recruitInterviewHeadText {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead#interview_bg1 {
    background-image: url(./images/recruit_interview_sales.jpg);
  }
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead#interview_bg2 {
    background-image: url(./images/recruit_interview_mechanic.jpg);
    background-position: top right -15rem;
  }
}
@media screen and (min-width: 1200px) {
  .recruitInterviewHead#interview_bg2 {
    background-position: top right;
  }
}
@media screen and (min-width: 768px) {
  .recruitInterviewHead#interview_bg3 {
    background-image: url(./images/recruit_interview_office.jpg);
    background-position: top right -36rem;
  }
}
@media screen and (min-width: 1200px) {
  .recruitInterviewHead#interview_bg3 {
    background-position: top right;
  }
}

.recruitInterviewBody {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.recruitInterviewBody .recruitInterviewBodyItem {
  padding: 0 1.5rem 2rem;
}
@media screen and (min-width: 768px) {
  .recruitInterviewBody .recruitInterviewBodyItem {
    padding: 0 3rem 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .recruitInterviewBody .recruitInterviewBodyItem {
    padding: 0 10rem 2rem;
  }
}
.recruitInterviewBody .recruitInterviewBodyItem:first-child {
  padding-top: 5rem;
}
.recruitInterviewBody .recruitInterviewBodyTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 2rem;
}
.recruitInterviewBody .recruitInterviewBodyTitle .el_text01 {
  width: 4rem;
  height: 4rem;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-align: center;
  line-height: 1;
  margin: 0 1.5rem 0 0;
  background-color: #DFE8E6;
  color: #09977F;
  padding: 1.2rem 0 0;
}
.recruitInterviewBody .recruitInterviewBodyTitle .el_text02 {
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .recruitInterviewBody .recruitInterviewBodyTitle .el_text02 {
    font-size: 2.1rem;
  }
}

.recruitInterviewBtn {
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  color: #fff;
  background-color: #353744;
  position: relative;
  z-index: 1;
  text-decoration: none;
  padding: 1.5rem 1rem;
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .recruitInterviewBtn {
    padding: 2rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .recruitInterviewBtn:hover {
    opacity: 0.5;
  }
}
.recruitInterviewBtn .el_text {
  font-size: 1.6rem;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}
.recruitInterviewBtn .el_icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #fff;
  border-radius: 100%;
}
.recruitInterviewBtn .el_icon span {
  display: inline-block;
  width: calc(100% - 0.8rem);
  height: 0.2rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.recruitInterviewBtn .el_icon span:last-child {
  height: calc(100% - 0.8rem);
  width: 0.2rem;
  display: inline-block;
}
.recruitInterviewBtn.active .el_icon span:last-child {
  display: none;
}

/*====================================

  ■ メインビジュアル

=====================================*/
.scaniaMv {
  text-align: center;
  padding: 5.6rem 0 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .scaniaMv {
    padding: 0;
  }
}
.scaniaMv img {
  line-height: 1;
  display: inline-block;
}

/*====================================

  ■ スカニアとは

=====================================*/
.scaniaAbout {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .scaniaAbout {
    min-height: 171.2rem;
  }
}
@media screen and (min-width: 768px) {
  .scaniaAbout::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-image: url(./images/scania_about.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 192rem auto;
    opacity: 0.3;
  }
}
@media screen and (min-width: 1200px) {
  .scaniaAbout::before {
    opacity: 1;
  }
}
@media screen and (min-width: 1921px) {
  .scaniaAbout::before {
    background-size: auto auto;
  }
}
.scaniaAbout .scaniaAboutCatch {
  position: relative;
  background-color: #041E42;
  padding: 2rem 0;
}
@media screen and (min-width: 768px) {
  .scaniaAbout .scaniaAboutCatch {
    padding: 6rem 0;
  }
}
@media screen and (min-width: 768px) {
  .scaniaAbout .scaniaAboutCatch .container img,
  .scaniaAbout .scaniaAboutCatch .container picture {
    max-width: calc(100% - 30rem);
  }
}
@media screen and (min-width: 1700px) {
  .scaniaAbout .scaniaAboutCatch .container img,
  .scaniaAbout .scaniaAboutCatch .container picture {
    max-width: 100%;
  }
}
.scaniaAbout .scaniaAboutDetail {
  position: relative;
  z-index: 10;
  padding: 5rem 0 0;
}
@media screen and (min-width: 768px) {
  .scaniaAbout .scaniaAboutDetail {
    padding: 0;
  }
}
.scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem {
  padding: 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem {
    padding: 5rem 0 2rem;
    width: 80%;
    max-width: 75rem;
  }
}
@media screen and (min-width: 1200px) {
  .scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem {
    padding: 10rem 0 7rem;
    width: 70%;
  }
}
.scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem .scaniaAboutHeadline {
  margin: 0 0 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
  color: #041E42;
}
@media screen and (min-width: 768px) {
  .scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem .scaniaAboutHeadline {
    margin: 0 0 3rem;
    font-size: 3.5rem;
  }
}
.scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem .scaniaAboutHeadlineSub {
  margin: 0 0 3rem;
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.7rem;
  color: #041E42;
}
@media screen and (min-width: 768px) {
  .scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem .scaniaAboutHeadlineSub {
    font-size: 2.1rem;
  }
}
@media screen and (min-width: 1200px) {
  .scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem.--01 {
    margin-left: 10rem;
    padding-top: 20rem;
  }
}
.scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem.--02 {
  margin-left: auto;
}
@media screen and (min-width: 1200px) {
  .scaniaAbout .scaniaAboutDetail .container .scaniaAboutDetailItem.--02 {
    padding: 60rem 0 1rem;
  }
}

/*====================================

  ■ スカニアの特徴

=====================================*/
.scaniaStrength {
  width: 100%;
  padding: 5rem 0 0;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .scaniaStrength {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20rem 0;
    background: none;
  }
}
.scaniaStrength .scaniaStrengthCatch {
  padding: 0 1.5rem;
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .scaniaStrength .scaniaStrengthCatch {
    padding: 0;
    margin: 0 5rem 0 6rem;
  }
}
.scaniaStrength .scaniaStrengthCatch img {
  display: inline-block;
  max-width: calc(100% - 5rem);
}
@media screen and (min-width: 768px) {
  .scaniaStrength .scaniaStrengthCatch img {
    max-width: 100%;
  }
}
.scaniaStrength .scaniaStrengthDetail {
  width: 100%;
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem {
  overflow: hidden;
  margin: 0;
  color: #fff;
  background-color: #041E42;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: cover;
  padding: 5rem 1.5rem 2rem;
}
@media screen and (min-width: 1200px) {
  .scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem {
    padding: 3rem 3rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 0.5rem;
    padding: 6rem 6rem 3rem;
  }
}
@media screen and (min-width: 1921px) {
  .scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem {
    padding: 10rem 22rem 7rem;
  }
}
@media screen and (min-width: 1200px) {
  .scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__left {
    margin-right: 6rem;
    min-width: 30rem;
  }
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__left .scaniaStrengthHeadline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  margin: 0 0 1rem;
}
@media screen and (min-width: 768px) {
  .scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__left .scaniaStrengthHeadline {
    margin: 0 0 3rem;
  }
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__left .scaniaStrengthHeadline .main_text {
  line-height: 1;
  font-size: 3rem;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  padding: 0 2rem 0 0;
  margin: 0 2rem 0 0;
  border-right: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__left .scaniaStrengthHeadline .main_text {
    font-size: 5rem;
  }
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__left .scaniaStrengthHeadline .sub_text {
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__left .scaniaStrengthHeadline .sub_text {
    font-size: 2rem;
  }
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__right .scaniaStrengthHeadlineSub {
  margin: 0 0 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (min-width: 1200px) {
  .scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__right .scaniaStrengthHeadlineSub {
    font-size: 3.4rem;
  }
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem__right .text {
  font-size: 1.5rem;
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem.--01 {
  background-image: url(./images/scania_strength_bg01.jpg);
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem.--02 {
  background-image: url(./images/scania_strength_bg02.jpg);
}
.scaniaStrength .scaniaStrengthDetail .scaniaStrengthDetailItem.--03 {
  background-image: url(./images/scania_strength_bg03.jpg);
}

/*====================================

  ■ スカニアの魅力

=====================================*/
.scaniaPoint {
  padding: 5rem 0 2rem;
  background-image: url(./images/scania_point_bg.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}
@media screen and (min-width: 768px) {
  .scaniaPoint {
    padding: 0 0 14rem;
    background-position: top right -10rem;
  }
}
@media screen and (min-width: 1700px) {
  .scaniaPoint {
    background-position: top right;
  }
}
.scaniaPoint .scaniaPointCatch {
  margin: 0 0 4rem;
}
@media screen and (min-width: 1200px) {
  .scaniaPoint .scaniaPointCatch {
    margin: 0 0 5rem;
  }
}
@media screen and (min-width: 768px) {
  .scaniaPoint .scaniaPointCatch .container {
    padding-right: 0;
  }
}
.scaniaPoint .scaniaPointCatch .container img,
.scaniaPoint .scaniaPointCatch .container picture {
  display: inline-block;
  max-width: calc(100% - 6rem);
}
@media screen and (min-width: 768px) {
  .scaniaPoint .scaniaPointCatch .container img,
  .scaniaPoint .scaniaPointCatch .container picture {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__left {
    max-width: 33rem;
    margin: 0 5rem 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__left {
    max-width: 75rem;
  }
}
.scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right {
    max-width: 50rem;
  }
}
.scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline {
  line-height: 1;
  font-weight: bold;
  margin: 0 0 3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline {
    text-align: left;
  }
}
.scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline .sub_text {
  display: block;
  font-size: 1.5rem;
  margin: 0 0 1rem;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline .sub_text {
    font-size: 2.2rem;
  }
}
.scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline .main_text {
  display: block;
}
.scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline .main_text .el_big {
  font-size: 5rem;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline .main_text .el_big {
    font-size: 10.6rem;
    letter-spacing: -5px;
  }
}
.scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline .main_text .el_small {
  font-size: 3rem;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointHead .scaniaPointHeadItem__right .scaniaPointHeadline .main_text .el_small {
    font-size: 8.6rem;
  }
}
.scaniaPoint .container .scaniaPointBody {
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem {
  overflow: hidden;
  position: relative;
  color: #fff;
  margin: 0 0 1.5rem;
  padding: 2.5rem 1.5rem 0;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem {
    overflow: unset;
    width: calc(50% - 3rem);
    padding: 2.5rem 3rem 1rem;
    margin: 0 1.5rem 3rem;
  }
}
@media screen and (min-width: 1200px) {
  .scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem {
    width: calc(33.3333333333% - 3rem);
    padding: 2.5rem 5rem 1rem;
  }
}
.scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #273876;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem::before {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
}
@media screen and (min-width: 1200px) {
  .scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem::before {
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
}
.scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem .scaniaPointHeadlineSub {
  position: relative;
  z-index: 10;
  text-align: center;
  margin: 0 0 1rem;
}
.scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem .scaniaPointHeadlineSub .el_sub {
  display: block;
  opacity: 0.5;
  font-size: 2.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem .scaniaPointHeadlineSub .el_sub {
    font-size: 3.2rem;
  }
}
.scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem .scaniaPointHeadlineSub .el_main {
  display: block;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem .scaniaPointHeadlineSub .el_main {
    font-size: 2.2rem;
  }
}
.scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem .text {
  position: relative;
  z-index: 10;
}
.scaniaPoint .container .scaniaPointBody .scaniaPointBodyItem:nth-of-type(odd)::before {
  background-color: #041E42;
}

/*====================================

  ■ 導入事例

=====================================*/
.scaniaExample .scaniaExampleCatch {
  position: relative;
  background-color: #041E42;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
  padding: 2rem 0;
}
@media screen and (min-width: 768px) {
  .scaniaExample .scaniaExampleCatch {
    background-image: url(./images/scania_example_catch_bg.png);
    padding: 6rem 0;
    background-position: top right -10rem;
  }
}
@media screen and (min-width: 1700px) {
  .scaniaExample .scaniaExampleCatch {
    background-position: top right;
  }
}
.scaniaExample .scaniaExampleCatch .container * {
  min-height: 0;
  min-width: 0;
}
@media screen and (min-width: 768px) {
  .scaniaExample .scaniaExampleCatch .container img,
  .scaniaExample .scaniaExampleCatch .container picture {
    max-width: calc(100% - 30rem);
  }
}
@media screen and (min-width: 1700px) {
  .scaniaExample .scaniaExampleCatch .container img,
  .scaniaExample .scaniaExampleCatch .container picture {
    max-width: 100%;
  }
}
.scaniaExample .scaniaExampleCatch .slick-slide {
  min-width: 0;
}
.scaniaExample .container .scaniaExampleDetail {
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 1200px) {
  .scaniaExample .container .scaniaExampleDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 9rem 0 8rem;
  }
}
.scaniaExample .container .scaniaExampleDetail__left {
  width: 100%;
  min-width: 0;
}
@media screen and (min-width: 1200px) {
  .scaniaExample .container .scaniaExampleDetail__left {
    max-width: 62.9rem;
    margin-right: 7.3rem;
  }
}
.scaniaExample .container .scaniaExampleDetail__left .scaniaExampleGallery {
  margin: 0 0 3rem;
}
.scaniaExample .container .scaniaExampleDetail__left .scaniaExampleGallery .scaniaExampleGalleryItem {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.scaniaExample .container .scaniaExampleDetail__left .scaniaExampleGallery .scaniaExampleGalleryItem img {
  width: 100%;
}
.scaniaExample .container .scaniaExampleDetail__left .scaniaExampleGallery .scaniaExampleGalleryItem.active {
  display: block;
  opacity: 1;
}
.scaniaExample .container .scaniaExampleDetail__right {
  width: 100%;
  min-width: 0;
}
.scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadline {
  margin: 0 0 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
  color: #041E42;
}
@media screen and (min-width: 768px) {
  .scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadline {
    font-size: 2.7rem;
  }
}
.scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadlineSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 1.5rem;
}
.scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadlineSub .main_text {
  line-height: 1;
  font-size: 2.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  margin: 0 1rem 0.5rem 0;
}
@media screen and (min-width: 768px) {
  .scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadlineSub .main_text {
    font-size: 2.8rem;
    margin: 0 2rem 0.5rem 0;
  }
}
.scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadlineSub .sub_text {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 768px) {
  .scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadlineSub .sub_text {
    font-size: 1.6rem;
  }
}
.scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadlineSub .el_text {
  font-size: 1rem;
  font-weight: normal;
  margin: 0 0 0.5rem 0;
}
@media screen and (min-width: 768px) {
  .scaniaExample .container .scaniaExampleDetail__right .scaniaExampleHeadlineSub .el_text {
    font-size: 1.2rem;
    margin: 0 0 0.5rem auto;
  }
}
@media screen and (min-width: 768px) {
  .scaniaExample .container .scaniaExampleDetail__right .text {
    margin-bottom: 6rem;
  }
}
.scaniaExample .container .scaniaExampleDetail__right .scaniaExampleGalleryThum {
  margin: 0 0 3rem -0.5rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 1rem);
}
.scaniaExample .container .scaniaExampleDetail__right .scaniaExampleGalleryThum .scaniaExampleGalleryThumItem {
  text-align: center;
  width: 100%;
  max-width: calc(25% - 1rem);
  margin: 0 0.5rem 1rem;
  cursor: pointer;
}
.scaniaExample .container .scaniaExampleDetail__right .scaniaExampleGalleryThum .scaniaExampleGalleryThumItem img {
  display: inline-block;
}

/*====================================

  ■ ギャラリー

=====================================*/
.scaniaMovie .scaniaMovieCatch {
  position: relative;
  background-color: #041E42;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
  padding: 2rem 0;
}
@media screen and (min-width: 768px) {
  .scaniaMovie .scaniaMovieCatch {
    background-image: url(./images/scania_movie_catch_bg.png);
    padding: 6rem 0;
    background-position: top right -10rem;
  }
}
@media screen and (min-width: 1700px) {
  .scaniaMovie .scaniaMovieCatch {
    background-position: top right;
  }
}
@media screen and (min-width: 768px) {
  .scaniaMovie .scaniaMovieCatch .container img,
  .scaniaMovie .scaniaMovieCatch .container picture {
    max-width: calc(100% - 30rem);
  }
}
@media screen and (min-width: 1700px) {
  .scaniaMovie .scaniaMovieCatch .container img,
  .scaniaMovie .scaniaMovieCatch .container picture {
    max-width: 100%;
  }
}
.scaniaMovie .container .scaniaMoviePop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% + 1rem);
  margin: 5rem 0 2rem 0;
}
@media screen and (min-width: 768px) {
  .scaniaMovie .container .scaniaMoviePop {
    width: calc(100% + 2.6rem);
    margin: 9.2em 0 16.8rem 0;
  }
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem {
  width: 100%;
  max-width: 100%;
  margin: 0 1rem 1rem 0;
}
@media screen and (min-width: 768px) {
  .scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem {
    margin: 0 2.6rem 2.6rem 0;
  }
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem span,
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem a.pop {
  display: block;
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem span img,
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem a.pop img {
  width: 100%;
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--01 {
  max-width: calc(50% - 1rem);
}
@media screen and (min-width: 768px) {
  .scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--01 {
    max-width: calc(50% - 2.6rem);
  }
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--02 {
  max-width: calc(50% - 1rem);
}
@media screen and (min-width: 768px) {
  .scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--02 {
    max-width: calc(50% - 2.6rem);
  }
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--03 {
  max-width: calc(36.6% - 1rem);
}
@media screen and (min-width: 768px) {
  .scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--03 {
    max-width: calc(36.6% - 2.6rem);
  }
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--04 {
  max-width: calc(63% - 1rem);
}
@media screen and (min-width: 768px) {
  .scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--04 {
    max-width: calc(63% - 2.6rem);
  }
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--05 {
  max-width: calc(50% - 1rem);
}
@media screen and (min-width: 768px) {
  .scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--05 {
    max-width: calc(50% - 2.6rem);
  }
}
.scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--06 {
  max-width: calc(50% - 1rem);
}
@media screen and (min-width: 768px) {
  .scaniaMovie .container .scaniaMoviePop .scaniaMoviePopItem.--06 {
    max-width: calc(50% - 2.6rem);
  }
}

/*====================================

  ■ メインビジュアル

=====================================*/
.rentalMv {
  padding: 5.6rem 0 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .rentalMv {
    padding: 0;
  }
}
.rentalMv picture img {
  width: 100%;
  display: block;
}

/*====================================

  ■ ラインナップ

=====================================*/
.rentalLineup {
  padding: 5rem 0 5rem;
}
@media screen and (min-width: 768px) {
  .rentalLineup {
    padding: 14.8rem 0 8.9rem;
  }
}
.rentalLineup .container .rentalLineupHeadline {
  margin: 0 0 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
  color: #041E42;
}
@media screen and (min-width: 768px) {
  .rentalLineup .container .rentalLineupHeadline {
    margin: 0 0 1.8rem;
    font-size: 3.9rem;
    text-align: center;
  }
}
.rentalLineup .container .rentalSearch {
  position: relative;
  background-color: #F2F2F2;
  padding: 3rem 1.5rem 0.3rem;
}
@media screen and (min-width: 768px) {
  .rentalLineup .container .rentalSearch {
    padding: 6.6rem 6.6rem 3.3rem;
  }
}
.rentalLineup .container .rentalSearch .rentalSearchDeco01,
.rentalLineup .container .rentalSearch .rentalSearchDeco02,
.rentalLineup .container .rentalSearch .rentalSearchDeco03,
.rentalLineup .container .rentalSearch .rentalSearchDeco04 {
  position: absolute;
}
.rentalLineup .container .rentalSearch .rentalSearchDeco01 {
  top: 0;
  left: 0;
}
.rentalLineup .container .rentalSearch .rentalSearchDeco02 {
  top: 0;
  right: 0;
}
.rentalLineup .container .rentalSearch .rentalSearchDeco03 {
  bottom: 0;
  left: 0;
}
.rentalLineup .container .rentalSearch .rentalSearchDeco04 {
  right: 0;
  bottom: 0;
}
.rentalLineup .container .rentalSearch .rentalSearchHeadline {
  margin: 0 0 2rem;
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  color: #041E42;
}
@media screen and (min-width: 768px) {
  .rentalLineup .container .rentalSearch .rentalSearchHeadline {
    font-size: 2.8rem;
  }
}
.rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 0.6rem);
  padding: 0;
  margin: 0 0 1.5rem -0.3rem;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList {
    margin: 0 0 4rem -0.3rem;
  }
}
.rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem {
  text-align: center;
  width: calc(33.3333333333% - 0.6rem);
  margin: 0 0.3rem 1rem;
  background-color: #ECECEC;
}
@media screen and (min-width: 768px) {
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem {
    width: calc(33.3333333333% - 0.6rem);
  }
}
@media screen and (min-width: 992px) {
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem {
    width: calc(25% - 0.6rem);
  }
}
@media screen and (min-width: 1200px) {
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem {
    width: calc(20% - 0.6rem);
  }
}
@media screen and (min-width: 1400px) {
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem {
    width: calc(16.6666666667% - 0.6rem);
  }
}
@media screen and (min-width: 1700px) {
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem {
    width: calc(12.5% - 0.6rem);
  }
}
.rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem figure {
  padding: 1rem 0 0;
  margin: 0 0 1rem;
}
.rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem figure img {
  display: inline-block;
  max-width: 70%;
}
@media screen and (min-width: 768px) {
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem a:hover {
    opacity: 0.7;
  }
}
.rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem a > span {
  position: relative;
  display: block;
  min-height: 6rem;
  background: #5e6071;
  background: -webkit-gradient(linear, left top, right top, from(rgb(94, 96, 113)), to(rgb(62, 64, 87)));
  background: linear-gradient(90deg, rgb(94, 96, 113) 0%, rgb(62, 64, 87) 100%);
  color: #fff;
  line-height: 1.4;
}
.rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem a > span > span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 1rem;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .rentalLineup .container .rentalSearch .rentalSearchWrap .rentalSearchList .rentalSearchListItem a > span > span {
    font-size: 1.3rem;
  }
}
.rentalLineup .container .rentalSearch .rentalSearchBtn {
  display: inline-block;
  width: 100%;
  max-width: 44rem;
  text-align: center;
  background-color: #09977F;
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  padding: 1.5rem 1rem;
  margin: 0 auto 3rem;
  border: none;
}
@media screen and (min-width: 768px) {
  .rentalLineup .container .rentalSearch .rentalSearchBtn {
    max-width: 95.9rem;
    padding: 2.1rem 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .rentalLineup .container .rentalSearch .rentalSearchBtn:hover {
    opacity: 0.5;
  }
}
.rentalLineup .container .rentalSearch .rentalSearchBtn .el_icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-image: url(./images/icon_plus02_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.1rem auto;
  width: 2.1rem;
  height: 2.1rem;
}
.rentalLineup .container .rentalSearch .rentalSearchBtn .el_icon span {
  display: inline-block;
}

/*====================================

  ■ アーカイブ

=====================================*/
.rentalArchive {
  padding: 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .rentalArchive {
    padding: 0 0 12.8rem;
  }
}
.rentalArchive .container .rentalArchiveWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 3rem);
  margin: 0 0 1.5rem -1.5rem;
}
@media screen and (min-width: 768px) {
  .rentalArchive .container .rentalArchiveWrap {
    margin: 0 0 5rem -1.5rem;
  }
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem {
  width: 100%;
  border: 1px solid #cfd6d6;
  max-width: calc(100% - 3rem);
  margin: 0 1.5rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .rentalArchive .container .rentalArchiveWrap .rentalArchiveItem {
    max-width: calc(50% - 3rem);
    margin: 0 1.5rem 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .rentalArchive .container .rentalArchiveWrap .rentalArchiveItem {
    max-width: calc(33.3333333333% - 3rem);
  }
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a {
  display: block;
  min-height: 100%;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveCategory {
  line-height: 1;
  position: relative;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveCategory .el_cat {
  display: inline-block;
  background-color: #5e6071;
  color: #fff;
  padding: 0.5rem 0.7rem;
  font-size: 1.3rem;
  font-weight: normal;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner {
  padding: 1rem 1.5rem 1.5rem;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveTitle {
  line-height: 1.4;
  font-weight: bold;
  margin: 0 0 1rem;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveImg {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveImg img {
  width: 100%;
  display: inline-block;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid #cfd6d6;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveStatus .rentalArchiveStatusTab span {
  display: inline-block;
  background-color: #09977F;
  color: #fff;
  padding: 0rem 0.7rem;
  font-size: 1.3rem;
  font-weight: normal;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveStatus .rentalArchiveStatusPrice .el_text01 {
  color: #C61400;
  font-size: 1.7rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveStatus .rentalArchiveStatusPrice .el_text01 {
    font-size: 2.2rem;
  }
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveStatus .rentalArchiveStatusPrice .el_text02 {
  color: #C61400;
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveStatus .rentalArchiveStatusPrice .el_text02 {
    font-size: 1.6rem;
  }
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveStatus .rentalArchiveStatusPrice .el_unit {
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveStatus .rentalArchiveStatusPrice .el_unit {
    font-size: 1.6rem;
  }
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveKinds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 0 0.5rem 0.9rem;
  border-bottom: 1px solid #cfd6d6;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveKinds .rentalArchiveKindsTab01 {
  font-size: 1.3rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveKinds .rentalArchiveKindsTab01 {
    font-size: 1.6rem;
    margin: 0 1.5rem 0 0;
  }
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveKinds .rentalArchiveKindsTab01 span {
  display: inline-block;
  font-weight: bold;
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveKinds .rentalArchiveKindsTab02 {
  font-size: 1.3rem;
}
@media screen and (min-width: 768px) {
  .rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveKinds .rentalArchiveKindsTab02 {
    font-size: 1.5rem;
  }
}
.rentalArchive .container .rentalArchiveWrap .rentalArchiveItem a .rentalArchiveItemInner .rentalArchiveKinds .rentalArchiveKindsTab02 span {
  display: inline-block;
  line-height: 1.5;
}
/*====================================

  ■ 料金案内

=====================================*/
.rentalPrice {
  background-color: #F2F2F2;
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .rentalPrice {
    padding: 16.9rem 0 14rem;
  }
}
.rentalPrice .container .largeHeadline01 .main_text img {
  width: 100%;
}
.rentalPrice .container .tableScroll {
  overflow-x: auto;
}
/*====================================

  ■ こんな時には中予自動車のレンタカー

=====================================*/
.rentalProbrem {
  background-color: #353744;
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .rentalProbrem {
    padding: 16.9rem 0 14rem;
  }
}
.rentalProbrem .container .row .col-12.col-md-4 .img img {
  display: inline-block;
  width: 100%;
  max-width: 30rem;
}
@media screen and (min-width: 768px) {
  .rentalProbrem .container .row .col-12.col-md-4 .img img {
    max-width: 100%;
  }
}

/*====================================

  ■ 中予自動車レンタカーの特長

=====================================*/
.rentalFeature {
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .rentalFeature {
    padding: 16.9rem 0 14rem;
  }
}
.rentalFeature .container .largeHeadline01 .main_text img {
  width: 100%;
}
.rentalFeature .rentalFeatureTable {
  overflow: hidden;
  margin: 0 auto 5rem;
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable {
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(./images/rental_feature_bg01.jpg);
  }
}
@media screen and (min-width: 1700px) {
  .rentalFeature .rentalFeatureTable {
    background-size: 65% auto;
  }
}
.rentalFeature .rentalFeatureTable .rentalFeatureTableInner {
  position: relative;
}
.rentalFeature .rentalFeatureTable .rentalFeatureTableInner::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.5rem;
  left: 0;
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner::before {
    width: 60%;
    height: calc(100% + 1rem);
    background-color: #F8F8F8;
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
}
@media screen and (min-width: 1200px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner::before {
    width: 50%;
  }
}
.rentalFeature .rentalFeatureTable .rentalFeatureTableInner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -30%;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner::after {
    width: 50%;
    height: 100%;
    background-color: #F8F8F8;
  }
}
.rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents {
    max-width: 55%;
    min-height: 43.8rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
    padding-left: 10rem;
  }
}
@media screen and (min-width: 1200px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents {
    max-width: 45%;
  }
}
.rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents .rentalFeatureTableInnerContentsNum {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents .rentalFeatureTableInnerContentsNum {
    display: inline-block;
    top: 7rem;
    left: -2rem;
  }
}
@media screen and (min-width: 1700px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents .rentalFeatureTableInnerContentsNum {
    left: -9rem;
  }
}
.rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents .rentalFeatureTableInnerContentsNum .img {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents .rentalFeatureTableInnerContentsNum .img {
    min-width: 15.6rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents .rentalFeatureTableInnerContentsNum .img img {
    max-height: 6rem;
  }
}
.rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents .rentalFeatureTableInnerContentsInner {
  position: relative;
  z-index: 10;
}
.rentalFeature .rentalFeatureTable .rentalFeatureTableInner .rentalFeatureTableInnerContents .rentalFeatureTableInnerContentsInner .text {
  margin: 0;
}
.rentalFeature .rentalFeatureTable.--invert {
  background-position: center left;
}
.rentalFeature .rentalFeatureTable.--invert .rentalFeatureTableInner::before {
  left: auto;
  right: 0;
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable.--invert .rentalFeatureTableInner::before {
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg);
  }
}
.rentalFeature .rentalFeatureTable.--invert .rentalFeatureTableInner:after {
  left: auto;
  right: -30%;
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable.--invert .rentalFeatureTableInner .rentalFeatureTableInnerContentsNum {
    right: -6rem;
    left: auto;
  }
}
@media screen and (min-width: 1700px) {
  .rentalFeature .rentalFeatureTable.--invert .rentalFeatureTableInner .rentalFeatureTableInnerContentsNum {
    right: -12rem;
  }
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable.--invert .rentalFeatureTableInner .rentalFeatureTableInnerContents {
    margin-left: auto;
    padding-right: 5rem;
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable.--01 {
    background-image: url(./images/rental_feature_bg01.jpg);
  }
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable.--02 {
    background-image: url(./images/rental_feature_bg02.jpg);
  }
}
@media screen and (min-width: 768px) {
  .rentalFeature .rentalFeatureTable.--03 {
    background-image: url(./images/rental_feature_bg03.jpg);
  }
}

/*====================================

  ■ レンタルの流れ

=====================================*/
.rentalFlow {
  background: #ebf0ed;
  background: -webkit-gradient(linear, left top, right top, from(rgb(235, 240, 237)), to(rgb(207, 227, 223)));
  background: linear-gradient(90deg, rgb(235, 240, 237) 0%, rgb(207, 227, 223) 100%);
  padding: 5rem 0 4.4rem;
  border-top: 1px solid #CFD6D6;
}
@media screen and (min-width: 768px) {
  .rentalFlow {
    padding: 16.9rem 0 14rem;
  }
}
.rentalFlow .container .rentalFlowList {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 0.6rem);
  margin: 0 0 0 -0.3rem;
}
@media screen and (min-width: 768px) {
  .rentalFlow .container .rentalFlowList {
    width: calc(100% + 3rem);
    margin: 0 0 0 -1.5rem;
  }
}
.rentalFlow .container .rentalFlowList .rentalFlowListItem {
  list-style: none;
  width: 100%;
  max-width: calc(50% - 0.6rem);
  margin: 0 0.3rem 0.6rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .rentalFlow .container .rentalFlowList .rentalFlowListItem {
    max-width: calc(20% - 3rem);
    margin: 0 1.5rem 3rem;
  }
}
.rentalFlow .container .rentalFlowList .rentalFlowListItem .img {
  margin: 0;
}
.rentalFlow .container .rentalFlowList .rentalFlowListItem .img img {
  display: inline-block;
  width: 100%;
  max-width: 30rem;
}
@media screen and (min-width: 768px) {
  .rentalFlow .container .rentalFlowList .rentalFlowListItem .img img {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .rentalFlow .container .rentalFlowList .rentalFlowListItem:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -2.5rem;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-image: url(./images/icon_flowarrow01_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    width: 2.1rem;
    height: 2.1rem;
  }
}
.rentalFlow .container .rentalFlowList .rentalFlowListItem:last-child::after {
  display: none;
}

/*====================================

  ■ レンタカーをご利用のお客様へ

=====================================*/
.rentalInformation {
  background-color: #F2F2F2;
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .rentalInformation {
    padding: 16.9rem 0 14rem;
  }
}
.rentalInformation .container .rentalInformationDetail {
  padding: 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .rentalInformation .container .rentalInformationDetail {
    padding: 0 0 5rem;
  }
}
/*====================================

  ■ 注意事項

=====================================*/
.rentalNote {
  padding: 5rem 0 2rem;
}
@media screen and (min-width: 768px) {
  .rentalNote {
    padding: 16.9rem 0 14rem;
  }
}
/*====================================

  ■ 記事詳細

=====================================*/
.rentalSingleDetail {
  padding: 0 0 2rem;
}
@media screen and (min-width: 768px) {
  .rentalSingleDetail {
    padding: 0 0 5rem;
  }
}

.rentalSinglePrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .rentalSinglePrice {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.rentalSinglePrice .el_text01 {
  display: inline-block;
  color: #C61400;
  font-size: 2.5rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .rentalSinglePrice .el_text01 {
    font-size: 5rem;
  }
}
.rentalSinglePrice .el_text01.--ask {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  color: #353744;
}
@media screen and (min-width: 768px) {
  .rentalSinglePrice .el_text01.--ask {
    font-size: 3.2rem;
  }
}
.rentalSinglePrice .el_text02 {
  display: inline-block;
  color: #C61400;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .rentalSinglePrice .el_text02 {
    font-size: 2.8rem;
  }
}
.rentalSinglePrice .el_unit {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  margin: 1rem 0 0;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .rentalSinglePrice .el_unit {
    display: inline-block;
    width: auto;
    font-size: 1.6rem;
    margin: 0;
    text-align: left;
  }
}

.rentalSingleText {
  background-color: #fff;
  border: 5px solid #cfdedb;
  padding: 2rem 2rem 1rem;
  margin: 0 0 3rem;
  min-height: 15.8rem;
}

/*====================================

  ■コンテンツ

=====================================*/
.serviceAbout {
  padding: 10rem 1.5rem 5rem;
}
@media screen and (min-width: 768px) {
  .serviceAbout {
    padding: 15rem 3rem 10rem;
  }
}
.serviceAbout .serviceAboutItem {
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .serviceAbout .serviceAboutItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.serviceAbout .serviceAboutItem .serviceAboutItem__left {
  width: 100%;
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .serviceAbout .serviceAboutItem .serviceAboutItem__left {
    max-width: 50%;
    margin: 0;
  }
}
.serviceAbout .serviceAboutItem .serviceAboutItem__left .img img {
  width: 100%;
  height: auto;
  display: block;
}
.serviceAbout .serviceAboutItem .serviceAboutItem__right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .serviceAbout .serviceAboutItem .serviceAboutItem__right {
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .serviceAbout .serviceAboutItem .serviceAboutItem__right .serviceAboutItemInner {
    width: calc(100% - 6rem);
    max-width: 60rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .serviceAbout .serviceAboutItem .serviceAboutItem__right .serviceAboutItemInner .text {
    margin: 0 0 6rem;
  }
}
@media screen and (min-width: 768px) {
  .serviceAbout .serviceAboutItem .serviceAboutItem__right .serviceAboutItemInner .btn04 {
    max-width: 30rem;
  }
}
.serviceAbout .serviceAboutItem.--invert .serviceAboutItem__left {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.serviceAbout .serviceAboutItem.--invert .serviceAboutItem__right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
/*====================================

  ■ メインビジュアル

=====================================*/
.insurancevisual {
  background-size: cover;
  color: #fff;
  background: #071724;
  padding: 40px 14px 30px;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 5.6rem 0 0;
}
@media screen and (min-width: 601px) {
  .insurancevisual {
    padding: 60px 14px 40px;
  }
}
@media screen and (min-width: 768px) {
  .insurancevisual {
    margin: 7.1rem 0 0;
    padding: 140px 14px 140px;
    background-image: url(images/insurance_mv.jpg);
  }
}
@media screen and (min-width: 1200px) {
  .insurancevisual {
    margin: 7.1rem 0 0;
    padding: 180px 14px 190px;
  }
}
@media screen and (min-width: 1400px) {
  .insurancevisual {
    margin: 9.6rem 0 0;
  }
}
@media screen and (min-width: 1700px) {
  .insurancevisual {
    margin: 9.6rem 0 0;
  }
}
.insurancevisual .r_neckbox {
  width: 100%;
  max-width: 680px;
}
.insurancevisual .r_neckbox .mini {
  font-size: 17px;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .insurancevisual .r_neckbox .mini {
    font-size: 14px;
  }
}
.insurancevisual .centerboxin {
  width: 100%;
  max-width: 1460px;
  margin: auto;
}
@media screen and (max-width: 600px) {
  .insurancevisual .centerboxin {
    max-width: 300px;
  }
}
.insurancevisual .centerbox {
  text-align: center;
}
.insurancevisual .centerbox .big1 {
  font-family: "Poppins", sans-serif;
  color: #45c5b0;
  font-size: 60px;
  line-height: 1.3;
  letter-spacing: -4px;
}
@media screen and (max-width: 767px) {
  .insurancevisual .centerbox .big1 {
    font-size: 52px;
  }
}
@media screen and (max-width: 600px) {
  .insurancevisual .centerbox .big1 {
    font-size: 44px;
  }
}
.insurancevisual .centerbox .big2 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 12px;
}
@media screen and (max-width: 1199px) {
  .insurancevisual .centerbox .big2 {
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 767px) {
  .insurancevisual .centerbox .big2 {
    font-size: 17px;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .insurancevisual .centerbox .big2 {
    font-size: 14px;
    letter-spacing: 2px;
  }
}

/*====================================

  ■ メインビジュアル

=====================================*/
.autoleasevisual {
  background-size: cover;
  color: #fff;
  background: #071724;
  padding: 40px 14px 30px;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 5.6rem 0 0;
}
@media screen and (min-width: 601px) {
  .autoleasevisual {
    padding: 60px 14px 40px;
  }
}
@media screen and (min-width: 768px) {
  .autoleasevisual {
    margin: 7.1rem 0 0;
    padding: 140px 14px 140px;
    background-image: url(images/autolease_mv.jpg);
  }
}
@media screen and (min-width: 1200px) {
  .autoleasevisual {
    margin: 7.1rem 0 0;
    padding: 180px 14px 190px;
  }
}
@media screen and (min-width: 1400px) {
  .autoleasevisual {
    margin: 9.6rem 0 0;
  }
}
@media screen and (min-width: 1700px) {
  .autoleasevisual {
    margin: 9.6rem 0 0;
  }
}
.autoleasevisual .r_neckbox {
  width: 100%;
  max-width: 680px;
}
.autoleasevisual .r_neckbox .mini {
  font-size: 17px;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .autoleasevisual .r_neckbox .mini {
    font-size: 14px;
  }
}
.autoleasevisual .centerboxin {
  width: 100%;
  max-width: 1460px;
  margin: auto;
}
@media screen and (max-width: 600px) {
  .autoleasevisual .centerboxin {
    max-width: 300px;
  }
}
.autoleasevisual .centerbox {
  text-align: center;
}
.autoleasevisual .centerbox .big1 {
  font-family: "Poppins", sans-serif;
  color: #45c5b0;
  font-size: 60px;
  line-height: 1.3;
  letter-spacing: -4px;
}
@media screen and (max-width: 767px) {
  .autoleasevisual .centerbox .big1 {
    font-size: 52px;
  }
}
@media screen and (max-width: 600px) {
  .autoleasevisual .centerbox .big1 {
    font-size: 44px;
  }
}
.autoleasevisual .centerbox .big2 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 12px;
}
@media screen and (max-width: 1199px) {
  .autoleasevisual .centerbox .big2 {
    letter-spacing: 8px;
  }
}
@media screen and (max-width: 767px) {
  .autoleasevisual .centerbox .big2 {
    font-size: 17px;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 600px) {
  .autoleasevisual .centerbox .big2 {
    font-size: 14px;
    letter-spacing: 2px;
  }
}

/*====================================

  ■ メリット

=====================================*/
.commonMerit {
  margin: 0 0 3rem;
}
@media screen and (min-width: 768px) {
  .commonMerit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.commonMerit .commonMeritItem {
  overflow: hidden;
  position: relative;
  color: #fff;
  margin: 0 0 1.5rem;
  padding: 2.5rem 1.5rem 0;
}
@media screen and (min-width: 768px) {
  .commonMerit .commonMeritItem {
    overflow: unset;
    width: calc(50% - 3rem);
    padding: 2.5rem 3rem 1rem;
    margin: 0 1.5rem 3rem;
  }
}
@media screen and (min-width: 1400px) {
  .commonMerit .commonMeritItem {
    width: calc(33.3333333333% - 3rem);
    padding: 2.5rem 5rem 1rem;
  }
}
.commonMerit .commonMeritItem::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #09977F;
}
@media screen and (min-width: 768px) {
  .commonMerit .commonMeritItem::before {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
  }
}
@media screen and (min-width: 1200px) {
  .commonMerit .commonMeritItem::before {
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
}
.commonMerit .commonMeritItem .commonMeritHeadlineSub {
  position: relative;
  z-index: 10;
  text-align: center;
  margin: 0 0 1rem;
}
.commonMerit .commonMeritItem .commonMeritHeadlineSub .el_sub {
  display: block;
  opacity: 1;
  font-size: 2.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  margin: 0 0 0.5rem;
  color: #B1D8D1;
}
@media screen and (min-width: 768px) {
  .commonMerit .commonMeritItem .commonMeritHeadlineSub .el_sub {
    font-size: 3.2rem;
  }
}
.commonMerit .commonMeritItem .commonMeritHeadlineSub .el_main {
  display: block;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .commonMerit .commonMeritItem .commonMeritHeadlineSub .el_main {
    font-size: 2.2rem;
  }
}
.commonMerit .commonMeritItem .text {
  position: relative;
  z-index: 10;
}
.commonMerit .commonMeritItem:nth-of-type(odd)::before {
  background-color: #006554;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .xs_left {
    text-align: left;
  }
  .xs_center {
    text-align: center;
  }
  .xs_right {
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  .sm_left {
    text-align: left;
  }
  .sm_center {
    text-align: center;
  }
  .sm_right {
    text-align: right;
  }
}
@media screen and (max-width: 1199px) {
  .md_left {
    text-align: left;
  }
  .md_center {
    text-align: center;
  }
  .md_right {
    text-align: right;
  }
}
.xxxs_visible {
  display: block;
}
@media screen and (min-width: 421px) {
  .xxxs_visible {
    display: none;
  }
}

.xxxs_hidden {
  display: none;
}
@media screen and (min-width: 421px) {
  .xxxs_hidden {
    display: block;
  }
}

.xxs_visible {
  display: block;
}
@media screen and (min-width: 601px) {
  .xxs_visible {
    display: none;
  }
}

.xxs_hidden {
  display: none;
}
@media screen and (min-width: 601px) {
  .xxs_hidden {
    display: block;
  }
}

.xs_visible {
  display: block;
}
@media screen and (min-width: 768px) {
  .xs_visible {
    display: none;
  }
}

.xs_hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .xs_hidden {
    display: block;
  }
}

.sm_visible {
  display: block;
}
@media screen and (min-width: 992px) {
  .sm_visible {
    display: none;
  }
}

.sm_hidden {
  display: none;
}
@media screen and (min-width: 992px) {
  .sm_hidden {
    display: block;
  }
}

.md_visible {
  display: block;
}
@media screen and (min-width: 1200px) {
  .md_visible {
    display: none;
  }
}

.md_hidden {
  display: none;
}
@media screen and (min-width: 1200px) {
  .md_hidden {
    display: block;
  }
}

.md2_visible {
  display: block;
}
@media screen and (min-width: 1400px) {
  .md2_visible {
    display: none;
  }
}

.md2_hidden {
  display: none;
}
@media screen and (min-width: 1400px) {
  .md2_hidden {
    display: block;
  }
}

.lg_visible {
  display: block;
}
@media screen and (min-width: 1921px) {
  .lg_visible {
    display: none;
  }
}

.lg_hidden {
  display: none;
}
@media screen and (min-width: 1921px) {
  .lg_hidden {
    display: block;
  }
}

.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}
/*# sourceMappingURL=style.css.map */