@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese);

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -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;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[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
}

.slick-loading .slick-list {
  background: url(imgs/ajax-loader.gif) center center no-repeat #fff
}

@font-face {
  font-family: slick;
  src: url(fonts/slick.eot);
  src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal
}

.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
::after,
::before {
  box-sizing: border-box
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
  width: device-width
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: #fff
}

[tabindex="-1"]:focus {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0
}

abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-inline-start: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

dfn {
  font-style: italic
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #007bff;
  background-color: transparent
}

a:hover {
  color: #0056b3
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar
}

figure {
  margin: 0
}

img {
  border-style: none;
  max-width: 100%;
  vertical-align: bottom;
  max-width: 100%
}

svg {
  overflow: hidden;
  vertical-align: middle
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline: 0
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

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

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox
}

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

progress {
  vertical-align: baseline
}

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

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none !important
}

@font-face {
  font-family: Lato-SemiBold;
  src: url(fonts/Lato-SemiBold.ttf) format("ttf")
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #111;
  -webkit-font-smoothing: antialiased;
  overflow-x: auto;
  opacity: 0
}

body.loaded {
  opacity: 1;
  transition: 1s
}

a,
a:hover {
  color: inherit;
  text-decoration: none
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  appearance: none
}

* {
  box-sizing: border-box
}

@media screen and (min-width:376px) {
  .sp-only {
    display: none !important
  }
}

.wrapper {
  margin: 0 auto;
  min-width: 1200px;
  padding-bottom: 154.5px
}

@media screen and (max-width:375px) {
  .pc-only {
    display: none !important
  }

  .wrapper {
    width: 375px;
    min-width: initial;
    padding-bottom: 145.02px
  }
}

.container {
  padding: 0 80px;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto
}

.txt-bl {
  margin-top: 2em
}

.concept {
  margin-top: 80px
}

.concept-flex {
  display: flex;
  justify-content: center
}

.concept-box {
  position: relative;
  font-family: Lato, sans-serif
}

.concept-box:last-child {
  margin: 76px 0 0 -58.14px
}

.concept-box__img {
  width: 549.14px
}

@media screen and (max-width:375px) {
  .container {
    padding: 0
  }

  .concept {
    margin-top: 60px
  }

  .concept-box:last-child {
    margin: 27.5px 0 0 -20.97px
  }

  .concept-box__img {
    width: 198.07px
  }

  .concept-box-sp {
    padding: 0 14.73px 0 24px
  }
}

.concept-box__title {
  font-weight: 900;
  margin-top: 29px
}

.concept-box__title h6 {
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: .05em
}

.concept-box__title h4 {
  font-size: 29px;
  line-height: 1.206;
  letter-spacing: .05em
}

.concept-box__txt {
  font-family: Lato-SemiBold, sans-serif;
  font-size: 16px;
  line-height: 1.875;
  margin-top: 30px;
  max-width: 550.27px
}

.concept-box-sp {
  position: relative;
  font-family: Lato, sans-serif
}

.concept-box-sp__title {
  font-weight: 900;
  margin-top: 29px
}

.concept-box-sp__title h6 {
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: .05em
}

.concept-box-sp__title h4 {
  font-size: 26px;
  line-height: 1.23;
  letter-spacing: .05em
}

.concept-box-sp__txt {
  font-family: Lato-SemiBold, sans-serif;
  font-size: 13px;
  line-height: 1.615;
  margin-top: 24px
}

.faq {
  margin-top: 111.5px
}

@media screen and (max-width:375px) {
  .faq {
    margin-top: 49.5px
  }
}

.faq-contents {
  list-style: none;
  margin: 0 169px;
  border-top: 1px solid #000;
  padding: 0
}

.faq-contents-item {
  font-family: Lato, sans-serif;
  border-bottom: 1px solid #000;
  overflow: hidden;
  cursor: pointer
}

.faq-contents-item__title {
  position: relative;
  font-weight: 700;
  min-height: 82px;
  padding: 24.5px 80px 24.5px 0
}

.faq-contents-item__title h4 {
  font-size: 21px;
  line-height: 1.333333
}

.faq-contents-item__title:after {
  content: '';
  position: absolute;
  top: calc(50% - 14.3px/2);
  right: 27.98px;
  width: 26.74px;
  height: 14.3px;
  background: url(imgs/arrow-down.svg) center/contain no-repeat;
  transition: .2s
}

@media screen and (max-width:375px) {
  .faq-contents {
    margin: 0 20px
  }

  .faq-contents-item__title {
    padding: 28.5px 35px 28.5px 0
  }

  .faq-contents-item__title h4 {
    font-size: 17px
  }

  .faq-contents-item__title:after {
    right: 5.08px;
    width: 17.54px;
    height: 9.38px
  }
}

.faq-contents-item__title:hover {
  opacity: .6
}

.faq-contents-item--open .faq-contents-item__title {
  opacity: 1
}

.faq-contents-item--open .faq-contents-item__title:after {
  transform: rotate(180deg);
  transition: .2s
}

.faq-contents-item__txt {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.47058823;
  height: 0;
  pointer-events: none;
  opacity: 0;
  margin-top: -1.5px
}

@media screen and (max-width:375px) {
  .faq-contents-item__txt {
    font-size: 12px;
    line-height: 1.4166666;
    margin-top: -.5px
  }
}

.faq-contents-item--open .faq-contents-item__txt {
  height: auto;
  pointer-events: auto;
  transition: opacity 1s;
  opacity: 1;
  padding-bottom: 24.5px
}

.faq-contact {
  margin-top: 127.5px;
  padding-bottom: 5.92px
}

@media screen and (max-width:375px) {
  .faq-contact {
    margin-top: 59.5px;
    margin-bottom: -21.6px;
    padding-bottom: 0
  }
}

.faq-contact-btn-wrap-mail {
  margin-top: 43px;
  text-align: center
}

.faq-contact-btn-wrap-site {
  margin-top: 30.92px;
  text-align: center
}

.toughness {
  margin-top: 122px
}

.toughness-flex {
  display: flex;
  justify-content: center;
  align-items: center
}

.toughness-image {
  width: 335px;
  height: 1000px;
  overflow: hidden;
  background: url(imgs/toughness.png) center/cover no-repeat
}

@media screen and (max-width:375px) {
  .toughness {
    margin-top: 20px
  }

  .toughness-flex {
    flex-direction: column
  }

  .toughness-image {
    width: 100%;
    height: 150px;
    background: url(imgs/toughness_sp.png) center/cover no-repeat
  }
}

.toughness-image-wrap {
  width: 335px;
  height: 894px;
  overflow: hidden;
  flex: none
}

.toughness-txt {
  padding-left: 85px
}

.fe-main-heading {
  font-family: Lato, sans-serif;
  font-weight: 900
}

.fe-main-heading__desc {
  font-size: 19px;
  letter-spacing: .042em;
  line-height: 1.55555;
  margin-top: 18px
}

@media screen and (max-width:375px) {
  .toughness-image-wrap {
    width: 100%;
    height: 140px;
    position: relative
  }

  .toughness-txt {
    padding: 0 20px
  }

  .fe-main-heading__desc {
    font-size: 17px;
    line-height: 1.3529;
    margin-top: 33px
  }

  .fe-main-heading__desc--technology {
    margin-top: 37px
  }
}

.fe-main-title {
  font-size: 45px;
  line-height: 1.2;
  letter-spacing: .05em;
  font-family: Lato, sans-serif;
  font-weight: 900
}

@media screen and (max-width:375px) {
  .fe-main-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 38px;
    color: #fff
  }
}

.fe-main-txt {
  font-family: Lato, sans-serif;
  font-weight: 500;
  color: #111;
  font-size: 17px;
  line-height: 1.588235;
  margin-top: 30px
}

.fe-main-txt .nl {
  margin-top: 1.5em
}

@media screen and (max-width:375px) {
  .fe-main-txt {
    font-size: 12px;
    line-height: 1.516666
  }

  .fe-main-txt--technology {
    margin-top: 24px
  }
}

.fe-main-txt--design {
  margin-top: 38px
}

@media screen and (max-width:375px) {
  .fe-main-txt--design {
    margin-top: 24px
  }
}

.fe-main-txt--craftmanship {
  margin-top: 45px
}

@media screen and (max-width:375px) {
  .fe-main-txt--craftmanship {
    margin-top: 24px
  }
}

.fe-main-txt--quality {
  margin-top: 38px
}

@media screen and (max-width:375px) {
  .fe-main-txt--quality {
    margin-top: 24px
  }
}

.toughness-list {
  list-style: none;
  margin-top: 42px
}

@media screen and (max-width:375px) {
  .toughness-list {
    margin-top: 28px
  }

  .toughness-list-item:first-child {
    margin-top: 0
  }
}

.toughness-list-item {
  font-family: Lato, sans-serif;
  margin-top: 32px
}

.toughness-list-item__title {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.5
}

@media screen and (max-width:375px) {
  .toughness-list-item__title {
    font-size: 17px;
    line-height: 1.7647
  }
}

.toughness-list-item__desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14285;
  margin-top: 12px
}

@media screen and (max-width:375px) {
  .toughness-list-item__desc {
    font-size: 12px;
    line-height: 1.516666;
    margin-top: 12px
  }
}

.toughness-list-item__desc .nl {
  margin-top: 1.2em
}

.technology {
  margin-top: 116px
}

.technology-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse
}

.technology-image {
  width: 335px;
  height: 1000px;
  overflow: hidden;
  background: url(imgs/technology.png) center/cover no-repeat
}

@media screen and (max-width:375px) {
  .technology {
    margin-top: 36px
  }

  .technology-flex {
    flex-direction: column
  }

  .technology-image {
    width: 100%;
    height: 150px;
    background: url(imgs/technology_sp.png) center/cover no-repeat
  }
}

.technology-image-wrap {
  width: 335px;
  height: 842px;
  overflow: hidden;
  flex: none
}

.technology-txt {
  padding-right: 86px
}

.design {
  margin-top: 116px
}

.design-flex {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width:375px) {
  .technology-image-wrap {
    width: 100%;
    height: 140px;
    position: relative
  }

  .technology-txt {
    padding: 0 20px
  }

  .design {
    margin-top: 36px
  }

  .design-flex {
    flex-direction: column
  }
}

.design-image {
  width: 336px;
  height: 700px;
  overflow: hidden;
  background: url(imgs/design.png) center/cover no-repeat
}

@media screen and (max-width:375px) {
  .design-image {
    width: 100%;
    height: 150px;
    background: url(imgs/design_sp.png) center/cover no-repeat
  }
}

.design-image-wrap {
  width: 336px;
  height: 573px;
  overflow: hidden;
  flex: none
}

.design-txt {
  padding-left: 82px
}

.craftmanship {
  margin-top: 116px
}

.craftmanship-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse
}

@media screen and (max-width:375px) {
  .design-image-wrap {
    width: 100%;
    height: 140px;
    position: relative
  }

  .design-txt {
    padding: 0 20px
  }

  .craftmanship {
    margin-top: 42px
  }

  .craftmanship-flex {
    flex-direction: column
  }
}

.craftmanship-image {
  width: 336px;
  height: 780px;
  overflow: hidden;
  background: url(imgs/craftmanship.png) center/cover no-repeat
}

@media screen and (max-width:375px) {
  .craftmanship-image {
    width: 100%;
    height: 150px;
    background: url(imgs/craftmanship_sp.png) center/cover no-repeat
  }
}

.craftmanship-image-wrap {
  width: 334px;
  height: 654px;
  overflow: hidden;
  flex: none
}

.craftmanship-txt {
  padding-right: 86px
}

.quality {
  margin-top: 116px
}

.quality-flex {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width:375px) {
  .craftmanship-image-wrap {
    width: 100%;
    height: 140px;
    position: relative
  }

  .craftmanship-txt {
    padding: 0 20px
  }

  .quality {
    margin-top: 42px
  }

  .quality-flex {
    flex-direction: column
  }
}

.quality-image {
  width: 335px;
  height: 800px;
  overflow: hidden;
  background: url(imgs/quality.png) center/cover no-repeat
}

@media screen and (max-width:375px) {
  .quality-image {
    width: 100%;
    height: 150px;
    background: url(imgs/quality_sp.png) center/cover no-repeat
  }
}

.quality-image-wrap {
  width: 335px;
  height: 692px;
  overflow: hidden;
  flex: none
}

.quality-txt {
  padding-left: 82px
}

.fe-product {
  margin-top: 77.5px
}

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

.fe-product-image {
  position: relative
}

@media screen and (max-width:375px) {
  .quality-image-wrap {
    width: 100%;
    height: 140px;
    position: relative
  }

  .quality-txt {
    padding: 0 20px
  }

  .fe-product {
    margin-top: 68.27px
  }

  .fe-product-flex {
    flex-direction: column
  }

  .fe-product-image {
    width: 100%;
    height: 378.31px
  }
}

.fe-product-image__point {
  position: absolute;
  width: 152px;
  height: 152px;
  border: 3px solid #fb0;
  border-radius: 50%
}

.fe-product-image__point.point-1 {
  top: 46px;
  right: 63px
}

.fe-product-txt {
  max-width: 100%
}

@media screen and (max-width:375px) {
  .fe-product-image__point {
    width: 86.67px;
    height: 86.67px
  }

  .fe-product-image__point.point-1 {
    top: 24px;
    right: 106.27px
  }

  .fe-product-image-wrap {
    width: 100%
  }

  .fe-product-txt {
    width: 100vw;
    padding-top: 32px
  }
}

.fe-product-txt-item {
  font-family: Lato, sans-serif;
  width: 519px;
  height: 220px;
  outline: 0
}

.fe-product-txt-item__title {
  font-weight: 900;
  font-size: 22px;
  letter-spacing: .05em;
  line-height: 1.22727
}

.fe-product-txt-item__desc {
  font-weight: 500;
  line-height: 1.588235;
  margin-top: 15px
}

.fe-product-slider .slick-list {
  width: 519px;
  height: 220px !important
}

@media screen and (max-width:375px) {
  .fe-product-txt-item {
    width: 100vw;
    height: 164px;
    padding: 0 20px
  }

  .fe-product-txt-item__title {
    font-size: 16px
  }

  .fe-product-txt-item__desc {
    font-size: 12px;
    margin-top: 10px
  }

  .fe-product-slider .slick-list {
    width: 100vw !important;
    height: 164px !important
  }
}

.fe-product-slider .slick-arrow {
  width: 24.7px;
  height: 21.17px;
  top: auto;
  bottom: -4.25px;
  transform: translate(0, 100%)
}

.fe-product-slider .slick-arrow:before {
  content: ''
}

.fe-product-slider .slick-prev {
  background: url(imgs/slick-prev.svg) center/contain no-repeat;
  left: 0
}

@media screen and (max-width:375px) {
  .fe-product-slider .slick-arrow {
    width: 12px;
    height: 14px;
    bottom: auto;
    top: -19px
  }

  .fe-product-slider .slick-prev {
    left: 70.5px
  }
}

.fe-product-slider .slick-next {
  background: url(imgs/slick-next.svg) center/contain no-repeat;
  left: 232px
}

@media screen and (max-width:375px) {
  .fe-product-slider .slick-next {
    left: auto;
    right: 70.5px
  }
}

.fe-product-slider .slick-dots {
  text-align: left;
  left: 38px;
  width: auto
}

.fe-product-slider .slick-dots li {
  margin: 0
}

.fe-product-slider .slick-dots button:before {
  content: '';
  border: 2px solid #fb0;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  opacity: 1;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px)
}

.fe-product-slider .slick-dots .slick-active button:before {
  content: '';
  background: #fb0
}

.features {
  margin-top: 132px
}

@media screen and (max-width:375px) {
  .fe-product-slider .slick-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: auto;
    top: -16px
  }

  .fe-product-slider .slick-dots button:before {
    border-width: 1px
  }

  .features {
    margin-top: 77.5px
  }
}

.features-contents {
  display: flex;
  height: 506.77px;
  margin: 73px -17.4px 0
}

@media screen and (max-width:375px) {
  .features-contents {
    height: auto;
    flex-direction: column;
    margin: 34px 0 0
  }
}

.features-item {
  position: relative;
  flex-grow: 1;
  width: 0;
  height: 100%;
  margin: 0 17.4px;
  transition: .5s;
  cursor: pointer
}

@media screen and (max-width:375px) {
  .features-item {
    width: 100%;
    height: 52px;
    margin: 4px 0 0
  }

  .features-item:after {
    content: '';
    position: absolute;
    background: url(imgs/plus.svg) center/contain no-repeat;
    width: 11.21px;
    height: 11.21px;
    right: 13.03px;
    top: 50%;
    transform: translateY(-50%)
  }
}

.features-item--1 {
  background: url(imgs/feature_1.png) center/cover no-repeat
}

.features-item--2 {
  background: url(imgs/feature_2.png) center/cover no-repeat
}

.features-item--3 {
  background: url(imgs/feature_3.png) center/cover no-repeat
}

.features-item--4 {
  background: url(imgs/feature_4.png) center/cover no-repeat
}

.features-item--5 {
  background: url(imgs/feature_5.png) center/cover no-repeat
}

.features-item__title {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
  width: 100%;
  height: 29px;
  font-family: Lato, sans-serif;
  font-weight: 900;
  letter-spacing: .05em;
  text-align: center
}

.features-item__title h5 {
  display: inline-block;
  font-size: 16px;
  line-height: 28px;
  vertical-align: middle
}

@media screen and (max-width:375px) {
  .features-item__title {
    width: 154.07px;
    height: 27.97px;
    transition: width .2s, background-color .3s .2s
  }

  .features-item__title h5 {
    font-size: 14px;
    line-height: 27.97px
  }
}

.features-item-txt {
  width: 0;
  height: 0;
  opacity: 0;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 900
}

.features-item-txt h4 {
  font-size: 22px;
  line-height: 1.22;
  letter-spacing: .05em
}

.features-item-txt p {
  font-size: 14px;
  letter-spacing: .05em;
  line-height: 1.214;
  margin-top: 11px
}

.features-item__close {
  display: none;
  position: absolute;
  width: 12.73px;
  height: 12.73px;
  background: url(imgs/cancel.svg) center/12.73px 12.73px no-repeat;
  bottom: 7px;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px;
  pointer-events: none
}

.features-view-more {
  margin-top: 73px
}

.features-item-expand .features-contents {
  margin: 73px -10.2px 0
}

@media screen and (max-width:375px) {
  .features-item__close {
    bottom: 11.23px;
    padding: 15px
  }

  .features-view-more {
    margin-top: 47px
  }

  .features-item-expand .features-contents {
    margin: 34px 0 0
  }
}

.features-item-expand .features-item {
  margin: 0 10.2px
}

.features-item-expand .features-item__title {
  display: none
}

.features-item-expand-1 .features-item--1 {
  background: url(imgs/features_1_wide.png) center/cover no-repeat;
  width: 590px;
  flex: none;
  pointer-events: none;
  transition: .5s cubic-bezier(.09, 1.1, .61, 1.02)
}

.features-item-expand-1 .features-item--1:after {
  display: none
}

.features-item-expand-1 .features-item--1 .features-item__title {
  display: block;
  transform: none;
  background: 0 0;
  color: #fff;
  line-height: 1.18;
  top: 23px
}

@media screen and (max-width:375px) {
  .features-item-expand .features-item {
    margin: 4px 0 0
  }

  .features-item-expand .features-item__title {
    display: block
  }

  .features-item-expand-1 .features-item--1 {
    width: 100%;
    height: 351.09px
  }

  .features-item-expand-1 .features-item--1 .features-item__title {
    top: 20.83px;
    width: 100%;
    transition: width .5s cubic-bezier(.09, 1.1, .61, 1.02)
  }
}

.features-item-expand-1 .features-item--1 .features-item-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 86px;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity .5s .4s
}

.features-item-expand-1 .features-item--1 .features-item__close {
  display: block;
  pointer-events: auto;
  z-index: 2
}

.features-item-expand-2 .features-item--2 {
  background: url(imgs/features_2_wide.png) center/cover no-repeat;
  width: 590px;
  flex: none;
  pointer-events: none;
  transition: .5s cubic-bezier(.09, 1.1, .61, 1.02)
}

.features-item-expand-2 .features-item--2:after {
  display: none
}

.features-item-expand-2 .features-item--2 .features-item__title {
  display: block;
  transform: none;
  background: 0 0;
  color: #fff;
  line-height: 1.18;
  top: 23px
}

@media screen and (max-width:375px) {
  .features-item-expand-1 .features-item--1 .features-item-txt {
    padding: 0 19.62px 0 33px
  }

  .features-item-expand-2 .features-item--2 {
    width: 100%;
    height: 351.09px
  }

  .features-item-expand-2 .features-item--2 .features-item__title {
    top: 20.83px;
    width: 100%;
    transition: width .5s cubic-bezier(.09, 1.1, .61, 1.02)
  }
}

.features-item-expand-2 .features-item--2 .features-item-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 86px;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity .5s .4s
}

.features-item-expand-2 .features-item--2 .features-item__close {
  display: block;
  pointer-events: auto;
  z-index: 2
}

.features-item-expand-3 .features-item--3 {
  background: url(imgs/features_3_wide.png) center/cover no-repeat;
  width: 590px;
  flex: none;
  pointer-events: none;
  transition: .5s cubic-bezier(.09, 1.1, .61, 1.02)
}

.features-item-expand-3 .features-item--3:after {
  display: none
}

.features-item-expand-3 .features-item--3 .features-item__title {
  display: block;
  transform: none;
  background: 0 0;
  color: #fff;
  line-height: 1.18;
  top: 23px
}

@media screen and (max-width:375px) {
  .features-item-expand-2 .features-item--2 .features-item-txt {
    padding: 0 19.62px 0 33px
  }

  .features-item-expand-3 .features-item--3 {
    width: 100%;
    height: 351.09px
  }

  .features-item-expand-3 .features-item--3 .features-item__title {
    top: 20.83px;
    width: 100%;
    transition: width .5s cubic-bezier(.09, 1.1, .61, 1.02)
  }
}

.features-item-expand-3 .features-item--3 .features-item-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 86px;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity .5s .4s
}

.features-item-expand-3 .features-item--3 .features-item__close {
  display: block;
  pointer-events: auto;
  z-index: 2
}

.features-item-expand-4 .features-item--4 {
  background: url(imgs/features_4_wide.png) center/cover no-repeat;
  width: 590px;
  flex: none;
  pointer-events: none;
  transition: .5s cubic-bezier(.09, 1.1, .61, 1.02)
}

.features-item-expand-4 .features-item--4:after {
  display: none
}

.features-item-expand-4 .features-item--4 .features-item__title {
  display: block;
  transform: none;
  background: 0 0;
  color: #fff;
  line-height: 1.18;
  top: 23px
}

@media screen and (max-width:375px) {
  .features-item-expand-3 .features-item--3 .features-item-txt {
    padding: 0 19.62px 0 33px
  }

  .features-item-expand-4 .features-item--4 {
    width: 100%;
    height: 351.09px
  }

  .features-item-expand-4 .features-item--4 .features-item__title {
    top: 20.83px;
    width: 100%;
    transition: width .5s cubic-bezier(.09, 1.1, .61, 1.02)
  }
}

.features-item-expand-4 .features-item--4 .features-item-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 86px;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity .5s .4s
}

.features-item-expand-4 .features-item--4 .features-item__close {
  display: block;
  pointer-events: auto;
  z-index: 2
}

.features-item-expand-5 .features-item--5 {
  background: url(imgs/features_5_wide.png) center/cover no-repeat;
  width: 590px;
  flex: none;
  pointer-events: none;
  transition: .5s cubic-bezier(.09, 1.1, .61, 1.02)
}

.features-item-expand-5 .features-item--5:after {
  display: none
}

.features-item-expand-5 .features-item--5 .features-item__title {
  display: block;
  transform: none;
  background: 0 0;
  color: #fff;
  line-height: 1.18;
  top: 23px
}

@media screen and (max-width:375px) {
  .features-item-expand-4 .features-item--4 .features-item-txt {
    padding: 0 19.62px 0 33px
  }

  .features-item-expand-5 .features-item--5 {
    width: 100%;
    height: 351.09px
  }

  .features-item-expand-5 .features-item--5 .features-item__title {
    top: 20.83px;
    width: 100%;
    transition: width .5s cubic-bezier(.09, 1.1, .61, 1.02)
  }
}

.features-item-expand-5 .features-item--5 .features-item-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 86px;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity .5s .4s
}

.features-item-expand-5 .features-item--5 .features-item__close {
  display: block;
  pointer-events: auto;
  z-index: 2
}

.fol {
  position: relative;
  background: url(imgs/fv_features.png) center/cover no-repeat;
  margin-top: 129.68px;
  height: 291.82px
}

.fol__txt {
  position: absolute;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 900;
  letter-spacing: .05em;
  font-size: 50px;
  line-height: 1.2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.fol__txt span:nth-child(2) {
  margin: 0 .5em
}

@media screen and (max-width:375px) {
  .features-item-expand-5 .features-item--5 .features-item-txt {
    padding: 0 19.62px 0 33px
  }

  .fol {
    background: url(imgs/fol_sp.png) center/cover no-repeat;
    margin-top: 122.85px;
    height: 228.88px
  }

  .fol__txt {
    font-size: 36px;
    line-height: 1;
    text-align: center
  }

  .fol__txt span {
    display: block;
    margin: 0
  }
}

.fol--gallery {
  margin-top: 170.56px
}

.footer {
  padding-bottom: 31px;
  min-width: 1200px
}

@media screen and (max-width:375px) {
  .fol--gallery {
    margin-top: 115.17px
  }

  .footer {
    min-width: initial
  }
}

.footer-list {
  text-align: center
}

.footer-list__logo {
  width: 81.34px;
  height: 48.65px;
  margin: 0 auto
}

.footer-list__instagram {
  display: block;
  width: 28.43px;
  height: 28.43px;
  margin: 36px auto 0
}

.footer-list-nav {
  list-style: none;
  text-align: center;
  margin-top: 32px;
  padding: 0
}

.footer-list-nav__item {
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 20px;
  color: #fb0;
  line-height: 1;
  letter-spacing: .05em;
  margin-top: 1.2em
}

@media screen and (max-width:375px) {
  .footer-list-nav__item {
    margin-top: 1.1em
  }
}

.footer-credit {
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 12px;
  color: #fb0;
  letter-spacing: .05em;
  text-align: center;
  margin-top: 44.5px
}

.fv {
  position: relative;
  height: 100%;
  min-height: 100vh
}

.fv__img {
  width: 79.166666%;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.fv__title {
  position: absolute;
  top: 50%;
  right: 5.25%;
  transform: translate(0, -50%);
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 60px;
  line-height: 1.3;
  letter-spacing: .05em;
  white-space: nowrap
}

.fv__title>p {
  position: relative
}

.fv__title>p:before {
  content: attr(data-inverted);
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 0;
  width: 66%;
  color: #fff
}

@media screen and (max-width:375px) {
  .fv__img {
    width: 84.5333%;
    background-position: 25%
  }

  .fv__title {
    right: 16px;
    font-size: 35px;
    line-height: 1.314
  }

  .fv__title>p:before {
    width: 87%
  }
}

.lanzzo-logo {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  transition: right .1s
}

.lanzzo-logo a {
  display: block
}

.gm-open .lanzzo-logo {
  z-index: 53;
  right: 52.37px;
  transition: right .6s .2s
}

@media screen and (max-width:375px) {
  .lanzzo-logo {
    width: 58px;
    height: 58px
  }

  .gm-open .lanzzo-logo {
    right: 60.5px
  }
}

.fv-features-heading {
  position: relative;
  background: url(imgs/fv_features.png) center/cover no-repeat;
  height: 375px
}

.fv-features-heading__title {
  position: absolute;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: .05em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.fv-features-txt {
  text-align: center;
  font-family: Lato, sans-serif;
  margin-top: 84.5px
}

.fv-features-txt h4 {
  font-weight: 900;
  font-size: 29px;
  line-height: 1.2068;
  letter-spacing: .05em
}

@media screen and (max-width:375px) {
  .fv-features-heading {
    height: 275px;
    background: url(imgs/fv_features_sp.png) center/cover no-repeat
  }

  .fv-features-heading__title {
    font-size: 36px
  }

  .fv-features-txt {
    margin-top: 62px;
    padding: 0 26px
  }

  .fv-features-txt h4 {
    font-size: 22px;
    line-height: 1.22727
  }
}

.fv-features-txt__desc {
  margin: 34.74px auto 0;
  max-width: 669.17px
}

.fv-features-txt__desc p {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.444444444;
  letter-spacing: .05em
}

.fv-products-heading {
  position: relative;
  background: url(imgs/fv_products.png) center/cover no-repeat;
  height: 375px
}

.fv-products-heading__title {
  position: absolute;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: .05em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (max-width:375px) {
  .fv-features-txt__desc {
    margin-top: 20px
  }

  .fv-features-txt__desc p {
    font-size: 13px;
    line-height: 1.2307
  }

  .fv-products-heading {
    height: 275px;
    background: url(imgs/fv_products_sp.png) center/cover no-repeat
  }

  .fv-products-heading__title {
    font-size: 36px
  }
}

.fv-gallery-heading {
  position: relative;
  background: url(imgs/fv_gallery.png) center/cover no-repeat;
  height: 375px
}

.fv-gallery-heading__title {
  position: absolute;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: .05em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (max-width:375px) {
  .fv-gallery-heading {
    height: 275px;
    background: url(imgs/fv_gallery_sp.png) center/cover no-repeat
  }

  .fv-gallery-heading__title {
    font-size: 36px
  }
}

.fv-shop-list-heading {
  position: relative;
  background: url(imgs/fv_shop-list.png) center/cover no-repeat;
  height: 375px
}

.fv-shop-list-heading__title {
  position: absolute;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: .05em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

@media screen and (max-width:375px) {
  .fv-shop-list-heading {
    white-space: nowrap;
    height: 275px;
    background: url(imgs/fv_shop-list_sp.png) center/cover no-repeat
  }

  .fv-shop-list-heading__title {
    font-size: 36px
  }
}

.fv-faq-heading {
  position: relative;
  background: url(imgs/fv_faq.png) center/cover no-repeat;
  height: 375px
}

.fv-faq-heading__title {
  position: absolute;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: .05em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.gallery-main {
  margin-top: 44px;
  padding-bottom: 144px;
  overflow: hidden
}

@media screen and (max-width:375px) {
  .fv-faq-heading {
    white-space: nowrap;
    height: 275px;
    background: url(imgs/fv_faq_sp.png) center/cover no-repeat
  }

  .fv-faq-heading__title {
    font-size: 36px
  }

  .gallery-main {
    margin-top: 0;
    padding-bottom: 0
  }
}

.gallery-main-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -41.5px
}

@media screen and (max-width:375px) {
  .gallery-main-container {
    margin: 0 -12px
  }
}

.gallery-main-item {
  flex-grow: 2;
  margin: 44px 0;
  padding: 0 41.5px;
  box-sizing: content-box
}

@media screen and (min-width:376px) {
  .features-item:hover {
    opacity: .6
  }

  .gallery-main-item {
    pointer-events: none
  }
}

.gallery-main-item img {
  width: 100%
}

.gallery-main-item-ver-l {
  max-width: 49.649259547%
}

.gallery-main-item-ver-l.flex-down {
  margin-top: calc(202px + 44px)
}

@media screen and (max-width:375px) {
  .gallery-main-item {
    flex-grow: 1;
    margin: 28px 0;
    padding: 0 12px
  }

  .gallery-main-item-ver-l {
    width: 199.06px;
    flex-grow: initial;
    max-width: initial
  }

  .gallery-main-item-ver-l.flex-down {
    margin-top: calc(70.24px + 28px)
  }
}

.gallery-main-item-ver-s {
  max-width: 37.413873733%
}

.gallery-main-item-ver-s.flex-down-1 {
  margin-top: calc(89px + 44px)
}

@media screen and (max-width:375px) {
  .gallery-main-item-ver-s {
    width: 150px;
    flex-grow: initial;
    max-width: initial
  }

  .gallery-main-item-ver-s.flex-down-1 {
    margin-top: calc(27.81px + 28px)
  }
}

.gallery-main-item-ver-s.flex-down-2 {
  margin-top: calc(348px + 44px)
}

.gallery-main-item-hor-l {
  max-width: 80.666%
}

.gallery-main-item-hor-l.flex-left {
  margin-right: auto
}

.gallery-main-item-hor-l.flex-right {
  margin-left: auto
}

.gallery-main-item-hor-s {
  max-width: 56.083%
}

.gallery-main-item-hor-s.flex-left {
  margin-right: auto;
  margin-left: 120.5px
}

@media screen and (max-width:375px) {
  .gallery-main-item-ver-s.flex-down-2 {
    margin-top: calc(109.08px + 28px)
  }

  .gallery-main-item-hor-s.flex-left {
    margin-left: 36.69px
  }
}

.gallery-main-item-hor-s.flex-right {
  margin-left: auto;
  margin-right: 120.5px
}

.product-detail-main {
  display: flex;
  align-items: center;
  padding-top: 40px
}

.product-detail-color {
  width: 498px;
  height: 655px
}

@media screen and (max-width:375px) {
  .gallery-main-item-hor-s.flex-right {
    margin-right: 36.69px
  }

  .product-detail-main {
    flex-direction: column;
    padding-top: 23px
  }

  .product-detail-color {
    width: 337px;
    height: 440px
  }
}

.product-detail-color__item {
  width: 498px;
  height: 655px;
  outline: 0
}

.product-detail-color__item figure {
  width: 498px;
  height: 655px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.product-detail-color .slick-next,
.product-detail-color .slick-prev {
  width: 20px;
  height: 28px;
  z-index: 2
}

.product-detail-color .slick-prev {
  left: -9px
}

.product-detail-color .slick-prev:before {
  display: block;
  content: '';
  width: 14.3px;
  height: 26.74px;
  background: url(imgs/arrow-left.svg) center/contain no-repeat
}

.product-detail-color .slick-next {
  right: -13px
}

.product-detail-color .slick-next:before {
  display: block;
  content: '';
  width: 14.3px;
  height: 26.74px;
  background: url(imgs/arrow-right.svg) center/contain no-repeat
}

.product-detail-txt {
  max-width: 495px;
  flex: none;
  padding-top: 40px;
  margin-left: 74.5px
}

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

  .product-detail-color__item,
  .product-detail-color__item figure {
    width: 337px;
    height: 440px
  }

  .product-detail-color .slick-next,
  .product-detail-color .slick-prev {
    width: 10.98px;
    height: 20.53px
  }

  .product-detail-color .slick-prev {
    left: 1px
  }

  .product-detail-color .slick-next {
    right: 5.5px
  }

  .product-detail-txt {
    margin-left: 0;
    padding: 0 20px
  }
}

.product-detail-txt-title {
  font-family: Lato, sans-serif;
  padding-bottom: 15.5px;
  border-bottom: 1px solid #000
}

.product-detail-txt-title__label {
  font-weight: 900;
  font-size: 16px;
  letter-spacing: .05em;
  line-height: 1.1875
}

@media screen and (max-width:375px) {
  .product-detail-txt-title__label {
    font-size: 15px;
    line-height: 1.2
  }
}

.product-detail-txt-title__name {
  font-weight: 900;
  display: inline-block;
  font-size: 36px;
  letter-spacing: .05em;
  line-height: 1.22222;
  margin-top: 1px;
  margin-right: 8px
}

@media screen and (max-width:375px) {
  .product-detail-txt-title__name {
    font-size: 34px;
    line-height: 1.20588
  }
}

.product-detail-txt-title__coll {
  font-weight: 300;
  display: inline-block;
  font-size: 29px;
  letter-spacing: .05em;
  line-height: 1.20689
}

@media screen and (max-width:375px) {
  .product-detail-txt-title__coll {
    font-size: 27px;
    line-height: 1.22222
  }
}

.product-detail-txt-price {
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 42px;
  border-bottom: 1px solid #000
}

.product-detail-txt-color {
  display: flex;
  font-family: Lato, sans-serif;
  border-bottom: 1px solid #000;
  padding-bottom: 23px
}

@media screen and (max-width:375px) {
  .product-detail-txt-color {
    padding-bottom: 14.16px
  }
}

.product-detail-txt-color__title {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  padding: 26.5px 0 0 2px
}

@media screen and (max-width:375px) {
  .product-detail-txt-color__title {
    padding: 18.5px 0 0 2px
  }
}

.product-detail-txt-color-list {
  list-style: none;
  padding: 11px 0 0 26.13px
}

.product-detail-txt-color-list__item {
  margin-top: 8px
}

.product-detail-txt-color-list__item-btn {
  display: inline-block;
  vertical-align: middle;
  width: 23.07px;
  height: 23.07px;
  line-height: 23.07px;
  border: 3px solid #000;
  border-radius: 50%
}

.product-detail-txt-color-list__item-name {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 23.07px;
  margin-left: 7px
}

@media screen and (max-width:375px) {
  .product-detail-txt-color-list {
    padding: 3px 0 0 20.37px
  }

  .product-detail-txt-color-list__item-name {
    font-size: 12px
  }
}

.product-detail-txt-color-list__item--active .product-detail-txt-color-list__item-name:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background: #000
}

.product-detail-txt-color-heading {
  margin-top: 10px;
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 23.07px
}

@media screen and (max-width:375px) {
  .product-detail-txt-color-heading {
    font-size: 12px
  }
}

.product-detail-txt-color-list__item+.product-detail-txt-color-heading {
  margin-top: 24px
}

.product-detail-txt-desc {
  font-family: Lato, sans-serif;
  font-weight: 300;
  padding: 19.24px 0 0 2px;
  min-height: 282px;
  line-height: 1.6;
  font-size: 15px
}

@media screen and (max-width:375px) {
  .product-detail-txt-desc {
    font-size: 12px;
    line-height: 1.41666;
    padding: 16px 0 0 2px;
    min-height: 81.73px
  }

  .product-detail-txt-btn {
    margin-top: 37px
  }

  .product-detail-txt-btn-wrap {
    text-align: center
  }
}

.product-detail-detail {
  margin-top: 158.92px
}

@media screen and (max-width:375px) {
  .product-detail-detail {
    margin-top: 98.92px;
    padding: 0 20px
  }
}

.product-detail-detail-contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 43px
}

.product-detail-detail-contents__item {
  padding: 15px 0
}

@media screen and (max-width:375px) {
  .product-detail-detail-contents {
    flex-direction: column;
    margin-top: 20px
  }

  .product-detail-detail-contents .flex-3 {
    order: 4;
    padding-top: 10px
  }

  .product-detail-detail-contents .flex-4 {
    order: 3;
    padding-top: 30px
  }
}

.product-detail-detail-img {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 50%;
  flex-basis: 50%
}

@media screen and (max-width:375px) {
  .product-detail-detail-img {
    max-width: initial;
    flex-basis: none;
    width: 100%
  }
}

.product-detail-detail-txt {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.875;
  max-width: 480px;
  min-height: 292.73px
}

.product-detail-spec {
  margin-top: 171px
}

@media screen and (max-width:375px) {
  .product-detail-detail-txt {
    font-size: 13px;
    max-width: initial;
    min-height: 0;
    line-height: 1.615384
  }

  .product-detail-spec {
    margin-top: 81.53px
  }
}

.product-detail-spec-table {
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  table-layout: auto;
  width: 100%;
  margin: 42px auto 0;
  text-align: center
}

.product-detail-spec-table tr {
  height: 58.5px;
  border-bottom: 1px solid #111
}

.product-detail-spec-table th {
  font-weight: 300;
  padding: 0 15px
}

.product-detail-spec-table td {
  padding: 10px 15px
}

.product-detail-spec-table__size {
  padding: 0 0 0 25.5px
}

.product-detail-spec-table__size p {
  line-height: 1.3;
  white-space: nowrap
}

.product-detail-spec-table__price {
  padding: 0 0 0 37.29px
}

@media screen and (max-width:375px) {
  .product-detail-spec-table {
    font-size: 13px;
    margin-top: 25px;
    margin-left: 20px
  }

  .product-detail-spec-table tr {
    height: 60px
  }

  .product-detail-spec-table-wrap {
    position: relative;
    display: block;
    width: 100%;
    overflow: scroll
  }
}

.product-detail-spec-arrow {
  background: url(imgs/arrow-right_2.svg) center/contain no-repeat;
  display: block;
  width: 55.7px;
  height: 6px;
  margin: 16px 19.5px 0 auto
}

.product-detail-spec-link {
  display: block;
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  margin-top: 26.08px
}

@media screen and (max-width:375px) {
  .product-detail-spec-link {
    font-size: 13px;
    margin-top: 26.2px
  }
}

.product-detail-spec-link p {
  position: relative;
  display: inline-block
}

.product-detail-spec-link p:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  left: 0;
  bottom: 2px
}

.product-detail-spec-btn-wrap {
  text-align: center;
  margin-top: 56px
}

@media screen and (max-width:375px) {
  .product-detail-spec-btn-wrap {
    margin-top: 24px
  }
}

.sac-modal-overlay {
  position: fixed;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0);
  pointer-events: none;
  transition: .5s
}

.sac-modal-open .sac-modal-overlay {
  z-index: 98;
  opacity: 1;
  background: rgba(0, 0, 0, .7);
  pointer-events: auto;
  transition: .5s
}

.sac-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: -1;
  transform: translate(-50%, -50%);
  background: #fff;
  margin: 0 30px;
  max-width: 900px;
  max-height: calc(100vh - 40px);
  width: 100%;
  pointer-events: none
}

.sac-modal-open .sac-modal {
  z-index: 99;
  opacity: 1;
  pointer-events: auto;
  transition: .5s
}

.sac-modal__heading {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-size: 20px
}

.sac-modal__sup {
  font-size: 13px;
  padding: 30px 0 0
}

.sac-modal-txt {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  padding: 38px 60px 20px
}

@media screen and (max-width:375px) {
  .sac-modal {
    margin: 0;
    max-width: calc(100% - 40px)
  }

  .sac-modal-txt {
    padding: 32px 28px 32px 36px
  }

  .sac-modal-flex {
    flex-direction: column
  }
}

.sac-modal-txt__inner {
  max-height: 50vh;
  overflow-y: scroll
}

.sac-modal-flex {
  font-family: Lato, sans-serif;
  font-weight: 300;
  margin-top: 20px;
  display: flex
}

.sac-modal-flex__column {
  width: 50%
}

.sac-modal-row th {
  font-weight: 300
}

.sac-modal-row__airline,
.sac-modal-row__size {
  padding: 1em
}

@media screen and (max-width:375px) {
  .sac-modal-flex__column {
    width: 100%
  }

  .sac-modal-row__size {
    width: 53.932%;
    box-sizing: content-box;
    padding: 1em 0 .5em 1em
  }

  .sac-modal-row__size--head {
    padding: 1em 1em .5em 0
  }
}

.sac-modal__close {
  display: block;
  width: 14px;
  height: 14px;
  background: url(imgs/cancel_b.svg) center/14px 14px no-repeat;
  margin: 25px auto 0;
  padding: 20px;
  cursor: pointer
}

@media screen and (max-width:375px) {
  .sac-modal__close {
    padding: 15px;
    margin-top: 30px
  }
}

.product-detail-other {
  margin-top: 181.92px;
  padding-bottom: 40.88px
}

@media screen and (max-width:375px) {
  .product-detail-other {
    margin-top: 99.92px;
    margin-bottom: -7.73px;
    padding-bottom: 0
  }
}

.products-main {
  margin-top: 58px
}

.products-main-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 48px 0 23px;
  margin-top: -48px
}

@media screen and (max-width:375px) {
  .products-main-item {
    flex-direction: column;
    padding: 0 19px;
    margin-top: 36.73px
  }
}

.products-main-item:first-child {
  margin-top: 0
}

.products-main-item:nth-child(2n) {
  flex-direction: row-reverse;
  padding: 0 23px 0 48px
}

@media screen and (max-width:375px) {
  .products-main-item:nth-child(2n) {
    flex-direction: column;
    padding: 0 19px;
    margin-top: 36.73px
  }
}

.products-main-item__img {
  width: 400px;
  height: 525px;
  flex: none;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.products-main-item-txt {
  font-family: Lato, sans-serif;
  max-width: 473.17px;
  margin-left: 32px
}

.products-main-item-txt__label {
  font-weight: 900;
  font-size: 18px;
  letter-spacing: .05em;
  line-height: 1.22222
}

@media screen and (max-width:375px) {
  .products-main-item__img {
    width: 100%;
    height: 440px
  }

  .products-main-item-txt {
    margin: 0
  }

  .products-main-item-txt__label {
    font-size: 15px;
    line-height: 1.2
  }
}

.products-main-item-txt__name {
  display: inline-block;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: .05em;
  line-height: 1.22222;
  margin-top: 5px;
  margin-right: 8px
}

@media screen and (max-width:375px) {
  .products-main-item-txt__name {
    font-size: 34px;
    line-height: 1.2058;
    margin-top: 0
  }
}

.products-main-item-txt__coll {
  display: inline-block;
  font-size: 29px;
  font-weight: 300;
  letter-spacing: .05em
}

@media screen and (max-width:375px) {
  .products-main-item-txt__coll {
    font-size: 27px;
    line-height: 1.2
  }
}

.products-main-item-txt__desc {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.142857;
  margin-top: 9px
}

@media screen and (max-width:375px) {
  .products-main-item-txt__desc {
    font-size: 12px;
    line-height: 1.416666;
    margin-top: 5px
  }
}

.products-main-item-txt__more {
  text-align: left !important;
  margin-top: 24px
}

.products-main-item-txt__more .view-more {
  font-size: 13px
}

.products-main-item-txt__more .view-more:before {
  height: 1px
}

.products-main-item-txt__more .view-more:after {
  height: 1px;
  bottom: 1px
}

@media screen and (max-width:375px) {
  .products-main-item-txt__more {
    margin-top: 9px
  }

  .products-main-item-txt__more .view-more:after {
    bottom: 0
  }
}

.products {
  margin-top: 166px
}

@media screen and (max-width:375px) {
  .products {
    margin-top: 139px
  }

  .products--features {
    margin-top: 92px
  }
}

.products-contents {
  display: flex;
  justify-content: center;
  margin: 29px -18.5px 0
}

@media screen and (max-width:375px) {
  .products-contents {
    flex-direction: column;
    margin: 23px 0 0
  }
}

.products-contents-item {
  margin: 0 18.5px
}

.products-contents-item__img {
  width: 251px;
  height: 329px;
  background-size: contain;
  background-position: center
}

@media screen and (max-width:375px) {
  .products-contents-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 29px
  }

  .products-contents-item__img {
    width: 113.82px;
    height: 149.18px
  }

  .products-contents-item__title {
    flex-grow: 2
  }
}

.products-contents-item__img:hover {
  opacity: .6
}

.products-contents-item__title {
  font-family: Lato, sans-serif;
  text-align: center;
  margin-top: 1px
}

.products-contents-item__title h4 {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.19;
  letter-spacing: .05em
}

.products-contents-item__title h6 {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.235;
  letter-spacing: .05em
}

.products-view-more {
  margin-top: 63px
}

@media screen and (max-width:375px) {
  .products-view-more {
    margin-top: 32.82px
  }
}

.shop-list-main {
  margin-top: 135px;
  padding-bottom: 15.92px
}

@media screen and (max-width:375px) {
  .shop-list-main {
    margin-top: 88px;
    margin-bottom: -36.6px;
    padding-bottom: 0
  }
}

.shop-list-main-txt {
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  text-align: center
}

.shop-list-main-btn-wrap {
  margin-top: 31px;
  text-align: center
}

.top-gallery {
  margin-top: 96px
}

.top-gallery--features {
  margin-top: 173.06px
}

.top-gallery-img {
  width: 100%;
  height: 125.82px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

@media screen and (max-width:375px) {
  .top-gallery--features {
    margin-top: 108.8px
  }

  .top-gallery-img {
    height: 98.09px
  }
}

.top-news {
  margin-top: 160px
}

@media screen and (max-width:375px) {
  .top-news {
    margin-top: 152px
  }
}

.top-news-list {
  display: block;
  width: 100%;
  padding: 0 68px;
  margin-top: 70px
}

.top-news-list-item {
  position: relative;
  font-family: Lato, sans-serif
}

@media screen and (max-width:375px) {
  .top-news-list {
    padding: 0;
    margin-top: 59px
  }

  .top-news-list-item {
    margin-top: 44px
  }
}

.top-news-list-item__date {
  font-family: Lato-SemiBold, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  width: 118px;
  vertical-align: top;
  padding-top: 4px
}

.top-news-list-item__img {
  width: 200px;
  height: 132px;
  vertical-align: top;
  margin-top: 6px;
  margin-bottom: 57px;
  box-sizing: border-box;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

@media screen and (max-width:375px) {
  .top-news-list-item__date {
    padding: 0
  }

  .top-news-list-item__img {
    width: 209px;
    height: 139px;
    margin-top: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0
  }

  .top-news-list-item__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0))
  }
}

.top-news-list-item__title {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.875;
  letter-spacing: .05em;
  margin-top: 2px
}

.top-news-list-item__txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.785;
  margin-top: 4px;
  overflow: hidden;
  transition: .4s cubic-bezier(.26, 1, .72, .97)
}

.top-news-list-item--open .top-news-list-item__txt {
  transition: .6s cubic-bezier(.26, 1, .72, .97)
}

.top-news-list-item__txt p {
  margin-top: 1.6em
}

.top-news-list-item__txt p:first-child {
  margin-top: 0
}

@media screen and (max-width:375px) {
  .top-news-list-item__title {
    margin-top: 4px
  }

  .top-news-list-item__txt {
    font-size: 12px;
    line-height: 1.4166;
    margin-top: 14px
  }
}

.top-news-list-item__more {
  position: relative;
  font-size: 14px;
  font-weight: 900;
  line-height: 2.142;
  letter-spacing: .05em;
  margin-top: 6px
}

.top-news-list-item__more:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000;
  left: 0;
  bottom: 4px
}

.top-news-list-item--open .top-news-list-item__more .more,
.top-news-list-item__more .close {
  display: none
}

.top-news-list-item--open .top-news-list-item__more .close {
  display: block
}

.top-news-list-item__more:hover:after {
  animation-name: hline;
  animation-duration: .6s
}

.top-news-list-item .v-top {
  vertical-align: top
}

.top-news-list-item-contents {
  padding: 0 0 0 23px;
  vertical-align: top
}

.top-news-list-item--open .top-news-list-item-contents {
  padding-bottom: 54px
}

@media screen and (max-width:375px) {
  .top-news-list-item__more {
    margin-top: 12px
  }

  .top-news-list-item-contents {
    position: relative;
    z-index: 2;
    padding: 34px 0 0;
    margin: 0 18px 0 auto;
    width: 219px
  }

  .top-news-list-item--open .top-news-list-item-contents {
    padding-bottom: 0
  }
}

.fe-product-image {
  width: 500px;
  height: 600px;
  background: 0 0;
  margin-right: 50px;
  overflow: hidden
}

.fe-product-image-circle {
  position: absolute;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
  border: 3px solid #fb0;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  z-index: 10
}

.fe-product-image-box,
.fe-product-image-box div,
.fe-product-image-circle {
  -webkit-transition: 1s cubic-bezier(.62, .015, 0, 1);
  -moz-transition: 1s cubic-bezier(.62, .015, 0, 1);
  -o-transition: 1s cubic-bezier(.62, .015, 0, 1);
  transition: 1s cubic-bezier(.62, .015, 0, 1)
}

.fe-product-image-box {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  transform-origin: center center
}

.fe-product-image-box div {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center
}

.fe-product-image-box div.fe-product-image-box_1 {
  background-image: url(imgs/features/1.jpg);
  top: 25%;
  left: 20%;
  width: 60%;
  height: 50%
}

.fe-product-image-box div.fe-product-image-box_2 {
  background-image: url(imgs/features/2.jpg);
  top: -3%;
  left: 5%;
  width: 90%;
  height: 90%;
  opacity: 0
}

.fe-product-image-box div.fe-product-image-box_3 {
  background-image: url(imgs/features/3.jpg);
  top: 28%;
  left: 30%;
  width: 25%;
  height: 30%;
  opacity: 0
}

.fe-product-image-box div.fe-product-image-box_4 {
  background-image: url(imgs/features/4.jpg);
  top: 20%;
  left: 5%;
  width: 90%;
  height: 60%;
  opacity: 0
}

.fe-product-image-box div.fe-product-image-box_5 {
  background-image: url(imgs/features/5.jpg);
  top: 25%;
  left: 50%;
  width: 30%;
  height: 50%;
  opacity: 0
}

[fe_num="0"] .fe-product-image-box {
  transform: translate(-.15%, 30%) scale(1.3)
}

[fe_num="0"] .fe-product-image-box div.fe-product-image-box_2 {
  opacity: 1
}

[fe_num="0"] .fe-product-image-circle {
  transform: translate(0, -60%) scale(1.5)
}

[fe_num="1"] .fe-product-image-box {
  transform: translate(13%, 18%) scale(2.6)
}

[fe_num="1"] .fe-product-image-box div.fe-product-image-box_3 {
  opacity: 1
}

[fe_num="1"] .fe-product-image-circle {
  transform: translate(50%, -20%) scale(1.3)
}

[fe_num="2"] .fe-product-image-box {
  transform: translate(0, 0) scale(1)
}

[fe_num="2"] .fe-product-image-circle {
  transform: translate(0, 0) scale(1.5)
}

[fe_num="3"] .fe-product-image-box {
  transform: translate(0, 0) scale(2)
}

[fe_num="3"] .fe-product-image-circle {
  transform: translate(0, 0) scale(1)
}

[fe_num="4"] .fe-product-image-box {
  transform: translate(-30%, 0) scale(2)
}

[fe_num="4"] .fe-product-image-box div.fe-product-image-box_5 {
  opacity: 1
}

[fe_num="4"] .fe-product-image-circle {
  transform: translate(-16%, 20%) scale(1.2)
}

[fe_num="5"] .fe-product-image-box {
  transform: translate(0, 0) scale(.8)
}

[fe_num="5"] .fe-product-image-box div.fe-product-image-box_4 {
  opacity: 1
}

[fe_num="5"] .fe-product-image-circle {
  transform: translate(0, 0) scale(2)
}

[fe_num="6"] .fe-product-image-box {
  transform: translate(-27%, 0) scale(1.7)
}

[fe_num="6"] .fe-product-image-box div.fe-product-image-box_4 {
  opacity: 1
}

[fe_num="6"] .fe-product-image-circle {
  transform: translate(0, 0) scale(1)
}

[fe_num="7"] .fe-product-image-box {
  transform: translate(18%, 18%) scale(2.8)
}

[fe_num="7"] .fe-product-image-box div.fe-product-image-box_3 {
  opacity: 1
}

[fe_num="7"] .fe-product-image-circle {
  transform: translate(-27%, -7%) scale(1.3)
}

[fe_num="8"] .fe-product-image-box {
  transform: translate(10%, -28%) scale(1.6)
}

[fe_num="8"] .fe-product-image-circle {
  transform: translate(-23%, -7%) scale(1.6)
}

@media screen and (max-width:375px) {
  .fe-product-image {
    width: 300px;
    height: 360px;
    margin: 0 auto 40px
  }

  .fe-product-image-circle {
    position: absolute;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    border-width: 2px
  }
}

.view-more {
  position: relative;
  display: inline-block;
  font-family: Lato-SemiBold, sans-serif;
  font-size: 17px;
  letter-spacing: .05em;
  line-height: 1.235;
  padding-bottom: 6px
}

.view-more:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #000;
  bottom: 4px;
  left: 0
}

@media screen and (max-width:375px) {
  .view-more {
    font-size: 15px;
    line-height: 1.2
  }

  .view-more:before {
    bottom: 3px
  }
}

.view-more:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #000;
  bottom: 0;
  left: 0
}

.view-more:hover:after,
.view-more:hover:before {
  animation-name: hline;
  animation-duration: .6s
}

@keyframes hline {
  0% {
    width: 100%;
    left: auto;
    right: 0
  }

  20% {
    width: 0;
    left: auto;
    right: 0
  }

  80% {
    width: 0;
    right: auto;
    left: 0
  }

  100% {
    width: 100%;
    right: auto;
    left: 0
  }
}

.view-more-wrap {
  text-align: center
}

.orange-btn {
  display: inline-block;
  color: #fb0;
  border: 1px solid #fb0;
  width: 217.5px;
  height: 39.08px;
  line-height: 36px;
  text-align: center;
  transition: .2s
}

.orange-btn:hover {
  background: #fb0;
  color: #fff;
  transition: .4s
}

.heading {
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 31px;
  line-height: 1.2666;
  letter-spacing: .05em;
  margin: 0 auto;
  text-align: center
}

@media screen and (max-width:375px) {
  .view-more:after {
    bottom: -1px
  }

  .heading {
    font-size: 27px;
    line-height: 1.2222
  }
}

.heading--gallery {
  font-size: 26px;
  line-height: 41px
}

@media screen and (max-width:375px) {
  .heading--gallery {
    font-size: 23px;
    line-height: 33px
  }
}

.heading--l {
  font-size: 36px;
  line-height: 1.2222
}

@media screen and (max-width:375px) {
  .heading--l {
    font-size: 27px
  }

  .heading--s {
    font-size: 30px
  }
}

.heading--s {
  font-size: 30px;
  letter-spacing: 0;
  line-height: 1.2222
}

.global-menu-btn {
  position: fixed;
  z-index: 10;
  right: 30.5px;
  bottom: 27.5px
}

@media screen and (max-width:375px) {
  .global-menu-btn {
    right: 19.5px;
    bottom: 24.5px
  }
}

.global-menu-btn__inner {
  position: relative;
  width: 18px;
  height: 10px
}

.global-menu-btn__bar {
  position: absolute;
  background: #000;
  left: 0;
  width: 100%;
  height: 2px
}

.global-menu-btn__bar:nth-child(1) {
  top: 0
}

.global-menu-btn__bar:nth-child(2) {
  top: calc(50% - 1px)
}

.global-menu-btn__bar:nth-child(3) {
  bottom: 0
}

.global-overlay {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 120vh;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}

.global-menu {
  position: fixed;
  width: 179px;
  height: 100vh;
  top: 0;
  right: 0;
  z-index: 52;
  background: #fff;
  transform: translateX(200%);
  transition: .3s;
  text-align: center
}

.global-menu__instagram {
  display: block;
  width: 28.43px;
  height: 28.43px;
  margin: 30px auto 0
}

.global-menu__close {
  position: absolute;
  bottom: 25.14px;
  right: 33.14px;
  width: 12.73px;
  height: 12.73px;
  background: url(imgs/cancel_b.svg) center/contain no-repeat
}

.global-menu-head {
  height: 80px;
  background: #fb0
}

.global-menu-nav {
  list-style: none;
  text-align: center;
  margin: 148px auto 0;
  padding: 0
}

@media screen and (max-width:375px) {
  .global-menu__close {
    bottom: 22.14px;
    right: 22.14px
  }

  .global-menu-head {
    height: 58px
  }

  .global-menu-nav {
    margin-top: 70px
  }
}

.global-menu-nav__item {
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 16px;
  color: #000;
  line-height: 1.1875;
  letter-spacing: .05em;
  margin-top: 25.08px
}

.global-menu-nav__item:hover {
  opacity: .6
}

.gm-open .global-menu {
  transform: none;
  transition: .6s
}

.gm-open .global-overlay {
  z-index: 51;
  opacity: 0;
  pointer-events: auto
}

.gallery-overlay {
  position: fixed;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0);
  pointer-events: none;
  transition: .5s
}

.gallery-modal-open .gallery-overlay {
  z-index: 98;
  opacity: 1;
  background: rgba(0, 0, 0, .5);
  pointer-events: auto;
  transition: .5s
}

.gallery-modal-img {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: .8s;
  max-width: calc(100% - 28px);
  max-height: calc(100% - 28px)
}

.gallery-modal-open .gallery-modal-img {
  z-index: 99;
  opacity: 1;
  transition: 1s
}

@media screen and (min-width:376px) {

  .gallery-modal-img,
  .gallery-overlay {
    display: none
  }
}