@charset "UTF-8";
/*----------------------------------------
	reset
----------------------------------------*/
*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

* {
  font-size: inherit;
  line-height: inherit;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, main, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

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

span, small, strong, em, b, i {
  color: inherit;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: top;
}

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

caption, th {
  text-align: left;
}

input, select {
  vertical-align: middle;
}

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

address {
  font-style: normal;
}

q::before,
q::after {
  display: none;
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px rgba(0,0,0,0)}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:hover .hvr-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-down .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:hover .hvr-icon{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-up .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:hover .hvr-icon{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-spin .hvr-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:hover .hvr-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-drop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:hover .hvr-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-fade .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:hover .hvr-icon{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-float-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-sink-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:hover .hvr-icon{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:hover .hvr-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:hover .hvr-icon{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:hover .hvr-icon{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:hover .hvr-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:hover .hvr-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:hover .hvr-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:hover .hvr-icon{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:hover .hvr-icon{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:hover .hvr-icon{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:hover .hvr-icon{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px}

 /* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/common/upload_data/hirabayasinet/image/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/common/upload_data/hirabayasinet/file/slick.eot');
    src: url('/common/upload_data/hirabayasinet/file/slick.eot?#iefix') format('embedded-opentype'), url('/common/upload_data/hirabayasinet/file/slick.woff') format('woff'), url('/common/upload_data/hirabayasinet/file/slick.ttf') format('truetype'), url('/common/upload_data/hirabayasinet/file/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}



@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*=== アニメーション inview_fiU_hidden用===*/
.inview_tstR01 {
  transition: all, opacity 0.6s cubic-bezier(0.5, 0, 0, 1) 0s, transform 0.6s cubic-bezier(0.5, 0, 0, 1) 0s; }

.inview_tstR02 {
  transition: all, opacity 0.6s cubic-bezier(0.5, 0, 0, 1) 0.2s, transform 0.6s cubic-bezier(0.5, 0, 0, 1) 0.2s; }

.inview_clipB {
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  opacity: 0;
  will-change: clip-path, opacity;
  transition: opacity 3s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, -webkit-clip-path 3s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; }
  .inview_clipB.show {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    opacity: 1; }

.inview_clipR {
  -webkit-clip-path: inset(0 100% 0% 0);
  clip-path: inset(0 100% 0% 0);
  opacity: 0;
  will-change: clip-path, opacity;
  transition: opacity 3s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, -webkit-clip-path 3s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; }
  .inview_clipR.show {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    opacity: 1; }

.inview_clipL {
  -webkit-clip-path: inset(0 0% 0% 100%);
  clip-path: inset(0 0% 0% 100%);
  opacity: 0;
  will-change: clip-path, opacity;
  transition: opacity 3s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, -webkit-clip-path 3s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; }
  .inview_clipL.show {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    opacity: 1; }

.inview_clipT {
  -webkit-clip-path: inset(100% 0% 0% 0%);
  clip-path: inset(100% 0% 0% 0%);
  opacity: 0;
  will-change: clip-path, opacity;
  transition: opacity 3s cubic-bezier(0.19, 1, 0.22, 1) 0.5s, -webkit-clip-path 3s cubic-bezier(0.19, 1, 0.22, 1) 0.5s; }
  .inview_clipT.show {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    opacity: 1; }

.hidden-wrap {
  position: relative;
  overflow: hidden; }
  .hidden-wrap span {
    display: block; }

.hidden-block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%; }
  .hidden-block span {
    display: block; }

.inview_section .inview:nth-of-type(1) {
  transition-delay: 0.1s; }
.inview_section .inview:nth-of-type(2) {
  transition-delay: 0.3s; }
.inview_section .inview:nth-of-type(3) {
  transition-delay: 0.5s; }
.inview_section .inview:nth-of-type(4) {
  transition-delay: 0.7s; }
.inview_section .inview:nth-of-type(5) {
  transition-delay: 0.9s; }
.inview_section .inview:nth-of-type(6) {
  transition-delay: 1.1s; }
.inview_section .inview:nth-of-type(7) {
  transition-delay: 1.3s; }
.inview_section .inview:nth-of-type(8) {
  transition-delay: 1.5s; }
.inview_section .inview:nth-of-type(9) {
  transition-delay: 1.7s; }
.inview_section .inview:nth-of-type(10) {
  transition-delay: 1.9s; }
.inview_section .inview:nth-of-type(11) {
  transition-delay: 2.1s; }
.inview_section .inview:nth-of-type(12) {
  transition-delay: 2.3s; }
.inview_section .inview:nth-of-type(13) {
  transition-delay: 2.5s; }
.inview_section .inview:nth-of-type(14) {
  transition-delay: 2.7s; }
.inview_section .inview.delay02:nth-of-type(1) {
  transition-delay: 0.3s; }
.inview_section .inview.delay02:nth-of-type(2) {
  transition-delay: 0.5s; }
.inview_section .inview.delay02:nth-of-type(3) {
  transition-delay: 0.7s; }
.inview_section .inview.delay03:nth-of-type(1) {
  transition-delay: 0.5s; }
.inview_section .inview.delay03:nth-of-type(2) {
  transition-delay: 0.7s; }
.inview_section .inview.delay03:nth-of-type(3) {
  transition-delay: 0.9s; }
.inview_section .inview.delay04:nth-of-type(1) {
  transition-delay: 0.7s; }
.inview_section .inview.delay04:nth-of-type(2) {
  transition-delay: 0.9s; }
.inview_section .inview.delay04:nth-of-type(3) {
  transition-delay: 1.1s; }
.inview_section .inview.delay05:nth-of-type(1) {
  transition-delay: 0.9s; }
.inview_section .inview.delay05:nth-of-type(2) {
  transition-delay: 1.1s; }
.inview_section .inview.delay05:nth-of-type(3) {
  transition-delay: 1.3s; }
.inview_section .inview.delay06:nth-of-type(1) {
  transition-delay: 1.1s; }
.inview_section .inview.delay06:nth-of-type(2) {
  transition-delay: 1.3s; }
.inview_section .inview.delay06:nth-of-type(3) {
  transition-delay: 1.5s; }

.inview_archiveColumn2 .inview:nth-of-type(2n+1) {
  transition-delay: 0.1s; }
.inview_archiveColumn2 .inview:nth-of-type(2n+2) {
  transition-delay: 0.2s; }

.inview_archiveColumn3 .inview:nth-of-type(3n+1) {
  transition-delay: 0.1s; }
.inview_archiveColumn3 .inview:nth-of-type(3n+2) {
  transition-delay: 0.2s; }
.inview_archiveColumn3 .inview:nth-of-type(3n+3) {
  transition-delay: 0.3s; }

.inview_archiveColumn4 .inview:nth-of-type(4n+1) {
  transition-delay: 0.1s; }
.inview_archiveColumn4 .inview:nth-of-type(4n+2) {
  transition-delay: 0.2s; }
.inview_archiveColumn4 .inview:nth-of-type(4n+3) {
  transition-delay: 0.3s; }
.inview_archiveColumn4 .inview:nth-of-type(4n+4) {
  transition-delay: 0.4s; }

.inview_archiveColumn5 .inview:nth-of-type(5n+1) {
  transition-delay: 0.1s; }
.inview_archiveColumn5 .inview:nth-of-type(5n+2) {
  transition-delay: 0.2s; }
.inview_archiveColumn5 .inview:nth-of-type(5n+3) {
  transition-delay: 0.3s; }
.inview_archiveColumn5 .inview:nth-of-type(5n+4) {
  transition-delay: 0.4s; }
.inview_archiveColumn5 .inview:nth-of-type(5n+5) {
  transition-delay: 0.5s; }

/*=== inview_fiアニメーション ===*/
.fadeUp {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s, transform 1s; }
  .fadeUp.show {
    opacity: 1;
    transform: translateY(0px); }

.inview_fi_fast {
  opacity: 0;
  transition: 0.4s; }
  .inview_fi_fast.show {
    opacity: 1; }

.inview_fi {
  opacity: 0;
  transition: 1s; }
  .inview_fi.show {
    opacity: 1; }

.inview_fi_slow {
  opacity: 0;
  transition: 1.5s; }
  .inview_fi_slow.show {
    opacity: 1; }

.inview_fiU {
  transform: translate(0, 10%);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_fiU.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiU_slow {
  transform: translate(0, 10%);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.8s; }
  .inview_fiU_slow.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiU_zoomIn_S {
  transform: translate(0, 10%) scale(1.2);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  @media screen and (max-width: 960px) {
    .inview_fiU_zoomIn_S {
      transform: translate(0, 0%) scale(1); } }
  .inview_fiU_zoomIn_S.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fiU_zoomIn_M {
  transform: translate(0, 10%) scale(1.6);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  @media screen and (max-width: 960px) {
    .inview_fiU_zoomIn_M {
      transform: translate(0, 0%) scale(1); } }
  .inview_fiU_zoomIn_M.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fiU_zoomIn_L {
  transform: translate(0, 10%) scale(2);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  @media screen and (max-width: 960px) {
    .inview_fiU_zoomIn_L {
      transform: translate(0, 0%) scale(1); } }
  .inview_fiU_zoomIn_L.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fiU_zoomOut_S {
  transform: translate(0, 10%) scale(0.8);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_fiU_zoomOut_S.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fiU_zoomOut_M {
  transform: translate(0, 10%) scale(0.4);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_fiU_zoomOut_M.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fiU_zoomOut_L {
  transform: translate(0, 10%) scale(0);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_fiU_zoomOut_L.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fi_load {
  opacity: 0;
  transition: 0.4s; }
  .inview_fi_load.show {
    opacity: 1; }

.inview_fiU_load {
  transform: translate(0, 10%);
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_fiU_load.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiU_hidden {
  transform: translate(0, 130%);
  opacity: 0;
  transition: 1s; }
  .inview_fiU_hidden.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiD {
  transform: translateY(-20%);
  opacity: 0;
  transition: 1s; }
  .inview_fiD.show {
    transform: translateY(0);
    opacity: 1; }

.inview_fiD_hidden {
  transform: translateY(-130%);
  opacity: 0;
  transition: 1s; }
  .inview_fiD_hidden.show {
    transform: translateY(0);
    opacity: 1; }

.inview_fiL {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s;
  transform: translateX(-20%); }
  .inview_fiL.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fiL_hidden {
  opacity: 0;
  transition: 1s all;
  transform: translateX(-130%); }
  .inview_fiL_hidden.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fiR {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s;
  transform: translateX(20%); }
  .inview_fiR.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fiR_hidden {
  opacity: 0;
  transition: 1s all;
  transform: translateX(130%); }
  .inview_fiR_hidden.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fade {
  animation-name: fade;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fade {
  from {
    transform: translate(0, -10%);
    opacity: 0; }
  to {
    opacity: 1; } }
.inview_fiU-oH {
  transform: translate(0, 20%);
  transition: 1s;
  overflow: hidden;
  opacity: 1; }
  .inview_fiU-oH__block {
    display: inline-flex;
    align-items: flex-end; }
  .inview_fiU-oH__child {
    opacity: 1;
    display: inline-block;
    transform: translateY(130%);
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
    margin-right: 0px; }
  .inview_fiU-oH.show {
    transform: translate(0, 0);
    opacity: 1; }
    .inview_fiU-oH.show .inview_fiU-oH__child {
      transform: translateY(0); }

.Iinview_fiU-oH {
  transform: translate(0, 20%);
  transition: 1s;
  overflow: hidden;
  opacity: 1; }
  .Iinview_fiU-oH__block {
    display: inline-flex;
    align-items: flex-end; }
  .Iinview_fiU-oH__child {
    opacity: 1;
    display: inline-block;
    transform: translateY(130%);
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
    margin-right: 0px; }
  .Iinview_fiU-oH.show {
    transform: translate(0, 0);
    opacity: 1; }
    .Iinview_fiU-oH.show .Iinview_fiU-oH__child {
      transform: translateY(0); }

.inview_fade-bk {
  animation-name: fade-bk;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fade-bk {
  from {
    transform: translate(0, -10%);
    opacity: 0; }
  30% {
    opacity: 0.1; }
  to {
    opacity: 0.5; } }
.inview-blur {
  opacity: 0;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: 0.8s; }

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); } }
@keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); } }
/*userSS追加*/
.inview_translateYU {
  opacity: 1;
  transition: 1s all;
  transform: translateY(10%); }
  .inview_translateYU.show {
    opacity: 1;
    transform: translateY(0%); }

.inview_translateXR {
  opacity: 1;
  transition: 1s all;
  transform: translateX(10%); }
  .inview_translateXR.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_translateXL {
  opacity: 1;
  transition: 1s all;
  transform: translateX(-10%); }
  .inview_translateXL.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_translateYD {
  opacity: 1;
  transition: 1s all;
  transform: translateY(-10%); }
  .inview_translateYD.show {
    opacity: 1;
    transform: translateY(0%); }

.inview_mask {
  width: auto;
  overflow: hidden; }
  .inview_mask .inview_mask_child {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    z-index: 0;
    opacity: 0;
    background-color: #fff; }
    .inview_mask .inview_mask_child::before {
      content: "";
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%; }
    .inview_mask .inview_mask_child.show {
      animation-name: play;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_mask .inview_mask_child.show:before {
      animation-name: maskOut;
      animation-duration: .5s;
      animation-delay: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #343434 11.2%, #343434 91.1%); }
@keyframes play {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
.inview_mask_slow {
  width: auto;
  overflow: hidden; }
  .inview_mask_slow .inview_mask_child {
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 0; }
    .inview_mask_slow .inview_mask_child::before {
      content: "";
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%; }
    .inview_mask_slow .inview_mask_child.show {
      animation-name: play;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_mask_slow .inview_mask_child.show:before {
      animation-name: maskOut;
      animation-duration: .5s;
      animation-delay: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #343434 11.2%, #343434 91.1%); }
@keyframes play {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
.inview_maskY {
  width: auto;
  overflow: hidden; }
  .inview_maskY .inview_mask_child {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    z-index: 0;
    opacity: 0;
    background-color: #fff; }
    .inview_maskY .inview_mask_child::before {
      content: "";
      height: 100%;
      width: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3; }
    .inview_maskY .inview_mask_child.show {
      animation-name: playY;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_maskY .inview_mask_child.show:before {
      animation-name: maskOutY;
      animation-duration: .5s;
      animation-delay: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #343434 11.2%, #343434 91.1%); }
@keyframes playY {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }
@keyframes maskOutY {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(100%); } }
.inview_scaleDownWithClip-inner {
  position: relative;
  overflow: hidden; }

.inview_scaleDownWithClipXR {
  transform: scale(1.15);
  -webkit-clip-path: inset(0 0% 0 100%);
  clip-path: inset(0 0% 0 100%); }

.inview_scaleDownWithClipXR.show {
  animation: scaleDownWithClipXR 3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

@keyframes scaleDownWithClipXR {
  0% {
    transform: scale(1.15);
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0); }
  60% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); }
  to {
    transform: scale(1);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); } }
.inview_scaleDownWithClipXL {
  transform: scale(1.15);
  -webkit-clip-path: inset(0 0% 0 100%);
  clip-path: inset(0 0% 0 100%); }

.inview_scaleDownWithClipXL.show {
  animation: scaleDownWithClipXL 3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

@keyframes scaleDownWithClipXL {
  0% {
    transform: scale(1.15);
    -webkit-clip-path: inset(0 0% 0 100%);
    clip-path: inset(0 0% 0 100%); }
  60% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); }
  to {
    transform: scale(1);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); } }
.zoomIn {
  opacity: 0; }
  .zoomIn.show {
    opacity: 1;
    animation: zoomIn 2s 0s forwards; }

@keyframes zoomIn {
  0% {
    transform: scale(1.03); }
  100% {
    transform: scale(1); } }
.scaleDownBlur {
  opacity: 0; }
  .scaleDownBlur.show {
    opacity: 1;
    animation: scaleDownBlur 1s 0s forwards; }

@keyframes scaleDownBlur {
  0% {
    transform: scale(1.05);
    filter: blur(5px);
    opacity: 0; }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1; } }
/* 
userSS 追加
spanTextあり 1文字ずつ用 jsによりspanTextタグのなかの文字は自動で1文字ずつspanタグで囲われます。
<br>などで改行はできません。
以下のようにinview inview_fiU_spanの中にspanTextがあればよい。 delay02で発火のタイミングを遅くできます。
<div class="item-txt inview inview_fiU_span">
  <p class="spanText">テキスト１</p>
  <p class="spanText delay02">テキスト2</p>
</div>
*/
.inview_scaleDownBlur_span .spanText {
  opacity: 0; }
.inview_scaleDownBlur_span span {
  opacity: 0; }
.inview_scaleDownBlur_span.show .spanText {
  opacity: 1; }
.inview_scaleDownBlur_span.show span {
  display: inline-block;
  animation: inview_scaleDownBlur_span 0.8s ease-out forwards; }

@keyframes inview_scaleDownBlur_span {
  0% {
    transform: scale(1.8);
    filter: blur(5px);
    opacity: 0; }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1; } }
.inview_fiRD_span .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fiRD_span span {
  opacity: 0; }
.inview_fiRD_span.show .spanText {
  opacity: 1; }
.inview_fiRD_span.show span {
  display: inline-block;
  animation: inview_fiRD_span 0.4s ease-out forwards; }

@keyframes inview_fiRD_span {
  0% {
    transform: translate(30%, -80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiRD_span_en .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fiRD_span_en span {
  opacity: 0; }
.inview_fiRD_span_en.show .spanText {
  opacity: 1; }
.inview_fiRD_span_en.show span {
  display: inline-block;
  animation: inview_fiRD_span_en 0.1s ease-in forwards; }

@keyframes inview_fiRD_span_en {
  0% {
    transform: translate(20%, -40%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiU_span .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fiU_span span {
  opacity: 0; }
.inview_fiU_span.show .spanText {
  opacity: 1; }
.inview_fiU_span.show span {
  display: inline-block;
  animation: inview_fiU_span 0.4s ease-out forwards; }

@keyframes inview_fiU_span {
  0% {
    transform: translate(0%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiRU_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiRU_span span {
  opacity: 0; }
.inview_fiRU_span.show .spanText {
  opacity: 1; }
.inview_fiRU_span.show span {
  display: inline-block;
  animation: inview_fiRU_span 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiRU_span {
  0% {
    transform: translate(30%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiRU_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiRU_slow_span span {
  opacity: 0; }
.inview_fiRU_slow_span.show .spanText {
  opacity: 1; }
.inview_fiRU_slow_span.show span {
  display: inline-block;
  animation: inview_fiRU_slow_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiRU_slow_span {
  0% {
    transform: translate(30%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiRD_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiRD_slow_span span {
  opacity: 0; }
.inview_fiRD_slow_span.show .spanText {
  opacity: 1; }
.inview_fiRD_slow_span.show span {
  display: inline-block;
  animation: inview_fiRD_slow_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiRD_slow_span {
  0% {
    transform: translate(30%, -80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiLU_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLU_span span {
  opacity: 0; }
.inview_fiLU_span.show .spanText {
  opacity: 1; }
.inview_fiLU_span.show span {
  display: inline-block;
  animation: inview_fiLU_span 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLU_span {
  0% {
    transform: translate(-30%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiLU_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLU_slow_span span {
  opacity: 0; }
.inview_fiLU_slow_span.show .spanText {
  opacity: 1; }
.inview_fiLU_slow_span.show span {
  display: inline-block;
  animation: inview_fiLU_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLU_slow_span {
  0% {
    transform: translate(-30%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiU_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiU_slow_span span {
  opacity: 0; }
.inview_fiU_slow_span.show .spanText {
  opacity: 1; }
.inview_fiU_slow_span.show span {
  display: inline-block;
  animation: inview_fiU_slow_span 1.2s ease-out forwards; }

@keyframes inview_fiU_slow_span {
  0% {
    transform: translate(0%, 20%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fizoomIn_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fizoomIn_span span {
  opacity: 0; }
.inview_fizoomIn_span.show .spanText {
  opacity: 1; }
.inview_fizoomIn_span.show span {
  display: inline-block;
  animation: inview_fizoomIn_span 0.4s ease-out forwards; }

@keyframes inview_fizoomIn_span {
  0% {
    transform: scale(2);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
.inview_fizoomOut_span .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fizoomOut_span span {
  opacity: 0; }
.inview_fizoomOut_span.show .spanText {
  opacity: 1; }
.inview_fizoomOut_span.show span {
  display: inline-block;
  animation: inview_fizoomOut_span 0.4s ease-out forwards; }

@keyframes inview_fizoomOut_span {
  0% {
    transform: scale(0.3);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
.inview_fiLU_slow_zoomOut_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLU_slow_zoomOut_span span {
  opacity: 0; }
.inview_fiLU_slow_zoomOut_span.show .spanText {
  opacity: 1; }
.inview_fiLU_slow_zoomOut_span.show span {
  display: inline-block;
  animation: inview_fiLU_slow_zoomOut_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLU_slow_zoomOut_span {
  0% {
    transform: translate(-30%, 80%) scale(0.3);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1; } }
.inview_fiLU_slow_zoomIn_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLU_slow_zoomIn_span span {
  opacity: 0; }
.inview_fiLU_slow_zoomIn_span.show .spanText {
  opacity: 1; }
.inview_fiLU_slow_zoomIn_span.show span {
  display: inline-block;
  animation: inview_fiLU_slow_zoomIn_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLU_slow_zoomIn_span {
  0% {
    transform: translate(-30%, 80%) scale(2);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1; } }
.inview_firotate_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_firotate_span span {
  opacity: 0; }
.inview_firotate_span.show .spanText {
  opacity: 1; }
.inview_firotate_span.show span {
  display: inline-block;
  animation: inview_firotate_span 0.4s ease-out forwards; }

@keyframes inview_firotate_span {
  0% {
    transform: rotate(360deg) scale(6);
    opacity: 0; }
  100% {
    transform: rotate(0%) scale(1);
    opacity: 1; } }
.inview_clipXR {
  display: inline-block;
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, clip-path 1.4s cubic-bezier(0.37, 0, 0.63, 1); }
  .inview_clipXR.show {
    clip-path: inset(0);
    opacity: 1; }

.inview_marker {
  padding: 0.1em 0.1em;
  display: inline-block;
  position: relative;
  z-index: 1; }
  .inview_marker::after {
    content: "";
    display: block;
    width: 0;
    background: #fff;
    position: absolute;
    inset: 0;
    height: 90%;
    z-index: -1;
    transition: 2s ease-out;
    transition-delay: 0.6s; }
  .inview_marker.markerFV::after {
    transition: 0.6s ease-out; }
  .inview_marker.markerA::after {
    transition: 2s ease-out; }
  .inview_marker.show::after {
    width: 100%; }
  .inview_marker.marker_delay02::after {
    transition-delay: 1s; }
  .inview_marker.marker_delay03::after {
    transition-delay: 1.4s; }
  .inview_marker.marker_delay04::after {
    transition-delay: 1.8s; }
  .inview_marker.marker_delay05::after {
    transition-delay: 2.2s; }
  .inview_marker.marker_delay06::after {
    transition-delay: 2.6s; }
  .inview_marker.marker_delay07::after {
    transition-delay: 3.0s; }
  .inview_marker.marker_delay08::after {
    transition-delay: 3.4s; }

/*==========================================
main slider 
===========================================*/

/*# sourceMappingURL=inview.css.map */


body {
  width: 100%;
  font-family: 'Noto Serif JP', serif;
  font-size: 100%;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  color: #000;
  -webkit-print-color-adjust: exact;
}

#wrap {
  position : relative;
  overflow :  hidden;
}

img {
  width : 100%;
  height : auto;
  display : block;
  min-height : 1px;
}



.sp {
  display: none!important;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none!important;
  }
  .sp {
    display: block!important;

  }
}

.image-box {
  position : relative;
}

.image-cap {
  position : absolute;
  right: 5px;
  bottom: 5px;
  font-size: 10px;
}

/* ------------------------
fadein effect
---------------------------*/
.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 800ms;
}

.fadein.effecton {
    opacity: 1;
    transform: translate(0, 0);
}

.imgeffect {
  position: relative;
  overflow: hidden;
}
.imgeffect::before{
  content: '';
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #BBDBDB;
  opacity: 1;
  transform: scaleX(1);
  transform-origin: top right;
  transition: opacity 2s,transform 1.4s,filter 2s;
}
.imgeffect.effecton::before{
  opacity: 0;
  transform: scaleX(0);
}

/* ------------------------
h_over-scroll
---------------------------*/
.h_over-scroll {
  position : relative;
}

.h_over-scroll__text {
  display :  none;
}

@media screen and (max-width: 767px) {
  .h_over-scroll {
    overflow-x :  scroll;
    overflow-y :  none;
    border :  1px solid #eee;
    padding : 10px;
  }
  .h_over-scroll img {
    height :  300px;
    width :  auto;
  }
  .h_over-scroll__text {
    display :  block;
    font-size :  12px;
    margin-top :  20px;
    text-align :  center;
  }
  .h_over-scroll__text:after {
    content : "";
    display : inline-block;
    width: 0;
    height: 0;
    margin-bottom : -3px;
    margin-left : 10px;
    border-left: 8px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }
}

/*----------------------------------------
  btnPagetop
----------------------------------------*/
#btnPagetop {
  position: fixed;
  width: 50px;
  right: 0px;
  bottom: 60px;
  z-index: 999;
}

@media screen and (min-width: 1200px) {
  #btnPagetop {
    position: fixed;
    width: 72px;
    right: 0px;
    bottom: 50px;
  }
}

#btnPagetop a {
  background-color: #000;
}
#btnPagetop a::before {
  background-color: #000;
}

a {
  opacity : 1;
  transition : .5s;
}


@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*==========================================
 共通設定
===========================================*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

*:focus {
  outline: none; }

::selection {
  background: #bfbfbf;
  color: #fff; }

/* for Firefox */
::-moz-selection {
  background: #bfbfbf;
  color: #ffffff; }

.scenery {
  opacity: 0;
  visibility: hidden; }
  .scenery.show {
    opacity: 1;
    visibility: visible; }

/*=== html ===*/
html {
  font-size: 62.5%; }

body {
  color: #000000;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  overflow-x: clip;
  position: relative;
  transition: 0.3s ease-in-out;
  counter-reset: number 0;
  /* number のカウンタを 0 にセット */ }
  @media screen and (max-width: 960px) {
    body {
      font-weight: 500; } }

/*IE*/
/*@media all and (-ms-high-contrast:none) {
body {
  font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
}*/
/*=== フォント ===*/
/* 明朝体 */
.font_min {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

/*ゴシック */
.font_go {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }

/*アクセント */
/*=== フォント ===*/
.font_main {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 500; }
  @media screen and (max-width: 960px) {
    .font_main {
      font-weight: 300; } }

.font_accent {
  font-family: "Jost", sans-serif;
  font-weight: 500; }
  @media screen and (max-width: 960px) {
    .font_accent {
      font-weight: 500; } }

.font_accent2 {
  font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: 500; }
  @media screen and (max-width: 960px) {
    .font_accent2 {
      font-weight: 300; } }

/*=== リンク ===*/
a {
  color: #000000;
  text-decoration: none;
  transition: 0.3s ease-in-out; }

a.img-link,
.img-link-wrap a {
  display: block;
  font-size: 0; }

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none !important;
    cursor: default !important; } }
/*=== 画像 ===*/
img {
  max-width: 100%;
  height: auto; }

img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 0.05em 0 0.1em;
  vertical-align: -0.1em; }

/*=== clear fix ===*/
.clearfix::after {
  content: " ";
  display: block;
  clear: both; }

/*==========================================
 汎用css
===========================================*/
/*=== hover Action ===*/
/*memo 【_d】aタグに直*/
/*=== opacity ===*/
@media screen and (min-width: 961px) {
  .hover-oc_d:hover,
  .hover-oc a:hover {
    opacity: 0.7; } }
/*=== under line ===*/
.hover-ul_d,
.hover-ul a,
.hover-ulL_d,
.hover-ulL a,
.hover-ulF_d,
.hover-ulF a {
  position: relative;
  display: inline-block; }

/*=== under line【CENTER】 ===*/
.hover-ul_d::after,
.hover-ul a::after {
  position: absolute;
  bottom: -1px;
  left: 50%;
  content: "";
  width: 0;
  height: 1px;
  background-color: #000;
  transition: 0.3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

/*=== under line【LEFT】 ===*/
.hover-ulL_d::after,
.hover-ulL a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 1px;
  background-color: #000;
  transition: 0.3s; }

/*=== under line【FADE】 ===*/
.hover-ulF_d::after,
.hover-ulF a::after {
  position: absolute;
  bottom: 0.3em;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  opacity: 0;
  transition: 0.3s; }

/*=== HOVER動作 ===*/
@media (hover: hover) {
  .hover-ul_d:hover:hover::after,
  .hover-ul a:hover:hover::after,
  .hover-ulL_d:hover:hover::after,
  .hover-ulL a:hover:hover::after {
    width: 100%; } }

@media (hover: hover) {
  .hover-ulF_d:hover:hover::after,
  .hover-ulF a:hover:hover::after {
    bottom: 0;
    opacity: 1; } }

/* ホバー　震える */
@media (hover: hover) {
  .hover-rum:hover:hover {
    animation: rumble 0.12s linear infinite; } }

@keyframes rumble {
  0% {
    transform: rotate(0deg) translate(0, 0); }
  12.5% {
    transform: rotate(0.4deg) translate(1px, -1px); }
  25% {
    transform: rotate(0.8deg) translate(0px, 1px); }
  37.5% {
    transform: rotate(0.4deg) translate(-1px, 0); }
  50% {
    transform: rotate(0deg) translate(0, 0); }
  62.5% {
    transform: rotate(-0.4deg) translate(1px, 0); }
  75% {
    transform: rotate(-0.8deg) translate(0, 1px); }
  87.5% {
    transform: rotate(-0.4deg) translate(-1px, -1px); }
  100% {
    transform: rotate(0deg) translate(0, 0); } }
.hover_TS a {
  transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1); }
  @media (hover: hover) {
    .hover_TS a:hover:hover {
      transform: scale(1.05); } }

.hover_db a {
  background: linear-gradient(currentColor 0 0) 0 100%/var(--d, 0) 2px no-repeat, linear-gradient(currentColor 0 0) 100% calc(100% - 4px)/var(--d, 0) 2px no-repeat;
  transition: 0s 0.5s, background-size 0.5s; }
  @media (hover: hover) {
    .hover_db a:hover:hover {
      --d: 100%;
      background-position: 0% calc(100% - 2px), 100% calc(100% - 2px);
      transition: 0.3s, background-position 0.3s 0.3s; } }

/*==== MARKER ===*/
.gray-line {
  background: linear-gradient(transparent 60%, #f5f5f5 60%); }

.green-line {
  background: linear-gradient(transparent 60%, #e8f1ec 60%); }

.markerG {
  background: linear-gradient(transparent 0%, #DCE7F6 0%);
  padding: 0.1em 0.1em; }

/*=== 幅 ===*/
.wrapW {
  max-width: 1740px;
  width: 92%;
  margin: 0 auto; }
  @media screen and (min-width: 577px) {
    .wrapW {
      width: 95%; } }
  @media screen and (min-width: 1501px) {
    .wrapW {
      width: 85%; } }

.wrapW-P {
  width: 90%;
  margin: 0 auto; }
  @media screen and (min-width: 577px) {
    .wrapW-P {
      width: 96%; } }
  @media screen and (min-width: 1501px) {
    .wrapW-P {
      width: calc(100% - 100px); } }

.wrap {
  width: 100%;
  margin: 0 auto; }

.wrap-inner {
  padding: 0 2.5%; }
  @media screen and (min-width: 1201px) {
    .wrap-inner {
      padding: 0 25px; } }
  @media screen and (min-width: 1921px) {
    .wrap-inner {
      padding: 0 30px; } }
  @media screen and (max-width: 576px) {
    .wrap-inner {
      padding: 0 4%; } }

.side-wrap {
  max-width: 1920px;
  padding: 0 10%;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 960px) {
    .side-wrap {
      max-width: 90%;
      padding: 0; } }

/*=== PC none / SP none ===*/
@media screen and (min-width: 577px) {
  .pc-none_s {
    display: none; } }
@media screen and (min-width: 961px) {
  .pc-none {
    display: none; } }
@media screen and (min-width: 1201px) {
  .pc-none_lg {
    display: none; } }
@media (min-width: 480px) {
  .pc-none_480 {
    display: none; } }
@media screen and (max-width: 1200px) {
  .sp-none_lg {
    display: none; } }
@media screen and (max-width: 960px) {
  .sp-none {
    display: none; } }
@media screen and (max-width: 576px) {
  .sp-none_sm {
    display: none; } }
@media screen and (max-width: 375px) {
  .sp-none_xs {
    display: none; } }
/*=== テキスト ===*/
.taC {
  text-align: center; }

.fwB {
  font-weight: bold; }

/*=== 余白 ===*/
/*txtUR*/
.txtUR {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.2em;
  font-size: clamp(1rem, 0.7291666667vw, 1.4rem);
  font-weight: 700;
  line-height: 1; }

.txtUL {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  letter-spacing: 0.2em;
  font-size: clamp(1rem, 0.7291666667vw, 1.4rem);
  font-weight: 700;
  line-height: 1; }

/*==========================================
 アンカーリンク
===========================================*/
.anchor_link {
  position: relative;
  top: -150px;
  display: block; }

@media screen and (max-width: 960px) {
  .anchor_link {
    top: -100px; } }
.grecaptcha-badge {
  display: none; }

/*==========================================
 inner common用
===========================================*/
.innerPT {
  padding-top: 100px; }
  @media screen and (max-width: 960px) {
    .innerPT {
      padding-top: 60px; } }

.innerPB {
  padding-bottom: 100px; }
  @media screen and (max-width: 960px) {
    .innerPB {
      padding-bottom: 60px; } }

.innerMT {
  margin-top: 100px; }
  @media screen and (max-width: 960px) {
    .innerMT {
      margin-top: 60px; } }

.innerMB {
  margin-bottom: 100px; }
  @media screen and (max-width: 960px) {
    .innerMB {
      margin-bottom: 60px; } }

/*==========================================
 ヘッダー
===========================================*/
.row {
  display: flex; }

#header {
  line-height: 1.5rem;
  letter-spacing: normal;
  background: transparent;
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  background: #04DFA7; }
  #header.scroll {
    box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1); }
  #header .header_logo_block {
    padding: 10px 0px 8px 4%;
    align-items: center;
    display: flex;
    transition: 0.3s all; }
    @media screen and (max-width: 960px) {
      #header .header_logo_block {
        width: 100%;
        min-width: inherit;
        max-width: inherit;
        margin-left: 0%;
        padding: 4% 0;
        height: 56px;
        height: auto; } }
  #header .header_logo {
    max-width: clamp(18rem, 29.1666666667vw, 56rem);
    width: 60%;
    transition: 0.3s all; }
    @media screen and (max-width: 960px) {
      #header .header_logo {
        width: 100%;
        margin-left: 2%; } }
    #header .header_logo a {
      display: block; }
  #header .header_inner {
    max-width: 2400px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between; }
  #header .g_nav_block {
    width: 40%; }
    @media screen and (max-width: 960px) {
      #header .g_nav_block {
        width: 100%; } }
  @media screen and (max-width: 960px) {
    #header .g_nav {
      width: 100%; } }
  #header .header_contact_block {
    width: 100%;
    padding: 0px 0px 0 10px;
    display: flex;
    justify-content: flex-end; }
  #header .header_contact_list {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
    line-height: 1.5; }
    @media screen and (max-width: 960px) {
      #header .header_contact_list {
        display: none; } }
    #header .header_contact_list li {
      margin-right: 20px; }
      #header .header_contact_list li:last-child {
        margin-right: 0; }
    #header .header_contact_list a:hover {
      color: #04DFA7; }
  #header .header_facebook i {
    font-size: 1.8rem; }
  #header .header_tel {
    font-size: clamp(1.6rem, 2vw, 2.4rem);
    font-weight: bold;
    letter-spacing: 0.05em; }
  #header .header-menu {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    /* width: 42px; */
    display: flex;
    justify-content: center;
    align-items: center; }

/*==========================================
 Gナビ　ボタン
===========================================*/
.menu-block {
  transition: 0.3s all;
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 10%;
  min-width: 72px;
  max-width: 72px;
  background: #04DFA7;
  aspect-ratio: 1 / 1; }
  @media screen and (max-width: 960px) {
    .menu-block {
      min-width: 54px;
      max-width: 54px; } }
  .menu-block.fix {
    width: 30%; }
    @media screen and (max-width: 960px) {
      .menu-block.fix {
        width: 100%; } }
    .menu-block.fix a {
      display: block;
      padding: 5px 0; }
      @media screen and (max-width: 960px) {
        .menu-block.fix a {
          display: block;
          padding: 0 0; } }

.trigger_block.active p {
  color: #fff; }

.trigger_block {
  display: block;
  text-align: center;
  padding: 5px 0 10px;
  width: 100%; }
  @media screen and (max-width: 960px) {
    .trigger_block {
      padding: 5px 0; } }
  .trigger_block p {
    font-size: 1.2rem; }

.menu-trigger {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
  position: relative;
  width: 65%;
  max-width: 25px;
  height: 20px;
  margin-top: 0px; }
  .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    border-radius: 10px; }
    .menu-trigger span:nth-of-type(1) {
      top: 0; }
    .menu-trigger span:nth-of-type(2) {
      top: 9px; }
    .menu-trigger span:nth-of-type(3) {
      bottom: 0; }
  @media screen and (max-width: 960px) {
    .menu-trigger {
      margin-top: 0px; } }

.trigger_block.active .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg); }
  @media screen and (max-width: 960px) {
    .trigger_block.active .menu-trigger span:nth-of-type(1) {
      -webkit-transform: translateY(9px) rotate(-45deg);
      transform: translateY(9px) rotate(-45deg);
      background-color: #fff; } }
  @media screen and (max-width: 960px) {
    .trigger_block.active .menu-trigger span:nth-of-type(1) {
      -webkit-transform: translateY(9px) rotate(-45deg);
      transform: translateY(9px) rotate(-45deg);
      background-color: #fff; } }
.trigger_block.active .menu-trigger span:nth-of-type(2) {
  left: 200%;
  opacity: 0;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-animation: active-menu-bar02 0.8s forwards;
  animation: active-menu-bar02 0.8s forwards; }
.trigger_block.active .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg); }
  @media screen and (max-width: 960px) {
    .trigger_block.active .menu-trigger span:nth-of-type(3) {
      -webkit-transform: translateY(-9px) rotate(45deg);
      transform: translateY(-9px) rotate(45deg);
      background-color: #fff; } }
  @media screen and (max-width: 960px) {
    .trigger_block.active .menu-trigger span:nth-of-type(3) {
      -webkit-transform: translateY(-9px) rotate(45deg);
      transform: translateY(-9px) rotate(45deg);
      background-color: #fff; } }

@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0; } }
@keyframes active-menu-bar02 {
  100% {
    height: 0; } }
/*==========================================
 Gナビ　メニュー
===========================================*/
.megamenu {
  position: fixed;
  top: 0;
  right: -100vh;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: clip 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  transition: 0.4s ease-in-out;
  z-index: -1;
  visibility: hidden;
  opacity: 0; }
  .megamenu.open {
    opacity: 1;
    visibility: visible;
    z-index: 100; }
  .megamenu .megamenuIn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: hidden; }
  .megamenu .megamenu_sitenav {
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #000000;
    padding: 90px 2.5%;
    -ms-overflow-style: none;
    position: relative;
    overflow-x: hidden;
    z-index: 100; }
    .megamenu .megamenu_sitenav::-webkit-scrollbar {
      display: none; }
    .megamenu .megamenu_sitenav::scrollbar[orient="vertical"] {
      visibility: collapse !important; }
  .megamenu .megamenu_bg {
    margin: 0 auto;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    transition: 0.3s ease-out; }
  .megamenu a {
    color: #000000; }
  .megamenu .site_main_nav_harf_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .megamenu .site_main_nav_harf_block .site_main_nav_item {
      width: 48%; }
      @media screen and (max-width: 375px) {
        .megamenu .site_main_nav_harf_block .site_main_nav_item {
          width: 100%; } }
      .megamenu .site_main_nav_harf_block .site_main_nav_item:nth-of-type(2n + 1):last-of-type {
        width: 100%; }
  .megamenu .site_main_nav.border_none .site_main_nav_item > a {
    border-bottom: 0px solid #000000; }
  .megamenu .site_main_nav a {
    font-size: 1.8rem;
    cursor: pointer; }
  .megamenu .site_main_nav .site_main_nav_item > a {
    display: block;
    padding: 25px 0 25px;
    border-bottom: 1px solid #000000; }
    @media screen and (max-width: 960px) {
      .megamenu .site_main_nav .site_main_nav_item > a {
        padding: 15px 0 15px; } }
  .megamenu .site_main_nav .site_main_nav_item .toggle {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .megamenu .site_main_nav .site_main_nav_item .accordion_ttl {
    width: 100%; }
  .megamenu .site_main_nav .site_main_nav_item .accordion_icon {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    transition: all 0.4s;
    box-sizing: border-box; }
    .megamenu .site_main_nav .site_main_nav_item .accordion_icon span {
      transition: all 0.4s;
      box-sizing: border-box;
      position: absolute;
      left: 6px;
      width: 95%;
      height: 2px;
      background-color: #000000;
      border-radius: 4px; }
      .megamenu .site_main_nav .site_main_nav_item .accordion_icon span:nth-of-type(1) {
        top: 10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); }
      .megamenu .site_main_nav .site_main_nav_item .accordion_icon span:nth-of-type(2) {
        top: 10px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
    .megamenu .site_main_nav .site_main_nav_item .accordion_icon.active span:nth-of-type(1) {
      display: none; }
    .megamenu .site_main_nav .site_main_nav_item .accordion_icon.active span:nth-of-type(2) {
      top: 10px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .megamenu .site_main_nav .site_main_nav_item .childe_item {
    display: none;
    margin: -15px auto 0; }
    @media screen and (max-width: 960px) {
      .megamenu .site_main_nav .site_main_nav_item .childe_item {
        margin: -10px auto 0; } }
    .megamenu .site_main_nav .site_main_nav_item .childe_item li a {
      color: #000000;
      font-size: 1.6rem;
      padding: 10px 0;
      display: block;
      position: relative;
      padding-left: 1.5em; }
      .megamenu .site_main_nav .site_main_nav_item .childe_item li a::before {
        content: "";
        background: #000000;
        height: 1px;
        width: 1em;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        left: 0;
        top: 50%; }
  .megamenu .megamenu_sitenav .no_link {
    pointer-events: none;
    opacity: 0.5; }
  .megamenu .megamenu_sitenav .contact_btn {
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .megamenu .megamenu_sitenav .contact_btn li {
      text-align: center; }
      @media screen and (max-width: 576px) {
        .megamenu .megamenu_sitenav .contact_btn li {
          width: calc(100% / 1); }
          .megamenu .megamenu_sitenav .contact_btn li:nth-of-type(n + 2) {
            margin-top: 30px; } }
      @media screen and (min-width: 577px) {
        .megamenu .megamenu_sitenav .contact_btn li {
          width: calc(94% / 3); }
          .megamenu .megamenu_sitenav .contact_btn li:nth-of-type(n + 3) {
            margin-top: 0%; }
          .megamenu .megamenu_sitenav .contact_btn li:not(:nth-of-type(2n)) {
            margin-right: 0%; }
          .megamenu .megamenu_sitenav .contact_btn li:not(:nth-of-type(3n)) {
            margin-right: 2%; } }
      .megamenu .megamenu_sitenav .contact_btn li .contact_btn_link {
        width: 100%;
        color: #000000;
        background: #04DFA7;
        font-weight: bold;
        padding: 15px 0;
        display: block;
        border: 1px solid #04DFA7;
        font-size: clamp(1rem, 1vw, 2rem); }
        @media screen and (max-width: 960px) {
          .megamenu .megamenu_sitenav .contact_btn li .contact_btn_link {
            max-width: 200px;
            margin-inline: auto;
            font-size: clamp(1.6rem, 1vw, 2rem); } }
      .megamenu .megamenu_sitenav .contact_btn li .contact_btn_sns_link {
        width: 100%;
        color: #000000;
        background: #fff;
        font-weight: bold;
        padding: 15px 0;
        display: block;
        border: 1px solid #fff;
        font-size: 2.6rem; }
  .megamenu .megamenu_sitenav .other_nav {
    margin: 30px auto 0;
    line-height: 1.5;
    flex-wrap: wrap; }
    .megamenu .megamenu_sitenav .other_nav li:not(:last-child) {
      margin: 0 1.5em 10px 0; }
    .megamenu .megamenu_sitenav .other_nav li i {
      margin: 0 0.3em 0 0.6em; }
  .megamenu .megamenu_sitenav .sns_nav {
    justify-content: center;
    align-items: center;
    margin: 0px auto 0; }
    .megamenu .megamenu_sitenav .sns_nav li:not(:last-child) {
      margin: 0 1em 0 0; }
    .megamenu .megamenu_sitenav .sns_nav .sns_nav_fb {
      font-size: 2.6rem; }
      .megamenu .megamenu_sitenav .sns_nav .sns_nav_fb a:hover {
        color: #04DFA7; }

/**/
@media all and (-ms-high-contrast: none) {
  .megamenu .site_main_nav .site_main_nav_item > a {
    padding: 17px 0 13px; } }
/*== 階層【アコーディオンメニュー】 ==*/
@media all and (-ms-high-contrast: none) {
  .megamenu .site_main_nav .site_main_nav_item .accordion_icon {
    margin-top: -2px; } }
/*＋、－切り替え*/
@media all and (-ms-high-contrast: none) {
  .megamenu .site_main_nav .site_main_nav_item .childe_item li a {
    padding-top: 13px;
    padding-bottom: 8px; } }
@media all and (-ms-high-contrast: none) {
  .megamenu .megamenu_sitenav .contact_btn li a {
    padding: 17px 0 13px; } }
@media screen and (min-width: 961px) {
  .megamenu .megamenu_sitenav {
    width: 40%; } }
@media screen and (min-width: 768px) {
  .megamenu .site_main_nav .site_main_nav_item > a {
    position: relative;
    transition: 0.3s; }
    .megamenu .site_main_nav .site_main_nav_item > a::after {
      position: absolute;
      bottom: -1px;
      left: 0;
      content: "";
      width: 0;
      height: 2px;
      background-color: #04DFA7;
      transition: 0.3s; }
    .megamenu .site_main_nav .site_main_nav_item > a:hover {
      color: rgba(4, 223, 167, 0.9); }
  .megamenu .site_main_nav .site_main_nav_item .childe_item li a:hover {
    background: rgba(4, 223, 167, 0.5); }
  .megamenu .megamenu_sitenav .contact_btn li .contact_btn_link:hover {
    color: #000;
    background: #fff; }

  .megamenu .other_nav .site_main_nav_item > a {
    position: relative;
    transition: 0.3s; }
    .megamenu .other_nav .site_main_nav_item > a::after {
      position: absolute;
      bottom: -1px;
      left: 0;
      content: "";
      width: 0;
      height: 2px;
      background-color: #04DFA7;
      transition: 0.3s; }
    .megamenu .other_nav .site_main_nav_item > a:hover {
      color: rgba(4, 223, 167, 0.9); }
  .megamenu .other_nav .site_main_nav_item .childe_item li a:hover {
    background: rgba(4, 223, 167, 0.5); }
  .megamenu .other_nav .contact_btn li .contact_btn_link:hover {
    color: #000;
    background: #fff; } }
@media screen and (max-width: 960px) {
  .megamenu .megamenu_bg {
    display: none; }
  .megamenu .megamenu_sitenav {
    padding: 90px 4% 50px; }
  .megamenu .megamenu_sitenav .contact_btn li .contact_btn_link:hover {
    color: #000;
    background: #fff; } }
.megamenu_closeBtn {
  display: block;
  width: 25px;
  height: 25px;
  padding-top: 25px;
  color: #000000;
  position: absolute;
  top: 22px;
  right: 20px;
  cursor: pointer; }
  @media screen and (max-width: 960px) {
    .megamenu_closeBtn {
      top: 17px;
      right: 13px; } }
  .megamenu_closeBtn::before, .megamenu_closeBtn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 30px;
    background: #000000; }
  .megamenu_closeBtn::before {
    transform: translate(-50%, -50%) rotate(45deg); }
  .megamenu_closeBtn::after {
    transform: translate(-50%, -50%) rotate(-45deg); }

/*==========================================
 FOOTER
===========================================*/
/*.gFooter {
  //margin: max(100px,5.208333333333334vw) 0 0;
  background: $main_color;

  .gFooter_inner {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 0 40px;
    padding: 40px 4%;
    @include max-width(md) {
      flex-direction: column;
    }
  }
  .gFooter_top {
    width: auto;
    margin: 0 auto 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 0 40px;
    flex-direction: column;
    @include max-width(md) {
      width: 100%;
    }
  }

  .gFooter_bottom {
    width: 70%;
    max-width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    text-align: center;
    gap: 0 40px;
    flex-direction: column;
    @include max-width(md) {
      align-items: center;
      width: 100%;
    }
  }
  .gFooter_bottom_inner {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    @include max-width(md) {
      flex-direction: column;
      justify-content: center;
    }
  }
  .gFooter_logo {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    width: 100%;
    @include max-width(md) {
      margin-bottom: 30px;
    }

    img {
      aspect-ratio: 234/184;
      -o-object-fit: scale-down;
      object-fit: scale-down;
      width: 100%;
    }
  }

  .gFooter_sabm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    width: 110px;

    img {
      aspect-ratio: 110/48;
      -o-object-fit: scale-down;
      object-fit: scale-down;
      width: 100%;
    }
  }

  .contact_btn {
    margin: 0px auto 0;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    @include max-width(md) {
      margin-bottom: 30px;
    }
    @include max-width(sm) {
      flex-direction: column;
      align-items: center;
      margin-bottom: 30px;
    }
    li {
      width: calc(96% / 3);
      text-align: center;
      @include max-width(sm) {
        width: calc(100% / 1);
        margin-bottom: 4%;
      }
      @include max-width(xs) {
        width: 100%;
        margin-bottom: 4%;
      }
      a {
        width: 100%;
        color: $font_color;
        background: $accent_color;
        font-weight: bold;
        padding: 15px 0;
        display: block;
        border: 1px solid $font_color;
        font-size: clamp(1rem, 1vw, 2rem);
        @include max-width(mdL) {
          max-width: 200px;
          margin-inline: auto;
          font-size: clamp(1.6rem, 1vw, 2rem);
        }
        @include hover {
          &:hover {
            border: 1px solid $accent_color;
            color: $font_color;
            background: #fff;
          }
        }
      }
    }
  }
  .gFooter_snsList_aqhaus {
    width: auto;
    li {
      width: 100%;
    }
  }
  .gFooter_links {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 max(25px, 2.302083vw);
    font-size: max(14px, 0.9375vw);
    @include max-width(xs) {
      flex-direction: column;
    }
  }

  .gFooter_link {
    &:not(:first-of-type) {
      @include max-width(xs) {
        margin-top: 0.5em;
      }
    }
  }
  .gFooter_link > a {
    text-decoration: underline;
    color: inherit;
    transition: 0.3s ease;
    @include hover {
      &:hover {
        opacity: 0.6;
      }
    }
  }

  .gFooter_logo_link {
    transition: 0.3s ease;
    @include hover {
      &:hover {
        opacity: 0.6;
      }
    }
  }

  .gFooter_snsList_aqhaus {
    margin: 0 2% 0 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 0 10px;
    @include max-width(md) {
      margin: auto;
    }
  }

  .gFooter_snsItem_aqhaus > a {
    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;
    font-size: clamp(2rem, 2vw, 3rem);
    background: transparent;
    color: $font_color;
    text-decoration: none;
    @include hover {
      &:hover {
        opacity: 0.6;
      }
    }
  }

  .gFooter_snsList {
    margin: 0 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 0 10px;
  }

  .gFooter_snsItem > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #333;
    color: #fff;
    text-decoration: none;
  }
}*/
/*==========================================
 copyright
===========================================*/
.copyright {
  margin: 0px 0 0;
  background: #333; }

.copyright_inner {
  width: 100%;
  margin: 0 auto;
  padding: max(13px, 0.6770833333vw) 0; }

.copyright_inner > :first-child {
  margin-top: 0; }

.copyright_txt {
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: max(max(14px, 0.8333333333vw));
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.05em; }

.toTop + .copyright {
  margin-top: 90px; }

/*==========================================
 共通パーツ
===========================================*/
.secTtl-en {
  margin-bottom: clamp(50px, 12.5vw, 100px);
  font-family: "Jost", sans-serif;
  font-size: clamp(2.4rem, 5.6vw, 5.6rem);
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center; }

.secTtl {
  margin-bottom: clamp(50px, 10vw, 100px);
  font-size: clamp(2rem, 2.7vw, 4.6rem);
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center; }

.js-accordion_item {
  display: none; }

/*==========================================
 スライダー
===========================================*/
.slick-slider.slick-dotted {
  margin-bottom: clamp(100px, 15vw, 150px); }
.slick-slider .slick-list {
  height: 100%; }
.slick-slider .slick-track {
  height: 100%; }
.slick-slider .slick-dots {
  bottom: -40px; }
  .slick-slider .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 10px; }
    .slick-slider .slick-dots li button {
      width: 100%;
      height: 100%;
      padding: 0; }
      .slick-slider .slick-dots li button::before {
        width: 100%;
        height: 100%;
        line-height: 1;
        font-size: 8px; }
    .slick-slider .slick-dots li.slick-active button::before {
      color: #04DFA7;
      opacity: 1; }

/*==========================================
 無料設計相談
===========================================*/
.cvBtn-block {
  margin-top: clamp(2rem, 6.25vw, 12rem); }
  @media screen and (max-width: 960px) {
    .cvBtn-block {
      margin-top: clamp(2rem, 12.5vw, 12rem); } }
  .cvBtn-block-wrap {
    display: flex; }
    .cvBtn-block-wrap.center {
      justify-content: center; }
  .cvBtn-block .cvBtn-txt {
    border: 1px solid #04DFA7;
    background: #04DFA7;
    padding: 0.6em 4em;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out;
    letter-spacing: 0.1em;
    font-size: clamp(1.4rem, 1.4583333333vw, 2.8rem);
    line-height: clamp(3rem, 2.6041666667vw, 5rem);
    letter-spacing: 0.1em;
    font-weight: 700; }
    @media screen and (max-width: 960px) {
      .cvBtn-block .cvBtn-txt {
        font-size: clamp(1.4rem, 1.875vw, 1.8rem);
        line-height: clamp(2.4rem, 3.5416666667vw, 3.4rem); } }
  @media (hover: hover) {
    .cvBtn-block .cvBtn-link-hover:hover:hover .cvBtn-txt {
      background: #fff;
      padding: 0.6em 7em; } }

/*==========================================
 TEST調整用
===========================================*/
html.wf-active {
  margin-top: 0px !important; }

#wpadminbar {
  top: auto !important;
  bottom: 0 !important;
  position: fixed !important;
  opacity: 0.5 !important; }

/*==========================================
 SECTION 共通
===========================================*/
.sec-cts {
  padding: clamp(10rem, 10.4166666667vw, 20rem) 0px clamp(10rem, 10.4166666667vw, 20rem);
  /*block*/
  /*item*/
  /*slider*/
  /*list*/ }
  @media screen and (max-width: 960px) {
    .sec-cts {
      padding: clamp(5rem, 10.4166666667vw, 10rem) 0 clamp(5rem, 10.4166666667vw, 10rem); } }
  .sec-cts > *:first-child {
    margin-top: 0; }
  .sec-cts > .block-item:first-child {
    margin-top: 0; }
  .sec-cts .flex-block {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 960px) {
      .sec-cts .flex-block {
        justify-content: flex-start;
        flex-direction: column; } }
    .sec-cts .flex-block.reverse {
      flex-direction: row-reverse; }
      @media screen and (max-width: 960px) {
        .sec-cts .flex-block.reverse {
          flex-direction: column; } }
  .sec-cts .left-block {
    width: 48%; }
    @media screen and (max-width: 960px) {
      .sec-cts .left-block {
        width: 100%; } }
  .sec-cts .right-block {
    width: 48%; }
    @media screen and (max-width: 960px) {
      .sec-cts .right-block {
        width: 100%; } }
  .sec-cts .block-section .block-item:not(:first-of-type) {
    margin: 0 0 4em 0; }
    @media screen and (max-width: 960px) {
      .sec-cts .block-section .block-item:not(:first-of-type) {
        margin: 0 0 2em 0; } }
  .sec-cts .block-section .block-item:first-of-type {
    margin: 0 0 4em 0; }
    @media screen and (max-width: 960px) {
      .sec-cts .block-section .block-item:first-of-type {
        margin: 0 0 2em 0; } }
  .sec-cts .block-ctsttl {
    margin-bottom: clamp(3rem, 8.3333333333vw, 10rem); }
    @media screen and (max-width: 960px) {
      .sec-cts .block-ctsttl {
        margin-bottom: clamp(3rem, 10.4166666667vw, 10rem); } }
  .sec-cts .sec-ttl {
    font-size: clamp(2.4rem, 2.9166666667vw, 5.6rem);
    line-height: 1;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: clamp(3rem, 1.5625vw, 3rem); }
    @media screen and (max-width: 960px) {
      .sec-cts .sec-ttl {
        font-size: clamp(2.4rem, 5.8333333333vw, 5.6rem);
        line-height: 1;
        margin-bottom: clamp(3rem, 1.5625vw, 3rem); } }
    .sec-cts .sec-ttl.large {
      font-size: clamp(2.4rem, 4.6875vw, 9rem); }
      @media screen and (max-width: 960px) {
        .sec-cts .sec-ttl.large {
          font-size: clamp(2.4rem, 9.375vw, 9rem); } }
  .sec-cts .sec-subttl {
    font-size: clamp(1.8rem, 1.5625vw, 3rem);
    line-height: 1;
    text-align: center;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 960px) {
      .sec-cts .sec-subttl {
        font-size: clamp(1.8rem, 3.125vw, 3rem);
        line-height: 1; } }
  .sec-cts .cts-ttl {
    font-size: clamp(2rem, 1.5625vw, 3rem);
    line-height: clamp(3rem, 2.6041666667vw, 5rem);
    font-weight: 500;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 960px) {
      .sec-cts .cts-ttl {
        font-size: clamp(2rem, 3.125vw, 3rem);
        line-height: clamp(3rem, 5.2083333333vw, 5rem); } }
    .sec-cts .cts-ttl.ttl_border {
      position: relative;
      padding-bottom: 1em;
      margin-bottom: 1.5em; }
      .sec-cts .cts-ttl.ttl_border::after {
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        width: 30%;
        max-width: clamp(3rem, 4.8958333333vw, 9.4rem);
        background: #000;
        left: 0;
        bottom: 0; }
        @media screen and (max-width: 960px) {
          .sec-cts .cts-ttl.ttl_border::after {
            max-width: clamp(3rem, 9.7916666667vw, 9.4rem);
            left: 0%;
            -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%); } }
  .sec-cts .item-ttl {
    font-size: clamp(1.8rem, 1.875vw, 3.6rem);
    line-height: clamp(3rem, 2.9166666667vw, 5.6rem);
    font-weight: 500;
    letter-spacing: 0.1em;
    font-weight: 600; }
    @media screen and (max-width: 960px) {
      .sec-cts .item-ttl {
        font-size: clamp(1.8rem, 3.75vw, 3.6rem);
        line-height: clamp(3rem, 5.8333333333vw, 5.6rem); } }
  .sec-cts .item-txt {
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    line-height: clamp(3rem, 2.6041666667vw, 5rem);
    letter-spacing: 0.1em;
    font-weight: 500; }
    @media screen and (max-width: 960px) {
      .sec-cts .item-txt {
        font-size: clamp(1.4rem, 1.875vw, 1.8rem);
        line-height: clamp(2.4rem, 3.5416666667vw, 3.4rem); } }
  .sec-cts .item-link {
    display: inline-block; }
    .sec-cts .item-link.border_delay {
      position: relative; }
      .sec-cts .item-link.border_delay::after {
        content: "";
        position: relative;
        display: block;
        bottom: 0;
        width: 0;
        height: 1px;
        left: 0;
        background: #000;
        transition: width 2.5s, opacity 0.3s ease-in-out;
        transition-delay: 0.2s;
        transform-origin: right top; }
    .sec-cts .item-link.show.border_delay::after {
      width: 100%;
      transform-origin: left top; }
    @media (hover: hover) {
      .sec-cts .item-link:hover:hover {
        opacity: 0.6; }
        .sec-cts .item-link:hover:hover.border_delay {
          position: relative; }
          .sec-cts .item-link:hover:hover.border_delay::after {
            width: 20%; } }
  .sec-cts .block-slider {
    padding: 0% 2% 0; }
    @media screen and (max-width: 960px) {
      .sec-cts .block-slider {
        background: #fff;
        padding: 4% 8%; } }
  @media screen and (min-width: 961px) {
    .sec-cts .slider-list .slick-slide {
      background: #fff;
      padding: 2% 2%; } }
  .sec-cts .slider-list .item-plan {
    text-align: center;
    font-size: clamp(1.8rem, 1.0416666667vw, 2rem);
    line-height: clamp(3rem, 2.0833333333vw, 4rem);
    font-weight: 500;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 960px) {
      .sec-cts .slider-list .item-plan {
        font-size: clamp(1.8rem, 3.75vw, 3.6rem);
        line-height: clamp(3.6rem, 5.8333333333vw, 5.6rem); } }
  .sec-cts .slider-list .item-img {
    margin-top: 4em; }
    @media screen and (max-width: 960px) {
      .sec-cts .slider-list .item-img {
        margin-top: 2em; } }
  .sec-cts .slider-list .detail-list {
    margin-top: 2em; }
    @media screen and (max-width: 960px) {
      .sec-cts .slider-list .detail-list {
        margin-top: 1em; } }
  .sec-cts .slider-list .detail-list {
    margin-top: 2em; }
    @media screen and (max-width: 960px) {
      .sec-cts .slider-list .detail-list {
        margin-top: 2em; } }
    .sec-cts .slider-list .detail-list .list-item {
      margin-top: 1em; }
      @media screen and (max-width: 960px) {
        .sec-cts .slider-list .detail-list .list-item {
          margin-top: 1em; } }
  .sec-cts .block-list .list-item:not(:first-of-type) {
    margin-top: 4em; }
    @media screen and (max-width: 960px) {
      .sec-cts .block-list .list-item:not(:first-of-type) {
        margin-top: 2em; } }
  .sec-cts .block-list .list-ttl {
    display: inline-block;
    font-size: clamp(1.8rem, 1.25vw, 2.4rem);
    line-height: clamp(3rem, 1.875vw, 3.6rem);
    font-weight: 500;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 960px) {
      .sec-cts .block-list .list-ttl {
        font-size: clamp(1.8rem, 2.5vw, 2.4rem);
        line-height: clamp(2.4rem, 3.75vw, 3.6rem); } }
  .sec-cts .block-list .list-txt {
    margin-top: 1em;
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    line-height: clamp(3rem, 2.6041666667vw, 5rem);
    letter-spacing: 0.1em; }
    @media screen and (max-width: 960px) {
      .sec-cts .block-list .list-txt {
        font-size: clamp(1.4rem, 1.875vw, 1.8rem);
        line-height: clamp(2.4rem, 3.5416666667vw, 3.4rem); } }
  .sec-cts .block-list .list-img {
    margin-top: 1em; }

/*==========================================
 【BUTTON】
===========================================*/
.btn-more-block {
  margin-top: 1em; }
  @media screen and (max-width: 960px) {
    .btn-more-block {
      margin-top: 1em; } }

.btn-more-wrap {
  display: flex;
  align-items: center; }
  .btn-more-wrap.Left {
    justify-content: flex-start; }
  .btn-more-wrap.Right {
    justify-content: flex-end; }
  .btn-more-wrap.Center {
    justify-content: center; }
  @media screen and (max-width: 960px) {
    .btn-more-wrap.sp_Center {
      justify-content: center; } }
  .btn-more-wrap .btn-txt {
    position: relative;
    z-index: 1;
    font-size: clamp(1.4rem, 0.9375vw, 1.8rem);
    font-weight: 600; }
    @media screen and (min-width: 376px) {
      .btn-more-wrap .btn-txt {
        margin-right: 1em; } }
    @media screen and (max-width: 960px) {
      .btn-more-wrap .btn-txt {
        white-space: nowrap; } }
    @media screen and (max-width: 375px) {
      .btn-more-wrap .btn-txt {
        margin-bottom: 1em; } }
  .btn-more-wrap .btn-more {
    display: inline-block;
    border: 1px solid #000;
    color: #fff;
    border-radius: 50px;
    letter-spacing: 0.2em;
    padding: 0.2em 2em 0.3em;
    position: relative;
    overflow: hidden;
    z-index: 2;
    transition: 0.3s ease-in-out;
    background: #000; }
    .btn-more-wrap .btn-more.bgLeft:before {
      content: "";
      /*絶対配置で位置を指定*/
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      /*色や形状*/
      background: #fff;
      /*背景色*/
      width: 120%;
      height: 200%;
      /*アニメーション*/
      transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
      transform: scale(0, 1);
      transform-origin: right top; }
  .btn-more-wrap .item-more-flex {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 375px) {
      .btn-more-wrap .item-more-flex {
        flex-direction: column; } }

@media (hover: hover) {
  .item-more-hover:hover:hover .btn-more.bgLeft {
    color: #000; }
    .item-more-hover:hover:hover .btn-more.bgLeft::before {
      transform-origin: left top;
      transform: scale(1, 1); } }
.item-more-hover.active {
  pointer-events: none; }
  .item-more-hover.active .btn-more.bgLeft {
    color: #000; }
    .item-more-hover.active .btn-more.bgLeft::before {
      transform-origin: left top;
      transform: scale(1, 1); }

/* フォームへのリンクボタン */
.btnF {
  width: 25em;
  height: 4.615em;
  margin: clamp(80px, 15vw, 150px) auto;
  font-size: clamp(1.4rem, 2.6vw, 2.6rem);
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.1em;
  background: #04DFA7;
  border: 1px solid #04DFA7;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 576px) {
    .btnF {
      width: 17.5em; } }
  .btnF:hover {
    color: #04DFA7;
    background: #fff; }

/* 一覧へ戻る */
.btnBack {
  width: 17.5em;
  height: 3.5em;
  margin: clamp(50px, 10vw, 100px) auto;
  font-size: clamp(1.4rem, 4vw, 2rem);
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  border: 1px solid #000;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .btnBack:hover {
    color: #fff;
    background: #000; }

/*==========================================
 パンくずリスト
===========================================*/
.breadcrumb {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  text-align: left;
  padding-top: 0px;
  background-color: transparent;
  padding: 30px 4%;
  margin: 0px 0;
  font-weight: bold;
  max-width: 100%;
  word-break: break-word;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #000;
  border-top: 1px solid #b8b8b6; }
  @media screen and (max-width: 767px) {
    .breadcrumb {
      font-size: clamp(1.2rem, 3vw, 1.4rem); } }
  .breadcrumb.p0 {
    padding: 0%; }
  .breadcrumb i {
    color: #000000;
    position: relative;
    top: 1px; }
  .breadcrumb a {
    color: #000000; }
    .breadcrumb a:hover {
      opacity: 0.5;
      text-decoration: none !important; }
  .breadcrumb span {
    color: #000000; }
  .breadcrumb .home span {
    font-family: "Jost", sans-serif;
    font-weight: 500; }

/*==========================================
 【SP FOOTER CNV】
===========================================*/
.sp-footer-cnv-wrap {
  height: 65px;
  margin: 20px auto;
  position: relative; }

.sp-footer-cnv {
  position: fixed;
  z-index: 10;
  left: 0;
  width: 100%;
  background: transparent;
  display: flex;
  justify-content: center;
  max-width: 100%;
  margin: auto;
  transition: 0s; }
  @media screen and (min-width: 961px) {
    .sp-footer-cnv {
      left: 0;
      right: 0;
      top: auto;
      bottom: 0;
      width: 100%;
      height: 65px;
      background: transparent;
      transition: 0s; } }
  .sp-footer-cnv li {
    width: calc(96% * 1 / 4); }
    .sp-footer-cnv li:not(:last-child) {
      border-right: 1px solid #fff; }
    .sp-footer-cnv li a {
      color: #fff;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      font-size: 1.2rem;
      padding: 0.8em 0;
      height: 100%;
      background: #04DFA7; }
      @media screen and (max-width: 960px) {
        .sp-footer-cnv li a {
          padding: 0.25em 0; } }
      .sp-footer-cnv li a:focus {
        background: #04DFA7; }
      @media screen and (min-width: 577px) {
        .sp-footer-cnv li a {
          font-size: 1.4rem;
          padding: 1em 0; } }
      @media screen and (min-width: 961px) {
        .sp-footer-cnv li a {
          background: #04DFA7;
          height: 100%;
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; } }
  @media screen and (min-width: 961px) and (hover: hover) {
    .sp-footer-cnv li a:hover:hover {
      background: #fff;
      color: #04DFA7; }
      .sp-footer-cnv li a:hover:hover .item-ttl {
        color: #04DFA7; } }

  @media screen and (min-width: 961px) and (hover: hover) and (min-width: 961px) {
    .sp-footer-cnv li a:hover:hover .item-ttl-ja {
      border-left: 1px solid #04DFA7; } }

      @media screen and (max-width: 960px) {
        .sp-footer-cnv li a br {
          display: none; } }
      .sp-footer-cnv li a .btnTtl-en {
        font-size: 1.2rem;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 960px) {
          .sp-footer-cnv li a .btnTtl-en {
            display: block; } }
  .sp-footer-cnv .formlink-list {
    display: flex;
    justify-content: space-between; }
  .sp-footer-cnv .contact-tel a {
    display: flex;
    align-items: center;
    flex-direction: row; }
    @media screen and (max-width: 960px) {
      .sp-footer-cnv .contact-tel a {
        flex-direction: column; } }
  .sp-footer-cnv .contact-tel .tel {
    letter-spacing: 0.1em;
    font-size: clamp(1.2rem, 1.3541666667vw, 2.6rem);
    line-height: 1; }
    @media screen and (min-width: 961px) {
      .sp-footer-cnv .contact-tel .tel {
        margin-left: 1rem; } }
    @media screen and (max-width: 960px) {
      .sp-footer-cnv .contact-tel .tel {
        letter-spacing: 0.1em;
        font-size: clamp(0.5rem, 2.254167vw, 2.6rem);
        line-height: 1; } }
  .sp-footer-cnv .item-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-size: clamp(1.4rem, 1.4375vw, 1.8rem);
    line-height: 1;
    transition: 0s ease-in-out; }
    @media screen and (max-width: 960px) {
      .sp-footer-cnv .item-ttl {
        font-size: clamp(1.2rem, 2.0375vw, 1.8rem);
        flex-direction: column; } }
  .sp-footer-cnv .item-ttl-en {
    position: relative; }
  .sp-footer-cnv .item-ttl-ja {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: border-left 0.3s ease-out; }
    @media screen and (min-width: 961px) {
      .sp-footer-cnv .item-ttl-ja {
        border-left: 1px solid #fff;
        padding-left: 0.5em;
        margin-left: 0.5em; } }
    @media screen and (max-width: 960px) {
      .sp-footer-cnv .item-ttl-ja {
        margin-top: 0.5em;
        line-height: 1; } }

@media screen and (max-width: 960px) {
  .sp-fixed-cnv-wrap {
    height: 50px; } }

.sp-fixed-cnv {
  position: fixed;
  z-index: 10;
  left: 0;
  width: 100%;
  background: transparent;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  margin: auto;
  transition: all 0s, opacity 0.3s; }
  @media screen and (min-width: 961px) {
    .sp-fixed-cnv {
      height: auto;
      margin: 0;
      width: 40px;
      position: fixed;
      right: 0;
      left: auto;
      right: 0;
      top: auto;
      bottom: auto;
      width: auto;
      height: auto;
      display: block;
      background: #fff;
      transition: all 0s, opacity 0.3s;
      transform: translate(0px, 50%); } }
  @media screen and (max-width: 960px) {
    .sp-fixed-cnv {
      bottom: 0 !important; } }
  .sp-fixed-cnv li {
    width: calc(100% / 2); }
    @media screen and (min-width: 961px) {
      .sp-fixed-cnv li {
        width: 60px; } }
    @media screen and (min-width: 961px) {
      .sp-fixed-cnv li:first-child a {
        border-top: 1px solid #04DFA7; } }
    @media screen and (min-width: 961px) {
      .sp-fixed-cnv li:last-child a {
        border-bottom: 1px solid #04DFA7; } }
    @media screen and (max-width: 960px) {
      .sp-fixed-cnv li:last-child a {
        border-right: 1px solid #fff; } }
    .sp-fixed-cnv li a {
      color: #000;
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @media screen and (min-width: 961px) {
        .sp-fixed-cnv li a {
          background: #04DFA7;
          border-inline: 1px solid #04DFA7;
          border-bottom: 1px solid #fff; } }
      @media screen and (max-width: 960px) {
        .sp-fixed-cnv li a {
          background: #04DFA7;
          border-block: 1px solid #04DFA7;
          border-left: 1px solid #fff; } }
      .sp-fixed-cnv li a:focus {
        background: #fff; }
      @media screen and (min-width: 577px) {
        .sp-fixed-cnv li a {
          font-size: 1.4rem;
          padding: 1em 0; } }
      @media screen and (min-width: 961px) {
        .sp-fixed-cnv li a {
          background: #04DFA7;
          height: 100%;
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; } }
  @media screen and (min-width: 961px) and (hover: hover) {
    .sp-fixed-cnv li a:hover:hover {
      background: #fff;
      color: #000; }
      .sp-fixed-cnv li a:hover:hover .item-ttl {
        color: #000; } }

      @media screen and (max-width: 960px) {
        .sp-fixed-cnv li a br {
          display: none; } }
      .sp-fixed-cnv li a .btnTtl-en {
        font-size: 1.2rem;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 960px) {
          .sp-fixed-cnv li a .btnTtl-en {
            display: block; } }
  .sp-fixed-cnv .formlink-list {
    display: flex;
    justify-content: space-between; }
  .sp-fixed-cnv .contact-tel a {
    display: flex;
    align-items: center;
    flex-direction: row; }
    @media screen and (max-width: 960px) {
      .sp-fixed-cnv .contact-tel a {
        flex-direction: column; } }
  .sp-fixed-cnv .contact-tel .tel {
    letter-spacing: 0.1em;
    font-size: clamp(1.2rem, 1.3541666667vw, 2.6rem);
    line-height: 1; }
    @media screen and (min-width: 961px) {
      .sp-fixed-cnv .contact-tel .tel {
        margin-left: 1rem; } }
    @media screen and (max-width: 960px) {
      .sp-fixed-cnv .contact-tel .tel {
        letter-spacing: 0.1em;
        font-size: clamp(0.5rem, 2.254167vw, 2.6rem);
        line-height: 1; } }
  @media screen and (max-width: 960px) {
    .sp-fixed-cnv .sns-item {
      width: auto;
      aspect-ratio: 1 / 1;
      min-width: 50px;
      height: 100%; } }
  .sp-fixed-cnv .sns_nav {
    aspect-ratio: 1 / 1; }
    .sp-fixed-cnv .sns_nav a {
      font-size: 2rem; }
  .sp-fixed-cnv .item-link {
    height: auto;
    width: 100%; }
    @media screen and (max-width: 960px) {
      .sp-fixed-cnv .item-link {
        height: 50px;
        width: 100%;
        padding: 0; } }
  .sp-fixed-cnv .item-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-size: clamp(1.4rem, 1.4375vw, 1.8rem);
    line-height: 1;
    transition: 0s ease-in-out; }
    @media screen and (max-width: 960px) {
      .sp-fixed-cnv .item-ttl {
        font-size: clamp(1.2rem, 2.0375vw, 1.8rem);
        flex-direction: column; } }
  .sp-fixed-cnv .item-ttl-en {
    position: relative; }
  .sp-fixed-cnv .item-ttl-ja {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: border-left 0.3s ease-out;
    font-weight: bold;
    font-size: 1.6rem;
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; }
    @media screen and (min-width: 961px) {
      .sp-fixed-cnv .item-ttl-ja {
        writing-mode: vertical-lr; } }
    @media screen and (max-width: 960px) {
      .sp-fixed-cnv .item-ttl-ja {
        line-height: 1;
        font-size: clamp(1.4rem, 1.6666666667vw, 1.6rem); } }

/*==========================================
 pager
===========================================*/
.pager-wrap {
  margin-top: 150px; }
  @media screen and (max-width: 1500px) {
    .pager-wrap {
      margin-top: 120px; } }
  @media screen and (max-width: 1200px) {
    .pager-wrap {
      margin-top: 100px; } }
  @media screen and (max-width: 767px) {
    .pager-wrap {
      margin-top: 80px; } }
  @media screen and (max-width: 576px) {
    .pager-wrap {
      margin-top: 60px; } }
  .pager-wrap .wp-pagenavi {
    text-align: center; }
    .pager-wrap .wp-pagenavi a,
    .pager-wrap .wp-pagenavi span {
      border: 1px solid #000;
      display: inline-block;
      height: 30px;
      line-height: 28px;
      padding: 0;
      font-weight: bold; }
    @media screen and (min-width: 768px) {
      .pager-wrap .wp-pagenavi a:hover {
        background: #000;
        color: #fff; } }
    .pager-wrap .wp-pagenavi .page,
    .pager-wrap .wp-pagenavi .current {
      aspect-ratio: 1/1;
      font-size: 1.6rem; }
    .pager-wrap .wp-pagenavi .current {
      background: #000;
      color: #fff; }
    .pager-wrap .wp-pagenavi .extend {
      border: none; }
    .pager-wrap .wp-pagenavi .previouspostslink,
    .pager-wrap .wp-pagenavi .nextpostslink,
    .pager-wrap .wp-pagenavi .first,
    .pager-wrap .wp-pagenavi .last {
      padding: 0 0.5em;
      font-size: 1.4rem;
      background: #ccc; }

/*==========================================
 pager common用
===========================================*/
.wp-pagenavi {
  margin: 60px 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  .wp-pagenavi a,
  .wp-pagenavi span {
    border: none; }
  .wp-pagenavi .extend {
    border: none; }
  .wp-pagenavi .page,
  .wp-pagenavi .current {
    border: solid 0px #000000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 26px;
    padding: 0;
    display: inline-block;
    font-family: "Jost", sans-serif;
    font-size: clamp(1.4rem, 4vw, 2rem);
    letter-spacing: 0.2em;
    font-weight: 200 !important;
    color: #000000;
    margin: 2px 6px;
    transition: all 0.3s; }
    @media screen and (min-width: 768px) {
      .wp-pagenavi .page,
      .wp-pagenavi .current {
        position: relative; }
        .wp-pagenavi .page::after,
        .wp-pagenavi .current::after {
          content: "";
          position: absolute;
          bottom: -2px;
          width: 0px;
          height: 3px;
          border-radius: 25px;
          background-color: #000000;
          left: 50%;
          -webkit-transform: translate(0%, -50%);
          transform: translate(-50%, -50%);
          transition: all 0.3s; }
        .wp-pagenavi .page:hover,
        .wp-pagenavi .current:hover {
          position: relative; }
          .wp-pagenavi .page:hover::after,
          .wp-pagenavi .current:hover::after {
            content: "";
            position: absolute;
            bottom: -2px;
            width: 16px;
            height: 3px;
            border-radius: 25px;
            background-color: #000000;
            left: 50%;
            -webkit-transform: translate(0%, -50%);
            transform: translate(-50%, -50%); } }
  .wp-pagenavi .current {
    transition: all 0.3s;
    position: relative; }
    .wp-pagenavi .current::after {
      content: "";
      position: absolute;
      bottom: -2px;
      width: 16px;
      height: 3px;
      border-radius: 25px;
      background-color: #000000;
      left: 50%;
      -webkit-transform: translate(0%, -50%);
      transform: translate(-50%, -50%); }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    font-size: 0;
    border: none;
    width: 11px;
    height: 22px;
    padding: 0;
    display: inline-block;
    position: relative;
    vertical-align: text-bottom; }
    .wp-pagenavi .previouspostslink::before,
    .wp-pagenavi .nextpostslink::before {
      content: "";
      display: inline-block;
      width: 54px;
      height: 26px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      position: absolute;
      top: 0; }
  .wp-pagenavi .first,
  .wp-pagenavi .last {
    border: none; }
  .wp-pagenavi .previouspostslink {
    margin-right: 15px;
    position: relative; }
    .wp-pagenavi .previouspostslink::before {
      border-width: 0;
      border-color: transparent #000000 transparent transparent;
      content: "";
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      left: 10%;
      top: calc(50% - 10px);
      border-top: solid 1px;
      border-left: solid 1px;
      transform: rotate(-45deg) translateY(-50%);
      color: #000000; }
  .wp-pagenavi .nextpostslink {
    margin-left: 15px;
    position: relative; }
    .wp-pagenavi .nextpostslink::before {
      border-width: 0;
      border-color: transparent transparent transparent #000000;
      content: "";
      display: block;
      width: 16px;
      height: 16px;
      position: absolute;
      right: 10%;
      top: calc(50% - 5px);
      border-top: solid 1px;
      border-right: solid 1px;
      transform: rotate(45deg) translateY(-50%);
      color: #000000; }

/*==========================================
 【PAGETOP】
===========================================*/
.pagetop {
  position: fixed;
  z-index: 8;
  right: 10px;
  bottom: 10px; }
  @media screen and (max-width: 960px) {
    .pagetop {
      display: none !important; } }
  .pagetop a {
    display: block;
    background: #04DFA7;
    font-size: 0;
    transition: 0.3s ease-in-out;
    width: 50px;
    height: 50px;
    padding: 15px 0 0;
    text-align: center;
    border: 1px solid #fff; }
    .pagetop a::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 7.5px 20px 7.5px;
      border-color: transparent transparent #fff transparent; }
    @media screen and (min-width: 961px) {
      .pagetop a:hover {
        background: #000; } }
    @media screen and (max-width: 960px) {
      .pagetop a {
        width: 35px;
        height: 35px;
        padding: 12px 0 0; }
        .pagetop a::after {
          border-width: 0 5.5px 12px 5.5px; } }

/*# sourceMappingURL=common_dg.css.map */


@charset "UTF-8";

body {
}

.header {
	width : 98%;
	/*padding: 10px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -60px;
}

.header-info {
	display : flex;
	justify-content : space-between;
	width : 100%;
	align-items : center;
}

h1.logo {
	margin-bottom: 10px;
	position: relative;
	z-index: 1000;
}

h1.logo img {
    width: 240px;
}

@media screen and (max-width: 970px) {
  .header-info {
    position : relative;
    /* padding-top : 10px; */
  }
  h1.logo {
    padding-left : 10px;
  }
}

@media screen and (max-width: 767px) {
	
.header {
	  margin-bottom: -100px;
  }
	
  .header-info {
    display : block;
    position : relative;
    padding: 10px 0 10px;
    z-index: 21;
  }
  h1.logo {
    width : 100%;
  }
}

/*----------------------------------------
  topMv
----------------------------------------*/
.mv {
  width : 100%;
  margin-top: 60px;
/*
  opacity :  0;
  transition :  1s;
*/
  position : relative;
}

.mv.on {
  opacity : 1;
}


.mv__slider-item {
  position : relative;
}

.inmv_catalog_arrow {
    position: absolute;
    left: 35%;
    bottom: 0%;
    width: 30%;
	z-index: 1;
	-webkit-animation: animateCv 2s ease-out infinite;
	animation: animateCv 2s ease-out infinite;
}

@keyframes animateCv {
	0%, 40%, 60%, 80% {
        transform: scale(1.0);
    }
    50%, 70% {
        transform: scale(0.95);
    }
}

@media screen and (max-width: 767px) {
  .mv {
    /* margin-top: 85px; */
  }
}

.mv__img {
  width : calc(282 / 1200 * 100%);
  position : absolute;
  left : calc(42 / 1200 * 100%);
  top : calc(24 / 735 * 100%);
}

.mv__copy {
  width: calc(182 / 1200 * 100%);
  position : absolute;
  right : calc(66 / 1200 * 100%);
  top : 0
}

.mv__copy2 {
  width: 60%;
  position : absolute;
  top: 5%;
  left: 20%;
}
.mv__copy3 {
  width: 50%;
  position : absolute;
  top: 3%;
  left: 25%;
}

@media screen and (max-width: 767px) {
  .mv__img {
    width : calc(633 / 750 * 100%);
    top : calc(10 / 1195 * 100%);
    left: 50%;
    transform: translateX(-50%);
  }
  .mv__copy {
    width : calc(570 / 750 * 100%);
    top: auto;
    bottom: calc(40 / 1195 * 100%);
    left: 0;
  }
  .mv__copy2 {
    width: 80%;
    top: 15%;
    left: 10%;
  }
  .mv__copy3 {
    width: 80%;
    top: 12%;
    left: 10%;
  }
}

.mv__note {
  width : 970px;
  max-width : calc(100% - 30px);
  margin: 20px auto 0;
}

.mv__note .c-note {
  margin-bottom : 0;
}

@media screen and (max-width: 767px) {
  .mv__note {
    margin-top : 0;
  }
  .mv__note .c-note {
    margin-top : 0;
  }
}

/*----------------------------------------
  sec-head
----------------------------------------*/

.sec-head {
  background: #6db0a7 url(/common/upload_data/hirabayasinet/file/title-area-bg.svg);
  background-size : 128px;
  text-align : center;
  margin-top:150px;
  position : relative;
  overflow:
  hidden;
}

.sec-head__inner {
  background: #6db0a7;
  width : 590px;
  margin : 0 auto;
  padding:80px 0 50px;
  position : relative;
}

@media screen and (max-width: 767px) {
  .sec-head {
    margin-top : 50px;
  }
  .sec-head__inner {
    width: 85%;
    padding : 40px 10px 20px;
  }
}

.sec-head::before{
  position:
  absolute;
  top: 0px;
  left:
  calc(50% - 1920px);
  width:0;
  height:0;
  border-style:
  solid;
  border-width:300px 1920px 0 0;
  border-color:#fff transparent transparent transparent;
  content:
  "";
  z-index: 1;
}
.sec-head::after{
  position:
  absolute;
  top: 0px;
  left:50%;
  width:0;
  height:0;
  border-style:
  solid;
  border-width:300px 0 0 1920px;
  border-color:#fff transparent transparent transparent;
  content:
  "";
  z-index: 1;
}

.sec-head__no {
  width: 150px;
  margin : 0 auto;
}

.sec-head__title-box {
  min-height : 150px;
  display : flex;
  justify-content :center;
  align-items : center;
  flex-direction : column;
}

.sec-head__title {
  font-size: 30px;
  color : #fff;
  font-weight : normal;
  margin : 30px 0 20px;
  line-height: 1.6;
  letter-spacing: 3px;
}

.sec-head__txt {
  line-height : 1.8;
  font-size : 16px;
  color : #fff;
}

.sec-head__selectlogo {
  position : absolute;
  right : -30px;
  top : 0;
  width : 160px;
}

@media screen and (max-width: 767px) {
  .sec-head__no {
    width : 90px;
  }
  .sec-head__selectlogo {
    width: calc(240 / 750 * 100vw);
    top : calc(0 / 750 * 100vw);
  }
  .sec-head__title {
    font-size: 20px;
    letter-spacing: 0.18rem;
  }
  .sec-head__txt {
    font-size : 14px;
  }
  .sec-head__title-box {
    margin-top : 20px;
    min-height : auto;
  }
}

@media screen and (max-width: 400px) {
  .sec-head__selectlogo {
    top: calc(-35 / 750 * 100vw);
  }
}



/* sp Toggle Button */
#top-head {
  position : fixed;
  /* margin-top : -1px; */
  top: 0;
  left : 0;
  width : 100%;
  max-width : 100%;
  display : block;
  height : 0px;
  overflow : hidden;
  transition-duration : .5s;
  z-index: 10;
  /* background:  #fff; */
  padding-top: 60px;
  border-top:  none;
}
#top-head.open {
  height: 100vh;
  position : fixed;
  background: #fff;
}
.sp-nav-btn {
    display: none;
    position: fixed;
    right: 20px;
    top: 20px!important;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
.sp-nav-btn div {
    position: relative;
}
.sp-nav-btn span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    transition: .35s ease-in-out;
}
.sp-nav-btn span:nth-child(1) {
    top: 0;
}
.sp-nav-btn span:nth-child(2) {
    top: 11px;
}
.sp-nav-btn span:nth-child(3) {
    top: 22px;
}

/* #nav-toggle 切り替えアニメーション */
.sp-nav-btn.open span:nth-child(1) {
    top: 11px;
    transform: rotate(315deg);
}
.sp-nav-btn.open span:nth-child(2) {
    width: 0;
    left: 50%;
}
.sp-nav-btn.open span:nth-child(3) {
    top: 11px;
    transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.gnav {
    display : block;
}
#top-head > ul,
#top-head > ul > li,
.header_btn {
  display : block;
  width : 100%;
  border : none;
  /* background : #fff; */
}
#top-head > ul {
  border-bottom: solid 1px #999;
}
#top-head > ul > li,
.header_btn {
  height : auto;
}
#top-head > ul > li {
  border-top : solid 1px #999;
}
#top-head a {
  padding : 20px 0;
}

#top-head ul li a {
  display : flex;
    height : 100%;
    justify-content :
    center;
    align-items : center;
    color : #000;
    text-decoration : none;
    text-align  : center;
    font-size: 14px;
}

#top-head li a:hover {
  background : #BBDBDB;
}

@media screen and (max-width: 767px) {
  #top-head {
    padding-top: 85px;
    /* top : 85px; */
  }
    .sp-nav-btn {
      top : 10px;
		display: block;
    }
}

/*----------------------------------------
  cv
----------------------------------------*/
.cvbtn {
  width : 970px;
  max-width : calc(100% - 30px);
/*  margin: 100px auto;*/
margin: 0 auto;
  display : flex;
  justify-content :space-between;
  flex-wrap : wrap;
}

.head-cv {
  margin: 40px auto 180px;
}

.cvbtn a {
  display : block;
  width : calc(100% / 2 - 10px);
  position : relative;
}

.cvbtn a:before {
  content : "";
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0;
}



@media screen and (max-width: 767px) {
  .cvbtn {
    margin : 40px auto;
  }
  .head-cv {
    margin:0 auto 40px;
    /* margin-bottom : 40px; */
  }
  .cvbtn a {
    width : 100%;
    margin-bottom : 10px;
  }
}

.footer-cv .cvbtn__request:before  {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width : calc(293 / 470 * 100%);
  height : 0;
  padding-bottom : calc(156 / 470 * 100%);
}

.footer-cv .cvbtn__reserve:before  {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width : calc(293 / 470 * 100%);
  height : 0;
  padding-bottom : calc(156 / 470 * 100%);
}

.footer-cv .cvbtn__text {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width : calc(293 / 470 * 100%);
}
/*----------------------------------------
  メインヴィジュアルの下
----------------------------------------*/
ul.feature.flex_bet_center {
	background-color: #936728;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 116px;
	padding: 0 7%;
}

ul.feature li {
    display: inline-block;
    width: calc(100% / 4);
    text-align: center;
    color: #FFDF00;
    font-family: "Noto Sans JP", sans-serif;
    font-size: calc(100vw / 34);
	border-right: 1px solid #fff;
}

ul.feature li:nth-child(1) {
	font-size: calc(100vw / 38);
	color: #fff;
	border-left: 1px solid #fff;

}

ul.feature li span.big_number.yellow {
    color: #FFDF00;
    font-size: calc(100vw / 23);
    margin: 0 4px;
}

ul.feature li span.first_feature {
    font-size: calc(100vw/ 47);
	line-height: 1.4em;
}

/*----------------------------------------
  top_read
----------------------------------------*/
.top_read {
  margin: 0;
  text-align: center;
  font-weight: 500;
  padding: 0;
  /* border-top: #AF9351 8px solid; */
}

.top_read.under_feature {
	border-bottom: #000000 8px solid;
}


.top_read p {
  margin: 0;
  padding: 0 10px;
  line-height: 1.4;
}
.top_read .top_read-01 {
  font-size: 56px;
  color: #000;
}
.top_read .top_read-01 small {
  font-size: 85%;
}
.top_read .top_read-01 span {
  font-size: 36px;
}
.top_read .top_read-02 {
  font-size: 48px;
  color: #AF9351;
}
.top_read .top_read-02 span {
  font-size: 34px;
}
.top_read .top_read-03 {
  padding: 0 10px 10px;
  font-size: 54px;
  color: #fff;
  background-color: #006532;
	font-family: "Noto Sans JP", sans-serif;
}
.mv-banner_pc {
  margin: 40px 0 180px;
}
.mv-banner_pc figure {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
}
@media only screen and (max-width: 1023px){
  .top_read .top_read-01 {
    font-size: 44px;
  }
  .top_read .top_read-02 {
    font-size: 36px;
  }
  .top_read .top_read-02 span {
    font-size: 28px;
  }
  .top_read .top_read-03 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px){
  .top_read {
    font-size: 18px;
/*    margin-bottom: 10px;*/
    /* margin-top: 0; */
  }
  .top_read .top_read-01 {
    font-size: 30px;
  }
  .top_read .top_read-01 span {
    font-size: 18px;
  }
  .top_read .top_read-02 {
    font-size: 25px;
  }
  .top_read .top_read-02 span {
    font-size: 20px;
  }
  .top_read .top_read-03 {
    font-size: 24px;
  }
  .mv-banner_pc {
    display: block;
		margin: 20px 0 60px;
  }
  .mv-banner_pc figure {
    width: 95%;
    padding-top: 10px;
  }
  .ten-sp{
    display: none;
  }
}

/*----------------------------------------
  common
----------------------------------------*/
.note {
	font-size: 12px;
    margin-top: 16px;
    font-family: 'Noto Sans JP', sans-serif;
}
s
@media screen and (max-width: 767px) {
  .note {
    font-size : 10px;
    line-height : 1.6;
  }
}

.arrow-down {
  padding: 50px 0 40px;
}

.arrow-down img {
  width : 55px;
  margin : 0 auto;
}

@media screen and (max-width: 767px) {
  .arrow-down {
    padding : 30px;
  }
  .arrow-down img {
    width : 27px;
  }
}

.picup {
  background : #fff;
  width: 1000px;
  max-width: calc(100% - 30px);
  margin : 40px auto 0;
  position : relative;
  padding : 20px;
}

.picup__logo {
  width : 173px;
  position : absolute;
  top : -20px;
  left : 0;
  z-index : 2;
}

.picup__inner {
  border : solid 2px #C0DED6;
  padding : 40px;
  position : relative;
}

.picup__title {
  color : #58938F;
  font-size: 26px;
  margin-bottom : 20px;
}

.picup__title2 {
  display : inline-block;
  margin-left : 20px;
  font-size: 18px;
  color : #967D23;
}

@media screen and (max-width: 767px) {
  .picup {
    padding : 10px;
  }
  .picup__logo {
    width : 100px;
    top : -10px;
  }
  .picup__inner {
    padding : 20px;
  }
  .picup__title {
    font-size: 18px;
  }
  .picup__title2 {
    margin-left : 0;
    margin-top : 10px;
    font-size : 14px;
  }
}

.c-note {
  font-size : 12px;
  margin-top : 40px;
}

@media screen and (max-width: 767px) {
  .c-note {
    font-size : 10px;
    margin-top : 20px;
  }
}

#globalFooter {
  background : #000;
  margin-top: 100px;
  padding: 15px 0 20px;
  text-align : center;
}

.copy {
  font-size : 12px;
  color : #fff;
}

@media screen and (max-width: 767px) {
  #globalFooter {
    margin-top: 80px;
  }
  .copy {
    font-size : 10px;
  }
}


/*----------------------------------------
  head
----------------------------------------*/
.head__img {
  width : 750px;
  max-width : 100%;
  margin : 0 auto;
}

@media screen and (max-width: 767px) {
  .head__img {
    width : calc(564 / 750 * 100%);
  }
}

/*----------------------------------------
  contents
----------------------------------------*/
.structure,
.performance,
.selected,
.whatsaqura {
  background : #F5F4F4;
  padding-top : 50px;
}

@media screen and (max-width: 767px) {
  .structure,
  .performance,
  .selected,
  .whatsaqura {
    padding-top : 30px;
  }
}

.con-slider {
  background : #D4E8E3;
  padding : 50px 0;
}

.structure__slider-item,
.performance__slider-item {
  display : block;
  margin : 0 20px;
}

@media screen and (max-width: 767px) {
  .con-slider {
    padding : 20px 0;
  }
}

.con-title {
  color : #796B47;
  font-weight : normal;
  font-size: 30px;
  text-align : center;

  line-height: 1.6;
}

.con-title span {
  font-size : 30px;
}

.con-title.con-title1 {
  margin-bottom : 10px;
}

.con-title2 {
  text-align : center;
  font-size : 20px;
}

@media screen and (max-width: 767px) {
  .con-title {
    font-size : 18px;
    line-height : 1.6;

  }
  .con-title span {
    font-size : 24px;
  }
}

.bd-title {
  text-align : center;
}

.bd-title span {
  font-size : 18px;
  position : relative;
  padding : 0 130px;
  margin : 0 auto;
  display:inline-block;
}

.bd-title span:before,
.bd-title span:after {
  content : "";
  height : 1px;
  width : 100px;
  background : #333;
  position : absolute;
  top : 50%;
  left : 0;
}

.bd-title span:after {
  left : auto;
  right : 0;
}

@media screen and (max-width: 767px) {
  .bd-title span {
    font-size : 16px;
    padding : 0 40px;
  }
  .bd-title span:before,
  .bd-title span:after {
    width : 30px;
  }
}

/*----------------------------------------
  structure
----------------------------------------*/
.section01 .sec-head {
  margin-top : 90px;
}

@media screen and (max-width: 767px) {
  .section01 .sec-head {
    margin-top : 60px;
  }
}
  
.structure__head {
  width: 1000px;
  max-width:  100%;
  margin : 0 auto;
  padding : 0 0 50px;
}

/*----------------------------------------
  performance
----------------------------------------*/
.performance {
  padding-top : 0;
  padding-bottom : 80px;
}

.performance__head {
  width : 560px;
  max-width:  100%;
  margin : 0 auto;
  padding: 55px 0 80px;
}

.performance__total-title {
  font-size: 30px;
  text-align : center;
  color : #796B47;
}

.performance__picup .picup__title {
  position : absolute;
  top : 40px;
  left : 40px;
}

.picup__title-note {
  font-size : 12px;
  color : #666;
  display : block;
  margin-top : 5px;
}

.performance__slider-area {
  background : #EEE9C9;
}

@media screen and (max-width: 767px) {
  .performance__head {
    padding : 20px 10px 30px 0;
  }
}

@media screen and (max-width: 767px) {
  .performance__total-title {
    font-size : 19px;
  }
  .performance__picup .picup__title {
    left : 20px;
    font-size: 16px;
  }
}


/*----------------------------------------
  selected
----------------------------------------*/
.selected {
  padding-bottom : 100px;
}

.section02 .sec-head {
  margin-top : 0;
}

.selected__picup .picup__inner img {
  margin-bottom : 30px;
}

.selected__total-img {
  width: 1000px;
  max-width : calc(100% - 30px);
  margin : 0 auto;
}

.selected__total-img img {
  width: calc(747 / 1000 * 100%);
  margin-left : auto
}
.content_sub {
  max-width: 860px;
  width: 100%;
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  .selected {
    padding-bottom : 60px;
  }
  .selected__total-img {
    margin-top : calc(-120 / 750 * 100vw);
  }
  .selected__total-img img {
    width : 100%;
    margin-left : 0;
  }
  .content_sub {
	margin: 0px auto 0;
	width: 94%;
  }
}

/*----------------------------------------
  plan
----------------------------------------*/
.plan {
  background : #e2ecce;
  position : relative;
  padding-top: 60px;
  margin-top: 200px;
  padding-bottom: 170px;
  margin-bottom:50px;
}

.plan__title-img {
  width : 200px;
  display : block;
  position : absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}

.plan .head {
  margin-top : 50px;
}

@media screen and (max-width: 767px) {
  .plan {
    margin-top : 100px;
    padding-top : 50px;
  }
  .plan__title-img {
    width : 140px;
    top : -60px;
  }
}

.plan__title1 {
  letter-spacing: 0.1em;
}

.plan-nav {
  width: 700px;
  max-width : calc(100% - 30px);
  margin: 25px auto 80px;
  display : flex;
  justify-content :
  center;
  flex-wrap :
  wrap;
}

.plan-nav a {
  display : block;
  width : calc(100% / 2 - 10px);
  position : relative;
}

.plan-nav a .plan-nav__on {
  position : absolute;
  top : 0;
  left : 0;
  opacity : 0;
  transition : 0.5s;
}

.plan-nav a.on .plan-nav__on,
.plan-nav a:hover .plan-nav__on{
  opacity : 1;
}

@media screen and (max-width: 767px) {
  .plan .head {
    margin-top: 20px;
  }
  .plan-nav {
    margin : 20px auto;
  }
  .plan-nav a {
    width : 100%;
    margin-bottom : 2px;
  }
}

.plan-head {
  width : calc(970px + ((100% - 970px) / 2));
  max-width : calc(100% - 30px);
  margin-right : auto;
  display : flex;

  margin-bottom : -100px;
}

.plan1 .plan-head {
  margin-left : auto;
  margin-right : 0;
}

.plan-head__image {
  width : calc(683 / 970 * 100%);
}

.plan1 .plan-head__image {
  order : 2;
}

.plan-head__contents {
  width: calc(240 / 970 * 70%);
  margin-left : 30px;
}

.plan1 .plan-head__contents {

  margin-right: 30px;
}
.font-left{
  padding:30px;
}

@media screen and (max-width: 767px) {
  .plan-head {
    flex-wrap :wrap;
    margin-bottom : -50px;
  }
  .plan-head__image {
    width : 100%;
    margin-bottom : 20px;
  }
  .plan-head__contents {
    width : 100%;
    order : 2;
  }
  .plan1 .plan-head {
    margin-left : 4%;
    margin-right : 0;
  }
  .span-left{
    padding-left:10%;
  }
  .font-left{
    padding-left:25%;
  }
}

.plan__en-title {
  width : 110px;
}

.plan-head__title {
  font-size: 22px;
  color : #796B47;
  margin : 20px 0;
  font-weight : normal;
}

.plan-head__txt {
  font-size : 14px;
  line-height: 1.8;
}

.plan-data {
  font-size : 12px;
}

.plan-data__data {
  margin-bottom : 30px;
}

@media screen and (max-width: 767px) {
  .plan-data {
    margin-top : 20px;
  }
  .plan-data__data {
    width : calc(520 / 750 * 100vw);
  }
  .plan-data__pict {
    width: calc(520 / 750 * 100vw);
  }
}

.plan-data__box {
  display : flex;
  justify-content :
  space-between;
  align-items : center;
  margin-top : 10px;
  height : 0px;
  overflow : hidden;
  transition : .5s;
}

.open .plan-data__box {
  height : 80px;
}

.open .plan-data__box p {
  line-height : 1.8;
}

.plan-bg {
  padding-top : 200px;
  padding-bottom: 200px;
}

@media screen and (max-width: 767px) {
  .plan-bg {
    padding : 80px 0 40px;
  }
}

.plan-slide__area {
  width : 970px;
  max-width : calc(100% - 30px);
  background : #fff;
  margin : 0 auto;
  padding: 50px 40px;
}

.plan-slide__detail {
  width : 100%;
  margin : 0 auto;
}

@media screen and (max-width: 767px) {
  .plan-slide__area {
    padding : 20px;
  }
}

.plan-slide__img {
  position : relative;
}

.plan-slide__item {
  position : relative;
}

.plan-cp {
  width : 20px;
  position : absolute;
  bottom : 0;
  right : 0;
}

@media screen and (min-width: 768px) {
  .plan-slide {
    display : flex;
    
    justify-content : center;
  }
  .plan-slide__item {
    margin : 0 auto;
    width : calc(230 / 830 * 100%);
  }
  .plan1 .plan-slide__item {
    margin : 0 calc(-10 / 830 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .plan-cp {
    width : 25px;
  }
  .plan-slide__item {
    margin : 10px 15px 0;
  }
}

.plan-photo {
  width : 520px;
  max-width : calc(100% - 30px);
  margin : 50px auto 0;
}

.plan-photo__title {
  color : #796B47;
  font-size : 14px;
  text-align : center;
  display : flex;
  justify-content :space-between;
  align-items : center;
}

.plan-photo__title:before,
.plan-photo__title:after {
  content : "";
  display : block;
  width : auto;
  height : 1px;
  background  :#796B47;
  flex  :1;
}

.plan-photo__title:before {
  margin-right : 10px;
}

.plan-photo__title:after {
  margin-left : 10px;
}

.plan-photo__row {
  display : flex;
  justify-content :space-between;
  align-items : center;
  margin-top : 20px;
}

.plan-photo__row > div {
  width : calc(100% / 2 - 5px);
}

.plan-note {
  font-size :  10px;
}

@media screen and (max-width: 767px) {
  .plan-photo {
    margin-top : 30px;
  }
  .plan-note {
    margin-top : 20px;
  }
}



/*----------------------------------------
  voice
----------------------------------------*/
.voice {
  padding : 100px 0;
}

@media screen and (max-width: 767px) {
  .voice {
    padding : 0 0 10px;
  }
}

.voice__title {
  font-size : 22px;
  line-height: 1.6;
  color : #796B47;
  position : relative;
  text-align : center;
  width : 766px;
  max-width : calc(100% - 30px);
  margin : 0 auto 30px;
}

.voice__title:before {
  content : "";
  background : #796B47;
  height : 1px;
  width : 100%;
  position : absolute;
  top: 50%;
  transform: translateY(-50%);
  left : 0;
}

.voice__title span {
  background : #fff;
  position : relative;
  padding : 2px 15px;
  display : inline-block;
  border-left : 1px solid #796B47;
  border-right : 1px solid #796B47;
}

.voice-youtube {
  max-width: 860px;
  margin: 30px auto 20px;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
  position : relative;
}
.voice-youtube:before {
  content : "";
  background : #796B47;
  height : 1px;
  width : 90%;
  position : absolute;
  bottom: 0;
  transform: translateX(-50%);
  left : 50%;
}
.voice-youtube p {
  width: 70%;
}
.voice-youtube a {
  opacity: 1;
  transition: all 0.3s;
}


.voice-con.voice1 {
  margin: 30px 0 0;
}

.voice-con.voice2 {
  margin: 200px 0 0;
}

.voice-con__row {
  width: calc(766px + ((100% - 766px) / 2));
  max-width: calc(100% - 30px);
  margin-left : auto;
  margin-bottom: 80px;
  display : flex;
  justify-content : space-between;
}

.voice2 .voice-con__row {
  margin-left : 0;
  margin-right : auto;
}
  
.voice-con__contents {
  flex : 1;
  position : relative;
  margin-right : 40px;
  padding-top : 20px;
}

.voice2 .voice-con__contents {
  order : 2;
  margin-right : 0;
  margin-left : 40px;
}

.voice-con__image {
  width : 300px;
}

.voice__comment {
  margin : 0 auto 30px;
  display : flex;
  justify-content : left;
  flex-wrap : wrap;
  align-items: end;
}

.voice__comment img {
  width : 260px;
  margin : 0 20px 20px 0;
}

.voice2 .voice__comment img {
  order : 2;
  margin : 0 0 20px 20px;
}

@media screen and (max-width: 1300px) {
  .voice2 .voice__comment img {
    order : 1;
  }
  .voice2 .voice-con__title {
    order : 2;
  }
}

@media screen and (max-width: 1023px) {
  .voice-con__image {
    width : calc(300 / 970 * 100%);
  }
  .voice__comment {
    width : 100%;
  }
}

@media screen and (max-width: 767px) {
  .voice__title {
    font-size : 16px;
  }
  .voice-youtube {
    display: block;
  }
  .voice-youtube p {
    margin: 15px auto 0;
    max-width: 500px;
    width: 80%;
  }
  .voice-con.voice1 {
    margin : 0;
  }
  .voice-con.voice2 {
    margin : 80px 0 0;
  }
  .voice-con__row,
  .voice2 .voice-con__row {
    flex-wrap :wrap;
    margin : 0 auto 40px;
  }
  .voice-con__image {
    width: calc(100% - 60px);
    order : 2;
    margin : 20px auto 0;
  }
  .voice-con__contents,
  .voice2 .voice-con__contents {
    margin : 0;
    width : 100%;
    flex : auto;
  }
  .voice__comment {
    margin-bottom : 10px;
  }
  .voice__comment img,
  .voice2 .voice__comment img {
    width : calc(580 / 750 * 100vw);
    margin : 0 auto 20px;
  }
}

.voice-con__contents p {
  line-height:  1.8;
}

.voice-con__title {
  font-size: 24px;
  letter-spacing: 3px;
  margin-bottom : 10px;
  color : #000;
  min-width : 320px;
}

.voice-con__text {
  font-size: 16px;
  letter-spacing: 2px;
}

.voice-con__slide-title span {
  font-size: 18px;
  letter-spacing: 2px;
  color : #796B47;
}

.bd-title span:before,
.bd-title span:after {
  background : #796B47;
}

.voice-con__slide {
  width: 766px;
  max-width : calc(100% - 30px);
  margin: 20px auto 0;
}

@media screen and (max-width: 767px) {
  .voice-con__title {
    font-size: 18px;
    margin : 0;
  }
  .voice-con__text {
    margin : 0;
    padding : 0;
    font-size : 13px;
  }
  .voice-con__slide {
    margin : 20px auto;
  }
}

/*----------------------------------------
  note
----------------------------------------*/

.note-area {
  width : 970px;
  max-width : calc(100% - 30px);
  margin : 0 auto 0;
}

/*----------------------------------------
  slide
----------------------------------------*/
.slick-dotted.slick-slider {
  margin-bottom : 40px;
}





.slick-arrow {
  width : 20px;
  position : absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor : pointer;
}

.prev_icon {
  left : -10px;
}

.next_icon {
  right : -10px;
}

.plan-head__slide .prev_icon {
  left : 20px;
  z-index : 1;
}

.plan-head__slide .next_icon {
  right : 20px;
}
  
.plan-slide,
.voice-con__slide {
  position : relative;
}

.voice-con__slide-item {
  margin : 0 5px;
}

.voice-con__slide .prev_icon {
  left : -30px;
  z-index : 10;
}

.voice-con__slide .next_icon {
  right : -30px;
  z-index : 10;
}

@media screen and (max-width: 1023px) {
  .voice-con__slide > div {
    margin : 0 30px;
  }
  .voice-con__slide .prev_icon {
    left : 0;
  }
  .voice-con__slide .next_icon {
    right : 0;
  }
}


/* fixed btn
-------------------------------------------------- */
.fixed_btn_pc {
  margin-top: -286px;
  right: 0;
  position: fixed;
  top: 40%;
  z-index: 9999;
}
.fixed_btn_pc ul {
  margin: 0;
  padding: 0;
}
.fixed_btn_pc ul li {
  list-style: none;
  padding: 3px 0;
}
.fixed_btn_pc ul li a{
  transition: 0.3s all;
}
.fixed_btn_pc ul li a:hover{
  opacity: 0.5;
}
.fixed_btn_pc ul li img {
  box-shadow: -1px 1px 1px 1px rgba(0,0,0,0.2);
}
@media screen and (max-width: 767px) {
  .fixed_btn_pc {
    display: none;
  }
}

.fixed_btn_sp {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.fixed_btn_sp ul {
  box-shadow: 0 -1px 1px 1px rgba(0,0,0,0.2);
  display: flex;
  justify-content: space-evenly;
  margin: 0;
  padding: 0;
}
.fixed_btn_sp ul li {
  list-style: none;
  text-align: center;
  width: 100%;
}
.fixed_btn_sp ul li a {
  align-items: center;
  display: flex;
  justify-content: center;
  height: auto;
}
.fixed_btn_sp ul li:first-child a {
  background: #ff6600;
}
.fixed_btn_sp ul li:nth-child(2) a {
  background: #dfa800;
}
.fixed_btn_sp ul li:nth-child(3) a {
  background: #fbce33;
}
.fixed_btn_sp ul li a img {
  width: auto !important;
}
@media screen and (max-width: 767px) {
  .fixed_btn_sp {
    display: block;
  }
  #globalFooter {
    margin-bottom: 94px !important;
  }
  #btnPagetop {
    bottom: 143px;
  }
}
@media screen and (max-width: 450px) {
  .fixed_btn_sp ul li a img {
    width: 100% !important;
  }
}
/*----------------------------------------
  whatsaqura
----------------------------------------*/
.section_last {
  margin-top: 60px;
}
.whatsaqura {
  padding-bottom : 80px;
}

.whatsaqura__head {
	margin: 0 auto;
	padding-bottom: 50px;
	width : 850px;
	max-width : 100%;
	position : relative;
}

.whatsaqura__head .sec-head__title {
	margin: 0;
	font-size: 44px;
	color: #686564;
	/* font-family: 'Noto Sans JP', sans-serif; */
	text-align: center;
	font-weight: 500;
}

.whatsaqura__head-text {
  margin-top : 40px;
  font-size : 20px;
  line-height : 1.8;
  max-width : calc(100% - 30px);
}
.whatsaqura__map {
	padding: 0 0 30px;
	background: #fff;
}
.whatsaqura__map-text {
	margin: 20px 0;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 26px;
}
.whatsaqura__map-text .second-line {
	font-size: 18px;
}
.whatsaqura__map-inner {
	margin : 0 auto;
	width:  740px;
	max-width: 100%;
}
.whatsaqura__head-map {
	margin-right : 10.54%;
  width : 662px;
  max-width : calc(89.46% - 30px); 
}

.whatsaqura__graph {
  margin : 0 auto 40px;
}
.whatsaqura__graph-inner {
	width : 1000px;
  max-width : calc(100% - 30px);
  margin : 10px auto 40px;
	background-color: #fff;
	padding: 40px 60px;
}
.p_fontsize{
  font-size:inherit;
	font-family: "Noto Sans JP", sans-serif;
}
.plan_image{
  margin-top:114px;
}
@media screen and (max-width: 767px) {
  .whatsaqura {
    padding-bottom : 60px;
  }
  .whatsaqura__head {
    min-height: auto;
    padding : 0;
    margin: 0 auto 40px;
  }
  .whatsaqura__head .sec-head__title {
    font-size: 7.8vw;
  }
  .whatsaqura__head-text {
    margin : 20px auto 0;
  }
  .whatsaqura__map {
		padding: 30px 30px;
		background: #fff;
	}
	.whatsaqura__map-text {
		margin: 20px 0;
		font-size: 17px;
	}
	.whatsaqura__map-text .second-line {
		font-size: 17px;
	}
	.whatsaqura__map-inner {
		margin : 0 auto;
		width:  740px;
		max-width: 100%;
	}
	.whatsaqura__head-map {
		margin-right : 0;
		width : 100%;
		max-width : 100%; 
		margin-bottom: 40px;
	}
  .whatsaqura__graph-inner {
    padding: 10px 10px;
  }
	.section_last {
  margin-top: 20px;
}
.p_fontsize{
  font-size:15px;
}
.plan_image{
  margin-top:0px;
}
}

/*----------------------------------------
  aboutus
----------------------------------------*/
.aboutus {
  width : 1000px;
  max-width : calc(100% - 30px);
  margin : 60px auto 40px;
	background-color: #fff;
	padding: 40px 60px;
	font-family: 'Noto Sans JP', sans-serif;
}

.aboutus__title {
  border-bottom : 1px solid #666;
  padding-bottom : 10px;
  margin-bottom : 10px;
	font-size: 22px;
	font-weight: bold;
  color : #251e1c;
}

.aboutus__row {
  display : flex;
  justify-content : space-between;
  line-height : 1.6;
  flex-wrap :wrap;
}

.aboutus__left {
  width : 43.75%;
  margin-right: 8%;
}

.aboutus__right {
  flex : 1;
}

.aboutus__left .abourus__table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.aboutus__left .aboutus__table-row {
	display: table-row;
}
.aboutus__left .aboutus__table-row > span {
	display: table-cell;
}
.aboutus__left .aboutus__table-row .aboutus__subtitle {
	width: 8em;
}
.aboutus__subtitle {
  color : #251e1c;
  font-size : 16px;
  /*text-align-last: justify;*/
  width : 80px;
  margin-right : 15px;
}

.aboutus__text {
  font-size : 14px;
	text-align: left;
}

.aboutus__left .c-note {
  margin : 0;
  text-align:  right;
}

@media screen and (max-width: 767px) {
  .aboutus {
    margin-bottom : 0;
		padding: 40px 40px;
  }
  .aboutus__left,
  .aboutus__right {
    width : 100%;
    flex : auto;
    margin : 0;
  }
  .aboutus__right {
    margin-top : 30px;
  }
  .aboutus__table {
    justify-content : left;
  }
  .aboutus__subtitle {
    width : 90px;
  }
  .aboutus__text {
    flex : 1;
  }
  .aboutus__left .c-note {
    text-align : left;
  }
}
@media screen and (max-width: 400px) {
	.aboutus {
		padding: 40px 20px;
  }
	.aboutus__left .aboutus__table-row .aboutus__subtitle {
		width: 6em;
	}
}

.mt20 {
  margin-top : 20px;
}
h6.b:after {
  content: "";
  display: block;
  width: 60px;
  border-bottom: 1px solid #bcbcbc;
  margin: 20px auto;
}

/*----------------------------------------
  フレッシャーアド_平屋TOP_230804追記
----------------------------------------*/
#sy {
    background-color: #92BF70;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3%;
	position: inherit;
    z-index: 2;
	text-align: center;
	padding-bottom: 3%;
	padding-top: 1%;
}

#sy .price_box {
    background-color: #92BF70;
    margin: 0 auto;
    display: inline-block;
}

#eco_banner{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3%;
	width: 70%;
}

#eco_banner img{
	width: 100%;
}

#sy .price_box a{
	text-decoration: none;
}

#sy .price_line {
    color: #fff;
    font-size: calc(100vw / 40);
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #fff;
}

#sy span.breadth {
    margin-right: calc(100vw / 40);
}

#sy span.yellow {
	color: #FFFF00;
	font-family: 'Oswald', sans-serif;
}

#sy span.big_number.yellow {
    font-size: calc(100vw / 17);
    margin-left: calc(100vw / 83);
}

#sy span.smallest.yellow {
    font-size: calc(100vw / 40);
}

@media screen and (max-width: 767px) {
	#sy {
		padding: 4%;
    	padding-top: 2%;
	}
	
	#sy .price_box{
		width: 100%;
	}
	
	#sy .price_line {
		font-size: calc(100vw / 27);
		margin-left:auto;
		margin-right: auto;
		text-align: center;
		width: 100%;
	}
	
	#eco_banner{
		margin-bottom: 3%;
		width: 90%;
	}
	
}

/*----------------------------------------
  メインヴィジュアルの下_230831追記フレアド
----------------------------------------*/
ul.feature.flex_bet_center {
	background-color: #936728;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 116px;
	padding: 0 7%;
}

ul.feature li {
    display: inline-block;
    width: calc(100% / 4);
    text-align: center;
    color: #FFDF00;
    font-family: "Noto Sans JP", sans-serif;
    font-size: calc(100vw / 34);
	border-right: 1px solid #fff;
}

ul.feature li:nth-child(1) {
	font-size: calc(100vw / 38);
	color: #fff;
	border-left: 1px solid #fff;

}

ul.feature li span.big_number.yellow {
    color: #FFDF00;
    font-size: calc(100vw / 23);
    margin: 0 4px;
}

ul.feature li span.first_feature {
    font-size: calc(100vw/ 47);
	line-height: 1.4em;
}

/*----------------------------------------
  catalog_set
----------------------------------------*/

#popular_reason {
	font-family: "Noto Sans JP", sans-serif;
	color: #231815;
}

.wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.catalog_set_contents {
    margin: 0 auto;
    margin-top: 110px;
    width: 96%;
}

.reason_main_ttl {
    font-size: 46px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #708D2E;
    line-height: 1.6em;
    text-align: center;
	margin-top: 90px;
}

.flex_box {
    background-color: #CFD9BB;
    width: 100%;
    padding: 44px 60px;
	margin-top: 120px;
}

.flex_bet_start {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 18px;
}

.houseplan_ttl {
	font-weight: 400;
    font-style: normal;
    font-size: 36px;
    text-align: center;
    margin-bottom: 24px;
    letter-spacing: 0.1em;
}

.houseplan_picture {
    width: 60%;
}

.houseimage_photo {
    width: 46%;
}

.houseimage_photo img {
    width: 100%;
}

p.explanation_photo {
	font-weight: 400;
    font-style: normal;
    margin-top: 14px;
    letter-spacing: 0.1em;
	font-size: clamp(18px, 2vw, 24px);
	text-align: center;
}

.flex_bet_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popular_reason .btn_contets {
	margin-top: 20px;
	column-gap: 3%;
}

.modelhouse_btn, .catalogue_btn {
    width: 50%;
}

.resistance .flex_bet_start {
    column-gap: 40px;
	height: 100%;
}

.resistance_contents {
    width: 50%;
	background-color: #fff;
	height: 100%;
}

.about_resistance_txt {
    padding: 0 16px 30px 16px;
}

.about_resistance_txt h4 {
    font-weight: 600;
    font-size: 24px;
	margin: 10px 0;
}

.about_resistance_txt h5 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6em;
}

.about_resistance_txt p {
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.7em;
}

p.houseplan_subttl {
    text-align: center;
    font-size: 20px;
    line-height: 1.7em;	
    margin-bottom: 24px;
}

#popular_reason .fee_graph {
    width: 68%;
    margin: 0 auto;
}

#popular_reason p.small_note {
	font-size: 12px;
    text-align: center;
    margin-top: 24px;
}

.flex_box.garantee {
    margin-top: 40px;
}

#popular_reason .grid_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/*----------------------------------------
  plan
----------------------------------------*/

#plan {
    position: relative;
    padding-top: 60px;
    margin-top: 200px;
    padding-bottom: 170px;
    margin-bottom: 50px;
    background: #e2ecce;
}

#plan h2.plan_ttl {
    color: #807F26;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    line-height: 1.6;
}

p.plan_example_ttl {
    text-align: center;
    font-size: 24px;
    color: #5B5E56;
    margin: 100px 0 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

p.plan_example_ttl:before, p.plan_example_ttl:after {
	border-top: 1px solid;
	content: "";
	width: 16em; /* 線の長さ */
	background-color: #5B5E56;
}

p.plan_example_ttl:before {
	margin-right: 1em; /* 文字の右隣 */
}

p.plan_example_ttl:after {
	margin-left: 1em; /* 文字の左隣 */
}

#plan .fee-box {
    margin: 0 auto;	
    text-align: center;
	margin-top: -40px;
}

p.fee_contents_txt {
	font-size: 30px;
    text-align: center;
    color: #807F26;
}

#plan span.wide {
    margin-right: 14px;
}

#plan span.fee_unit {
    font-size: 32px;
}

p.small_fee_txt {
    color: #807F26;
    display: inline-block;
    padding: 16px 30px 30px 30px;
    font-size: 15px;
}

#plan .feature_contents {
    width: 80%;
    margin: 40px auto 100px auto;
}

img.living_date {
    width: 60%;
    text-align: center;
	margin: 0 auto;
}

#plan img.mv__bg {
    width: 70%;
    /* text-align: center; */
    margin: 0 auto;
}

.living_plan_image.grid_container {
    display: grid;
	grid-template-columns: 1fr 1.7fr;
    gap: 41px;
    width: 100%;
    margin: 0 auto;
    padding-top: 56px;
}

.left_side_contents {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

img.livingdate_image {
    width: 88%;
}

/*----------------------------------------
  real_voice
----------------------------------------*/
#real_voice {
    padding: 100px 0;
}

p.voice_title {
    font-size: 22px;
    line-height: 1.6;
    color: #796B47;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}

.voice_title span {
    background: #fff;
    position: relative;
    padding: 2px 15px;
    display: inline-block;
    border-left: 1px solid #796B47;
    border-right: 1px solid #796B47;
}

.voice_title:before {
    content: "";
    background: #796B47;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.voice_youtube.flex_bet_center {
    gap: 10px;
	position: relative;
}

.voice_youtube:before {
    content: "";
    background: #796B47;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -64px;
    transform: translateX(-50%);
    left: 50%;
}

#real_voice .flex_bet_center.btn_contets {
    margin-top: 130px;
	column-gap: 3%;
}

/*----------------------------------------
  about_aqgroup
----------------------------------------*/

.whataqgroup {
    background: #e2ecce;
	padding-bottom: 80px;
	padding-top: 50px;
}

.whatsaqura__map {
    padding: 0 0 100px;
    background: #fff;
}

#about_aqgroup img.arrow_down {
    width: 81px;
    margin: 0 auto;
    margin-top: 50px;
}

/*----------------------------------------
  footer_area
----------------------------------------*/
.wrapper.under_company_info {
    margin: 100px auto 150px auto;
}

.under_company_info .flex_bet_center.btn_contets {
    column-gap: 3%;
}


/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 767px以下▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

@media screen and (max-width: 767px) {
	
/*----------------------------------------
  メインヴィジュアル
----------------------------------------*/
	
.inmv_catalog_arrow {
	bottom: 2%;
    width: 50%;
    left: 25%;
}

/*----------------------------------------
  メインヴィジュアルの下
----------------------------------------*/
ul.feature.flex_bet_center {
    padding: 0;
    height: auto;
	flex-wrap: wrap;
	display: flex!important;
}

ul.feature li {
    width: 50%!important;
    height: calc(100vw / 10);
    line-height: 2.7em;
	font-size: calc(100vw / 27);
	display: inline!important;
	float: left;
}

ul.feature li:nth-child(1) {
	border-left: none;
	border-bottom: solid 1px #fff;
}
	
ul.feature li:nth-child(2) {
	border-bottom: solid 1px #fff;
	border-right: none;
}
	
ul.feature li:nth-child(4) {
	border-bottom: none;
	border-right: none;
}

ul.feature li span.big_number.yellow {
    font-size: calc(100vw / 18);
}

ul.feature li span.first_feature {
    font-size: calc(100vw/ 31);
    line-height: 2.4em;
}
	
.top_read.under_feature {
    background-color: #006532;
	padding: 20px;
}
	
.top_read .top_read-03 {
	font-size: calc(100vw / 18);
	line-height: 1.5em;
}
	
.top_read .top_read-03 {
	padding: 0;
}
	
/*----------------------------------------
  catalog_set
----------------------------------------*/

.wrapper {
    width: 94%;
    margin: 0 3%;
}

.catalog_set_contents {
    margin-top: 80px;
}

.reason_main_ttl {
	font-size: calc(100vw / 18);
	margin-top: 80px;
}

.flex_box {
    padding: 54px 16px;
    margin-top: 80px;
}

.flex_bet_start {
    flex-direction: column;
    align-items: center;
}

.houseplan_ttl {
    font-weight: 600;
    font-size: calc(100vw / 24);
/*	white-space: nowrap;*/

}

.houseplan_picture {
    width: 100%;
}

.houseimage_photo {
    width: 100%;
	margin-top: 48px;
}

p.explanation_photo {
	font-size: calc(100vw / 30);
}

#popular_reason .btn_contets {
    margin-top: 40px;
}

.modelhouse_btn, .catalogue_btn {
    width: 50%;
}
	


.resistance .flex_bet_start {
/*    column-gap: 40px;*/
	height: 100%;
}

.resistance_contents {
    width: 100%;
}
	
.resistance_contents:nth-child(2) {
    margin-top: 24px;
}

.about_resistance_txt {
    padding: 10px 30px 30px 30px;
}

.about_resistance_txt h4 {
	font-size: calc(100vw / 25);

    text-align: center;
}

.about_resistance_txt h5 {
    font-size: calc(100vw / 34);
}

.about_resistance_txt p {
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.7em;
}

p.houseplan_subttl {
	font-size: calc(100vw / 30);
}

#popular_reason .fee_graph {
	width: 100%;

}

#popular_reason p.small_note {
    text-align: left;
    font-size: 10px;
    width: 80%;
    margin: 0 auto;
    margin-top: 12px;
}

.flex_box.garantee {
    margin-top: 40px;
}

#popular_reason .grid_container {
    display: block;
}
	
#popular_reason .grid_imagebox {
    margin-top: 24px;
}

/*----------------------------------------
  plan
----------------------------------------*/

#plan {
	margin-top: 100px;
	padding-bottom: 100px;
}

#plan h2.plan_ttl {
    color: #796B47;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    line-height: 1.6;
}

p.plan_example_ttl {
    font-size: calc(100vw / 35);
    margin: 0px 0 24px 0;
}

p.plan_example_ttl:before, p.plan_example_ttl:after {
	width: 11em;
}

p.plan_example_ttl:before {
	margin-right: 2em; /* 文字の右隣 */
}

p.plan_example_ttl:after {
	margin-left: 2em; /* 文字の左隣 */
}

#plan .fee-box {
    margin: 0 auto;	
    text-align: center;
}

p.fee_contents_txt {
    font-size: calc(100vw / 17);
}

#plan span.wide {
    margin-right: 14px;
}

#plan span.fee_unit {
    font-size: calc(100vw / 20);
}

p.small_fee_txt {
        font-size: calc(100vw / 23);
}

#plan .feature_contents {
    width: 95%;
    margin: 40px auto 40px auto;
}

img.living_date {
    width: 80%;
}

#plan img.mv__bg {
    width: 70%;
    /* text-align: center; */
    margin: 0 auto;
}

.living_plan_image.grid_container {
	display: block;
	padding-top: 24px;
}

img.livingdate_image {
	width: calc(520 / 750 * 100vw);
}
	
img.livingdate_photo, .right_side_contents {
	margin-top: 24px;
}

img.livingdate_photo, .right_side_contents img {
	width: 100%;
}


/*----------------------------------------
  real_voice
----------------------------------------*/
#real_voice {
   padding-bottom: 50px;
	padding-top: 0;
}

p.voice_title {
    font-size: 16px;
}

.voice_title span {
    background: #fff;
    position: relative;
    padding: 2px 15px;
    display: inline-block;
    border-left: 1px solid #796B47;
    border-right: 1px solid #796B47;
}

.voice_title:before {
    content: "";
    background: #796B47;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.voice_youtube.flex_bet_center {
    gap: 10px;
	position: relative;
}

.voice_youtube:before {
    content: "";
    background: #796B47;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -64px;
    transform: translateX(-50%);
    left: 50%;
}

#real_voice .flex_bet_center.btn_contets {
	margin-top: 110px;
}

/*----------------------------------------
  about_aqgroup
----------------------------------------*/

.whataqgroup {
    background: #e2ecce;
	padding-bottom: 80px;
	padding-top: 50px;
}

.whatsaqura__map {
    padding: 0 0 30px;
}

#about_aqgroup img.arrow_down {
	width: 12%;
}
	
.selected__total-img {
    margin-top: -25px;
}

/*----------------------------------------
  footer_area
----------------------------------------*/
.wrapper.under_company_info {
    margin: 40px auto;
}

.under_company_info .flex_bet_center.btn_contets {
    column-gap: 3%;
}
	
p.note {
	font-size: 10px;
}
	
}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 400px以下▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (max-width: 400px) {
/*----------------------------------------
  popular_reason
----------------------------------------*/
#popular_reason .flex_box {
    padding: 28px 10px;
    margin-top: 80px;
}
	
.about_resistance_txt {
    padding: 10px 10px 30px 10px;
}
	
}




.btn_shadow{
	 filter: drop-shadow(0px 0px 5px #666);
}

.fee-box a{
	text-decoration: none;
}

.pc_gnav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1000;
}

.pc_gnav a{
	text-decoration: none;
	color: #000;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	font-size: 14px;
}

.relative{
	position: relative;
}

#top_txt{
	padding: 10px 20px;
	color: #fff;
	font-size: 10px;
	background-color: #92BF70;
}

@media screen and (max-width: 767px) {

.pc_gnav{
	display: none;
}
	
#top_txt{
	bottom: 10px;
	right: 10px;
	left: auto;
	font-size: calc(100vw / 60);
}
}

.box_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1100px;
	width: 100%;
	margin: auto;
	padding-top: 20px;
}

.box_btn a {
	width: 100%;
	max-width: 48%
}

.box_btn img {
	width: 100%;
	filter: drop-shadow(3px 3px 5px #000);
}
.animate-cv {
	-webkit-animation: animateCv 2s ease-out infinite;
	animation: animateCv 2s ease-out infinite;
}
@media screen and (min-width: 768px) {
	.animate-cv:hover {
		opacity: .7;
	}
}
@media screen and (max-width: 767px) {
	.box_btn {
		width:100%;
		margin: auto;
	}
}
@media screen and (max-width: 399px) {
	.box_btn{
		width:90%!important;
		margin-left:auto;
		margin-right:auto;
	}
}

.cm_outer{
	padding-top: 80px;
	padding-bottom: 80px;
	margin-bottom: 80px;
	background: #f8ebd9;
}
.cm_content{
	max-width: 1120px;
	width: calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
}
.cm_head{
	font-size: 40px;
	color: #d07800;
	text-align: center;
	margin-bottom: 80px;
}
.cm_wrap{
	display: flex;
	align-items: flex-start;
	color: #333;
}
.cm_lead{
	font-size: clamp(11px,calc(18vw / 11.6),18px);
	line-height: 2;
	text-align: center;
	width: calc(560% / 11.2);
	background: #fff;
	border: 3px solid #d07800;
	padding: calc(40% / 11.2) 15px;
	position: relative;
}
.cm_lead::before{
	content: "";
	display: block;
	position: absolute;
	width: calc(78% / 5.54);
	height: 3px;
	background: #d07800;
	right: -3px;
	bottom: calc(-40% / 3.32);
	transform-origin: right center;
	transform: rotate(27deg);
}
.cm_lead::after{
	content: "";
	display: block;
	position: absolute;
	right: -3px;
	top: calc(100% - 3px);
	width: calc(75% / 5.54);
	aspect-ratio: 75 / 40;
	background: #fff;
	border-right: 3px solid #d07800;
	clip-path: polygon(100% 100%, 0 0, 100% 0);
}
.cm_box{
	position: relative;
	z-index: 2;
	width: calc(590% / 11.2);
	margin-left: calc(-30% / 11.2);
}
.cm_name{
	font-size: 22px;
	text-align: center;
	margin-bottom: 20px;
}
.cm_movie{
	aspect-ratio: 16 / 9;
	width: 100%;
	position: relative;
	transition: opacity 0.3s ease-in-out;
}
.cm_movie:hover{
	opacity: 0.7;
}
.cm_movie.playing:hover{
	opacity: 1;
}
.cm_thum{
	z-index: 2;
	position: absolute;
	inset: 0;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}
.playing .cm_thum{
	opacity: 0;
	pointer-events: none;
}
.cm_thum img{
	width: 100%;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-moz-touch-callout: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.cm_box .cm_in{
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.cm_box iframe{
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.cm_outer{
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 60px;
		
	}
	.cm_content{
		max-width: 1120px;
		width: 96%;
	}
	.cm_head{
		font-size: 32px;
		margin-bottom: 30px;
	}
	.cm_wrap{
		display: flex;
		flex-direction: column;
		gap: 30px 0;
	}
	.cm_lead{
		font-size: 13px;
		width: 100%;
		background: #fff;
		padding: 15px 10px;
		box-sizing: border-box;
	}
	.cm_lead::before{
		content: none;
	}
	.cm_lead::after{
		content: none;
	}
	.cm_box{
		width: 100%;
		margin-left: 0;
	}
	.cm_name{
		font-size: 18px;
	}
}
@media print{
	.cm_movie{
		display: none;
	}
}




.r_mdl {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.r_mdl .bg {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}

.r_mdl .box{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	pointer-events: none;
}

.r_mdl .inn {
	pointer-events: all;
	background: #fff;
	padding: calc(50% / 12.8);
	width: 95%;
	max-width: 1280px;
	max-height: 98vh;
	overflow-y: auto;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn {
		padding: calc(30% / 12.8) calc(50% / 12.8);
	}
}
.r_mdl .inn .ttl {
	font-size: clamp(16px, calc(28vw / 12.8), 28px);
	text-align: center;
	margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .ttl {
		margin-bottom: 1.2em;
	}
}
.r_mdl .inn .list_wrap {
	display: flex;
	justify-content: center;
	gap:calc(50% / 11.8);
	flex-wrap: wrap;
}
.r_mdl .inn .list_wrap .list {
	width: calc(257% / 11.8);
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap {
		justify-content: space-between;
		gap:0;
	}
	.r_mdl .inn .list_wrap .list {
		width: 47%;
	}
}

.r_mdl .inn .list_wrap .list .l_ttl {
	font-size: clamp(15px, calc(26vw / 11.4), 26px);
	padding-left: 0.6em;
	line-height: 1;
	margin-bottom: 0.6em;
	font-weight: 600;
}
.r_mdl .inn .list_wrap .list .l_ttl.c1 {
	border-left:  solid 4px #f06782;
}
.r_mdl .inn .list_wrap .list .l_ttl.c2 {
	border-left:  solid 4px #5eaee9;
}
.r_mdl .inn .list_wrap .list .l_ttl.c3 {
	border-left:  solid 4px #4ab15b;
}
.r_mdl .inn .list_wrap .list .l_ttl.c4 {
	border-left:  solid 4px #fee502;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap .list .l_ttl {
		margin-bottom: 0.3em;
	}
}

.r_mdl .inn .m_close{
	font-size: clamp(12px, calc(18vw / 12.8), 18px);
	text-align: center;
	padding-bottom: 0.4em;
	cursor: pointer;
}
.r_mdl .inn .list_wrap .list ul li {
	border-bottom: dotted 3px #c2c2c2;
}
.r_mdl .inn .list_wrap .list ul li a {
	padding: 15px 0;
	color: #555555;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: clamp(13px, calc(20vw / 12.8), 20px);
	line-height: 1;
}
.r_mdl .inn .list_wrap .list ul li a .icon {
	width: 22px;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap .list ul {
		margin-bottom: 25px;
	}
	.r_mdl .inn .list_wrap .list ul li {
		border-bottom: dotted 2px #c2c2c2;
	}
	.r_mdl .inn .list_wrap .list ul li a {
		padding: 8px 0;
	}
}


@font-face{font-family:"icons";src:url(/common/upload_data/hirabayasinet/file/icons.eot);src:url(/common/upload_data/hirabayasinet/file/icons.eot) t("eot");font-family:"icons";src:url(/common/upload_data/hirabayasinet/file/icons.eot?v=b15782a98efa724bf9de1d05ab65e0bd);src:url(/common/upload_data/hirabayasinet/file/icons.eot?v=b15782a98efa724bf9de1d05ab65e0bd#iefformaix) t("eot"),url(/common/upload_data/hirabayasinet/file/icons.woff?v=37b320c542598ebde17e2ddb6095b8b6) format("woff"),url(/common/upload_data/hirabayasinet/file/icons.ttf?v=415ea2b8b5fda0adc59337bd0ec9c86d) format("truetype"),url(/common/upload_data/hirabayasinet/file/icons.svg?v=79bd3b6bf8cc273f5ace5442ca13a36b#icons) format("svg")}body{font-family:"游ゴシック体","Yu Gothic",YuGothic,sans-serif}.sec01 .wrap{background:#000}.slider_ul .li{position:relative}.slider_ul .li .txt_area{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;max-width:1500px;width:100%;margin:0 auto;z-index:5}.slider_ul .li .txt_area .img{display:flex;align-items:center;height:100%;padding:0 4%}.slider_ul .li .txt_area .img img{max-width:756px;width:100%}@media screen and (max-width: 1200px){.slider_ul .li .txt_area .img img{width:50vw}}.slider_ul .li .img_area{width:100%;position:relative;z-index:0}.slider_ul .li .img_area .img{width:60%;margin:0 0 0 auto}.sec02 .inner{padding:160px 3%}@media screen and (max-width: 960px){.sec02 .inner{padding:80px 3%}}@media screen and (max-width: 576px){.sec02 .inner{padding:50px 3%}}.sec02 .txt_area{text-align:center;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}.sec02 .txt_area .txt{font-size:3.8rem;line-height:2}@media screen and (max-width: 960px){.sec02 .txt_area .txt{font-size:4.5vw}}.sec02 .txt_area .txt .bg{display:inline-block;background:#D9D9D9;padding:0em 1em;margin-bottom:0.5em}.sec .main_ttl_area{text-align:center;margin-bottom:200px}@media screen and (max-width: 960px){.sec .main_ttl_area{margin-bottom:60px}}@media screen and (max-width: 576px){.sec .main_ttl_area{margin-bottom:50px}}.sec .main_ttl_area .cap{font-family:"Jost",sans-serif;font-size:3.0rem;font-weight:500;letter-spacing:0.1em;border-bottom:1px solid #000;display:inline-block;margin-bottom:40px}@media screen and (max-width: 960px){.sec .main_ttl_area .cap{font-size:5vw}}.sec .main_ttl_area .ttl{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-size:6.0rem;letter-spacing:0.1em}@media screen and (max-width: 960px){.sec .main_ttl_area .ttl{font-size:6vw}}.sec03{margin-bottom:120px}@media screen and (max-width: 960px){.sec03{margin-bottom:60px}}.sec03 .blc_area{margin-bottom:200px}@media screen and (max-width: 1200px){.sec03 .blc_area{margin-bottom:100px}}@media screen and (max-width: 576px){.sec03 .blc_area{margin-bottom:50px}}.sec03 .blc_area.pt1 .fl_area{display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-end}@media screen and (max-width: 1200px){.sec03 .blc_area.pt1 .fl_area{flex-direction:row;flex-wrap:wrap}}@media screen and (max-width: 1200px){.sec03 .blc_area.pt1 .blc{width:100%}}.sec03 .blc_area.pt1 .blc.rt{margin-left:120px}@media screen and (max-width: 1200px){.sec03 .blc_area.pt1 .blc.rt{margin-left:60px}}@media screen and (max-width: 576px){.sec03 .blc_area.pt1 .blc.rt{margin-left:0px}}.sec03 .blc_area.pt1 .blc.rt .ttl_area{display:flex;align-items:center;justify-content:space-between;margin-bottom:7vw}@media screen and (max-width: 576px){.sec03 .blc_area.pt1 .blc.rt .ttl_area{margin-left:20px}}.sec03 .blc_area.pt1 .blc.rt .ttl_area .ttl{margin-right:120px;max-width:145px;width:100%}@media screen and (max-width: 1200px){.sec03 .blc_area.pt1 .blc.rt .ttl_area .ttl{margin-right:60px;max-width:10vw}}@media screen and (max-width: 576px){.sec03 .blc_area.pt1 .blc.rt .ttl_area .ttl{margin-right:20px;width:100%;max-width:13vw;min-width:50px}}.sec03 .blc_area.pt1 .blc.rt .txt{font-size:2.2rem;letter-spacing:0.1em;font-weight:500;line-height:2}@media screen and (max-width: 1200px){.sec03 .blc_area.pt1 .blc.rt .txt{font-size:1.6rem;line-height:1.8;padding:0 5%;margin-bottom:20px}}.sec03 .blc_area.pt1 .blc.lf{max-width:40%}@media screen and (max-width: 960px){.sec03 .blc_area.pt1 .blc.lf{max-width:100%}}.sec03 .blc_area.pt2{max-width:1500px;width:100%;margin:0 auto 200px;padding:0 3%}@media screen and (max-width: 1200px){.sec03 .blc_area.pt2{margin:0 auto 100px;padding:0 0%}}@media screen and (max-width: 576px){.sec03 .blc_area.pt2{margin:0 auto 50px}}.sec03 .blc_area.pt2 .fl_area{display:flex;justify-content:center}@media screen and (max-width: 1200px){.sec03 .blc_area.pt2 .fl_area{flex-wrap:wrap}}.sec03 .blc_area.pt2 .blc.lf{flex-basis:calc(100%*2/3);margin-right:50px}@media screen and (max-width: 1200px){.sec03 .blc_area.pt2 .blc.lf{flex-basis:calc(100%);margin-right:0px;margin-bottom:60px}}.sec03 .blc_area.pt2 .blc.lf .ttl_area{display:flex;align-items:center;justify-content:flex-end;margin-bottom:3vw}@media screen and (max-width: 1200px){.sec03 .blc_area.pt2 .blc.lf .ttl_area{margin-left:60px;justify-content:flex-start;margin-bottom:7vw}}@media screen and (max-width: 576px){.sec03 .blc_area.pt2 .blc.lf .ttl_area{margin-left:20px;align-items:stretch}}.sec03 .blc_area.pt2 .blc.lf .ttl_area .ttl{margin-right:120px;max-width:145px;width:100%}@media screen and (max-width: 1200px){.sec03 .blc_area.pt2 .blc.lf .ttl_area .ttl{margin-right:60px;max-width:13vw;min-width:50px}}@media screen and (max-width: 576px){.sec03 .blc_area.pt2 .blc.lf .ttl_area .ttl{margin-right:20px}}@media screen and (max-width: 576px){.sec03 .blc_area.pt2 .blc.lf .ttl_area .img img{object-fit:cover;height:100%}}.sec03 .blc_area.pt2 .blc.lf .txt{font-size:2.2rem;letter-spacing:0.1em;font-weight:500;line-height:2}@media screen and (max-width: 1200px){.sec03 .blc_area.pt2 .blc.lf .txt{font-size:1.6rem;padding:0 4%}}.sec03 .blc_area.pt2 .blc.rt{flex-basis:calc(100%*1/3)}@media screen and (max-width: 960px){.sec03 .blc_area.pt2 .blc.rt{flex-basis:100%;display:flex;align-items:flex-start}}.sec03 .blc_area.pt2 .blc.rt .img{margin-bottom:50px}@media screen and (max-width: 960px){.sec03 .blc_area.pt2 .blc.rt .img img{aspect-ratio:1 / 1;object-fit:cover;object-position:center}}.sec03 .blc_area.pt3{max-width:1500px;width:100%;margin:0 auto}.sec03 .blc_area.pt3 .fl_area{display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-end}@media screen and (max-width: 960px){.sec03 .blc_area.pt3 .fl_area{display:block}}@media screen and (max-width: 576px){.sec03 .blc_area.pt3 .fl_area{flex-direction:row}}.sec03 .blc_area.pt3 .blc.rt{flex-basis:calc(100%*1/6);margin-right:50px}@media screen and (max-width: 1200px){.sec03 .blc_area.pt3 .blc.rt{flex-basis:calc(100%*2/6);margin-right:0px;margin-left:20px;margin-bottom:60px}}@media screen and (max-width: 576px){.sec03 .blc_area.pt3 .blc.rt{flex-basis:auto;margin-bottom:7vw}}.sec03 .blc_area.pt3 .blc.rt .ttl_area{display:flex;align-items:center;justify-content:flex-end}@media screen and (max-width: 1200px){.sec03 .blc_area.pt3 .blc.rt .ttl_area{margin-right:60px}}@media screen and (max-width: 576px){.sec03 .blc_area.pt3 .blc.rt .ttl_area{margin-right:0px;flex-direction:row-reverse;align-items:stretch}}.sec03 .blc_area.pt3 .blc.rt .ttl_area .ttl{margin-left:120px;max-width:145px;width:100%}@media screen and (max-width: 1200px){.sec03 .blc_area.pt3 .blc.rt .ttl_area .ttl{margin-left:60px;max-width:13vw;min-width:55px}}@media screen and (max-width: 576px){.sec03 .blc_area.pt3 .blc.rt .ttl_area .ttl{margin-left:0px;margin-right:20px}}@media screen and (max-width: 576px){.sec03 .blc_area.pt3 .blc.rt .ttl_area .img img{object-fit:cover;height:100%}}.sec03 .blc_area.pt3 .blc.lf{flex-basis:calc(100%*5/6)}@media screen and (max-width: 1200px){.sec03 .blc_area.pt3 .blc.lf{flex-basis:calc(100%*4/6)}}@media screen and (max-width: 576px){.sec03 .blc_area.pt3 .blc.lf{flex-basis:auto}}.sec03 .blc_area.pt3 .blc.lf .img{margin-bottom:7vw}.sec03 .blc_area.pt3 .blc.lf .txt{text-align:center;font-size:2.2rem;letter-spacing:0.1em;font-weight:500;line-height:2}@media screen and (max-width: 1200px){.sec03 .blc_area.pt3 .blc.lf .txt{font-size:1.6rem;text-align:left;padding:0 4%}}.conversion_area{background:#f6f6f6;padding:100px 0;margin-bottom:120px}@media screen and (max-width: 960px){.conversion_area{padding:50px 0;margin-bottom:60px}}.conversion{max-width:1200px;width:100%;margin:0 auto;padding:40px}.conversion>:first-child{margin-top:0}.conversion_txt{margin:0;text-align:center;font-size:1.8rem}.conversion_lead{margin:10px 0 0;text-align:center;font-size:2.8rem;font-weight:700}.conversion_btns{margin:30px 0 0;display:grid;grid-template-columns:repeat(3, 1fr);gap:0 20px}.conversion_btn>a{min-height:130px;padding:20px;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;text-decoration:none;color:#fff;text-align:center}.conversion_btn>a:hover{opacity:0.7}.conversion_btn>a>span{margin:10px 0 0;display:block;font-weight:700;font-size:2rem}.conversion_btn>a::before{content:none;font-family:"icons";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}.conversion_btn-reserve>a{background:#fc3 url(/common/upload_data/hirabayasinet/image/map_bnr01.png?v=8ceffdafc81fe641309eb4e4e32aac23) center center no-repeat;background-size:cover}.conversion_btn-reserve>a::before{content:"\ea1b";font-size:1.625em;line-height:1}.conversion_btn-event>a{background:#f60 url(/common/upload_data/hirabayasinet/image/map_bnr04.png?v=cc52f445a900efe0111952f693e47cf7) center center no-repeat;background-size:cover}.conversion_btn-event>a::before{content:"\ea12";font-size:1.625em;line-height:1}.conversion_btn-catalog>a{background:#f60 url(/common/upload_data/hirabayasinet/image/map_bnr02.png?v=bde0735b8969041cb2b1f417b4e6099d) center center no-repeat;background-size:cover}.conversion_btn-catalog>a::before{content:"\ea08";font-size:1.5em;line-height:1.0833333333}.conversion_btn-contact>a{background:#c90 url(../../assets/images/global/map_bnr03.png?v=f60a3647d12174facd6cab12712ce927) center center no-repeat;background-size:cover}.conversion_btn-contact>a::before{content:"\ea1a";font-size:1.1875em;line-height:1.3684210526}.conversion-noBg{background:0 0;padding:0}.conversion02{width:1200px;margin:20px auto 0}.conversion02>:first-child{margin-top:0}.conversion02_btns{margin:0 0 0 -1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff}.conversion02_btn{margin:0 0 0 1px;width:calc(33% - 1px)}.conversion02_btn>a{height:100%;min-height:160px;padding:20px;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#333;text-decoration:none;color:#fff;text-align:center}.conversion02_btn>a>span{margin:10px 0 0;display:block;font-weight:700;font-size:1.25rem}.conversion02_btn>a::before{content:none;font-family:"icons";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}.conversion02_btn-reserve>a{background-color:#fc3}.conversion02_btn-reserve>a::before{content:"\ea1b";font-size:1.625em;line-height:1}.conversion02_btn-catalog>a{background-color:#f60}.conversion02_btn-catalog>a::before{content:"\ea08";font-size:1.5em;line-height:1.0833333333}.conversion02_btn-contact>a{background-color:#c90}.conversion02_btn-contact>a::before{content:"\ea1a";font-size:1.1875em;line-height:1.3684210526}.conversion02-thin .conversion02_btn>a{min-height:0;padding:12px 20px}.conversion02-thin .conversion02_btn>a::before{content:none}@media screen and (max-width: 960px){.conversion{padding:20px 10px}.conversion_txt{font-size:1.6rem}.conversion_lead{font-size:2.2rem}.conversion_btns{margin:20px 0 0;display:block;background:0 0}.conversion_btns>:first-child{margin-top:0}.conversion_btn{margin:10px 0 0}.conversion_btn>a{min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0 10px}.conversion_btn>a>span{margin:0}}.sec04{max-width:1500px;width:100%;margin:0 auto 120px;padding:0 3%}@media screen and (max-width: 960px){.sec04{margin:0 auto 60px}}.sec04 .sp_side_scroll{margin-bottom:10px;font-size:1.4rem;display:flex;align-items:center}@media screen and (max-width: 576px){.sec04 .sp_side_scroll{font-size:1.2rem}}.sec04 .sp_side_scroll .scroll_txt{display:inline-block}.sec04 .sp_side_scroll .swipe_icon{width:34px;display:inline-block}@media screen and (max-width: 576px){.sec04 .sp_side_scroll .swipe_icon{width:30px}}.sec04 .fl_area{display:flex;width:100%}@media screen and (max-width: 960px){.sec04 .fl_area{display:block}}.sec04 .fl_area .blc{flex-basis:50%}.sec04 .fl_area .blc.tp1{padding-right:5%;flex-basis:43%;overflow-x:scroll}@media screen and (max-width: 960px){.sec04 .fl_area .blc.tp1{padding-right:0%;margin-bottom:20px}.sec04 .fl_area .blc.tp1 .img{width:100%;min-width:450px}}.sec05{background:#222222;padding:120px 3%;color:#fff}@media screen and (max-width: 960px){.sec05{padding:60px 3%}}@media screen and (max-width: 576px){.sec05{padding:60px 0%}}@media screen and (max-width: 576px){.sec05 .main_ttl_area{padding:0 4%}}.sec05 .main_ttl_area .cap{border-bottom:1px solid #fff}.sec05 .sl_area{padding:0 2%}@media screen and (max-width: 960px){.sec05 .sl_area{display:flex;flex-direction:column-reverse}}@media screen and (max-width: 576px){.sec05 .sl_area{padding:0 0%}.sec05 .sl_area .slick-track{display:flex}.sec05 .sl_area .slick-slide{height:auto !important}}.sec05 .sl_inner{display:flex}@media screen and (max-width: 960px){.sec05 .sl_inner{flex-direction:column}}.sec05 .sl_inner .img_area{flex-basis:50%}.sec05 .sl_inner .img_area .fl_area{display:flex;justify-content:space-between;min-height:1.2em}@media screen and (max-width: 960px){.sec05 .sl_inner .img_area .fl_area .txt{font-size:1.2rem}}@media screen and (max-width: 576px){.sec05 .sl_inner .img_area .fl_area .txt{padding:0 2%}}.sec05 .sl_inner .img_area .fl_area .txt.tp1{padding-right:3%}.sec05 .sl_inner .txt_area{flex-basis:50%}@media screen and (min-width: 961px){.sec05 .sl_inner .txt_area{padding:0 4%}}@media screen and (max-width: 576px){.sec05 .sl_inner .txt_area{padding:0 4%}}.sec05 .sl_inner .txt_area .blc1_area{display:flex;align-items:flex-end;justify-content:space-between}@media screen and (max-width: 960px){.sec05 .sl_inner .txt_area .blc1_area{margin-block:1em 0.5em;flex-direction:column;align-items:flex-start}}@media screen and (max-width: 576px){.sec05 .sl_inner .txt_area .blc1_area{margin-block:1em 0.0em}}.sec05 .sl_inner .txt_area .blc1_area .ttl{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}@media screen and (min-width: 961px){.sec05 .sl_inner .txt_area .blc1_area .ttl{padding-right:5%;writing-mode:vertical-rl}}@media screen and (max-width: 960px){.sec05 .sl_inner .txt_area .blc1_area .ttl{padding-bottom:20px}}.sec05 .sl_inner .txt_area .blc1_area .ttl .span1{font-size:7.0rem;letter-spacing:0.1em;padding-bottom:0.1em}@media screen and (max-width: 960px){.sec05 .sl_inner .txt_area .blc1_area .ttl .span1{font-size:clamp(2rem, 1vw, 7rem)}}@media screen and (max-width: 576px){.sec05 .sl_inner .txt_area .blc1_area .ttl .span1{font-size:2.4rem}}.sec05 .sl_inner .txt_area .blc1_area .ttl .span2{font-size:4.0rem;letter-spacing:0.1em}@media screen and (max-width: 960px){.sec05 .sl_inner .txt_area .blc1_area .ttl .span2{font-size:clamp(1.6rem, 0.8vw, 4rem)}}@media screen and (max-width: 576px){.sec05 .sl_inner .txt_area .blc1_area .ttl .span2{font-size:1.8rem}}.sec05 .sl_inner .txt_area .blc1_area .txt{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;line-height:2}.sec05 .sl_inner .txt_area .blc1_area .img{margin-bottom:40px}.sec05 .sl_inner .txt_area .blc2_area .txt{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;line-height:2}@media screen and (max-width: 960px){.sec05 .sl_inner .txt_area .blc2_area .txt{font-size:clamp(1.4rem, 0.75vw, 2rem)}}@media screen and (max-width: 576px){.sec05 .sl_inner .txt_area .blc2_area .txt{font-size:1.6rem}}.sec05 .sl_ul_thumb{display:flex}@media screen and (max-width: 960px){.sec05 .sl_ul_thumb{justify-content:center;margin-bottom:30px}}.sec05 .sl_ul_thumb .li_thumb{padding:0 1%}.sec05 .sl_ul_thumb .li_thumb .thumb{border-radius:100vmax;border:1px solid #fff;padding:3em;position:relative;background:#222;transition:0.2s ease-in-out}@media screen and (max-width: 960px){.sec05 .sl_ul_thumb .li_thumb .thumb{border:1px solid #fff;padding:1.5em;aspect-ratio:1;position:relative}}.sec05 .sl_ul_thumb .li_thumb .thumb:hover,.sec05 .sl_ul_thumb .li_thumb .thumb:active,.sec05 .sl_ul_thumb .li_thumb .thumb:focus{background:#fff;color:#222}.sec05 .sl_ul_thumb .li_thumb .thumb .span{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;font-size:2.2rem;letter-spacing:0.1em;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif}@media screen and (max-width: 960px){.sec05 .sl_ul_thumb .li_thumb .thumb .span{font-size:clamp(1rem, 2.5vw, 2.2rem)}}.sec05 .sl_ul_thumb .li_thumb.slick-current .thumb{background:#fff;color:#222}.sec06{background:#222222;padding:120px 3%;color:#fff}@media screen and (max-width: 960px){.sec06{padding:60px 3%}}.sec06 .main_ttl_area{margin-bottom:40px}.sec06 .main_ttl_area .cap{border-bottom:1px solid #fff}.sec06 .mv_area .ttl_area{text-align:center;margin-bottom:60px}.sec06 .mv_area .ttl_area .ttl{font-size:4.0rem;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;letter-spacing:0.1em;padding:0.3em 0.8em;border:1px solid #fff;display:inline-block}@media screen and (max-width: 960px){.sec06 .mv_area .ttl_area .ttl{font-size:4vw}}.sec06 .mv_area .ul{display:flex;justify-content:center;margin-bottom:40px}@media screen and (max-width: 960px){.sec06 .mv_area .ul{flex-direction:column;margin-bottom:20px}}.sec06 .mv_area .ul .li{width:100%}@media screen and (min-width: 961px){.sec06 .mv_area .ul .li{margin:0 2%}}@media screen and (max-width: 960px){.sec06 .mv_area .ul .li{margin-bottom:20px}}@media screen and (max-width: 576px){.sec06 .mv_area .ul .li .youtube iframe{height:200px}}.sec06 .mv_area .txt{text-align:center;font-size:1.8rem;letter-spacing:0.1em;line-height:2;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;margin-bottom:40px}@media screen and (max-width: 960px){.sec06 .mv_area .txt{text-align:left;font-size:1.6rem}}.sec06 .hs_area .ul{display:flex;width:100%}@media screen and (max-width: 960px){.sec06 .hs_area .ul{flex-direction:column}}.sec06 .hs_area .ul .li{margin-right:1%;flex-basis:calc(100%*1/5)}@media screen and (max-width: 960px){.sec06 .hs_area .ul .li:not(:first-of-type){margin-top:30px}}.sec06 .hs_area .ul .li.pt1{flex-basis:calc(100%*2/5)}.sec06 .hs_area .ul .li .li_inner .ttl_area{position:relative}.sec06 .hs_area .ul .li .li_inner .ttl_area::after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;margin:auto;background:#fff;width:100%;height:1px}.sec06 .hs_area .ul .li .li_inner .ttl{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-size:3.6rem;display:inline-block;background:#222;z-index:5;position:relative;padding-right:0.3em}.sec06 .hs_area .ul .li .li_inner .ttl .span{font-size:2.4rem}.sec06 .hs_area .ul .li .li_inner .fl_area{display:flex}.sec06 .hs_area .ul .li .li_inner .img_area{flex-basis:50%}.sec06 .hs_area .ul .li .li_inner .img_area.pt1{flex-basis:auto}.sec06 .hs_area .ul .li .li_inner .img_area .img{margin-bottom:10px;padding-right:5%}.sec06 .hs_area .ul .li .li_inner .img_area .cap{font-size:1.8rem;letter-spacing:0.05em;line-height:1.8;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;padding-right:5%}@media screen and (max-width: 960px){.sec06 .hs_area .ul .li .li_inner .img_area .cap{font-size:1.6rem}}.sec07{padding:0 2% 60px}.sec07 .main_ttl_area{margin-bottom:40px}.sec07 .tab_inner .count{padding:0 1%;margin-bottom:1em;font-size:2.0rem;font-weight:bold}@media screen and (max-width: 576px){.sec07 .tab_inner .count{font-size:1.6rem}}.sec07 .tab_inner .ul{display:flex;flex-wrap:wrap}.sec07 .tab_inner .ul .li{width:calc(92% / 4)}@media screen and (min-width: 961px){.sec07 .tab_inner .ul .li{width:calc(92% / 4)}.sec07 .tab_inner .ul .li:nth-of-type(n+5){margin-top:4%}.sec07 .tab_inner .ul .li:not(:nth-of-type(4n+1)){margin-left:2%}}@media screen and (max-width: 960px){.sec07 .tab_inner .ul .li{width:calc(98% / 2)}.sec07 .tab_inner .ul .li:nth-of-type(n+3){margin-top:60px}.sec07 .tab_inner .ul .li:not(:nth-of-type(2n+1)){margin-left:2%}}.sec07 .tab_inner .ul .li .li_inner .img{margin-bottom:10px}.sec07 .tab_inner .ul .li .li_inner .ttl{margin-bottom:10px;font-size:2.0rem;font-weight:bold}@media screen and (max-width: 576px){.sec07 .tab_inner .ul .li .li_inner .ttl{font-size:1.6rem}}.sec07 .tab_inner .ul .li .li_inner .place{margin-bottom:20px;font-weight:500;color:#959595;min-height:3em}@media screen and (max-width: 960px){.sec07 .tab_inner .ul .li .li_inner .place{min-height:4em}}@media screen and (max-width: 576px){.sec07 .tab_inner .ul .li .li_inner .place{min-height:3em;font-size:1.4rem}}.sec07 .tab_inner .ul .li .li_inner .btn{text-align:center}.sec07 .tab_inner .ul .li .li_inner .btn a{display:block;color:#fff;background:#FF9000;font-weight:bold;padding:0.7em 1em}.sec07 .tab_inner .ul .li .li_inner .btn a:hover{opacity:0.7}@media screen and (max-width: 576px){.sec07 .tab_inner .ul .li .li_inner .btn a{font-size:1.4rem}}.sec08{padding:120px 3%}@media screen and (max-width: 960px){.sec08{padding:60px 3%}}.sec08 .main_ttl_area{margin-bottom:80px}@media screen and (max-width: 960px){.sec08 .main_ttl_area{margin-bottom:40px}}.sec08 .other_area{max-width:1900px;width:100%;margin:0 auto}.sec08 .other_blc{display:flex;flex-wrap:wrap;margin-bottom:120px}@media screen and (max-width: 960px){.sec08 .other_blc{margin-bottom:60px}}.sec08 .other_blc:last-of-type{margin:0}.sec08 .other_blc .txt_area{flex-basis:50%;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;padding:0 3%}@media screen and (max-width: 960px){.sec08 .other_blc .txt_area{flex-basis:100%;padding:0}}.sec08 .other_blc .txt_area .ttl{font-size:3.6rem;letter-spacing:0.1em;margin-bottom:1.5em}@media screen and (max-width: 1200px){.sec08 .other_blc .txt_area .ttl{font-size:3.0rem}}@media screen and (max-width: 576px){.sec08 .other_blc .txt_area .ttl{font-size:2.6rem;margin-bottom:1.0em}}.sec08 .other_blc .txt_area .txt{font-size:1.6rem;letter-spacing:0.075em;line-height:2;margin-bottom:1em}@media screen and (max-width: 960px){.sec08 .other_blc .txt_area .txt{margin-bottom:2em}}@media screen and (max-width: 576px){.sec08 .other_blc .txt_area .txt{line-height:1.6}}.sec08 .other_blc .img_area{flex-basis:50%}@media screen and (max-width: 960px){.sec08 .other_blc .img_area{flex-basis:100%}}.sec08 .other_blc.type2{flex-direction:row-reverse}.sec09{background:#F6F6F6;padding:120px 3%}@media screen and (max-width: 960px){.sec09{padding:60px 3%}}.sec09 .main_ttl_area{margin-bottom:40px}.sec09 .info_area{font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;font-size:1.8rem;letter-spacing:0.1em}.sec09 .info_area .ul{max-width:960px;width:100%;margin:0 auto}.sec09 .info_area .ul .li{border-bottom:1px solid #000;padding:1.5em 0}@media screen and (max-width: 960px){.sec09 .info_area .ul .li{padding:0.5em 0}}.sec09 .info_area .ul .li .inner{display:flex;flex-wrap:wrap}.sec09 .info_area .ul .li .inner .ttl_area{flex-basis:8em;margin-right:2em;padding:0.5em 0}@media screen and (max-width: 960px){.sec09 .info_area .ul .li .inner .ttl_area{padding:0.3em 0;flex-basis:100%;margin-right:0}}.sec09 .info_area .ul .li .inner .txt_area{padding:0.5em 0}@media screen and (max-width: 960px){.sec09 .info_area .ul .li .inner .txt_area{padding:0.3em 0}}@media screen and (max-width: 960px){.sec09 .info_area .ul .li .inner .txt{font-size:1.6rem}}.map_area{padding:100px 3%}@media screen and (max-width: 960px){.map_area{padding:50px 3%}}.map_area .inner{text-align:center;margin:0 auto;max-width:1200px;width:100%}.map_area .inner .map iframe{width:100%;height:400px}@media screen and (max-width: 960px){.map_area .inner .map iframe{height:300px}}.tab-contents-wrap{padding:0 1%;width:100%}.tab{display:flex;flex-wrap:wrap;justify-content:center}.tab-list{display:flex;flex-wrap:wrap;margin-bottom:40px;width:100%}.tab-list-item{width:calc(92%/4);text-align:center;padding:0.8em 1em;cursor:pointer;margin:0 1% 10px;color:#C6C6C6;border:2px solid #C6C6C6;border-radius:10px;background:none;font-size:1.8rem;font-weight:bold}@media screen and (max-width: 1200px){.tab-list-item{font-size:1.6rem;padding:0.4em 0.5em;width:calc(94%/3)}}@media screen and (max-width: 576px){.tab-list-item{font-size:1.3rem;padding:0.4em 0.3em}}.tab-contents{display:none}.is-btn-active{border:2px solid #FF9000;color:#FF9000}.is-contents-active{display:block}.bottomNav{padding-top:135px;border-top:1px solid #333}.bottomNav_inner{width:1200px;margin:0 auto}.bottomNav_blocks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0 50px}.bottomNav_block>:first-child{margin-top:0}.bottomNav_group{margin:25px 0 0}.bottomNav_group>:first-child{margin-top:0}.bottomNav_cate{margin:25px 0 0;font-weight:700}.bottomNav_cate>a{display:block;text-decoration:none;color:inherit}.bottomNav_children{margin:20px 0 0;padding-left:10px;border-left:1px solid #333}.bottomNav_children>:first-child{margin-top:0}.bottomNav_list{margin:25px 0 0}.bottomNav_list>:first-child{margin-top:0}.bottomNav_item{margin:5px 0 0}.bottomNav_item>a{text-decoration:none;color:inherit}.gFooter{margin:50px 0 0}.gFooter_inner{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 40px}.gFooter_logo{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin:0;width:300px}.gFooter_logo img{aspect-ratio:300/48;-o-object-fit:scale-down;object-fit:scale-down;width:100%}.gFooter_sabm{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;margin:0;width:110px}.gFooter_sabm img{aspect-ratio:110/48;-o-object-fit:scale-down;object-fit:scale-down;width:100%}.gFooter_links{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 20px}.gFooter_link>a{text-decoration:none;color:inherit}.gFooter_snsList{margin:0 0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0 10px}.gFooter_snsItem>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:36px;height:36px;border-radius:50%;background:#333;color:#fff;text-decoration:none}.gFooter_snsItem>a::before{content:none;font-family:"icons";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}.gFooter_snsItem-yotube>a::before{content:"\ea29";font-size:14px}.gFooter_snsItem-instagram>a::before{content:"\ea16";font-size:20px}.gFooter_snsItem-line>a::before{content:"\ea18";font-size:20px}@media screen and (max-width: 1200px){.bottomNav{margin:50px 0 0;padding:0 10px}.bottomNav_inner{width:auto}.bottomNav_blocks{display:block;display:contents}.bottomNav_blocks>:first-child{margin-top:0}.bottomNav_block{display:contents}.bottomNav_block>:first-child{margin-top:10px}.bottomNav_group{margin:0}.bottomNav_cate{margin:0}.bottomNav_cate::before{content:"\ea06";font-family:"icons";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:.5em;font-size:10px;font-weight:400}.bottomNav_cate>a{display:inline-block}.bottomNav_children{margin:10px 0 0;width:100%}.bottomNav_children>:first-child{margin-top:0}.bottomNav_children .bottomNav_list{display:block}.bottomNav_children .bottomNav_list>:first-child{margin-top:0}.bottomNav_children .bottomNav_item::before{content:none}.bottomNav_list{margin:10px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:5px 20px}.bottomNav_item{margin:0}.bottomNav_item::before{content:"\ea06";font-family:"icons";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:.5em;font-size:10px;font-weight:400}.bottomNav_item>a{display:inline-block}.gFooter{margin:30px 0 0;padding:0 10px}.gFooter_inner{width:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:20px 30px}.gFooter_logo{width:200px;margin:0 auto}.gFooter_sabm{width:90px}.gFooter_links{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gFooter_snsList{width:100%;margin:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#globalFooter{margin-bottom:0 !important}
/*# sourceMappingURL=style-dynamic.css.map */

@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*==========================================
 共通設定
===========================================*/
.main-Wrap {
  position: relative; }
  @media screen and (min-width: 961px) {
    .main-Wrap {
      min-height: 100vh; } }
  @media screen and (max-width: 960px) {
    .main-Wrap {
      height: 100%;
      min-height: 50vh; } }

.main-txtWrap .txt_area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  z-index: 5; }
  .main-txtWrap .txt_area .img {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 4%; }
    .main-txtWrap .txt_area .img img {
      max-width: 756px;
      width: 100%; }
      @media screen and (max-width: 1200px) {
        .main-txtWrap .txt_area .img img {
          width: 50vw; } }
      @media screen and (max-width: 960px) {
        .main-txtWrap .txt_area .img img {
          width: 80vw;
          margin-inline: auto; } }

.main-sliderWrap {
  width: 100%;
  position: relative; }
  .main-sliderWrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    width: 100%;
    max-width: 70%;
    height: 100%;
    margin: 0 auto;
    background: linear-gradient(to right, #000 60%, transparent);
    z-index: 1; }
    @media screen and (max-width: 960px) {
      .main-sliderWrap::before {
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        background: linear-gradient(to right, #000 10%, transparent); } }
  @media screen and (min-width: 961px) {
    .main-sliderWrap {
      width: 100%; } }
  .main-sliderWrap .main-slider {
    max-width: 100%;
    margin: 0 0 0 auto;
    height: 100%;
    position: relative;
    display: none;
    opacity: 0;
    transition: 2s;
    transition: opacity 1s ease-in; }
    @media screen and (min-width: 961px) {
      .main-sliderWrap .main-slider {
        min-height: 100vh; } }
    @media screen and (max-width: 960px) {
      .main-sliderWrap .main-slider {
        height: 100%;
        min-height: 50vh; } }
    .main-sliderWrap .main-slider.slick-initialized {
      display: block;
      opacity: 1; }
  .main-sliderWrap .slider-item {
    height: 100%; }
    .main-sliderWrap .slider-item .img {
      height: 100%; }
      @media screen and (max-width: 960px) {
        .main-sliderWrap .slider-item .img {
          width: 100% !important; } }
      .main-sliderWrap .slider-item .img img {
        object-fit: cover;
        object-position: center; }
        @media screen and (min-width: 961px) {
          .main-sliderWrap .slider-item .img img {
            min-height: 100vh; } }
        @media screen and (max-width: 960px) {
          .main-sliderWrap .slider-item .img img {
            height: 100%;
            min-height: 50vh; } }
  .main-sliderWrap .slick-list {
    height: 100%; }
  .main-sliderWrap .slick-track {
    height: 100%; }
  .main-sliderWrap .slick-dots {
    position: relative;
    bottom: -10px;
    left: 25%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: flex-start; }
    @media screen and (max-width: 960px) {
      .main-sliderWrap .slick-dots {
        left: 0%; } }
    .main-sliderWrap .slick-dots li {
      width: auto;
      height: 20px;
      margin: 0;
      padding: 0;
      cursor: pointer;
      transition: 0.3s ease-in-out; }
      .main-sliderWrap .slick-dots li:hover button {
        color: #000; }
      .main-sliderWrap .slick-dots li:first-of-type button {
        border-left: 1px solid #D9D9D9; }
      .main-sliderWrap .slick-dots li button {
        font-size: initial;
        color: initial;
        background: initial;
        border-right: 1px solid #D9D9D9;
        padding: 0 10px;
        width: 100%;
        height: 100%;
        color: #D9D9D9;
        transition: 0.3s ease-in-out;
        letter-spacing: 0.1em;
        font-family: "Jost", sans-serif;
        font-size: 1.2rem;
        font-weight: 900; }
        .main-sliderWrap .slick-dots li button:before {
          content: none; }
      .main-sliderWrap .slick-dots li.slick-active button {
        color: #000; }
  @media screen and (min-width: 961px) {
    .main-sliderWrap .slide-animation:nth-of-type(1) {
      animation: fadezoom 25s 0s forwards; } }
  @media screen and (max-width: 960px) {
    .main-sliderWrap .slide-animation:nth-of-type(1) {
      animation: fadezoom 12s 0s forwards; } }
  @media screen and (min-width: 961px) {
    .main-sliderWrap .slide-animation:nth-of-type(2) {
      animation: fadeTranslateXR 25s 0s forwards; } }
  @media screen and (max-width: 960px) {
    .main-sliderWrap .slide-animation:nth-of-type(2) {
      animation: fadeTranslateXR 12s 0s forwards; } }
  @media screen and (min-width: 961px) {
    .main-sliderWrap .slide-animation:nth-of-type(3) {
      animation: fadeTranslateXL 25s 0s forwards; } }
  @media screen and (max-width: 960px) {
    .main-sliderWrap .slide-animation:nth-of-type(3) {
      animation: fadeTranslateXL 12s 0s forwards; } }
  @media screen and (min-width: 961px) {
    .main-sliderWrap .slide-animation:nth-of-type(4) {
      animation: fadeTranslateYB 25s 0s forwards; } }
  @media screen and (max-width: 960px) {
    .main-sliderWrap .slide-animation:nth-of-type(4) {
      animation: fadeTranslateYB 12s 0s forwards; } }
  @media screen and (min-width: 961px) {
    .main-sliderWrap .slide-animation:nth-of-type(5) {
      animation: fadeTranslateYT 25s 0s forwards; } }
  @media screen and (max-width: 960px) {
    .main-sliderWrap .slide-animation:nth-of-type(5) {
      animation: fadeTranslateYT 12s 0s forwards; } }
@keyframes fadezoom {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
@keyframes fadeTranslateXR {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(10%); } }
@keyframes fadeTranslateXL {
  0% {
    transform: translateX(10%); }
  100% {
    transform: translateX(0%); } }
@keyframes fadeTranslateYT {
  0% {
    transform: translateY(10%); }
  100% {
    transform: translateY(0%); } }
@keyframes fadeTranslateYB {
  0% {
    transform: translateY(-10%); }
  100% {
    transform: translateY(0%); } }
@media screen and (min-width: 961px) {
  .reason-sliderWrap {
    max-width: 90%;
    margin-inline: auto; } }

@media screen and (min-width: 961px) {
  .reason-main-slider .slick-slide {
    margin-right: 3vw !important; } }
@media screen and (max-width: 960px) {
  .reason-main-slider .slick-slide {
    margin-right: 3% !important;
    margin-left: 3% !important; }
    .reason-main-slider .slick-slide .img_area img {
      aspect-ratio: 484/325;
      object-fit: contain;
      object-position: center; }
    .reason-main-slider .slick-slide .txt_area img {
      object-fit: contain;
      object-position: center; } }
@media screen and (max-width: 576px) {
  .reason-main-slider .slick-slide {
    margin-right: 0% !important;
    margin-left: 0% !important; } }
.reason-main-slider .slick-list {
  overflow: visible !important;
  max-width: 100%;
  margin-inline: 0 auto; }
  @media screen and (max-width: 960px) {
    .reason-main-slider .slick-list {
      max-width: 100%; } }
.reason-main-slider .slick-track {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  @media screen and (max-width: 960px) {
    .reason-main-slider .slick-track {
      justify-content: center; } }
.reason-main-slider .slick-prev {
  left: -5%; }
  @media screen and (max-width: 960px) {
    .reason-main-slider .slick-prev {
      left: calc(5% - 0px); } }
.reason-main-slider .slick-next {
  right: 2%; }
  @media screen and (max-width: 960px) {
    .reason-main-slider .slick-next {
      right: calc(5% - 0px); } }

.reason-thumnail-slider .slider-item {
  cursor: pointer; }
  .reason-thumnail-slider .slider-item:not(:first-of-type) {
    margin-left: 1em; }
.reason-thumnail-slider .slick-list {
  overflow: visible !important; }
.reason-thumnail-slider .slick-track {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transform: translate3d(0px, 0px, 0px) !important; }
  @media screen and (max-width: 960px) {
    .reason-thumnail-slider .slick-track {
      justify-content: center; } }

/*==========================================
　slick
===========================================*/
.slick-arrow::before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }

.slick-prev::before {
  background-image: url(/common/upload_data/hirabayasinet/file/arrow_l.svg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important; }

.slick-next::before {
  background-image: url(/common/upload_data/hirabayasinet/file/arrow_r.svg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important; }

@media screen and (max-width: 960px) {
  .slick-prev {
    left: calc(7% - 8px); } }

@media screen and (max-width: 960px) {
  .slick-next {
    right: calc(7% - 8px); } }

.slick-disabled {
  opacity: 0;
  visibility: hidden; }

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  display: block;
  z-index: 1;
  width: 40px;
  height: 140px;
  background: transparent;
  border: 0px solid #343434;
  border-radius: 50%;
  padding: 0;
  transform: translate(0, -50%);
  transition: 0.3s;
  cursor: pointer;
  color: transparent;
  outline: none;
  top: 50%;
  z-index: 2; }
  @media screen and (max-width: 960px) {
    .slick-prev,
    .slick-next {
      width: 30px;
      height: 130px;
      position: absolute;
      top: 17vw;
      transform: translate(0, 0%); } }

/*# sourceMappingURL=index_dg.css.map */
