@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root {
  /*  Global */
  --primary-color: #0f2902;
  --secondary-color:#555555;
  --thirdly-color:#555555;
  --attention-color: #952200;
  --medium-gray: #EEEEEE;
  --dark-gray: #8C8C8C;
  --black: #555555;
  --white: #ffffff;
  --global-radius: 5px;
  --global-hover-opacity: 0.8;

  /* Body */
  --body-min-width: 320px;
  --body-font-color: #2b0a02;
  --body-font-family: 'Noto Serif JP', serif;

  /* Base Typography */
  --paragraph-line-height: 1.7;
  --list-line-height: var(--paragraph-line-height);

  /*  Form */
  --form-element-free:  var(--dark-gray);
  --form-element-required:  var(--attention-color);
  --form-element-error:  var(--attention-color);
  --form-element-success:  #32b643;
  --form-element-padding: 15px 24px;
  --form-element-parts-color:var(--primary-color);
  --form-element-border-width: 1px;
  --form-element-border-color: var(--medium-gray);
  --form-element-background: var(--white);
  --form-element-radious: 0;
  --form-element-space: 7px;
  --form-element-font-size-large: 16;

  --content-width:770px;
  --content-width2: 100%;
  --content-width3: 100%;
  --content-width-gutter:40px;
}

html {
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  min-width: var(--body-min-width);
  background-color: var(--white);
  color: var(--body-font-color);
  -webkit-print-color-adjust: exact;
  word-wrap: break-word;
  /* アンチエイリアスを指定する */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  /* メトリクスカーニングを指定する */
  font-kerning: normal;
  font-feature-settings : "palt", "kern";
  letter-spacing: 0.15em;
}

body, button, input, select, textarea {
  font-family: var(--body-font-family);
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.75;
}

p {
  line-height: 1.75;
  letter-spacing: 0.098em;
}

ul,
ol,
dl {
  padding: 0;
  line-height: var(--list-line-height);
}

ul,
ol{
  list-style-position: inside;
}

dt, dd {
  font-weight: normal;
}

dd {
  margin-left: 0;
}

table {
  width: 100%;
  border-collapse:collapse;
  border-spacing:0;
}

th {
  text-align: left;
}

a {
  cursor: pointer;
  color: currentColor;
  text-decoration: none;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  line-height: 1;
}

[src$=".svg"],
[data$=".svg"] {
  width: 100%;
}

figure{
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

[hidden]{
  display: none;
}

template {
  display: none;
}

/* #Form Element
  -------------------------------------------------------------------------- */

.input {
  width: 100%;
  box-sizing: border-box;
  padding: var(--form-element-padding);
  border: var(--form-element-border-width) solid var(--form-element-border-color);
  border-radius: var(--form-element-radious);
  background: var(--form-element-background);
  font-size: max( 1rem, min(4.267vw,calc(var(--form-element-font-size-large)/16*1rem)) );
  font-size: clamp( 1rem, 4.267vw, calc(var(--form-element-font-size-large)/16*1rem))
}

.input:disabled{
    color: #757575;
  }

.js-form-check-error .input{
  border-color: var(--form-element-error);
}

.textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: var(--form-element-padding);
  border: var(--form-element-border-width) solid var(--form-element-border-color);
  border-radius: var(--form-element-radious);
  background: var(--form-element-background);
  font-size: max( 1rem, min(4.267vw,calc(var(--form-element-font-size-large)/16*1rem)) );
  font-size: clamp( 1rem, 4.267vw, calc(var(--form-element-font-size-large)/16*1rem));
}

.js-form-check-error .textarea{
  border-color: var(--form-element-error);
}

.radio {
  visibility: hidden;
  position: absolute;
}

.radio + span,
.radioLever{
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
  font-size: max( 1rem, min(4.267vw,calc(var(--form-element-font-size-large)/16*1rem)) );
  font-size: clamp( 1rem, 4.267vw, calc(var(--form-element-font-size-large)/16*1rem));
  line-height:2

}

.radio + span:before,.radioLever:before{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-display: auto;
    margin-right: 8px;
    content: '\f111';
    color: var(--form-element-border-color);
    font-weight: 400;
    font-size: 120%;
  }

.radio + span,
.radioLever{
  /*
  &:before{
   @mixin font-awnesome-free;
   margin-right: 8px;
   content: '\f111';
   color: var(--form-element-border-color);
   font-size: 120%;
   font-weight: 500;
 }
 */

}

.radio:checked + span:before,.radio:checked + .radioLever:before{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-display: auto;
    content: '\f192';
    font-size: 120%;
    color: var(--body-font-color);
  }

.radio:checked + span,
.radio:checked + .radioLever{
  /*
  &:before{
   @mixin font-awnesome-free;
   content: '\f192';
   font-size: 120%;
   color: var(--body-font-color);
   }
   */
}

.checkbox {
  visibility: hidden;
  position: absolute;
}

.checkbox + span,
.checkboxLever {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
  font-size: max( 1rem, min(4.267vw,calc(var(--form-element-font-size-large)/16*1rem)) );
  font-size: clamp( 1rem, 4.267vw, calc(var(--form-element-font-size-large)/16*1rem))

}

.checkbox + span:before,.checkboxLever:before{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-display: auto;
    content: '\f0c8';
    margin-right: 8px;
    color: var(--form-element-border-color);
    font-weight: 400;
    font-size: 120%;
  }

.checkbox + span,
.checkboxLever {
  /*&:before {
 @mixin font-awnesome-free;
   content: '\f0c8';
   margin-right: 8px;
   color: var(--form-element-border-color);
   font-weight: 400;
   font-size: 120%;
 }*/

}

.checkbox:checked + span:before, .checkbox:checked + .checkboxLever:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-display: auto;
    content: '\f14a';
    color: var(--body-font-color);
  }

.select-wrap{
  position: relative;
  display: inline-block
}

.select-wrap:before,
  .select-wrap:after{
    display: block;
    position: absolute;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    content: " ";
  }

.select-wrap:before{
    bottom: 50%;
    margin-bottom: 3px;
    border-width: 0 3px 5px 3px;
    border-color: transparent transparent var(--black) transparent;
  }

.select-wrap:after{
    top: 50%;
    margin-top: 3px;
    border-width: 5px 3px 0 3px;
    border-color: var(--black) transparent transparent transparent;
  }

.mw_wp_form_confirm .select-wrap:before,
.mw_wp_form_confirm .select-wrap:after{
  display: none;
}

.select{
  width: 100%;
  outline:none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: var(--form-element-padding);
  padding-right: 35px;
  border:var(--form-element-border-width) solid var(--form-element-border-color);
  border-radius: var(--form-element-radious);
  background: var(--form-element-background);
  font-size: max( 1rem, min(4.267vw,calc(var(--form-element-font-size-large)/16*1rem)) );
  font-size: clamp( 1rem, 4.267vw, calc(var(--form-element-font-size-large)/16*1rem));
  .js-form-check-error &{
    border-color: var(--form-element-error);
  }
}

.select option{
  background-color: var(--white);
  color: var(--body-font-color);
}

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

.select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

.js-form-error{
  margin-top: var(--form-element-space);
  color: var(--attention-color);
}

.fv-plugins-icon{
  width: calc(1em + 10px);
}

.fv-plugins-icon.js-form-icon-vaild:before{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-display: auto;
  display: none !important;
  content: "\f00c";
  color: var(--body-font-color);
}

.fv-plugins-icon.js-form-icon-invalid:before{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-display: auto;
  display: none !important;
  content: "\f00d";
  color: var(--body-font-color);
}

.fv-plugins-icon.js-form-icon-validating:before{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-display: auto;
  display: none !important;
  content: "\f021";
  color: var(--body-font-color);
}

.ssc-Content{

}

/*
.ssc-Content ul,
.ssc-Content ol{
  list-style-type: none;
}

.ssc-Content ul li{
  padding-left: 1em;
  &:before{
    content: '・';
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }
}

.ssc-Content ol{
  counter-reset: item;
}

.ssc-Content ol li{
  padding-left: 1em;
  &:before{
    counter-increment: item;
    content: counter(item)'.';
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }
}*/

.ssf-Footer{
  position: relative;
  padding-bottom: 176px;
  background: url(../img/common/footer-bg.png) repeat-y top center / 1400px auto;
  z-index: 2
}

.scroll_footer, .scroll_footer ul {
  height: 17.3vw;
  box-shadow: none;
}
.scroll_footer ul {
  background: none transparent;
  width: 100%;
  text-align: center;
}

.scroll_footer ul li.footer_tel_link {
  right: 0;
}

.scroll_footer ul li {
  width: 50%;
  height: 17.3vw;
}
.scroll_footer ul li {
  display: block;
  width: 50%;
  height: 17.5vw;
  position: absolute;
  top: 0;
}

.scroll_footer ul li a {
  display: block;
}

.scroll_footer ul li a img {
  width: 100%;
}

.scroll_footer ul li.footer_line_link {
  right: 0;
}

.scroll_footer {
  width: 100%;
  background-color: transparent;
  position: fixed;
  bottom: 0;
  z-index: 99;
}

.ssf-Fixed{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px -3px 7px 0.3px rgba(1, 38, 7, 0.1)
}

.ssf-Fixed_Button{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 511px;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 162px;
  background:  url(../img/common/fixed-bg-line@2x.png) no-repeat center center / contain;
  color: var(--white);
  font-size: 36px;
}

.ssf-Contact{
  position: relative;
  z-index: 2;
}

.ssf-Contact_Tel{
  position: relative;
  padding-top: 48px;
  padding-bottom: 55px;
  z-index: 1
}

.ssf-Contact_Tel:before{
    content: ' ';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    max-width: 1400px;
    height: 100%;
    transform: translateX(-50%);
    background:  url(../img/common/footer-bg-border@2x.png) no-repeat top center / 1400px auto,  url(../img/common/footer-bg-border@2x.png) no-repeat bottom center / 1400px auto , rgba(255, 255, 255, 0.5);
    z-index: -1;
  }

.ssf-Contact_TelHeading{
  margin-bottom: 23px;
  font-size: 36px;
  text-align: center;
  line-height: 1.44;
}

.ssf-Contact_TelNumber{
  display: flex;
  align-items: flex-end;
  color: #6e1a03;
  font-size: 85px;
  line-height: 1;
  font-weight: 900
}

.ssf-Contact_TelNumber:before{
    content: ' ';
    width: 71px;
    height: 72px;
    margin-right: 20px;
    background: url(../img/common/footer-icon-tel@2x.png) no-repeat left center / contain;
  }

.ssf-Contact_TelNumber a{
  flex: 0 0 auto
}

.ssf-Contact_TelOther{
  display: flex;
  margin-top: 35px;
  font-size: 26px;
  font-weight: 700;
}

.ssf-Contact_Staff{
  margin-left: 44px;
}

.ssf-Contact_Buttons{
  display: flex;
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 88px;
}

.ssf-Contact_Button{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 382px;
  height: 105px;
  color: var(--white);
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  padding-bottom: 10px;
  filter: drop-shadow(0 4px 6px rgba(1, 29, 1, 0.3));
}

.ssf-Contact_Button + .ssf-Contact_Button{
  margin-left: 25px;
}

.ssf-Contact_Button-access{
  background:  url(../img/common/footer-bg-access.png) no-repeat center center / contain;
}

.ssf-Contact_Button-contact{
  background:  url(../img/common/footer-bg-contact.png) no-repeat center center / contain;
}

.ssf-Copyright{
  margin-top: 31px;
  text-align: center;
}

.ssf-Copyright_Text{
  font-size: 24px;
  line-height: 2.16;
  font-weight: 700;
}

.ssf-Information{
  position: relative;
  padding-top: 52px;
  padding-bottom: 50px;
  color: var(--white);
  background: url(../img/common/footer-bg-bottom.png) repeat-y top center / 1400px auto;
  z-index: 1;
}

.ssf-Information_Container{

}

.ssf-Information_Address{
  font-size: 24px;
  font-weight: 700;
  line-height: 2.16;
}

.ssh-Hamburger{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 1 auto;
  width: 43px;
  height: 36px;
  text-decoration: none;
  color: var(--body-font-color);
}

.ssh-Hamburger_BarWrapper{
  display: block;
  position: relative;
  width: 100%;
  height: 100%
}

.ssh-Hamburger_BarWrapper:before,
  .ssh-Hamburger_BarWrapper:after{
    box-sizing: content-box;
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background: currentColor;
    transition: all 300ms cubic-bezier(.25,.1,.25,1) 300ms,transform 400ms cubic-bezier(.775,-.185,0,1.01) 0ms;
  }

.ssh-Hamburger_BarWrapper:before {
    top: 0;
    left: 0;
  }

.ssh-Hamburger_BarWrapper:after {
    bottom:0;
    left: 0;
  }

.ssh-Hamburger-close .ssh-Hamburger_BarWrapper,
[aria-expanded="true"] .ssh-Hamburger_BarWrapper{
  border: none
}

.ssh-Hamburger-close .ssh-Hamburger_BarWrapper:before,
  .ssh-Hamburger-close .ssh-Hamburger_BarWrapper:after,
  [aria-expanded="true"] .ssh-Hamburger_BarWrapper:before,
  [aria-expanded="true"] .ssh-Hamburger_BarWrapper:after{
    transform-origin: center center;
    transition: all 300ms cubic-bezier(.25,.1,.25,1) 0ms,transform 400ms cubic-bezier(.775,-.185,0,1.01) 200ms;
  }

.ssh-Hamburger-close .ssh-Hamburger_BarWrapper:before, [aria-expanded="true"] .ssh-Hamburger_BarWrapper:before {
    top: calc(50% - 1.5px);
    transform: rotate(45deg);
  }

.ssh-Hamburger-close .ssh-Hamburger_BarWrapper:after, [aria-expanded="true"] .ssh-Hamburger_BarWrapper:after {
    bottom: calc(50% - 1.5px);
    transform: rotate(-45deg);
  }

.ssh-Hamburger_Bar {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(50% - 1.5px);
  height: 3px;
  background: currentColor;
  transition: all 300ms cubic-bezier(.25,.1,.25,1) 300ms,transform 400ms cubic-bezier(.775,-.185,0,1.01) 0ms;
}

.ssh-Hamburger-close .ssh-Hamburger_Bar,
[aria-expanded="true"] .ssh-Hamburger_Bar{
  opacity: 0;
  transition: all 300ms cubic-bezier(.25,.1,.25,1) 0ms,transform 400ms cubic-bezier(.775,-.185,0,1.01) 200ms;
}

.ssh-Header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  box-sizing: content-box;
  padding-right: var(--content-width-_gutter);
  padding-left: var(--content-width-_gutter);
  background: url(../img/common/header-bg@2x.png) repeat-x top center / cover;
}

.ssh-Container{
  max-width: var(--content-width);
  margin-right: auto;
  margin-left: auto;
}

.ssh-Primary{
  position: relative;
  z-index: 3;
  padding-top: 15px;
  padding-bottom: 30px;
}

.ssh-Logo{

}

.ssh-Action {
  display: flex;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
}

.ssh-Action_Menu{
  box-sizing: border-box;
  z-index: 3;
  color: var(--white);
}

.ssh-Secondary{
  display: none;
  color: var(--white);
  position: static !important;
}

.ssh-Secondary.is-open{

}

.ssh-Secondary_Container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100px);
  overflow-y: auto;
  padding-top: 70px;
  padding-bottom: 100px;
}

.ssh-Information{
  margin-top: 100px;
}

.ssh-Information_Items{
  display: flex;
  list-style-type: none;
}

.ssh-Information_Item{
  margin-right: 10px;
}

.ssh-Information_Item a{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: var(--white);
  font-weight: 700;
  font-size: 23.5px;
  letter-spacing: 0.1em;
  padding-bottom: 10px;
  width: 376px;
  height: 102px
}

.ssh-Information_Items-line a{
  background: url(../img/common/header-bg-line.png) no-repeat center center / contain;
  padding-left: 114px;
}

.ssh-Information_Items-contact a{
  justify-content: center;

  background: url(../img/common/header-bg-contact.png) no-repeat center center / contain;
}

.ssh-Navigation{

}

.ssh-Navigation_Item{
  margin-top: 50px;
  list-style-type: none
}

.ssh-Navigation_Item:first-child{
    margin-top: 0;
  }

.ssh-Navigation_Item a{
  font-size: 36px;
  font-weight: 700
}

.ssp-Loading{
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--white);
  transition: 0.45s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.ssp-Loading[data-animation="false"]{
    display: none;
  }

.ssp-Loading[data-progress="complete"]{
    transition-delay: .2s;
    background: color(var(--white) alpha(0.1));
  }

.ssp-Loading_Progress {
  position: absolute;
  top: calc(50% - 65px);
  left: calc(50% - 65px);
  width: 130px;
  height: 130px;
  opacity: 0;
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  [data-progress="loading"] &{
    opacity: 1;
  }
  [data-progress="complete"]{
    filter: blur(6px);
    transform: scale(0.8);
    opacity: 1;
  }

}

.ssp-Loading_Progress svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.ssp-Loading_Progress circle {
  stroke: var(--primary-color);
  stroke-width: 2;
}

.ssp-Loading_Percentage{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: var(--primary-color);
  font-size: 2.4rem;
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  transform: scale(.85);
  [data-progress="complete"] &{
    transform: none;
    transition: color .6s, transform .6s cubic-bezier(.3,1.4,.7,1);
  }
}

.ssp-Page{
  overflow: hidden
}

.sw-Buttons{

}

.sw-Button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  border-radius: 0;
  border: 1px solid var(--white);
  background: var(--dark-gray);
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none !important;
  color: var(--white);
  font-weight: normal;
  //font-family: var(--button-font-family);
  transition: all .2s ease;
  &:hover{
    opacity: var(--global-hover-opacity);
  }
  &:focus{
    outline:0;
  }
  transition: opacity .2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.sw-Button:hover{
    opacity: var(--global-hover-opacity);
  }

.sw-Container{
  position: relative;
  max-width: var(--content-width);
  margin-right: auto;
  margin-left: auto;
}

.sw-Container2{
  position: relative;
  max-width: var(--content-width2);
  margin-right: auto;
  margin-left: auto;
}

.sw-Section{
  box-sizing: content-box;
  padding-right: var(--content-width-_gutter);
  padding-left: var(--content-width-_gutter);
}

*[class^=fa]{
  margin-left: 5px;
  margin-right: 5px;
}

.top-Area{
  box-sizing: border-box;
  padding-top: 113px;
  padding-bottom: 113px;
  background:
      url(../img/index/area-bg-japan@2x.png) no-repeat center center / 528px auto,
      url(../img/index/area-bg.png) no-repeat center center / auto 100%;
  min-height: 788px;
}

.top-Area_Paragraph{
  position: relative;
  padding-top: 38px;
  padding-bottom: 38px;
  font-size: 26px;
  z-index: 1
}

.top-Area_Paragraph:before{
    content: ' ';
    position: absolute;
    top: 0;
    width: 1400px;
    height: 100%;
    left: calc(50% - 38px);
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.7);
    z-index: -1;
  }

.top-Area_Strong{
  color: #6e1a03;
}

.top-Case{
  padding-top: 134px;
  padding-bottom: 112px;
  background: url(../img/index/case-bg.png) repeat top center / 1400px auto;
}

.top-Case_Heading{
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 58px;
  margin-right: -9px;
  margin-left: -9px;
  height: 126px;
  padding-bottom: 20px;
  background: url(../img/index/case-bg-heading@2x.png) repeat top center / 100% auto;
  text-align: center;
  color: var(--white);
  font-size: 36px;
  font-weight: 700;
}

.top-Case_Heading ~ .top-Case_Heading{
  margin-top: 106px;
}

.top-Case_Items{
  display: grid;
  /* autoprefixer: off */
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 53px 30px;
  gap: 53px 30px;
}

.top-Case_Item{

}

.top-CaseUnit_Image{
  text-align: center;
}

.top-CaseUnit_Body{
  margin-top: 23px;
}

.top-CaseUnit_Heading{
  font-size: 26px;
  font-weight: 700;
  line-height: 1.38;
}

.top-CaseUnit_Text{
  display: flex;
  align-items: center;
  margin-top: 11px;
}

.top-CaseUnit_Label{
  margin-right: 17px;
  padding: 5px 9px;
  border: 2px solid #2b0a02;
  font-size: 26px;
  line-height: 1;
}

.top-CaseUnit_Value{
  font-size: 36px;
  font-weight: 900;
  line-height: 1.5;
}

.top-Corona{
  padding-top: 100px;
  padding-bottom: 100px;
  background: url(../img/index/corona-bg.png) repeat-y top center / 1400px auto;
}

.top-Corona_Frame{
  padding: 82px 43px 88px;
  background:  url(../img/index/corona-bg-top@2x.png) no-repeat top right / 425px auto, rgba(255, 255, 255, 0.85);
  -webkit-clip-path: polygon(calc(100% - 60px) 0, 100% 60px, 100% 100%, 60px 100%, 0% calc(100% - 60px), 0 0);
  clip-path: polygon(calc(100% - 60px) 0, 100% 60px, 100% 100%, 60px 100%, 0% calc(100% - 60px), 0 0);

}

.top-Corona_Heading{
  margin-bottom: 51px;
  font-size: 36px;
  text-align: center;
  line-height: 1.44;
  font-weight: 700;
}

.top-Corona_Items{
  display: flex;
  justify-content: center;
}

.top-Corona_Item{
  margin-right: 25px;
  margin-left: 25px;
}

.top-CoronaUnit_Image{
  text-align: center;
}

.top-CoronaUnit_Heading{
  margin-top: 20px;
  text-align: center;
  color: #013a01;
  font-size: 26px;
  font-weight: 700;
}

.top-Corona_Paragraph{
  margin-top: 46px;
  font-size: 26px;
}

.top-CTA{
  padding-top: 107px;
  padding-bottom: 120px;
  background: rgba(237, 239, 233, 0.8) url(../img/index/cta-bg.png) repeat center center;
}

.top-CTA_Heading{
  margin-bottom: 16px;
  font-size: 36px;
  text-align: center;
  font-weight: 700;
  line-height: 1.44;
}

.top-CTA_HeadingStrong{
  color: var(--attention-color);
}

.top-CTA_Line{
  box-sizing: border-box;
  padding: 28px 0 0 53px;
  background: url(../img/index/cta-bg-line@2x.png) repeat center center / contain;
  height: 297px;
  box-shadow: 0 4px 6px rgba(56, 13, 3, 0.2);
}

.top-CTA_LineHead{
  display: flex;
  margin-bottom: 5px;
}

.top-CTA_LineFree{
  margin-right: 13px;
}

.top-CTA_LineHeading{
  font-weight: 700;
  color: #1d3f07;
}

.top-CTA_LineHeadingText1{
  display: block;
  font-size: 58px;
  line-height: 1;
}

.top-CTA_LineHeadingText2{
  display: block;
  font-size: 40px;
  line-height: 1.5;
}

.top-CTA_LineButton{
  padding-left: 20px;
}

.top-CTA_LineButton a{
  transition: opacity .2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.top-CTA_LineButton a:hover{
    opacity: var(--global-hover-opacity);
  }

.top-CTA_LineHour{
  margin-top: 12px;
  padding-left: 20px;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.top-FAQ{
  padding-top: 140px;
  padding-bottom: 140px;
  background: #eef2e4 url(../img/index/faq-bg@2x.png) repeat-y center -90px  / 1400px auto;
}

.top-FAQ_Items{

}

.top-FAQ_Items dt{
  position: relative;
  padding-left: 74px;
  line-height: 48px;
  font-size: 26px;
  color: #6e1a03;
  font-weight: 700
}

.top-FAQ_Items dt:before{
    box-sizing: border-box;
    display: block;
    content: 'Q';
    position: absolute;
    left: 0;
    top: 0;
    background: #6e1a03;
    width: 48px;
    height: 48px;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    color: var(--white);
    letter-spacing: 0;
    padding-bottom: 10px;
    font-weight: 700;
  }

.top-FAQ_Items dd + dt{
  margin-top: 40px;
}

.top-FAQ_Items dd{
  position: relative;
  margin-top: 32px;
  padding-left: 74px;
  padding-bottom: 21px;
  line-height: 48px;
  font-size: 26px;
  letter-spacing: 0.11em;
  color: #2b0a02;
  border-bottom: 1px solid #1f3513
}

.top-FAQ_Items dd:before{
    content: 'A';
    position: absolute;
    left: 0;
    top: 0;
    background: #013a01;
    width: 48px;
    height: 48px;
    font-size: 30px;
    line-height: 48px;
    color: var(--white);
    text-align: center;
    letter-spacing: 0;
    font-weight: 700;
  }

.top-Heading{
  margin-bottom: 65px;
  text-align: center;
  font-weight: 700;
  font-size: 52px;
  color: var(--primary-color);
  letter-spacing: 0.1em;
  line-height: 1.23;
}

.top-Heading-bg1:before{
    content: ' ';
    display: block;
    width: 183px;
    height: 49px;
    margin-bottom: 27px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/common/heading-bg-flower@2x.png) repeat center center / contain;
  }

.top-Heading_Strong{
  color: var(--attention-color);
  font-size: 72px;
  line-height: 1;
}

.top-Hero{
  overflow: hidden;
  position: relative;
  background: url(../img/index/hero-bg.png) no-repeat center center / auto 100%;
}

.top-Hero_Container{
  position: relative;
}

.top-Hero_Head{
  display: flex;
  justify-content: space-between;
  margin-left: -140px;
  margin-right: -140px;
  height: 678px;
}

.top-Hero_Heading{
  margin-left: 47px;
}

.top-Hero_Image{
  margin-top: 157px;
}

.top-Hero_Foot{
  position: relative;
  box-sizing: border-box;
  padding-top: 45px;
  height: 276px;
  z-index: 1
}

.top-Hero_Foot:before{
    content: ' ';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    background: url(../img/index/hero-bg-text@2x.png) no-repeat center center / auto 100%;
    z-index: -1;
    transform: translateX(-50%);
  }

.top-Hero_Paragraph p{
  color: var(--primary-color);
  font-size: 25px;
  line-height: 1.92;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.top-Hero_Strong{
  color: var(--attention-color);
}

.top-List{
  padding-top: 127px;
  padding-bottom: 155px;
  background: #edefe9;
}

.top-List_Frame{
  position: relative;
  background: url(../img/index/list-bg-middle.png) repeat-y center top  / 1400px auto
}

.top-List_Frame:before{
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 33.5px;
    background: url(../img/index/list-bg-top.png) no-repeat center bottom  / 1400px auto;
    z-index: 1;
  }

.top-List_Frame:after{
    content: ' ';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 65px;
    background: url(../img/index/list-bg-bottom.png) no-repeat center top  / 1400px auto;
    z-index: 1;
  }

.top-List_Container{
  position: relative;
  padding-top: 76px;
  padding-bottom: 85px;
  z-index: 2
}

.top-List_Container:before{
    content: ' ';
    position: absolute;
    top: -90px;
    left: -15px;
    width: 80px;
    height: 255px;
    background: url(../img/index/list-img-item1@2x.png) no-repeat center center / contain;
  }

.top-List_Container:after{
    content: ' ';
    position: absolute;
    bottom: -90px;
    right: -30px;
    width: 280px;
    height: 142px;
    background: url(../img/index/list-img-item2@2x.png) no-repeat center center / contain;
  }

.top-List_Heading{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  text-align: center;
  font-size: 36px
}

.top-List_Heading:before{
    content: ' ';
    width: 19px;
    height: 59px;
    margin-right: 18px;
    background: url(../img/index/list-bg-heading-left@2x.png) repeat left center / auto 100%;
  }

.top-List_Heading:after{
    content: ' ';
    width: 19px;
    height: 59px;
    margin-left: 18px;
    background: url(../img/index/list-bg-heading-right@2x.png) repeat right center / auto 100%;
  }

.top-List_Paragraph p{
  font-size: 26px;
  letter-spacing: 0.098em;
}

.top-Merit{
  position: relative;
  padding-top: 116px;
  padding-bottom: 130px;
  background: url(../img/index/merit-bg.png) repeat top center / 1400px auto;
  z-index: 1
}

.top-Merit:before{
    content: ' ';
    position: absolute;
    top: 0;
    left: calc(50% + 63px);
    width: 641px;
    height: 687px;
    background: url(../img/index/merit-bg-top.png) repeat left center / auto 100%;
  }

.top-Merit:after{
    content: ' ';
    position: absolute;
    bottom: -150px;
    left: calc(50% - 704px);
    width: 1185px;
    height: 790px;
    background: url(../img/index/merit-bg-bottom.png) no-repeat left center / contain;
    z-index: -1;
  }

.top-Merit_Item{
  margin-top: 122px
}

.top-Merit_Item:first-child{
    margin-top: 0;
  }

.top-MeritUnit{
  display: flex;
  align-items: flex-start;
}

.top-MeritUnit.top-Merit_Item:nth-child(even){
  flex-direction: row-reverse;
}

.top-MeritUnit_Body{
  flex: 0 0 auto;
  box-sizing: border-box;
  position: relative;
  width: 528px;
  padding-top: 36px;
  padding-bottom: 30px;
  z-index: 1
}

.top-MeritUnit_Body:before{
    content: ' ';
    position: absolute;
    top: 0;
    width: calc(100% + 315px);
    height: 100%;
    background: url(../img/index/merit-bg-body.png) repeat top center;
    z-index: -1;
  }

.top-MeritUnit_Body{
  box-shadow: 0 39px 8px -29px rgba(1, 38, 7, 0.17)
}

.top-Merit_Item:nth-child(odd) .top-MeritUnit_Body{
  padding-right: 40px
}

.top-Merit_Item:nth-child(odd) .top-MeritUnit_Body:before {
    right: 0;
    -webkit-clip-path: polygon(calc(100% - 47px) 0, 100% 44px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(calc(100% - 47px) 0, 100% 44px, 100% 100%, 0 100%, 0 0);
  }

.top-Merit_Item:nth-child(even) .top-MeritUnit_Body{
  padding-left: 40px
}

.top-Merit_Item:nth-child(even) .top-MeritUnit_Body:before {
    left: 0;
    -webkit-clip-path: polygon(47px 0, 100% 0%, 100% 100%, 0 100%, 0 44px);
    clip-path: polygon(47px 0, 100% 0%, 100% 100%, 0 100%, 0 44px);
  }

.top-MeritUnit_Label{
  box-sizing: border-box;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 3px;
  top: -68px;
  width: 134px;
  height: 134px;
  padding-bottom: 10px;
  background: url(../img/index/merit-bg-label@2x.png) no-repeat top center / contain;
  color: var(--white);
  text-align: center
}

.top-Merit_Item:nth-child(even) .top-MeritUnit_Label{
  left: 40px;
}

.top-MeritUnit_LabelText{
  font-size: 28px;
  margin-bottom: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 8px;
  border-bottom: 2px solid currentColor;
  line-height: 1;
}

.top-MeritUnit_LabelText2{
  font-size: 24px;
  line-height: 1;
}

.top-MeritUnit_Heading{
  margin-bottom: 20px;
  text-align: center;
  font-size: 36px
}

.top-MeritUnit_Heading:after{
    content: ' ';
    display: block;
    width: 110px;
    height: 3px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    background: url(../img/index/merit-bg-heading@2x.png) no-repeat center center / contain;
  }

.top-MeritUnit_Text{
  font-size: 26px;
}

.top-MeritUnit_Attention{
  font-size: 23px;
}

.top-MeritUnit_TextStrong{
  color: var(--attention-color);
}

.top-MeritUnit_Image{
  flex: 1 1 auto;
  margin-top: 138px;
  height: 284px;
  position: relative;
}

.top-MeritUnit_Image img{
  max-width: inherit;
  height: 100%;
}

.top-Merit_Item:nth-child(odd) .top-MeritUnit_Image img{
  margin-left: -196px;
}

.top-Merit_Item:nth-child(even) .top-MeritUnit_Image img{
  margin-right: -196px;
}

.top-Note{
  padding-top: 117px;
  padding-bottom: 117px;
  background: url(../img/index/note-bg.png) no-repeat center top  / 1761px auto;
}

.top-Note_Panel{
  padding: 47px 43px;
  background: rgba(255, 255, 255, 0.8);
}

.top-Note_Panel + .top-Note_Panel{
  margin-top: 55px;
}

.top-Note_Heading{
  position: relative;
  margin-bottom: 12px;
  padding-left: 78px;
  font-size: 36px
}

.top-Note_Heading:before{
    content: ' ';
    position: absolute;
    left: 0;
    top: 0.875em;
    width: 57px;
    height: 33px;
    background: url(../img/index/note-bg-heading@2x.png) no-repeat center center  / contain;
    transform: translateY(-50%);
  }

.top-Note_Text{
  font-size: 26px;
}

.top-Note_List{
  font-size: 26px;
  list-style-type: none;
}

.top-Note_List li{
  padding-left: 1em;
  text-indent: -1em;
}

.top-Note_Text + .top-Note_List{
  margin-top: 22px;
}

.top-Voice{
  padding-top: 140px;
  padding-bottom: 140px;
  background: url(../img/index/voice-bg.png) no-repeat center top  / 1400px auto;
}

.top-Voice_Items{

}

.top-Voice_Item{
  position: relative;
  box-sizing: border-box;
  padding: 50px 44px 40px 38px;
  z-index: 1
}

.top-Voice_Item:before{
    box-sizing: border-box;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #8b9580;
    filter: drop-shadow(0 4px 3px rgba(2, 26, 5, 0.4));
    mix-blend-mode: multiply;
    z-index: -1;
  }

.top-Voice_Item + .top-Voice_Item{
  margin-top: 78px;
}

.top-VoiceUnit:before{
    box-sizing: border-box;
    content: ' ';
    position: absolute;
    left: -19px;
    bottom: -20px;
    width: 150px;
    height: 151px;
    background: url(../img/index/voice-bg-item-bottom@2x.png) no-repeat center top  / contain;
    z-index: 1;
  }

.top-VoiceUnit:after{
    box-sizing: border-box;
    content: ' ';
    position: absolute;
    right: -22px;
    top: -26px;
    width: 150px;
    height: 151px;
    background: url(../img/index/voice-bg-item-top@2x.png) no-repeat center top  / contain;
    z-index: 1;
  }

.top-VoiceUnit_Head{
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 34px;
  border-bottom: 1px solid #102704;
}

.top-VoiceUnit_HeadImage{
  flex: 0 0 auto;
  margin-right: 40px;
}

.top-VoiceUnit_HeadBody{

}

.top-VoiceUnit_Heading{
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 1.44;
  font-weight: 700;
}

.top-VoiceUnit_CustomerName{
  font-size: 26px;
}

.top-VoiceUnit_Body{
  position: relative;
  z-index: 2;
}

.top-VoiceUnit_Text{
  font-size: 26px;
}

.top-Ways{
  position: relative
}

.top-Ways:before{
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/index/ways-bg.png) repeat center center;
    opacity: 0.95;
  }

.top-Ways_Container{
  position: relative;
  z-index: 2;
}

.top-Ways_Lead{
  position: relative;
  padding-top: 94px;
  padding-bottom: 84px
}

.top-Ways_Lead:before{
    content: ' ';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 842px;
    background: url(../img/index/ways-bg-lead.png) no-repeat center center / cover;
    z-index: -1;
    transform: translateX(-50%);
  }

.top-Ways_LeadParagraph p{
  font-size: 28px;
}

.top-Ways_Line{
  position: relative;
  padding-top: 70px
}

.top-Ways_Line:before{
    content: ' ';
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(237, 239, 233, 0.8);
    z-index: -1;
    transform: translateX(-50%);
  }

.top-Ways_LineItems{
  list-style-type: none;
  line-height: 1.2;
}

.top-Ways_LineItem{
  padding-top: 30px;
  padding-bottom: 68px;
}

.top-Ways_LineUnit{
  position: relative;
  padding: 77px 30px 45px;
  background: url(../img/index/ways-bg-item.png) repeat-y top center / 100% auto;
  box-shadow: 0px 4px 8px 2px rgba(1, 29, 5, 0.1)
}

.top-Ways_LineUnit:after{
    content: ' ';
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    width: 100%;
    height: 68px;
    background: url(../img/index/ways-bg-item.png) repeat-y bottom center / 100% auto;
    -webkit-clip-path: polygon(100% 0, 50% 100%, 0 0);
    clip-path: polygon(100% 0, 50% 100%, 0 0);
  }

.top-Ways_LineItem:last-child .top-Ways_LineUnit:after{
    display: none;
  }

.top-Ways_LineUnit_Step{
  position: absolute;
  top: -24px;
}

.top-Ways_LineUnit_Heading{
  margin-bottom: 40px;
  font-size: 36px;
}

.top-Ways_LineUnit_Media{
  display: flex;
  justify-content: space-between;
}

.top-Ways_LineItem:nth-child(even) .top-Ways_LineUnit_Media{
  flex-direction: row-reverse;
}

.top-Ways_LineUnit_MediaImage{
  width: 247px;
}

.top-Ways_LineUnit_MediaBody{
  width: 430px;
}

.top-Ways_LineUnit_MediaBody p{
  font-size: 26px;
}

.top-Ways_LineUnit_MediaTextStrong{
  color: var(--attention-color);
}

.top-Ways_LineUnit_MediaLink{
  margin-top: 28px;
}

@media (min-width:1405px){

.ssp-Page{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}
}

@media (max-width: 900px){
    body[data-header-sp-fixed="false"]{
      padding-top: 0 !important;
    }
}

@media (min-width: 900px),print{

.input {
    width:80%
}

.input-xsmall{
    width: 12em
}

.ssf-Footer{
    padding-bottom: 0
}

.ssf-Fixed{
    display: none
}
.scroll_footer, .scroll_footer ul {
  height: 17.3vw;
  box-shadow: none;
}
.scroll_footer ul {
  background: none transparent;
  width: 100%;
  text-align: center;
}

.scroll_footer ul li.footer_tel_link {
  right: 0;
}

.scroll_footer ul li {
  width: 50%;
  height: 17.3vw;
}
.scroll_footer ul li {
  display: block;
  width: 50%;
  height: 17.5vw;
  position: absolute;
  top: 0;
}

.scroll_footer ul li a {
  display: block;
}

.scroll_footer ul li a img {
  width: 100%;
}

.scroll_footer ul li.footer_line_link {
  right: 0;
}

.scroll_footer {
  width: 100%;
  background-color: transparent;
  position: fixed;
  bottom: 0;
  z-index: 99;
}
.ssf-Contact_TelNumber a{
    pointer-events: none
}

.ssf-Contact_Button{
    transition: opacity .2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
    .ssf-Contact_Button:hover{
      opacity: var(--global-hover-opacity);
    }

.ssh-Information_Item a{
    transition: opacity .2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
    .ssh-Information_Item a:hover{
      opacity: var(--global-hover-opacity);
    }

.ssh-Navigation_Items {
}

.ssh-Navigation_Item{
}

.ssh-Navigation_Item a{
}
    body[data-header-pc-fixed="false"]{
      padding-top: 0 !important;
    }

.top-Corona_Container{
    filter: drop-shadow(0 4px 5px rgba(1, 38, 7, 0.2))
}

.top-MeritUnit_Body{
    filter: drop-shadow(0 6px 8px rgba(1, 38, 7, 0.17));
    box-shadow: inherit
}

.top-MeritUnit_Label{
    filter: drop-shadow(0 3px 4px rgba(1, 22, 4, 0.4))
}

.top-Ways_LineUnit{
    box-shadow:inherit;
    filter: drop-shadow(0 4px 8px rgba(1, 29, 5, 0.1))
}

.top-Ways_LineUnit_MediaLink a{
    transition: opacity .2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
    .top-Ways_LineUnit_MediaLink a:hover{
      opacity: var(--global-hover-opacity);
    }
}