@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600;700&display=swap");
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left;
  text-decoration: none;
}

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

html {
  overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

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

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

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

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

a:focus {
  outline: none;
}

a, span, small, strong, em {
  color: inherit;
  font-weight: inherit;
}

.loader {
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  z-index: 9999;
  opacity: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: 0.5s opacity ease;
  -o-transition: 0.5s opacity ease;
  transition: 0.5s opacity ease;
  background-color: #fff;
  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;
}
.loader__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 110px;
          flex: 0 0 110px;
  width: 110px;
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}

@media screen and (min-width: 901px) {
  .display-none-pc {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .display-none-smt {
    display: none;
  }
}
.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
  white-space: nowrap;
}

.block {
  display: block;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pd-y-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pd-x-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mg-y-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mg-x-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pd-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pd-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mg-y-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mg-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pd-y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pd-x-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mg-y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mg-x-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pd-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pd-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mg-y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mg-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pd-y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pd-x-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mg-y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mg-x-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pd-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pd-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mg-y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mg-x-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pd-y-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pd-x-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mg-y-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mg-x-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pd-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pd-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mg-y-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mg-x-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pd-y-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pd-x-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mg-y-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mg-x-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pd-y-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pd-x-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mg-y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mg-x-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.pd-y-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pd-x-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mg-y-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mg-x-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pd-y-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pd-x-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mg-y-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mg-x-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.pd-y-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.pd-x-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.mg-y-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mg-x-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pd-y-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pd-x-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mg-y-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mg-x-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.pd-y-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.pd-x-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mg-y-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mg-x-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pd-y-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pd-x-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mg-y-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mg-x-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.pd-y-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.pd-x-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.mg-y-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mg-x-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pd-y-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pd-x-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mg-y-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mg-x-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.pd-y-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.pd-x-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.mg-y-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mg-x-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pd-y-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pd-x-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mg-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mg-x-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pr-105 {
  padding-right: 105px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pl-105 {
  padding-left: 105px;
}

.pd-y-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.pd-x-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.mt-105 {
  margin-top: 105px;
}

.mr-105 {
  margin-right: 105px;
}

.mb-105 {
  margin-bottom: 105px;
}

.ml-105 {
  margin-left: 105px;
}

.mg-y-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.mg-x-105 {
  margin-left: 105px;
  margin-right: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pr-110 {
  padding-right: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.pd-y-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.pd-x-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.mt-110 {
  margin-top: 110px;
}

.mr-110 {
  margin-right: 110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.ml-110 {
  margin-left: 110px;
}

.mg-y-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mg-x-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pr-115 {
  padding-right: 115px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pl-115 {
  padding-left: 115px;
}

.pd-y-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.pd-x-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.mt-115 {
  margin-top: 115px;
}

.mr-115 {
  margin-right: 115px;
}

.mb-115 {
  margin-bottom: 115px;
}

.ml-115 {
  margin-left: 115px;
}

.mg-y-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.mg-x-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pd-y-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pd-x-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mg-y-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mg-x-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pr-125 {
  padding-right: 125px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pl-125 {
  padding-left: 125px;
}

.pd-y-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

.pd-x-125 {
  padding-left: 125px;
  padding-right: 125px;
}

.mt-125 {
  margin-top: 125px;
}

.mr-125 {
  margin-right: 125px;
}

.mb-125 {
  margin-bottom: 125px;
}

.ml-125 {
  margin-left: 125px;
}

.mg-y-125 {
  margin-top: 125px;
  margin-bottom: 125px;
}

.mg-x-125 {
  margin-left: 125px;
  margin-right: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pr-130 {
  padding-right: 130px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pl-130 {
  padding-left: 130px;
}

.pd-y-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.pd-x-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.mt-130 {
  margin-top: 130px;
}

.mr-130 {
  margin-right: 130px;
}

.mb-130 {
  margin-bottom: 130px;
}

.ml-130 {
  margin-left: 130px;
}

.mg-y-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.mg-x-130 {
  margin-left: 130px;
  margin-right: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pr-135 {
  padding-right: 135px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pl-135 {
  padding-left: 135px;
}

.pd-y-135 {
  padding-top: 135px;
  padding-bottom: 135px;
}

.pd-x-135 {
  padding-left: 135px;
  padding-right: 135px;
}

.mt-135 {
  margin-top: 135px;
}

.mr-135 {
  margin-right: 135px;
}

.mb-135 {
  margin-bottom: 135px;
}

.ml-135 {
  margin-left: 135px;
}

.mg-y-135 {
  margin-top: 135px;
  margin-bottom: 135px;
}

.mg-x-135 {
  margin-left: 135px;
  margin-right: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pr-140 {
  padding-right: 140px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pl-140 {
  padding-left: 140px;
}

.pd-y-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pd-x-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.mt-140 {
  margin-top: 140px;
}

.mr-140 {
  margin-right: 140px;
}

.mb-140 {
  margin-bottom: 140px;
}

.ml-140 {
  margin-left: 140px;
}

.mg-y-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.mg-x-140 {
  margin-left: 140px;
  margin-right: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pr-145 {
  padding-right: 145px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pl-145 {
  padding-left: 145px;
}

.pd-y-145 {
  padding-top: 145px;
  padding-bottom: 145px;
}

.pd-x-145 {
  padding-left: 145px;
  padding-right: 145px;
}

.mt-145 {
  margin-top: 145px;
}

.mr-145 {
  margin-right: 145px;
}

.mb-145 {
  margin-bottom: 145px;
}

.ml-145 {
  margin-left: 145px;
}

.mg-y-145 {
  margin-top: 145px;
  margin-bottom: 145px;
}

.mg-x-145 {
  margin-left: 145px;
  margin-right: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pr-150 {
  padding-right: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pl-150 {
  padding-left: 150px;
}

.pd-y-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pd-x-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.mt-150 {
  margin-top: 150px;
}

.mr-150 {
  margin-right: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.ml-150 {
  margin-left: 150px;
}

.mg-y-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.mg-x-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pr-155 {
  padding-right: 155px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pl-155 {
  padding-left: 155px;
}

.pd-y-155 {
  padding-top: 155px;
  padding-bottom: 155px;
}

.pd-x-155 {
  padding-left: 155px;
  padding-right: 155px;
}

.mt-155 {
  margin-top: 155px;
}

.mr-155 {
  margin-right: 155px;
}

.mb-155 {
  margin-bottom: 155px;
}

.ml-155 {
  margin-left: 155px;
}

.mg-y-155 {
  margin-top: 155px;
  margin-bottom: 155px;
}

.mg-x-155 {
  margin-left: 155px;
  margin-right: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pr-160 {
  padding-right: 160px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pl-160 {
  padding-left: 160px;
}

.pd-y-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.pd-x-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.mt-160 {
  margin-top: 160px;
}

.mr-160 {
  margin-right: 160px;
}

.mb-160 {
  margin-bottom: 160px;
}

.ml-160 {
  margin-left: 160px;
}

.mg-y-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mg-x-160 {
  margin-left: 160px;
  margin-right: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pr-165 {
  padding-right: 165px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pl-165 {
  padding-left: 165px;
}

.pd-y-165 {
  padding-top: 165px;
  padding-bottom: 165px;
}

.pd-x-165 {
  padding-left: 165px;
  padding-right: 165px;
}

.mt-165 {
  margin-top: 165px;
}

.mr-165 {
  margin-right: 165px;
}

.mb-165 {
  margin-bottom: 165px;
}

.ml-165 {
  margin-left: 165px;
}

.mg-y-165 {
  margin-top: 165px;
  margin-bottom: 165px;
}

.mg-x-165 {
  margin-left: 165px;
  margin-right: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pr-170 {
  padding-right: 170px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pl-170 {
  padding-left: 170px;
}

.pd-y-170 {
  padding-top: 170px;
  padding-bottom: 170px;
}

.pd-x-170 {
  padding-left: 170px;
  padding-right: 170px;
}

.mt-170 {
  margin-top: 170px;
}

.mr-170 {
  margin-right: 170px;
}

.mb-170 {
  margin-bottom: 170px;
}

.ml-170 {
  margin-left: 170px;
}

.mg-y-170 {
  margin-top: 170px;
  margin-bottom: 170px;
}

.mg-x-170 {
  margin-left: 170px;
  margin-right: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pr-175 {
  padding-right: 175px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pl-175 {
  padding-left: 175px;
}

.pd-y-175 {
  padding-top: 175px;
  padding-bottom: 175px;
}

.pd-x-175 {
  padding-left: 175px;
  padding-right: 175px;
}

.mt-175 {
  margin-top: 175px;
}

.mr-175 {
  margin-right: 175px;
}

.mb-175 {
  margin-bottom: 175px;
}

.ml-175 {
  margin-left: 175px;
}

.mg-y-175 {
  margin-top: 175px;
  margin-bottom: 175px;
}

.mg-x-175 {
  margin-left: 175px;
  margin-right: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pr-180 {
  padding-right: 180px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pl-180 {
  padding-left: 180px;
}

.pd-y-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.pd-x-180 {
  padding-left: 180px;
  padding-right: 180px;
}

.mt-180 {
  margin-top: 180px;
}

.mr-180 {
  margin-right: 180px;
}

.mb-180 {
  margin-bottom: 180px;
}

.ml-180 {
  margin-left: 180px;
}

.mg-y-180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.mg-x-180 {
  margin-left: 180px;
  margin-right: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pr-185 {
  padding-right: 185px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pl-185 {
  padding-left: 185px;
}

.pd-y-185 {
  padding-top: 185px;
  padding-bottom: 185px;
}

.pd-x-185 {
  padding-left: 185px;
  padding-right: 185px;
}

.mt-185 {
  margin-top: 185px;
}

.mr-185 {
  margin-right: 185px;
}

.mb-185 {
  margin-bottom: 185px;
}

.ml-185 {
  margin-left: 185px;
}

.mg-y-185 {
  margin-top: 185px;
  margin-bottom: 185px;
}

.mg-x-185 {
  margin-left: 185px;
  margin-right: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pr-190 {
  padding-right: 190px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pl-190 {
  padding-left: 190px;
}

.pd-y-190 {
  padding-top: 190px;
  padding-bottom: 190px;
}

.pd-x-190 {
  padding-left: 190px;
  padding-right: 190px;
}

.mt-190 {
  margin-top: 190px;
}

.mr-190 {
  margin-right: 190px;
}

.mb-190 {
  margin-bottom: 190px;
}

.ml-190 {
  margin-left: 190px;
}

.mg-y-190 {
  margin-top: 190px;
  margin-bottom: 190px;
}

.mg-x-190 {
  margin-left: 190px;
  margin-right: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pr-195 {
  padding-right: 195px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pl-195 {
  padding-left: 195px;
}

.pd-y-195 {
  padding-top: 195px;
  padding-bottom: 195px;
}

.pd-x-195 {
  padding-left: 195px;
  padding-right: 195px;
}

.mt-195 {
  margin-top: 195px;
}

.mr-195 {
  margin-right: 195px;
}

.mb-195 {
  margin-bottom: 195px;
}

.ml-195 {
  margin-left: 195px;
}

.mg-y-195 {
  margin-top: 195px;
  margin-bottom: 195px;
}

.mg-x-195 {
  margin-left: 195px;
  margin-right: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pr-200 {
  padding-right: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pl-200 {
  padding-left: 200px;
}

.pd-y-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.pd-x-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.mt-200 {
  margin-top: 200px;
}

.mr-200 {
  margin-right: 200px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-200 {
  margin-left: 200px;
}

.mg-y-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.mg-x-200 {
  margin-left: 200px;
  margin-right: 200px;
}

@media screen and (min-width: 901px) {
  .pt-5--pc {
    padding-top: 5px;
  }

  .pr-5--pc {
    padding-right: 5px;
  }

  .pb-5--pc {
    padding-bottom: 5px;
  }

  .pl-5--pc {
    padding-left: 5px;
  }

  .pd-y-5--pc {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pd-x-5--pc {
    padding-left: 5px;
    padding-right: 5px;
  }

  .mt-5--pc {
    margin-top: 5px;
  }

  .mr-5--pc {
    margin-right: 5px;
  }

  .mb-5--pc {
    margin-bottom: 5px;
  }

  .ml-5--pc {
    margin-left: 5px;
  }

  .mg-y-5--pc {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mg-x-5--pc {
    margin-left: 5px;
    margin-right: 5px;
  }

  .pt-10--pc {
    padding-top: 10px;
  }

  .pr-10--pc {
    padding-right: 10px;
  }

  .pb-10--pc {
    padding-bottom: 10px;
  }

  .pl-10--pc {
    padding-left: 10px;
  }

  .pd-y-10--pc {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .pd-x-10--pc {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mt-10--pc {
    margin-top: 10px;
  }

  .mr-10--pc {
    margin-right: 10px;
  }

  .mb-10--pc {
    margin-bottom: 10px;
  }

  .ml-10--pc {
    margin-left: 10px;
  }

  .mg-y-10--pc {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mg-x-10--pc {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pt-15--pc {
    padding-top: 15px;
  }

  .pr-15--pc {
    padding-right: 15px;
  }

  .pb-15--pc {
    padding-bottom: 15px;
  }

  .pl-15--pc {
    padding-left: 15px;
  }

  .pd-y-15--pc {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .pd-x-15--pc {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-15--pc {
    margin-top: 15px;
  }

  .mr-15--pc {
    margin-right: 15px;
  }

  .mb-15--pc {
    margin-bottom: 15px;
  }

  .ml-15--pc {
    margin-left: 15px;
  }

  .mg-y-15--pc {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mg-x-15--pc {
    margin-left: 15px;
    margin-right: 15px;
  }

  .pt-20--pc {
    padding-top: 20px;
  }

  .pr-20--pc {
    padding-right: 20px;
  }

  .pb-20--pc {
    padding-bottom: 20px;
  }

  .pl-20--pc {
    padding-left: 20px;
  }

  .pd-y-20--pc {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pd-x-20--pc {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mt-20--pc {
    margin-top: 20px;
  }

  .mr-20--pc {
    margin-right: 20px;
  }

  .mb-20--pc {
    margin-bottom: 20px;
  }

  .ml-20--pc {
    margin-left: 20px;
  }

  .mg-y-20--pc {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mg-x-20--pc {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pt-25--pc {
    padding-top: 25px;
  }

  .pr-25--pc {
    padding-right: 25px;
  }

  .pb-25--pc {
    padding-bottom: 25px;
  }

  .pl-25--pc {
    padding-left: 25px;
  }

  .pd-y-25--pc {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .pd-x-25--pc {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mt-25--pc {
    margin-top: 25px;
  }

  .mr-25--pc {
    margin-right: 25px;
  }

  .mb-25--pc {
    margin-bottom: 25px;
  }

  .ml-25--pc {
    margin-left: 25px;
  }

  .mg-y-25--pc {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mg-x-25--pc {
    margin-left: 25px;
    margin-right: 25px;
  }

  .pt-30--pc {
    padding-top: 30px;
  }

  .pr-30--pc {
    padding-right: 30px;
  }

  .pb-30--pc {
    padding-bottom: 30px;
  }

  .pl-30--pc {
    padding-left: 30px;
  }

  .pd-y-30--pc {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pd-x-30--pc {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mt-30--pc {
    margin-top: 30px;
  }

  .mr-30--pc {
    margin-right: 30px;
  }

  .mb-30--pc {
    margin-bottom: 30px;
  }

  .ml-30--pc {
    margin-left: 30px;
  }

  .mg-y-30--pc {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mg-x-30--pc {
    margin-left: 30px;
    margin-right: 30px;
  }

  .pt-35--pc {
    padding-top: 35px;
  }

  .pr-35--pc {
    padding-right: 35px;
  }

  .pb-35--pc {
    padding-bottom: 35px;
  }

  .pl-35--pc {
    padding-left: 35px;
  }

  .pd-y-35--pc {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .pd-x-35--pc {
    padding-left: 35px;
    padding-right: 35px;
  }

  .mt-35--pc {
    margin-top: 35px;
  }

  .mr-35--pc {
    margin-right: 35px;
  }

  .mb-35--pc {
    margin-bottom: 35px;
  }

  .ml-35--pc {
    margin-left: 35px;
  }

  .mg-y-35--pc {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mg-x-35--pc {
    margin-left: 35px;
    margin-right: 35px;
  }

  .pt-40--pc {
    padding-top: 40px;
  }

  .pr-40--pc {
    padding-right: 40px;
  }

  .pb-40--pc {
    padding-bottom: 40px;
  }

  .pl-40--pc {
    padding-left: 40px;
  }

  .pd-y-40--pc {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pd-x-40--pc {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mt-40--pc {
    margin-top: 40px;
  }

  .mr-40--pc {
    margin-right: 40px;
  }

  .mb-40--pc {
    margin-bottom: 40px;
  }

  .ml-40--pc {
    margin-left: 40px;
  }

  .mg-y-40--pc {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mg-x-40--pc {
    margin-left: 40px;
    margin-right: 40px;
  }

  .pt-45--pc {
    padding-top: 45px;
  }

  .pr-45--pc {
    padding-right: 45px;
  }

  .pb-45--pc {
    padding-bottom: 45px;
  }

  .pl-45--pc {
    padding-left: 45px;
  }

  .pd-y-45--pc {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .pd-x-45--pc {
    padding-left: 45px;
    padding-right: 45px;
  }

  .mt-45--pc {
    margin-top: 45px;
  }

  .mr-45--pc {
    margin-right: 45px;
  }

  .mb-45--pc {
    margin-bottom: 45px;
  }

  .ml-45--pc {
    margin-left: 45px;
  }

  .mg-y-45--pc {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .mg-x-45--pc {
    margin-left: 45px;
    margin-right: 45px;
  }

  .pt-50--pc {
    padding-top: 50px;
  }

  .pr-50--pc {
    padding-right: 50px;
  }

  .pb-50--pc {
    padding-bottom: 50px;
  }

  .pl-50--pc {
    padding-left: 50px;
  }

  .pd-y-50--pc {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .pd-x-50--pc {
    padding-left: 50px;
    padding-right: 50px;
  }

  .mt-50--pc {
    margin-top: 50px;
  }

  .mr-50--pc {
    margin-right: 50px;
  }

  .mb-50--pc {
    margin-bottom: 50px;
  }

  .ml-50--pc {
    margin-left: 50px;
  }

  .mg-y-50--pc {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .mg-x-50--pc {
    margin-left: 50px;
    margin-right: 50px;
  }

  .pt-55--pc {
    padding-top: 55px;
  }

  .pr-55--pc {
    padding-right: 55px;
  }

  .pb-55--pc {
    padding-bottom: 55px;
  }

  .pl-55--pc {
    padding-left: 55px;
  }

  .pd-y-55--pc {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .pd-x-55--pc {
    padding-left: 55px;
    padding-right: 55px;
  }

  .mt-55--pc {
    margin-top: 55px;
  }

  .mr-55--pc {
    margin-right: 55px;
  }

  .mb-55--pc {
    margin-bottom: 55px;
  }

  .ml-55--pc {
    margin-left: 55px;
  }

  .mg-y-55--pc {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .mg-x-55--pc {
    margin-left: 55px;
    margin-right: 55px;
  }

  .pt-60--pc {
    padding-top: 60px;
  }

  .pr-60--pc {
    padding-right: 60px;
  }

  .pb-60--pc {
    padding-bottom: 60px;
  }

  .pl-60--pc {
    padding-left: 60px;
  }

  .pd-y-60--pc {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pd-x-60--pc {
    padding-left: 60px;
    padding-right: 60px;
  }

  .mt-60--pc {
    margin-top: 60px;
  }

  .mr-60--pc {
    margin-right: 60px;
  }

  .mb-60--pc {
    margin-bottom: 60px;
  }

  .ml-60--pc {
    margin-left: 60px;
  }

  .mg-y-60--pc {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .mg-x-60--pc {
    margin-left: 60px;
    margin-right: 60px;
  }

  .pt-65--pc {
    padding-top: 65px;
  }

  .pr-65--pc {
    padding-right: 65px;
  }

  .pb-65--pc {
    padding-bottom: 65px;
  }

  .pl-65--pc {
    padding-left: 65px;
  }

  .pd-y-65--pc {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .pd-x-65--pc {
    padding-left: 65px;
    padding-right: 65px;
  }

  .mt-65--pc {
    margin-top: 65px;
  }

  .mr-65--pc {
    margin-right: 65px;
  }

  .mb-65--pc {
    margin-bottom: 65px;
  }

  .ml-65--pc {
    margin-left: 65px;
  }

  .mg-y-65--pc {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .mg-x-65--pc {
    margin-left: 65px;
    margin-right: 65px;
  }

  .pt-70--pc {
    padding-top: 70px;
  }

  .pr-70--pc {
    padding-right: 70px;
  }

  .pb-70--pc {
    padding-bottom: 70px;
  }

  .pl-70--pc {
    padding-left: 70px;
  }

  .pd-y-70--pc {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pd-x-70--pc {
    padding-left: 70px;
    padding-right: 70px;
  }

  .mt-70--pc {
    margin-top: 70px;
  }

  .mr-70--pc {
    margin-right: 70px;
  }

  .mb-70--pc {
    margin-bottom: 70px;
  }

  .ml-70--pc {
    margin-left: 70px;
  }

  .mg-y-70--pc {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .mg-x-70--pc {
    margin-left: 70px;
    margin-right: 70px;
  }

  .pt-75--pc {
    padding-top: 75px;
  }

  .pr-75--pc {
    padding-right: 75px;
  }

  .pb-75--pc {
    padding-bottom: 75px;
  }

  .pl-75--pc {
    padding-left: 75px;
  }

  .pd-y-75--pc {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .pd-x-75--pc {
    padding-left: 75px;
    padding-right: 75px;
  }

  .mt-75--pc {
    margin-top: 75px;
  }

  .mr-75--pc {
    margin-right: 75px;
  }

  .mb-75--pc {
    margin-bottom: 75px;
  }

  .ml-75--pc {
    margin-left: 75px;
  }

  .mg-y-75--pc {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .mg-x-75--pc {
    margin-left: 75px;
    margin-right: 75px;
  }

  .pt-80--pc {
    padding-top: 80px;
  }

  .pr-80--pc {
    padding-right: 80px;
  }

  .pb-80--pc {
    padding-bottom: 80px;
  }

  .pl-80--pc {
    padding-left: 80px;
  }

  .pd-y-80--pc {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pd-x-80--pc {
    padding-left: 80px;
    padding-right: 80px;
  }

  .mt-80--pc {
    margin-top: 80px;
  }

  .mr-80--pc {
    margin-right: 80px;
  }

  .mb-80--pc {
    margin-bottom: 80px;
  }

  .ml-80--pc {
    margin-left: 80px;
  }

  .mg-y-80--pc {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .mg-x-80--pc {
    margin-left: 80px;
    margin-right: 80px;
  }

  .pt-85--pc {
    padding-top: 85px;
  }

  .pr-85--pc {
    padding-right: 85px;
  }

  .pb-85--pc {
    padding-bottom: 85px;
  }

  .pl-85--pc {
    padding-left: 85px;
  }

  .pd-y-85--pc {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .pd-x-85--pc {
    padding-left: 85px;
    padding-right: 85px;
  }

  .mt-85--pc {
    margin-top: 85px;
  }

  .mr-85--pc {
    margin-right: 85px;
  }

  .mb-85--pc {
    margin-bottom: 85px;
  }

  .ml-85--pc {
    margin-left: 85px;
  }

  .mg-y-85--pc {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .mg-x-85--pc {
    margin-left: 85px;
    margin-right: 85px;
  }

  .pt-90--pc {
    padding-top: 90px;
  }

  .pr-90--pc {
    padding-right: 90px;
  }

  .pb-90--pc {
    padding-bottom: 90px;
  }

  .pl-90--pc {
    padding-left: 90px;
  }

  .pd-y-90--pc {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .pd-x-90--pc {
    padding-left: 90px;
    padding-right: 90px;
  }

  .mt-90--pc {
    margin-top: 90px;
  }

  .mr-90--pc {
    margin-right: 90px;
  }

  .mb-90--pc {
    margin-bottom: 90px;
  }

  .ml-90--pc {
    margin-left: 90px;
  }

  .mg-y-90--pc {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .mg-x-90--pc {
    margin-left: 90px;
    margin-right: 90px;
  }

  .pt-95--pc {
    padding-top: 95px;
  }

  .pr-95--pc {
    padding-right: 95px;
  }

  .pb-95--pc {
    padding-bottom: 95px;
  }

  .pl-95--pc {
    padding-left: 95px;
  }

  .pd-y-95--pc {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .pd-x-95--pc {
    padding-left: 95px;
    padding-right: 95px;
  }

  .mt-95--pc {
    margin-top: 95px;
  }

  .mr-95--pc {
    margin-right: 95px;
  }

  .mb-95--pc {
    margin-bottom: 95px;
  }

  .ml-95--pc {
    margin-left: 95px;
  }

  .mg-y-95--pc {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .mg-x-95--pc {
    margin-left: 95px;
    margin-right: 95px;
  }

  .pt-100--pc {
    padding-top: 100px;
  }

  .pr-100--pc {
    padding-right: 100px;
  }

  .pb-100--pc {
    padding-bottom: 100px;
  }

  .pl-100--pc {
    padding-left: 100px;
  }

  .pd-y-100--pc {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pd-x-100--pc {
    padding-left: 100px;
    padding-right: 100px;
  }

  .mt-100--pc {
    margin-top: 100px;
  }

  .mr-100--pc {
    margin-right: 100px;
  }

  .mb-100--pc {
    margin-bottom: 100px;
  }

  .ml-100--pc {
    margin-left: 100px;
  }

  .mg-y-100--pc {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .mg-x-100--pc {
    margin-left: 100px;
    margin-right: 100px;
  }

  .pt-105--pc {
    padding-top: 105px;
  }

  .pr-105--pc {
    padding-right: 105px;
  }

  .pb-105--pc {
    padding-bottom: 105px;
  }

  .pl-105--pc {
    padding-left: 105px;
  }

  .pd-y-105--pc {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .pd-x-105--pc {
    padding-left: 105px;
    padding-right: 105px;
  }

  .mt-105--pc {
    margin-top: 105px;
  }

  .mr-105--pc {
    margin-right: 105px;
  }

  .mb-105--pc {
    margin-bottom: 105px;
  }

  .ml-105--pc {
    margin-left: 105px;
  }

  .mg-y-105--pc {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .mg-x-105--pc {
    margin-left: 105px;
    margin-right: 105px;
  }

  .pt-110--pc {
    padding-top: 110px;
  }

  .pr-110--pc {
    padding-right: 110px;
  }

  .pb-110--pc {
    padding-bottom: 110px;
  }

  .pl-110--pc {
    padding-left: 110px;
  }

  .pd-y-110--pc {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .pd-x-110--pc {
    padding-left: 110px;
    padding-right: 110px;
  }

  .mt-110--pc {
    margin-top: 110px;
  }

  .mr-110--pc {
    margin-right: 110px;
  }

  .mb-110--pc {
    margin-bottom: 110px;
  }

  .ml-110--pc {
    margin-left: 110px;
  }

  .mg-y-110--pc {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .mg-x-110--pc {
    margin-left: 110px;
    margin-right: 110px;
  }

  .pt-115--pc {
    padding-top: 115px;
  }

  .pr-115--pc {
    padding-right: 115px;
  }

  .pb-115--pc {
    padding-bottom: 115px;
  }

  .pl-115--pc {
    padding-left: 115px;
  }

  .pd-y-115--pc {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .pd-x-115--pc {
    padding-left: 115px;
    padding-right: 115px;
  }

  .mt-115--pc {
    margin-top: 115px;
  }

  .mr-115--pc {
    margin-right: 115px;
  }

  .mb-115--pc {
    margin-bottom: 115px;
  }

  .ml-115--pc {
    margin-left: 115px;
  }

  .mg-y-115--pc {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .mg-x-115--pc {
    margin-left: 115px;
    margin-right: 115px;
  }

  .pt-120--pc {
    padding-top: 120px;
  }

  .pr-120--pc {
    padding-right: 120px;
  }

  .pb-120--pc {
    padding-bottom: 120px;
  }

  .pl-120--pc {
    padding-left: 120px;
  }

  .pd-y-120--pc {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .pd-x-120--pc {
    padding-left: 120px;
    padding-right: 120px;
  }

  .mt-120--pc {
    margin-top: 120px;
  }

  .mr-120--pc {
    margin-right: 120px;
  }

  .mb-120--pc {
    margin-bottom: 120px;
  }

  .ml-120--pc {
    margin-left: 120px;
  }

  .mg-y-120--pc {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .mg-x-120--pc {
    margin-left: 120px;
    margin-right: 120px;
  }

  .pt-125--pc {
    padding-top: 125px;
  }

  .pr-125--pc {
    padding-right: 125px;
  }

  .pb-125--pc {
    padding-bottom: 125px;
  }

  .pl-125--pc {
    padding-left: 125px;
  }

  .pd-y-125--pc {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .pd-x-125--pc {
    padding-left: 125px;
    padding-right: 125px;
  }

  .mt-125--pc {
    margin-top: 125px;
  }

  .mr-125--pc {
    margin-right: 125px;
  }

  .mb-125--pc {
    margin-bottom: 125px;
  }

  .ml-125--pc {
    margin-left: 125px;
  }

  .mg-y-125--pc {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .mg-x-125--pc {
    margin-left: 125px;
    margin-right: 125px;
  }

  .pt-130--pc {
    padding-top: 130px;
  }

  .pr-130--pc {
    padding-right: 130px;
  }

  .pb-130--pc {
    padding-bottom: 130px;
  }

  .pl-130--pc {
    padding-left: 130px;
  }

  .pd-y-130--pc {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .pd-x-130--pc {
    padding-left: 130px;
    padding-right: 130px;
  }

  .mt-130--pc {
    margin-top: 130px;
  }

  .mr-130--pc {
    margin-right: 130px;
  }

  .mb-130--pc {
    margin-bottom: 130px;
  }

  .ml-130--pc {
    margin-left: 130px;
  }

  .mg-y-130--pc {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .mg-x-130--pc {
    margin-left: 130px;
    margin-right: 130px;
  }

  .pt-135--pc {
    padding-top: 135px;
  }

  .pr-135--pc {
    padding-right: 135px;
  }

  .pb-135--pc {
    padding-bottom: 135px;
  }

  .pl-135--pc {
    padding-left: 135px;
  }

  .pd-y-135--pc {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .pd-x-135--pc {
    padding-left: 135px;
    padding-right: 135px;
  }

  .mt-135--pc {
    margin-top: 135px;
  }

  .mr-135--pc {
    margin-right: 135px;
  }

  .mb-135--pc {
    margin-bottom: 135px;
  }

  .ml-135--pc {
    margin-left: 135px;
  }

  .mg-y-135--pc {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .mg-x-135--pc {
    margin-left: 135px;
    margin-right: 135px;
  }

  .pt-140--pc {
    padding-top: 140px;
  }

  .pr-140--pc {
    padding-right: 140px;
  }

  .pb-140--pc {
    padding-bottom: 140px;
  }

  .pl-140--pc {
    padding-left: 140px;
  }

  .pd-y-140--pc {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .pd-x-140--pc {
    padding-left: 140px;
    padding-right: 140px;
  }

  .mt-140--pc {
    margin-top: 140px;
  }

  .mr-140--pc {
    margin-right: 140px;
  }

  .mb-140--pc {
    margin-bottom: 140px;
  }

  .ml-140--pc {
    margin-left: 140px;
  }

  .mg-y-140--pc {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .mg-x-140--pc {
    margin-left: 140px;
    margin-right: 140px;
  }

  .pt-145--pc {
    padding-top: 145px;
  }

  .pr-145--pc {
    padding-right: 145px;
  }

  .pb-145--pc {
    padding-bottom: 145px;
  }

  .pl-145--pc {
    padding-left: 145px;
  }

  .pd-y-145--pc {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .pd-x-145--pc {
    padding-left: 145px;
    padding-right: 145px;
  }

  .mt-145--pc {
    margin-top: 145px;
  }

  .mr-145--pc {
    margin-right: 145px;
  }

  .mb-145--pc {
    margin-bottom: 145px;
  }

  .ml-145--pc {
    margin-left: 145px;
  }

  .mg-y-145--pc {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .mg-x-145--pc {
    margin-left: 145px;
    margin-right: 145px;
  }

  .pt-150--pc {
    padding-top: 150px;
  }

  .pr-150--pc {
    padding-right: 150px;
  }

  .pb-150--pc {
    padding-bottom: 150px;
  }

  .pl-150--pc {
    padding-left: 150px;
  }

  .pd-y-150--pc {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .pd-x-150--pc {
    padding-left: 150px;
    padding-right: 150px;
  }

  .mt-150--pc {
    margin-top: 150px;
  }

  .mr-150--pc {
    margin-right: 150px;
  }

  .mb-150--pc {
    margin-bottom: 150px;
  }

  .ml-150--pc {
    margin-left: 150px;
  }

  .mg-y-150--pc {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .mg-x-150--pc {
    margin-left: 150px;
    margin-right: 150px;
  }

  .pt-155--pc {
    padding-top: 155px;
  }

  .pr-155--pc {
    padding-right: 155px;
  }

  .pb-155--pc {
    padding-bottom: 155px;
  }

  .pl-155--pc {
    padding-left: 155px;
  }

  .pd-y-155--pc {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .pd-x-155--pc {
    padding-left: 155px;
    padding-right: 155px;
  }

  .mt-155--pc {
    margin-top: 155px;
  }

  .mr-155--pc {
    margin-right: 155px;
  }

  .mb-155--pc {
    margin-bottom: 155px;
  }

  .ml-155--pc {
    margin-left: 155px;
  }

  .mg-y-155--pc {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .mg-x-155--pc {
    margin-left: 155px;
    margin-right: 155px;
  }

  .pt-160--pc {
    padding-top: 160px;
  }

  .pr-160--pc {
    padding-right: 160px;
  }

  .pb-160--pc {
    padding-bottom: 160px;
  }

  .pl-160--pc {
    padding-left: 160px;
  }

  .pd-y-160--pc {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .pd-x-160--pc {
    padding-left: 160px;
    padding-right: 160px;
  }

  .mt-160--pc {
    margin-top: 160px;
  }

  .mr-160--pc {
    margin-right: 160px;
  }

  .mb-160--pc {
    margin-bottom: 160px;
  }

  .ml-160--pc {
    margin-left: 160px;
  }

  .mg-y-160--pc {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .mg-x-160--pc {
    margin-left: 160px;
    margin-right: 160px;
  }

  .pt-165--pc {
    padding-top: 165px;
  }

  .pr-165--pc {
    padding-right: 165px;
  }

  .pb-165--pc {
    padding-bottom: 165px;
  }

  .pl-165--pc {
    padding-left: 165px;
  }

  .pd-y-165--pc {
    padding-top: 165px;
    padding-bottom: 165px;
  }

  .pd-x-165--pc {
    padding-left: 165px;
    padding-right: 165px;
  }

  .mt-165--pc {
    margin-top: 165px;
  }

  .mr-165--pc {
    margin-right: 165px;
  }

  .mb-165--pc {
    margin-bottom: 165px;
  }

  .ml-165--pc {
    margin-left: 165px;
  }

  .mg-y-165--pc {
    margin-top: 165px;
    margin-bottom: 165px;
  }

  .mg-x-165--pc {
    margin-left: 165px;
    margin-right: 165px;
  }

  .pt-170--pc {
    padding-top: 170px;
  }

  .pr-170--pc {
    padding-right: 170px;
  }

  .pb-170--pc {
    padding-bottom: 170px;
  }

  .pl-170--pc {
    padding-left: 170px;
  }

  .pd-y-170--pc {
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .pd-x-170--pc {
    padding-left: 170px;
    padding-right: 170px;
  }

  .mt-170--pc {
    margin-top: 170px;
  }

  .mr-170--pc {
    margin-right: 170px;
  }

  .mb-170--pc {
    margin-bottom: 170px;
  }

  .ml-170--pc {
    margin-left: 170px;
  }

  .mg-y-170--pc {
    margin-top: 170px;
    margin-bottom: 170px;
  }

  .mg-x-170--pc {
    margin-left: 170px;
    margin-right: 170px;
  }

  .pt-175--pc {
    padding-top: 175px;
  }

  .pr-175--pc {
    padding-right: 175px;
  }

  .pb-175--pc {
    padding-bottom: 175px;
  }

  .pl-175--pc {
    padding-left: 175px;
  }

  .pd-y-175--pc {
    padding-top: 175px;
    padding-bottom: 175px;
  }

  .pd-x-175--pc {
    padding-left: 175px;
    padding-right: 175px;
  }

  .mt-175--pc {
    margin-top: 175px;
  }

  .mr-175--pc {
    margin-right: 175px;
  }

  .mb-175--pc {
    margin-bottom: 175px;
  }

  .ml-175--pc {
    margin-left: 175px;
  }

  .mg-y-175--pc {
    margin-top: 175px;
    margin-bottom: 175px;
  }

  .mg-x-175--pc {
    margin-left: 175px;
    margin-right: 175px;
  }

  .pt-180--pc {
    padding-top: 180px;
  }

  .pr-180--pc {
    padding-right: 180px;
  }

  .pb-180--pc {
    padding-bottom: 180px;
  }

  .pl-180--pc {
    padding-left: 180px;
  }

  .pd-y-180--pc {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .pd-x-180--pc {
    padding-left: 180px;
    padding-right: 180px;
  }

  .mt-180--pc {
    margin-top: 180px;
  }

  .mr-180--pc {
    margin-right: 180px;
  }

  .mb-180--pc {
    margin-bottom: 180px;
  }

  .ml-180--pc {
    margin-left: 180px;
  }

  .mg-y-180--pc {
    margin-top: 180px;
    margin-bottom: 180px;
  }

  .mg-x-180--pc {
    margin-left: 180px;
    margin-right: 180px;
  }

  .pt-185--pc {
    padding-top: 185px;
  }

  .pr-185--pc {
    padding-right: 185px;
  }

  .pb-185--pc {
    padding-bottom: 185px;
  }

  .pl-185--pc {
    padding-left: 185px;
  }

  .pd-y-185--pc {
    padding-top: 185px;
    padding-bottom: 185px;
  }

  .pd-x-185--pc {
    padding-left: 185px;
    padding-right: 185px;
  }

  .mt-185--pc {
    margin-top: 185px;
  }

  .mr-185--pc {
    margin-right: 185px;
  }

  .mb-185--pc {
    margin-bottom: 185px;
  }

  .ml-185--pc {
    margin-left: 185px;
  }

  .mg-y-185--pc {
    margin-top: 185px;
    margin-bottom: 185px;
  }

  .mg-x-185--pc {
    margin-left: 185px;
    margin-right: 185px;
  }

  .pt-190--pc {
    padding-top: 190px;
  }

  .pr-190--pc {
    padding-right: 190px;
  }

  .pb-190--pc {
    padding-bottom: 190px;
  }

  .pl-190--pc {
    padding-left: 190px;
  }

  .pd-y-190--pc {
    padding-top: 190px;
    padding-bottom: 190px;
  }

  .pd-x-190--pc {
    padding-left: 190px;
    padding-right: 190px;
  }

  .mt-190--pc {
    margin-top: 190px;
  }

  .mr-190--pc {
    margin-right: 190px;
  }

  .mb-190--pc {
    margin-bottom: 190px;
  }

  .ml-190--pc {
    margin-left: 190px;
  }

  .mg-y-190--pc {
    margin-top: 190px;
    margin-bottom: 190px;
  }

  .mg-x-190--pc {
    margin-left: 190px;
    margin-right: 190px;
  }

  .pt-195--pc {
    padding-top: 195px;
  }

  .pr-195--pc {
    padding-right: 195px;
  }

  .pb-195--pc {
    padding-bottom: 195px;
  }

  .pl-195--pc {
    padding-left: 195px;
  }

  .pd-y-195--pc {
    padding-top: 195px;
    padding-bottom: 195px;
  }

  .pd-x-195--pc {
    padding-left: 195px;
    padding-right: 195px;
  }

  .mt-195--pc {
    margin-top: 195px;
  }

  .mr-195--pc {
    margin-right: 195px;
  }

  .mb-195--pc {
    margin-bottom: 195px;
  }

  .ml-195--pc {
    margin-left: 195px;
  }

  .mg-y-195--pc {
    margin-top: 195px;
    margin-bottom: 195px;
  }

  .mg-x-195--pc {
    margin-left: 195px;
    margin-right: 195px;
  }

  .pt-200--pc {
    padding-top: 200px;
  }

  .pr-200--pc {
    padding-right: 200px;
  }

  .pb-200--pc {
    padding-bottom: 200px;
  }

  .pl-200--pc {
    padding-left: 200px;
  }

  .pd-y-200--pc {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .pd-x-200--pc {
    padding-left: 200px;
    padding-right: 200px;
  }

  .mt-200--pc {
    margin-top: 200px;
  }

  .mr-200--pc {
    margin-right: 200px;
  }

  .mb-200--pc {
    margin-bottom: 200px;
  }

  .ml-200--pc {
    margin-left: 200px;
  }

  .mg-y-200--pc {
    margin-top: 200px;
    margin-bottom: 200px;
  }

  .mg-x-200--pc {
    margin-left: 200px;
    margin-right: 200px;
  }
}
@media screen and (min-width: 601px) {
  .pt-5--sm {
    padding-top: 5px;
  }

  .pr-5--sm {
    padding-right: 5px;
  }

  .pb-5--sm {
    padding-bottom: 5px;
  }

  .pl-5--sm {
    padding-left: 5px;
  }

  .pd-y-5--sm {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pd-x-5--sm {
    padding-left: 5px;
    padding-right: 5px;
  }

  .mt-5--sm {
    margin-top: 5px;
  }

  .mr-5--sm {
    margin-right: 5px;
  }

  .mb-5--sm {
    margin-bottom: 5px;
  }

  .ml-5--sm {
    margin-left: 5px;
  }

  .mg-y-5--sm {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mg-x-5--sm {
    margin-left: 5px;
    margin-right: 5px;
  }

  .pt-10--sm {
    padding-top: 10px;
  }

  .pr-10--sm {
    padding-right: 10px;
  }

  .pb-10--sm {
    padding-bottom: 10px;
  }

  .pl-10--sm {
    padding-left: 10px;
  }

  .pd-y-10--sm {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .pd-x-10--sm {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mt-10--sm {
    margin-top: 10px;
  }

  .mr-10--sm {
    margin-right: 10px;
  }

  .mb-10--sm {
    margin-bottom: 10px;
  }

  .ml-10--sm {
    margin-left: 10px;
  }

  .mg-y-10--sm {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mg-x-10--sm {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pt-15--sm {
    padding-top: 15px;
  }

  .pr-15--sm {
    padding-right: 15px;
  }

  .pb-15--sm {
    padding-bottom: 15px;
  }

  .pl-15--sm {
    padding-left: 15px;
  }

  .pd-y-15--sm {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .pd-x-15--sm {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mt-15--sm {
    margin-top: 15px;
  }

  .mr-15--sm {
    margin-right: 15px;
  }

  .mb-15--sm {
    margin-bottom: 15px;
  }

  .ml-15--sm {
    margin-left: 15px;
  }

  .mg-y-15--sm {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mg-x-15--sm {
    margin-left: 15px;
    margin-right: 15px;
  }

  .pt-20--sm {
    padding-top: 20px;
  }

  .pr-20--sm {
    padding-right: 20px;
  }

  .pb-20--sm {
    padding-bottom: 20px;
  }

  .pl-20--sm {
    padding-left: 20px;
  }

  .pd-y-20--sm {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pd-x-20--sm {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mt-20--sm {
    margin-top: 20px;
  }

  .mr-20--sm {
    margin-right: 20px;
  }

  .mb-20--sm {
    margin-bottom: 20px;
  }

  .ml-20--sm {
    margin-left: 20px;
  }

  .mg-y-20--sm {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mg-x-20--sm {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pt-25--sm {
    padding-top: 25px;
  }

  .pr-25--sm {
    padding-right: 25px;
  }

  .pb-25--sm {
    padding-bottom: 25px;
  }

  .pl-25--sm {
    padding-left: 25px;
  }

  .pd-y-25--sm {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .pd-x-25--sm {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mt-25--sm {
    margin-top: 25px;
  }

  .mr-25--sm {
    margin-right: 25px;
  }

  .mb-25--sm {
    margin-bottom: 25px;
  }

  .ml-25--sm {
    margin-left: 25px;
  }

  .mg-y-25--sm {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mg-x-25--sm {
    margin-left: 25px;
    margin-right: 25px;
  }

  .pt-30--sm {
    padding-top: 30px;
  }

  .pr-30--sm {
    padding-right: 30px;
  }

  .pb-30--sm {
    padding-bottom: 30px;
  }

  .pl-30--sm {
    padding-left: 30px;
  }

  .pd-y-30--sm {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pd-x-30--sm {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mt-30--sm {
    margin-top: 30px;
  }

  .mr-30--sm {
    margin-right: 30px;
  }

  .mb-30--sm {
    margin-bottom: 30px;
  }

  .ml-30--sm {
    margin-left: 30px;
  }

  .mg-y-30--sm {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mg-x-30--sm {
    margin-left: 30px;
    margin-right: 30px;
  }

  .pt-35--sm {
    padding-top: 35px;
  }

  .pr-35--sm {
    padding-right: 35px;
  }

  .pb-35--sm {
    padding-bottom: 35px;
  }

  .pl-35--sm {
    padding-left: 35px;
  }

  .pd-y-35--sm {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .pd-x-35--sm {
    padding-left: 35px;
    padding-right: 35px;
  }

  .mt-35--sm {
    margin-top: 35px;
  }

  .mr-35--sm {
    margin-right: 35px;
  }

  .mb-35--sm {
    margin-bottom: 35px;
  }

  .ml-35--sm {
    margin-left: 35px;
  }

  .mg-y-35--sm {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mg-x-35--sm {
    margin-left: 35px;
    margin-right: 35px;
  }

  .pt-40--sm {
    padding-top: 40px;
  }

  .pr-40--sm {
    padding-right: 40px;
  }

  .pb-40--sm {
    padding-bottom: 40px;
  }

  .pl-40--sm {
    padding-left: 40px;
  }

  .pd-y-40--sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pd-x-40--sm {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mt-40--sm {
    margin-top: 40px;
  }

  .mr-40--sm {
    margin-right: 40px;
  }

  .mb-40--sm {
    margin-bottom: 40px;
  }

  .ml-40--sm {
    margin-left: 40px;
  }

  .mg-y-40--sm {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mg-x-40--sm {
    margin-left: 40px;
    margin-right: 40px;
  }

  .pt-45--sm {
    padding-top: 45px;
  }

  .pr-45--sm {
    padding-right: 45px;
  }

  .pb-45--sm {
    padding-bottom: 45px;
  }

  .pl-45--sm {
    padding-left: 45px;
  }

  .pd-y-45--sm {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .pd-x-45--sm {
    padding-left: 45px;
    padding-right: 45px;
  }

  .mt-45--sm {
    margin-top: 45px;
  }

  .mr-45--sm {
    margin-right: 45px;
  }

  .mb-45--sm {
    margin-bottom: 45px;
  }

  .ml-45--sm {
    margin-left: 45px;
  }

  .mg-y-45--sm {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .mg-x-45--sm {
    margin-left: 45px;
    margin-right: 45px;
  }

  .pt-50--sm {
    padding-top: 50px;
  }

  .pr-50--sm {
    padding-right: 50px;
  }

  .pb-50--sm {
    padding-bottom: 50px;
  }

  .pl-50--sm {
    padding-left: 50px;
  }

  .pd-y-50--sm {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .pd-x-50--sm {
    padding-left: 50px;
    padding-right: 50px;
  }

  .mt-50--sm {
    margin-top: 50px;
  }

  .mr-50--sm {
    margin-right: 50px;
  }

  .mb-50--sm {
    margin-bottom: 50px;
  }

  .ml-50--sm {
    margin-left: 50px;
  }

  .mg-y-50--sm {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .mg-x-50--sm {
    margin-left: 50px;
    margin-right: 50px;
  }

  .pt-55--sm {
    padding-top: 55px;
  }

  .pr-55--sm {
    padding-right: 55px;
  }

  .pb-55--sm {
    padding-bottom: 55px;
  }

  .pl-55--sm {
    padding-left: 55px;
  }

  .pd-y-55--sm {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .pd-x-55--sm {
    padding-left: 55px;
    padding-right: 55px;
  }

  .mt-55--sm {
    margin-top: 55px;
  }

  .mr-55--sm {
    margin-right: 55px;
  }

  .mb-55--sm {
    margin-bottom: 55px;
  }

  .ml-55--sm {
    margin-left: 55px;
  }

  .mg-y-55--sm {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .mg-x-55--sm {
    margin-left: 55px;
    margin-right: 55px;
  }

  .pt-60--sm {
    padding-top: 60px;
  }

  .pr-60--sm {
    padding-right: 60px;
  }

  .pb-60--sm {
    padding-bottom: 60px;
  }

  .pl-60--sm {
    padding-left: 60px;
  }

  .pd-y-60--sm {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pd-x-60--sm {
    padding-left: 60px;
    padding-right: 60px;
  }

  .mt-60--sm {
    margin-top: 60px;
  }

  .mr-60--sm {
    margin-right: 60px;
  }

  .mb-60--sm {
    margin-bottom: 60px;
  }

  .ml-60--sm {
    margin-left: 60px;
  }

  .mg-y-60--sm {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .mg-x-60--sm {
    margin-left: 60px;
    margin-right: 60px;
  }

  .pt-65--sm {
    padding-top: 65px;
  }

  .pr-65--sm {
    padding-right: 65px;
  }

  .pb-65--sm {
    padding-bottom: 65px;
  }

  .pl-65--sm {
    padding-left: 65px;
  }

  .pd-y-65--sm {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .pd-x-65--sm {
    padding-left: 65px;
    padding-right: 65px;
  }

  .mt-65--sm {
    margin-top: 65px;
  }

  .mr-65--sm {
    margin-right: 65px;
  }

  .mb-65--sm {
    margin-bottom: 65px;
  }

  .ml-65--sm {
    margin-left: 65px;
  }

  .mg-y-65--sm {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .mg-x-65--sm {
    margin-left: 65px;
    margin-right: 65px;
  }

  .pt-70--sm {
    padding-top: 70px;
  }

  .pr-70--sm {
    padding-right: 70px;
  }

  .pb-70--sm {
    padding-bottom: 70px;
  }

  .pl-70--sm {
    padding-left: 70px;
  }

  .pd-y-70--sm {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pd-x-70--sm {
    padding-left: 70px;
    padding-right: 70px;
  }

  .mt-70--sm {
    margin-top: 70px;
  }

  .mr-70--sm {
    margin-right: 70px;
  }

  .mb-70--sm {
    margin-bottom: 70px;
  }

  .ml-70--sm {
    margin-left: 70px;
  }

  .mg-y-70--sm {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .mg-x-70--sm {
    margin-left: 70px;
    margin-right: 70px;
  }

  .pt-75--sm {
    padding-top: 75px;
  }

  .pr-75--sm {
    padding-right: 75px;
  }

  .pb-75--sm {
    padding-bottom: 75px;
  }

  .pl-75--sm {
    padding-left: 75px;
  }

  .pd-y-75--sm {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .pd-x-75--sm {
    padding-left: 75px;
    padding-right: 75px;
  }

  .mt-75--sm {
    margin-top: 75px;
  }

  .mr-75--sm {
    margin-right: 75px;
  }

  .mb-75--sm {
    margin-bottom: 75px;
  }

  .ml-75--sm {
    margin-left: 75px;
  }

  .mg-y-75--sm {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .mg-x-75--sm {
    margin-left: 75px;
    margin-right: 75px;
  }

  .pt-80--sm {
    padding-top: 80px;
  }

  .pr-80--sm {
    padding-right: 80px;
  }

  .pb-80--sm {
    padding-bottom: 80px;
  }

  .pl-80--sm {
    padding-left: 80px;
  }

  .pd-y-80--sm {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pd-x-80--sm {
    padding-left: 80px;
    padding-right: 80px;
  }

  .mt-80--sm {
    margin-top: 80px;
  }

  .mr-80--sm {
    margin-right: 80px;
  }

  .mb-80--sm {
    margin-bottom: 80px;
  }

  .ml-80--sm {
    margin-left: 80px;
  }

  .mg-y-80--sm {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .mg-x-80--sm {
    margin-left: 80px;
    margin-right: 80px;
  }

  .pt-85--sm {
    padding-top: 85px;
  }

  .pr-85--sm {
    padding-right: 85px;
  }

  .pb-85--sm {
    padding-bottom: 85px;
  }

  .pl-85--sm {
    padding-left: 85px;
  }

  .pd-y-85--sm {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .pd-x-85--sm {
    padding-left: 85px;
    padding-right: 85px;
  }

  .mt-85--sm {
    margin-top: 85px;
  }

  .mr-85--sm {
    margin-right: 85px;
  }

  .mb-85--sm {
    margin-bottom: 85px;
  }

  .ml-85--sm {
    margin-left: 85px;
  }

  .mg-y-85--sm {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .mg-x-85--sm {
    margin-left: 85px;
    margin-right: 85px;
  }

  .pt-90--sm {
    padding-top: 90px;
  }

  .pr-90--sm {
    padding-right: 90px;
  }

  .pb-90--sm {
    padding-bottom: 90px;
  }

  .pl-90--sm {
    padding-left: 90px;
  }

  .pd-y-90--sm {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .pd-x-90--sm {
    padding-left: 90px;
    padding-right: 90px;
  }

  .mt-90--sm {
    margin-top: 90px;
  }

  .mr-90--sm {
    margin-right: 90px;
  }

  .mb-90--sm {
    margin-bottom: 90px;
  }

  .ml-90--sm {
    margin-left: 90px;
  }

  .mg-y-90--sm {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .mg-x-90--sm {
    margin-left: 90px;
    margin-right: 90px;
  }

  .pt-95--sm {
    padding-top: 95px;
  }

  .pr-95--sm {
    padding-right: 95px;
  }

  .pb-95--sm {
    padding-bottom: 95px;
  }

  .pl-95--sm {
    padding-left: 95px;
  }

  .pd-y-95--sm {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .pd-x-95--sm {
    padding-left: 95px;
    padding-right: 95px;
  }

  .mt-95--sm {
    margin-top: 95px;
  }

  .mr-95--sm {
    margin-right: 95px;
  }

  .mb-95--sm {
    margin-bottom: 95px;
  }

  .ml-95--sm {
    margin-left: 95px;
  }

  .mg-y-95--sm {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .mg-x-95--sm {
    margin-left: 95px;
    margin-right: 95px;
  }

  .pt-100--sm {
    padding-top: 100px;
  }

  .pr-100--sm {
    padding-right: 100px;
  }

  .pb-100--sm {
    padding-bottom: 100px;
  }

  .pl-100--sm {
    padding-left: 100px;
  }

  .pd-y-100--sm {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pd-x-100--sm {
    padding-left: 100px;
    padding-right: 100px;
  }

  .mt-100--sm {
    margin-top: 100px;
  }

  .mr-100--sm {
    margin-right: 100px;
  }

  .mb-100--sm {
    margin-bottom: 100px;
  }

  .ml-100--sm {
    margin-left: 100px;
  }

  .mg-y-100--sm {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .mg-x-100--sm {
    margin-left: 100px;
    margin-right: 100px;
  }

  .pt-105--sm {
    padding-top: 105px;
  }

  .pr-105--sm {
    padding-right: 105px;
  }

  .pb-105--sm {
    padding-bottom: 105px;
  }

  .pl-105--sm {
    padding-left: 105px;
  }

  .pd-y-105--sm {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .pd-x-105--sm {
    padding-left: 105px;
    padding-right: 105px;
  }

  .mt-105--sm {
    margin-top: 105px;
  }

  .mr-105--sm {
    margin-right: 105px;
  }

  .mb-105--sm {
    margin-bottom: 105px;
  }

  .ml-105--sm {
    margin-left: 105px;
  }

  .mg-y-105--sm {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .mg-x-105--sm {
    margin-left: 105px;
    margin-right: 105px;
  }

  .pt-110--sm {
    padding-top: 110px;
  }

  .pr-110--sm {
    padding-right: 110px;
  }

  .pb-110--sm {
    padding-bottom: 110px;
  }

  .pl-110--sm {
    padding-left: 110px;
  }

  .pd-y-110--sm {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .pd-x-110--sm {
    padding-left: 110px;
    padding-right: 110px;
  }

  .mt-110--sm {
    margin-top: 110px;
  }

  .mr-110--sm {
    margin-right: 110px;
  }

  .mb-110--sm {
    margin-bottom: 110px;
  }

  .ml-110--sm {
    margin-left: 110px;
  }

  .mg-y-110--sm {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .mg-x-110--sm {
    margin-left: 110px;
    margin-right: 110px;
  }

  .pt-115--sm {
    padding-top: 115px;
  }

  .pr-115--sm {
    padding-right: 115px;
  }

  .pb-115--sm {
    padding-bottom: 115px;
  }

  .pl-115--sm {
    padding-left: 115px;
  }

  .pd-y-115--sm {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .pd-x-115--sm {
    padding-left: 115px;
    padding-right: 115px;
  }

  .mt-115--sm {
    margin-top: 115px;
  }

  .mr-115--sm {
    margin-right: 115px;
  }

  .mb-115--sm {
    margin-bottom: 115px;
  }

  .ml-115--sm {
    margin-left: 115px;
  }

  .mg-y-115--sm {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .mg-x-115--sm {
    margin-left: 115px;
    margin-right: 115px;
  }

  .pt-120--sm {
    padding-top: 120px;
  }

  .pr-120--sm {
    padding-right: 120px;
  }

  .pb-120--sm {
    padding-bottom: 120px;
  }

  .pl-120--sm {
    padding-left: 120px;
  }

  .pd-y-120--sm {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .pd-x-120--sm {
    padding-left: 120px;
    padding-right: 120px;
  }

  .mt-120--sm {
    margin-top: 120px;
  }

  .mr-120--sm {
    margin-right: 120px;
  }

  .mb-120--sm {
    margin-bottom: 120px;
  }

  .ml-120--sm {
    margin-left: 120px;
  }

  .mg-y-120--sm {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .mg-x-120--sm {
    margin-left: 120px;
    margin-right: 120px;
  }

  .pt-125--sm {
    padding-top: 125px;
  }

  .pr-125--sm {
    padding-right: 125px;
  }

  .pb-125--sm {
    padding-bottom: 125px;
  }

  .pl-125--sm {
    padding-left: 125px;
  }

  .pd-y-125--sm {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .pd-x-125--sm {
    padding-left: 125px;
    padding-right: 125px;
  }

  .mt-125--sm {
    margin-top: 125px;
  }

  .mr-125--sm {
    margin-right: 125px;
  }

  .mb-125--sm {
    margin-bottom: 125px;
  }

  .ml-125--sm {
    margin-left: 125px;
  }

  .mg-y-125--sm {
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .mg-x-125--sm {
    margin-left: 125px;
    margin-right: 125px;
  }

  .pt-130--sm {
    padding-top: 130px;
  }

  .pr-130--sm {
    padding-right: 130px;
  }

  .pb-130--sm {
    padding-bottom: 130px;
  }

  .pl-130--sm {
    padding-left: 130px;
  }

  .pd-y-130--sm {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .pd-x-130--sm {
    padding-left: 130px;
    padding-right: 130px;
  }

  .mt-130--sm {
    margin-top: 130px;
  }

  .mr-130--sm {
    margin-right: 130px;
  }

  .mb-130--sm {
    margin-bottom: 130px;
  }

  .ml-130--sm {
    margin-left: 130px;
  }

  .mg-y-130--sm {
    margin-top: 130px;
    margin-bottom: 130px;
  }

  .mg-x-130--sm {
    margin-left: 130px;
    margin-right: 130px;
  }

  .pt-135--sm {
    padding-top: 135px;
  }

  .pr-135--sm {
    padding-right: 135px;
  }

  .pb-135--sm {
    padding-bottom: 135px;
  }

  .pl-135--sm {
    padding-left: 135px;
  }

  .pd-y-135--sm {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .pd-x-135--sm {
    padding-left: 135px;
    padding-right: 135px;
  }

  .mt-135--sm {
    margin-top: 135px;
  }

  .mr-135--sm {
    margin-right: 135px;
  }

  .mb-135--sm {
    margin-bottom: 135px;
  }

  .ml-135--sm {
    margin-left: 135px;
  }

  .mg-y-135--sm {
    margin-top: 135px;
    margin-bottom: 135px;
  }

  .mg-x-135--sm {
    margin-left: 135px;
    margin-right: 135px;
  }

  .pt-140--sm {
    padding-top: 140px;
  }

  .pr-140--sm {
    padding-right: 140px;
  }

  .pb-140--sm {
    padding-bottom: 140px;
  }

  .pl-140--sm {
    padding-left: 140px;
  }

  .pd-y-140--sm {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .pd-x-140--sm {
    padding-left: 140px;
    padding-right: 140px;
  }

  .mt-140--sm {
    margin-top: 140px;
  }

  .mr-140--sm {
    margin-right: 140px;
  }

  .mb-140--sm {
    margin-bottom: 140px;
  }

  .ml-140--sm {
    margin-left: 140px;
  }

  .mg-y-140--sm {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .mg-x-140--sm {
    margin-left: 140px;
    margin-right: 140px;
  }

  .pt-145--sm {
    padding-top: 145px;
  }

  .pr-145--sm {
    padding-right: 145px;
  }

  .pb-145--sm {
    padding-bottom: 145px;
  }

  .pl-145--sm {
    padding-left: 145px;
  }

  .pd-y-145--sm {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .pd-x-145--sm {
    padding-left: 145px;
    padding-right: 145px;
  }

  .mt-145--sm {
    margin-top: 145px;
  }

  .mr-145--sm {
    margin-right: 145px;
  }

  .mb-145--sm {
    margin-bottom: 145px;
  }

  .ml-145--sm {
    margin-left: 145px;
  }

  .mg-y-145--sm {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  .mg-x-145--sm {
    margin-left: 145px;
    margin-right: 145px;
  }

  .pt-150--sm {
    padding-top: 150px;
  }

  .pr-150--sm {
    padding-right: 150px;
  }

  .pb-150--sm {
    padding-bottom: 150px;
  }

  .pl-150--sm {
    padding-left: 150px;
  }

  .pd-y-150--sm {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .pd-x-150--sm {
    padding-left: 150px;
    padding-right: 150px;
  }

  .mt-150--sm {
    margin-top: 150px;
  }

  .mr-150--sm {
    margin-right: 150px;
  }

  .mb-150--sm {
    margin-bottom: 150px;
  }

  .ml-150--sm {
    margin-left: 150px;
  }

  .mg-y-150--sm {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .mg-x-150--sm {
    margin-left: 150px;
    margin-right: 150px;
  }

  .pt-155--sm {
    padding-top: 155px;
  }

  .pr-155--sm {
    padding-right: 155px;
  }

  .pb-155--sm {
    padding-bottom: 155px;
  }

  .pl-155--sm {
    padding-left: 155px;
  }

  .pd-y-155--sm {
    padding-top: 155px;
    padding-bottom: 155px;
  }

  .pd-x-155--sm {
    padding-left: 155px;
    padding-right: 155px;
  }

  .mt-155--sm {
    margin-top: 155px;
  }

  .mr-155--sm {
    margin-right: 155px;
  }

  .mb-155--sm {
    margin-bottom: 155px;
  }

  .ml-155--sm {
    margin-left: 155px;
  }

  .mg-y-155--sm {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .mg-x-155--sm {
    margin-left: 155px;
    margin-right: 155px;
  }

  .pt-160--sm {
    padding-top: 160px;
  }

  .pr-160--sm {
    padding-right: 160px;
  }

  .pb-160--sm {
    padding-bottom: 160px;
  }

  .pl-160--sm {
    padding-left: 160px;
  }

  .pd-y-160--sm {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .pd-x-160--sm {
    padding-left: 160px;
    padding-right: 160px;
  }

  .mt-160--sm {
    margin-top: 160px;
  }

  .mr-160--sm {
    margin-right: 160px;
  }

  .mb-160--sm {
    margin-bottom: 160px;
  }

  .ml-160--sm {
    margin-left: 160px;
  }

  .mg-y-160--sm {
    margin-top: 160px;
    margin-bottom: 160px;
  }

  .mg-x-160--sm {
    margin-left: 160px;
    margin-right: 160px;
  }

  .pt-165--sm {
    padding-top: 165px;
  }

  .pr-165--sm {
    padding-right: 165px;
  }

  .pb-165--sm {
    padding-bottom: 165px;
  }

  .pl-165--sm {
    padding-left: 165px;
  }

  .pd-y-165--sm {
    padding-top: 165px;
    padding-bottom: 165px;
  }

  .pd-x-165--sm {
    padding-left: 165px;
    padding-right: 165px;
  }

  .mt-165--sm {
    margin-top: 165px;
  }

  .mr-165--sm {
    margin-right: 165px;
  }

  .mb-165--sm {
    margin-bottom: 165px;
  }

  .ml-165--sm {
    margin-left: 165px;
  }

  .mg-y-165--sm {
    margin-top: 165px;
    margin-bottom: 165px;
  }

  .mg-x-165--sm {
    margin-left: 165px;
    margin-right: 165px;
  }

  .pt-170--sm {
    padding-top: 170px;
  }

  .pr-170--sm {
    padding-right: 170px;
  }

  .pb-170--sm {
    padding-bottom: 170px;
  }

  .pl-170--sm {
    padding-left: 170px;
  }

  .pd-y-170--sm {
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .pd-x-170--sm {
    padding-left: 170px;
    padding-right: 170px;
  }

  .mt-170--sm {
    margin-top: 170px;
  }

  .mr-170--sm {
    margin-right: 170px;
  }

  .mb-170--sm {
    margin-bottom: 170px;
  }

  .ml-170--sm {
    margin-left: 170px;
  }

  .mg-y-170--sm {
    margin-top: 170px;
    margin-bottom: 170px;
  }

  .mg-x-170--sm {
    margin-left: 170px;
    margin-right: 170px;
  }

  .pt-175--sm {
    padding-top: 175px;
  }

  .pr-175--sm {
    padding-right: 175px;
  }

  .pb-175--sm {
    padding-bottom: 175px;
  }

  .pl-175--sm {
    padding-left: 175px;
  }

  .pd-y-175--sm {
    padding-top: 175px;
    padding-bottom: 175px;
  }

  .pd-x-175--sm {
    padding-left: 175px;
    padding-right: 175px;
  }

  .mt-175--sm {
    margin-top: 175px;
  }

  .mr-175--sm {
    margin-right: 175px;
  }

  .mb-175--sm {
    margin-bottom: 175px;
  }

  .ml-175--sm {
    margin-left: 175px;
  }

  .mg-y-175--sm {
    margin-top: 175px;
    margin-bottom: 175px;
  }

  .mg-x-175--sm {
    margin-left: 175px;
    margin-right: 175px;
  }

  .pt-180--sm {
    padding-top: 180px;
  }

  .pr-180--sm {
    padding-right: 180px;
  }

  .pb-180--sm {
    padding-bottom: 180px;
  }

  .pl-180--sm {
    padding-left: 180px;
  }

  .pd-y-180--sm {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .pd-x-180--sm {
    padding-left: 180px;
    padding-right: 180px;
  }

  .mt-180--sm {
    margin-top: 180px;
  }

  .mr-180--sm {
    margin-right: 180px;
  }

  .mb-180--sm {
    margin-bottom: 180px;
  }

  .ml-180--sm {
    margin-left: 180px;
  }

  .mg-y-180--sm {
    margin-top: 180px;
    margin-bottom: 180px;
  }

  .mg-x-180--sm {
    margin-left: 180px;
    margin-right: 180px;
  }

  .pt-185--sm {
    padding-top: 185px;
  }

  .pr-185--sm {
    padding-right: 185px;
  }

  .pb-185--sm {
    padding-bottom: 185px;
  }

  .pl-185--sm {
    padding-left: 185px;
  }

  .pd-y-185--sm {
    padding-top: 185px;
    padding-bottom: 185px;
  }

  .pd-x-185--sm {
    padding-left: 185px;
    padding-right: 185px;
  }

  .mt-185--sm {
    margin-top: 185px;
  }

  .mr-185--sm {
    margin-right: 185px;
  }

  .mb-185--sm {
    margin-bottom: 185px;
  }

  .ml-185--sm {
    margin-left: 185px;
  }

  .mg-y-185--sm {
    margin-top: 185px;
    margin-bottom: 185px;
  }

  .mg-x-185--sm {
    margin-left: 185px;
    margin-right: 185px;
  }

  .pt-190--sm {
    padding-top: 190px;
  }

  .pr-190--sm {
    padding-right: 190px;
  }

  .pb-190--sm {
    padding-bottom: 190px;
  }

  .pl-190--sm {
    padding-left: 190px;
  }

  .pd-y-190--sm {
    padding-top: 190px;
    padding-bottom: 190px;
  }

  .pd-x-190--sm {
    padding-left: 190px;
    padding-right: 190px;
  }

  .mt-190--sm {
    margin-top: 190px;
  }

  .mr-190--sm {
    margin-right: 190px;
  }

  .mb-190--sm {
    margin-bottom: 190px;
  }

  .ml-190--sm {
    margin-left: 190px;
  }

  .mg-y-190--sm {
    margin-top: 190px;
    margin-bottom: 190px;
  }

  .mg-x-190--sm {
    margin-left: 190px;
    margin-right: 190px;
  }

  .pt-195--sm {
    padding-top: 195px;
  }

  .pr-195--sm {
    padding-right: 195px;
  }

  .pb-195--sm {
    padding-bottom: 195px;
  }

  .pl-195--sm {
    padding-left: 195px;
  }

  .pd-y-195--sm {
    padding-top: 195px;
    padding-bottom: 195px;
  }

  .pd-x-195--sm {
    padding-left: 195px;
    padding-right: 195px;
  }

  .mt-195--sm {
    margin-top: 195px;
  }

  .mr-195--sm {
    margin-right: 195px;
  }

  .mb-195--sm {
    margin-bottom: 195px;
  }

  .ml-195--sm {
    margin-left: 195px;
  }

  .mg-y-195--sm {
    margin-top: 195px;
    margin-bottom: 195px;
  }

  .mg-x-195--sm {
    margin-left: 195px;
    margin-right: 195px;
  }

  .pt-200--sm {
    padding-top: 200px;
  }

  .pr-200--sm {
    padding-right: 200px;
  }

  .pb-200--sm {
    padding-bottom: 200px;
  }

  .pl-200--sm {
    padding-left: 200px;
  }

  .pd-y-200--sm {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .pd-x-200--sm {
    padding-left: 200px;
    padding-right: 200px;
  }

  .mt-200--sm {
    margin-top: 200px;
  }

  .mr-200--sm {
    margin-right: 200px;
  }

  .mb-200--sm {
    margin-bottom: 200px;
  }

  .ml-200--sm {
    margin-left: 200px;
  }

  .mg-y-200--sm {
    margin-top: 200px;
    margin-bottom: 200px;
  }

  .mg-x-200--sm {
    margin-left: 200px;
    margin-right: 200px;
  }
}
.mb-1em {
  margin-bottom: 1em;
}

.mg-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.pl-1em {
  padding-left: 1em;
}

.mr-1em {
  margin-right: 1em;
}

.mr-05em {
  margin-right: 0.5em;
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

@media screen and (min-width: 901px) {
  .text-center-lg {
    text-align: center;
  }

  .text-right-lg {
    text-align: right;
  }

  .text-left-lg {
    text-align: left;
  }
}
.text-indent-1em {
  text-indent: 1em;
}

.text-outdent-1em {
  text-indent: -1em;
  padding-left: 1em;
}

.text-outdent-7em {
  text-indent: -7em;
  padding-left: 7em;
}

.text-outdent-8em {
  text-indent: -8em;
  padding-left: 8em;
}

.text-decoration-underline {
  text-decoration: underline;
}

.text-decoration-line-through {
  text-decoration: line-through;
}

.color-primary {
  color: #963923;
}

.color-secondary {
  color: #532e14;
}

.color-thirdly {
  color: #d2a79c;
}

.color-white {
  color: #fff;
}

.font-weight-bold {
  font-weight: bold;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

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

.font-size-11 {
  font-size: 11px;
}

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

.font-size-13 {
  font-size: 13px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

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

.font-size-17 {
  font-size: 17px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-19 {
  font-size: 19px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-21 {
  font-size: 21px;
}

.font-size-22 {
  font-size: 22px;
}

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

.font-size-24 {
  font-size: 24px;
}

.font-size-25 {
  font-size: 25px;
}

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

.font-size-27 {
  font-size: 27px;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-29 {
  font-size: 29px;
}

.font-size-30 {
  font-size: 30px;
}

.font-size-31 {
  font-size: 31px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-33 {
  font-size: 33px;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-35 {
  font-size: 35px;
}

.font-size-36 {
  font-size: 36px;
}

.font-size-37 {
  font-size: 37px;
}

.font-size-38 {
  font-size: 38px;
}

.font-size-39 {
  font-size: 39px;
}

.font-size-40 {
  font-size: 40px;
}

.font-size-41 {
  font-size: 41px;
}

.font-size-42 {
  font-size: 42px;
}

.font-size-43 {
  font-size: 43px;
}

.font-size-44 {
  font-size: 44px;
}

.font-size-45 {
  font-size: 45px;
}

.font-size-46 {
  font-size: 46px;
}

.font-size-47 {
  font-size: 47px;
}

.font-size-48 {
  font-size: 48px;
}

.font-size-49 {
  font-size: 49px;
}

.font-size-50 {
  font-size: 50px;
}

@media screen and (min-width: 601px) {
  .font-size-10--sm {
    font-size: 10px;
  }

  .font-size-11--sm {
    font-size: 11px;
  }

  .font-size-12--sm {
    font-size: 12px;
  }

  .font-size-13--sm {
    font-size: 13px;
  }

  .font-size-14--sm {
    font-size: 14px;
  }

  .font-size-15--sm {
    font-size: 15px;
  }

  .font-size-16--sm {
    font-size: 16px;
  }

  .font-size-17--sm {
    font-size: 17px;
  }

  .font-size-18--sm {
    font-size: 18px;
  }

  .font-size-19--sm {
    font-size: 19px;
  }

  .font-size-20--sm {
    font-size: 20px;
  }

  .font-size-21--sm {
    font-size: 21px;
  }

  .font-size-22--sm {
    font-size: 22px;
  }

  .font-size-23--sm {
    font-size: 23px;
  }

  .font-size-24--sm {
    font-size: 24px;
  }

  .font-size-25--sm {
    font-size: 25px;
  }

  .font-size-26--sm {
    font-size: 26px;
  }

  .font-size-27--sm {
    font-size: 27px;
  }

  .font-size-28--sm {
    font-size: 28px;
  }

  .font-size-29--sm {
    font-size: 29px;
  }

  .font-size-30--sm {
    font-size: 30px;
  }

  .font-size-31--sm {
    font-size: 31px;
  }

  .font-size-32--sm {
    font-size: 32px;
  }

  .font-size-33--sm {
    font-size: 33px;
  }

  .font-size-34--sm {
    font-size: 34px;
  }

  .font-size-35--sm {
    font-size: 35px;
  }

  .font-size-36--sm {
    font-size: 36px;
  }

  .font-size-37--sm {
    font-size: 37px;
  }

  .font-size-38--sm {
    font-size: 38px;
  }

  .font-size-39--sm {
    font-size: 39px;
  }

  .font-size-40--sm {
    font-size: 40px;
  }

  .font-size-41--sm {
    font-size: 41px;
  }

  .font-size-42--sm {
    font-size: 42px;
  }

  .font-size-43--sm {
    font-size: 43px;
  }

  .font-size-44--sm {
    font-size: 44px;
  }

  .font-size-45--sm {
    font-size: 45px;
  }

  .font-size-46--sm {
    font-size: 46px;
  }

  .font-size-47--sm {
    font-size: 47px;
  }

  .font-size-48--sm {
    font-size: 48px;
  }

  .font-size-49--sm {
    font-size: 49px;
  }

  .font-size-50--sm {
    font-size: 50px;
  }
}
@media screen and (min-width: 901px) {
  .font-size-10--pc {
    font-size: 10px;
  }

  .font-size-11--pc {
    font-size: 11px;
  }

  .font-size-12--pc {
    font-size: 12px;
  }

  .font-size-13--pc {
    font-size: 13px;
  }

  .font-size-14--pc {
    font-size: 14px;
  }

  .font-size-15--pc {
    font-size: 15px;
  }

  .font-size-16--pc {
    font-size: 16px;
  }

  .font-size-17--pc {
    font-size: 17px;
  }

  .font-size-18--pc {
    font-size: 18px;
  }

  .font-size-19--pc {
    font-size: 19px;
  }

  .font-size-20--pc {
    font-size: 20px;
  }

  .font-size-21--pc {
    font-size: 21px;
  }

  .font-size-22--pc {
    font-size: 22px;
  }

  .font-size-23--pc {
    font-size: 23px;
  }

  .font-size-24--pc {
    font-size: 24px;
  }

  .font-size-25--pc {
    font-size: 25px;
  }

  .font-size-26--pc {
    font-size: 26px;
  }

  .font-size-27--pc {
    font-size: 27px;
  }

  .font-size-28--pc {
    font-size: 28px;
  }

  .font-size-29--pc {
    font-size: 29px;
  }

  .font-size-30--pc {
    font-size: 30px;
  }

  .font-size-31--pc {
    font-size: 31px;
  }

  .font-size-32--pc {
    font-size: 32px;
  }

  .font-size-33--pc {
    font-size: 33px;
  }

  .font-size-34--pc {
    font-size: 34px;
  }

  .font-size-35--pc {
    font-size: 35px;
  }

  .font-size-36--pc {
    font-size: 36px;
  }

  .font-size-37--pc {
    font-size: 37px;
  }

  .font-size-38--pc {
    font-size: 38px;
  }

  .font-size-39--pc {
    font-size: 39px;
  }

  .font-size-40--pc {
    font-size: 40px;
  }

  .font-size-41--pc {
    font-size: 41px;
  }

  .font-size-42--pc {
    font-size: 42px;
  }

  .font-size-43--pc {
    font-size: 43px;
  }

  .font-size-44--pc {
    font-size: 44px;
  }

  .font-size-45--pc {
    font-size: 45px;
  }

  .font-size-46--pc {
    font-size: 46px;
  }

  .font-size-47--pc {
    font-size: 47px;
  }

  .font-size-48--pc {
    font-size: 48px;
  }

  .font-size-49--pc {
    font-size: 49px;
  }

  .font-size-50--pc {
    font-size: 50px;
  }
}
.fz-lg {
  font-size: 13px;
}
@media screen and (min-width: 601px) {
  .fz-lg {
    font-size: 16px;
  }
}

.fz-xl {
  font-size: 16px;
}
@media screen and (min-width: 601px) {
  .fz-xl {
    font-size: 18px;
  }
}

.fz-xxl {
  font-size: 18px;
}
@media screen and (min-width: 601px) {
  .fz-xxl {
    font-size: 20px;
  }
}

.fz-xxxl {
  font-size: 20px;
}
@media screen and (min-width: 601px) {
  .fz-xxxl {
    font-size: 22px;
  }
}

.max-width-100 {
  max-width: 100px;
}

.max-width-110 {
  max-width: 110px;
}

.max-width-120 {
  max-width: 120px;
}

.max-width-130 {
  max-width: 130px;
}

.max-width-140 {
  max-width: 140px;
}

.max-width-150 {
  max-width: 150px;
}

.max-width-160 {
  max-width: 160px;
}

.max-width-170 {
  max-width: 170px;
}

.max-width-180 {
  max-width: 180px;
}

.max-width-190 {
  max-width: 190px;
}

.max-width-200 {
  max-width: 200px;
}

.max-width-210 {
  max-width: 210px;
}

.max-width-220 {
  max-width: 220px;
}

.max-width-230 {
  max-width: 230px;
}

.max-width-240 {
  max-width: 240px;
}

.max-width-250 {
  max-width: 250px;
}

.max-width-260 {
  max-width: 260px;
}

.max-width-270 {
  max-width: 270px;
}

.max-width-280 {
  max-width: 280px;
}

.max-width-290 {
  max-width: 290px;
}

.max-width-300 {
  max-width: 300px;
}

.max-width-310 {
  max-width: 310px;
}

.max-width-320 {
  max-width: 320px;
}

.max-width-330 {
  max-width: 330px;
}

.max-width-340 {
  max-width: 340px;
}

.max-width-350 {
  max-width: 350px;
}

.max-width-360 {
  max-width: 360px;
}

.max-width-370 {
  max-width: 370px;
}

.max-width-380 {
  max-width: 380px;
}

.max-width-390 {
  max-width: 390px;
}

.max-width-400 {
  max-width: 400px;
}

.max-width-410 {
  max-width: 410px;
}

.max-width-420 {
  max-width: 420px;
}

.max-width-430 {
  max-width: 430px;
}

.max-width-440 {
  max-width: 440px;
}

.max-width-450 {
  max-width: 450px;
}

.max-width-460 {
  max-width: 460px;
}

.max-width-470 {
  max-width: 470px;
}

.max-width-480 {
  max-width: 480px;
}

.max-width-490 {
  max-width: 490px;
}

.max-width-500 {
  max-width: 500px;
}

.max-width-510 {
  max-width: 510px;
}

.max-width-520 {
  max-width: 520px;
}

.max-width-530 {
  max-width: 530px;
}

.max-width-540 {
  max-width: 540px;
}

.max-width-550 {
  max-width: 550px;
}

.max-width-560 {
  max-width: 560px;
}

.max-width-570 {
  max-width: 570px;
}

.max-width-580 {
  max-width: 580px;
}

.max-width-590 {
  max-width: 590px;
}

.max-width-600 {
  max-width: 600px;
}

.max-width-610 {
  max-width: 610px;
}

.max-width-620 {
  max-width: 620px;
}

.max-width-630 {
  max-width: 630px;
}

.max-width-640 {
  max-width: 640px;
}

.max-width-650 {
  max-width: 650px;
}

.max-width-660 {
  max-width: 660px;
}

.max-width-670 {
  max-width: 670px;
}

.max-width-680 {
  max-width: 680px;
}

.max-width-690 {
  max-width: 690px;
}

.max-width-700 {
  max-width: 700px;
}

.max-width-710 {
  max-width: 710px;
}

.max-width-720 {
  max-width: 720px;
}

.max-width-730 {
  max-width: 730px;
}

.max-width-740 {
  max-width: 740px;
}

.max-width-750 {
  max-width: 750px;
}

.max-width-760 {
  max-width: 760px;
}

.max-width-770 {
  max-width: 770px;
}

.max-width-780 {
  max-width: 780px;
}

.max-width-790 {
  max-width: 790px;
}

.max-width-800 {
  max-width: 800px;
}

.max-width-810 {
  max-width: 810px;
}

.max-width-820 {
  max-width: 820px;
}

.max-width-830 {
  max-width: 830px;
}

.max-width-840 {
  max-width: 840px;
}

.max-width-850 {
  max-width: 850px;
}

.max-width-860 {
  max-width: 860px;
}

.max-width-870 {
  max-width: 870px;
}

.max-width-880 {
  max-width: 880px;
}

.max-width-890 {
  max-width: 890px;
}

.max-width-900 {
  max-width: 900px;
}

.max-width-910 {
  max-width: 910px;
}

.max-width-920 {
  max-width: 920px;
}

.max-width-930 {
  max-width: 930px;
}

.max-width-940 {
  max-width: 940px;
}

.max-width-950 {
  max-width: 950px;
}

.max-width-960 {
  max-width: 960px;
}

.max-width-970 {
  max-width: 970px;
}

.max-width-980 {
  max-width: 980px;
}

.max-width-990 {
  max-width: 990px;
}

.max-width-1000 {
  max-width: 1000px;
}

@media screen and (min-width: 901px) {
  .max-width-100--lg {
    max-width: 100px;
  }

  .max-width-110--lg {
    max-width: 110px;
  }

  .max-width-120--lg {
    max-width: 120px;
  }

  .max-width-130--lg {
    max-width: 130px;
  }

  .max-width-140--lg {
    max-width: 140px;
  }

  .max-width-150--lg {
    max-width: 150px;
  }

  .max-width-160--lg {
    max-width: 160px;
  }

  .max-width-170--lg {
    max-width: 170px;
  }

  .max-width-180--lg {
    max-width: 180px;
  }

  .max-width-190--lg {
    max-width: 190px;
  }

  .max-width-200--lg {
    max-width: 200px;
  }

  .max-width-210--lg {
    max-width: 210px;
  }

  .max-width-220--lg {
    max-width: 220px;
  }

  .max-width-230--lg {
    max-width: 230px;
  }

  .max-width-240--lg {
    max-width: 240px;
  }

  .max-width-250--lg {
    max-width: 250px;
  }

  .max-width-260--lg {
    max-width: 260px;
  }

  .max-width-270--lg {
    max-width: 270px;
  }

  .max-width-280--lg {
    max-width: 280px;
  }

  .max-width-290--lg {
    max-width: 290px;
  }

  .max-width-300--lg {
    max-width: 300px;
  }

  .max-width-310--lg {
    max-width: 310px;
  }

  .max-width-320--lg {
    max-width: 320px;
  }

  .max-width-330--lg {
    max-width: 330px;
  }

  .max-width-340--lg {
    max-width: 340px;
  }

  .max-width-350--lg {
    max-width: 350px;
  }

  .max-width-360--lg {
    max-width: 360px;
  }

  .max-width-370--lg {
    max-width: 370px;
  }

  .max-width-380--lg {
    max-width: 380px;
  }

  .max-width-390--lg {
    max-width: 390px;
  }

  .max-width-400--lg {
    max-width: 400px;
  }

  .max-width-410--lg {
    max-width: 410px;
  }

  .max-width-420--lg {
    max-width: 420px;
  }

  .max-width-430--lg {
    max-width: 430px;
  }

  .max-width-440--lg {
    max-width: 440px;
  }

  .max-width-450--lg {
    max-width: 450px;
  }

  .max-width-460--lg {
    max-width: 460px;
  }

  .max-width-470--lg {
    max-width: 470px;
  }

  .max-width-480--lg {
    max-width: 480px;
  }

  .max-width-490--lg {
    max-width: 490px;
  }

  .max-width-500--lg {
    max-width: 500px;
  }

  .max-width-510--lg {
    max-width: 510px;
  }

  .max-width-520--lg {
    max-width: 520px;
  }

  .max-width-530--lg {
    max-width: 530px;
  }

  .max-width-540--lg {
    max-width: 540px;
  }

  .max-width-550--lg {
    max-width: 550px;
  }

  .max-width-560--lg {
    max-width: 560px;
  }

  .max-width-570--lg {
    max-width: 570px;
  }

  .max-width-580--lg {
    max-width: 580px;
  }

  .max-width-590--lg {
    max-width: 590px;
  }

  .max-width-600--lg {
    max-width: 600px;
  }

  .max-width-610--lg {
    max-width: 610px;
  }

  .max-width-620--lg {
    max-width: 620px;
  }

  .max-width-630--lg {
    max-width: 630px;
  }

  .max-width-640--lg {
    max-width: 640px;
  }

  .max-width-650--lg {
    max-width: 650px;
  }

  .max-width-660--lg {
    max-width: 660px;
  }

  .max-width-670--lg {
    max-width: 670px;
  }

  .max-width-680--lg {
    max-width: 680px;
  }

  .max-width-690--lg {
    max-width: 690px;
  }

  .max-width-700--lg {
    max-width: 700px;
  }

  .max-width-710--lg {
    max-width: 710px;
  }

  .max-width-720--lg {
    max-width: 720px;
  }

  .max-width-730--lg {
    max-width: 730px;
  }

  .max-width-740--lg {
    max-width: 740px;
  }

  .max-width-750--lg {
    max-width: 750px;
  }

  .max-width-760--lg {
    max-width: 760px;
  }

  .max-width-770--lg {
    max-width: 770px;
  }

  .max-width-780--lg {
    max-width: 780px;
  }

  .max-width-790--lg {
    max-width: 790px;
  }

  .max-width-800--lg {
    max-width: 800px;
  }

  .max-width-810--lg {
    max-width: 810px;
  }

  .max-width-820--lg {
    max-width: 820px;
  }

  .max-width-830--lg {
    max-width: 830px;
  }

  .max-width-840--lg {
    max-width: 840px;
  }

  .max-width-850--lg {
    max-width: 850px;
  }

  .max-width-860--lg {
    max-width: 860px;
  }

  .max-width-870--lg {
    max-width: 870px;
  }

  .max-width-880--lg {
    max-width: 880px;
  }

  .max-width-890--lg {
    max-width: 890px;
  }

  .max-width-900--lg {
    max-width: 900px;
  }

  .max-width-910--lg {
    max-width: 910px;
  }

  .max-width-920--lg {
    max-width: 920px;
  }

  .max-width-930--lg {
    max-width: 930px;
  }

  .max-width-940--lg {
    max-width: 940px;
  }

  .max-width-950--lg {
    max-width: 950px;
  }

  .max-width-960--lg {
    max-width: 960px;
  }

  .max-width-970--lg {
    max-width: 970px;
  }

  .max-width-980--lg {
    max-width: 980px;
  }

  .max-width-990--lg {
    max-width: 990px;
  }

  .max-width-1000--lg {
    max-width: 1000px;
  }
}
@media screen and (min-width: 751px) {
  .max-width-100--md {
    max-width: 100px;
  }

  .max-width-110--md {
    max-width: 110px;
  }

  .max-width-120--md {
    max-width: 120px;
  }

  .max-width-130--md {
    max-width: 130px;
  }

  .max-width-140--md {
    max-width: 140px;
  }

  .max-width-150--md {
    max-width: 150px;
  }

  .max-width-160--md {
    max-width: 160px;
  }

  .max-width-170--md {
    max-width: 170px;
  }

  .max-width-180--md {
    max-width: 180px;
  }

  .max-width-190--md {
    max-width: 190px;
  }

  .max-width-200--md {
    max-width: 200px;
  }

  .max-width-210--md {
    max-width: 210px;
  }

  .max-width-220--md {
    max-width: 220px;
  }

  .max-width-230--md {
    max-width: 230px;
  }

  .max-width-240--md {
    max-width: 240px;
  }

  .max-width-250--md {
    max-width: 250px;
  }

  .max-width-260--md {
    max-width: 260px;
  }

  .max-width-270--md {
    max-width: 270px;
  }

  .max-width-280--md {
    max-width: 280px;
  }

  .max-width-290--md {
    max-width: 290px;
  }

  .max-width-300--md {
    max-width: 300px;
  }

  .max-width-310--md {
    max-width: 310px;
  }

  .max-width-320--md {
    max-width: 320px;
  }

  .max-width-330--md {
    max-width: 330px;
  }

  .max-width-340--md {
    max-width: 340px;
  }

  .max-width-350--md {
    max-width: 350px;
  }

  .max-width-360--md {
    max-width: 360px;
  }

  .max-width-370--md {
    max-width: 370px;
  }

  .max-width-380--md {
    max-width: 380px;
  }

  .max-width-390--md {
    max-width: 390px;
  }

  .max-width-400--md {
    max-width: 400px;
  }

  .max-width-410--md {
    max-width: 410px;
  }

  .max-width-420--md {
    max-width: 420px;
  }

  .max-width-430--md {
    max-width: 430px;
  }

  .max-width-440--md {
    max-width: 440px;
  }

  .max-width-450--md {
    max-width: 450px;
  }

  .max-width-460--md {
    max-width: 460px;
  }

  .max-width-470--md {
    max-width: 470px;
  }

  .max-width-480--md {
    max-width: 480px;
  }

  .max-width-490--md {
    max-width: 490px;
  }

  .max-width-500--md {
    max-width: 500px;
  }

  .max-width-510--md {
    max-width: 510px;
  }

  .max-width-520--md {
    max-width: 520px;
  }

  .max-width-530--md {
    max-width: 530px;
  }

  .max-width-540--md {
    max-width: 540px;
  }

  .max-width-550--md {
    max-width: 550px;
  }

  .max-width-560--md {
    max-width: 560px;
  }

  .max-width-570--md {
    max-width: 570px;
  }

  .max-width-580--md {
    max-width: 580px;
  }

  .max-width-590--md {
    max-width: 590px;
  }

  .max-width-600--md {
    max-width: 600px;
  }

  .max-width-610--md {
    max-width: 610px;
  }

  .max-width-620--md {
    max-width: 620px;
  }

  .max-width-630--md {
    max-width: 630px;
  }

  .max-width-640--md {
    max-width: 640px;
  }

  .max-width-650--md {
    max-width: 650px;
  }

  .max-width-660--md {
    max-width: 660px;
  }

  .max-width-670--md {
    max-width: 670px;
  }

  .max-width-680--md {
    max-width: 680px;
  }

  .max-width-690--md {
    max-width: 690px;
  }

  .max-width-700--md {
    max-width: 700px;
  }

  .max-width-710--md {
    max-width: 710px;
  }

  .max-width-720--md {
    max-width: 720px;
  }

  .max-width-730--md {
    max-width: 730px;
  }

  .max-width-740--md {
    max-width: 740px;
  }

  .max-width-750--md {
    max-width: 750px;
  }

  .max-width-760--md {
    max-width: 760px;
  }

  .max-width-770--md {
    max-width: 770px;
  }

  .max-width-780--md {
    max-width: 780px;
  }

  .max-width-790--md {
    max-width: 790px;
  }

  .max-width-800--md {
    max-width: 800px;
  }

  .max-width-810--md {
    max-width: 810px;
  }

  .max-width-820--md {
    max-width: 820px;
  }

  .max-width-830--md {
    max-width: 830px;
  }

  .max-width-840--md {
    max-width: 840px;
  }

  .max-width-850--md {
    max-width: 850px;
  }

  .max-width-860--md {
    max-width: 860px;
  }

  .max-width-870--md {
    max-width: 870px;
  }

  .max-width-880--md {
    max-width: 880px;
  }

  .max-width-890--md {
    max-width: 890px;
  }

  .max-width-900--md {
    max-width: 900px;
  }

  .max-width-910--md {
    max-width: 910px;
  }

  .max-width-920--md {
    max-width: 920px;
  }

  .max-width-930--md {
    max-width: 930px;
  }

  .max-width-940--md {
    max-width: 940px;
  }

  .max-width-950--md {
    max-width: 950px;
  }

  .max-width-960--md {
    max-width: 960px;
  }

  .max-width-970--md {
    max-width: 970px;
  }

  .max-width-980--md {
    max-width: 980px;
  }

  .max-width-990--md {
    max-width: 990px;
  }

  .max-width-1000--md {
    max-width: 1000px;
  }
}
@media screen and (min-width: 601px) {
  .max-width-100--sm {
    max-width: 100px;
  }

  .max-width-110--sm {
    max-width: 110px;
  }

  .max-width-120--sm {
    max-width: 120px;
  }

  .max-width-130--sm {
    max-width: 130px;
  }

  .max-width-140--sm {
    max-width: 140px;
  }

  .max-width-150--sm {
    max-width: 150px;
  }

  .max-width-160--sm {
    max-width: 160px;
  }

  .max-width-170--sm {
    max-width: 170px;
  }

  .max-width-180--sm {
    max-width: 180px;
  }

  .max-width-190--sm {
    max-width: 190px;
  }

  .max-width-200--sm {
    max-width: 200px;
  }

  .max-width-210--sm {
    max-width: 210px;
  }

  .max-width-220--sm {
    max-width: 220px;
  }

  .max-width-230--sm {
    max-width: 230px;
  }

  .max-width-240--sm {
    max-width: 240px;
  }

  .max-width-250--sm {
    max-width: 250px;
  }

  .max-width-260--sm {
    max-width: 260px;
  }

  .max-width-270--sm {
    max-width: 270px;
  }

  .max-width-280--sm {
    max-width: 280px;
  }

  .max-width-290--sm {
    max-width: 290px;
  }

  .max-width-300--sm {
    max-width: 300px;
  }

  .max-width-310--sm {
    max-width: 310px;
  }

  .max-width-320--sm {
    max-width: 320px;
  }

  .max-width-330--sm {
    max-width: 330px;
  }

  .max-width-340--sm {
    max-width: 340px;
  }

  .max-width-350--sm {
    max-width: 350px;
  }

  .max-width-360--sm {
    max-width: 360px;
  }

  .max-width-370--sm {
    max-width: 370px;
  }

  .max-width-380--sm {
    max-width: 380px;
  }

  .max-width-390--sm {
    max-width: 390px;
  }

  .max-width-400--sm {
    max-width: 400px;
  }

  .max-width-410--sm {
    max-width: 410px;
  }

  .max-width-420--sm {
    max-width: 420px;
  }

  .max-width-430--sm {
    max-width: 430px;
  }

  .max-width-440--sm {
    max-width: 440px;
  }

  .max-width-450--sm {
    max-width: 450px;
  }

  .max-width-460--sm {
    max-width: 460px;
  }

  .max-width-470--sm {
    max-width: 470px;
  }

  .max-width-480--sm {
    max-width: 480px;
  }

  .max-width-490--sm {
    max-width: 490px;
  }

  .max-width-500--sm {
    max-width: 500px;
  }

  .max-width-510--sm {
    max-width: 510px;
  }

  .max-width-520--sm {
    max-width: 520px;
  }

  .max-width-530--sm {
    max-width: 530px;
  }

  .max-width-540--sm {
    max-width: 540px;
  }

  .max-width-550--sm {
    max-width: 550px;
  }

  .max-width-560--sm {
    max-width: 560px;
  }

  .max-width-570--sm {
    max-width: 570px;
  }

  .max-width-580--sm {
    max-width: 580px;
  }

  .max-width-590--sm {
    max-width: 590px;
  }

  .max-width-600--sm {
    max-width: 600px;
  }

  .max-width-610--sm {
    max-width: 610px;
  }

  .max-width-620--sm {
    max-width: 620px;
  }

  .max-width-630--sm {
    max-width: 630px;
  }

  .max-width-640--sm {
    max-width: 640px;
  }

  .max-width-650--sm {
    max-width: 650px;
  }

  .max-width-660--sm {
    max-width: 660px;
  }

  .max-width-670--sm {
    max-width: 670px;
  }

  .max-width-680--sm {
    max-width: 680px;
  }

  .max-width-690--sm {
    max-width: 690px;
  }

  .max-width-700--sm {
    max-width: 700px;
  }

  .max-width-710--sm {
    max-width: 710px;
  }

  .max-width-720--sm {
    max-width: 720px;
  }

  .max-width-730--sm {
    max-width: 730px;
  }

  .max-width-740--sm {
    max-width: 740px;
  }

  .max-width-750--sm {
    max-width: 750px;
  }

  .max-width-760--sm {
    max-width: 760px;
  }

  .max-width-770--sm {
    max-width: 770px;
  }

  .max-width-780--sm {
    max-width: 780px;
  }

  .max-width-790--sm {
    max-width: 790px;
  }

  .max-width-800--sm {
    max-width: 800px;
  }

  .max-width-810--sm {
    max-width: 810px;
  }

  .max-width-820--sm {
    max-width: 820px;
  }

  .max-width-830--sm {
    max-width: 830px;
  }

  .max-width-840--sm {
    max-width: 840px;
  }

  .max-width-850--sm {
    max-width: 850px;
  }

  .max-width-860--sm {
    max-width: 860px;
  }

  .max-width-870--sm {
    max-width: 870px;
  }

  .max-width-880--sm {
    max-width: 880px;
  }

  .max-width-890--sm {
    max-width: 890px;
  }

  .max-width-900--sm {
    max-width: 900px;
  }

  .max-width-910--sm {
    max-width: 910px;
  }

  .max-width-920--sm {
    max-width: 920px;
  }

  .max-width-930--sm {
    max-width: 930px;
  }

  .max-width-940--sm {
    max-width: 940px;
  }

  .max-width-950--sm {
    max-width: 950px;
  }

  .max-width-960--sm {
    max-width: 960px;
  }

  .max-width-970--sm {
    max-width: 970px;
  }

  .max-width-980--sm {
    max-width: 980px;
  }

  .max-width-990--sm {
    max-width: 990px;
  }

  .max-width-1000--sm {
    max-width: 1000px;
  }
}
.ls-0 {
  letter-spacing: 0;
}

.ls-50 {
  letter-spacing: 0.05em;
}

.ls-80 {
  letter-spacing: 0.08em;
}

.ls-200 {
  letter-spacing: 0.2em;
}

.ls-250 {
  letter-spacing: 0.25em;
}

.line-height-10 {
  line-height: 1;
}

.line-height-11 {
  line-height: 1.1;
}

.line-height-12 {
  line-height: 1.2;
}

.line-height-13 {
  line-height: 1.3;
}

.line-height-14 {
  line-height: 1.4;
}

.line-height-15 {
  line-height: 1.5;
}

.line-height-16 {
  line-height: 1.6;
}

.line-height-17 {
  line-height: 1.7;
}

.line-height-18 {
  line-height: 1.8;
}

.line-height-19 {
  line-height: 1.9;
}

.line-height-20 {
  line-height: 2;
}

.line-height-21 {
  line-height: 2.1;
}

.line-height-22 {
  line-height: 2.2;
}

.line-height-23 {
  line-height: 2.3;
}

.line-height-24 {
  line-height: 2.4;
}

.line-height-25 {
  line-height: 2.5;
}

.line-height-26 {
  line-height: 2.6;
}

.line-height-27 {
  line-height: 2.7;
}

.line-height-28 {
  line-height: 2.8;
}

.line-height-29 {
  line-height: 2.9;
}

.line-height-30 {
  line-height: 3;
}

.line-height-31 {
  line-height: 3.1;
}

.line-height-32 {
  line-height: 3.2;
}

.line-height-33 {
  line-height: 3.3;
}

.line-height-34 {
  line-height: 3.4;
}

.line-height-35 {
  line-height: 3.5;
}

.line-height-36 {
  line-height: 3.6;
}

.line-height-37 {
  line-height: 3.7;
}

.line-height-38 {
  line-height: 3.8;
}

.line-height-39 {
  line-height: 3.9;
}

.line-height-40 {
  line-height: 4;
}

.line-height-41 {
  line-height: 4.1;
}

.line-height-42 {
  line-height: 4.2;
}

.line-height-43 {
  line-height: 4.3;
}

.line-height-44 {
  line-height: 4.4;
}

.line-height-45 {
  line-height: 4.5;
}

.line-height-46 {
  line-height: 4.6;
}

.line-height-47 {
  line-height: 4.7;
}

.line-height-48 {
  line-height: 4.8;
}

.line-height-49 {
  line-height: 4.9;
}

.line-height-50 {
  line-height: 5;
}

@media screen and (min-width: 901px) {
  .line-height-10--pc {
    line-height: 1;
  }

  .line-height-11--pc {
    line-height: 1.1;
  }

  .line-height-12--pc {
    line-height: 1.2;
  }

  .line-height-13--pc {
    line-height: 1.3;
  }

  .line-height-14--pc {
    line-height: 1.4;
  }

  .line-height-15--pc {
    line-height: 1.5;
  }

  .line-height-16--pc {
    line-height: 1.6;
  }

  .line-height-17--pc {
    line-height: 1.7;
  }

  .line-height-18--pc {
    line-height: 1.8;
  }

  .line-height-19--pc {
    line-height: 1.9;
  }

  .line-height-20--pc {
    line-height: 2;
  }

  .line-height-21--pc {
    line-height: 2.1;
  }

  .line-height-22--pc {
    line-height: 2.2;
  }

  .line-height-23--pc {
    line-height: 2.3;
  }

  .line-height-24--pc {
    line-height: 2.4;
  }

  .line-height-25--pc {
    line-height: 2.5;
  }

  .line-height-26--pc {
    line-height: 2.6;
  }

  .line-height-27--pc {
    line-height: 2.7;
  }

  .line-height-28--pc {
    line-height: 2.8;
  }

  .line-height-29--pc {
    line-height: 2.9;
  }

  .line-height-30--pc {
    line-height: 3;
  }

  .line-height-31--pc {
    line-height: 3.1;
  }

  .line-height-32--pc {
    line-height: 3.2;
  }

  .line-height-33--pc {
    line-height: 3.3;
  }

  .line-height-34--pc {
    line-height: 3.4;
  }

  .line-height-35--pc {
    line-height: 3.5;
  }

  .line-height-36--pc {
    line-height: 3.6;
  }

  .line-height-37--pc {
    line-height: 3.7;
  }

  .line-height-38--pc {
    line-height: 3.8;
  }

  .line-height-39--pc {
    line-height: 3.9;
  }

  .line-height-40--pc {
    line-height: 4;
  }

  .line-height-41--pc {
    line-height: 4.1;
  }

  .line-height-42--pc {
    line-height: 4.2;
  }

  .line-height-43--pc {
    line-height: 4.3;
  }

  .line-height-44--pc {
    line-height: 4.4;
  }

  .line-height-45--pc {
    line-height: 4.5;
  }

  .line-height-46--pc {
    line-height: 4.6;
  }

  .line-height-47--pc {
    line-height: 4.7;
  }

  .line-height-48--pc {
    line-height: 4.8;
  }

  .line-height-49--pc {
    line-height: 4.9;
  }

  .line-height-50--pc {
    line-height: 5;
  }
}
@media screen and (min-width: 601px) {
  .line-height-10--sm {
    line-height: 1;
  }

  .line-height-11--sm {
    line-height: 1.1;
  }

  .line-height-12--sm {
    line-height: 1.2;
  }

  .line-height-13--sm {
    line-height: 1.3;
  }

  .line-height-14--sm {
    line-height: 1.4;
  }

  .line-height-15--sm {
    line-height: 1.5;
  }

  .line-height-16--sm {
    line-height: 1.6;
  }

  .line-height-17--sm {
    line-height: 1.7;
  }

  .line-height-18--sm {
    line-height: 1.8;
  }

  .line-height-19--sm {
    line-height: 1.9;
  }

  .line-height-20--sm {
    line-height: 2;
  }

  .line-height-21--sm {
    line-height: 2.1;
  }

  .line-height-22--sm {
    line-height: 2.2;
  }

  .line-height-23--sm {
    line-height: 2.3;
  }

  .line-height-24--sm {
    line-height: 2.4;
  }

  .line-height-25--sm {
    line-height: 2.5;
  }

  .line-height-26--sm {
    line-height: 2.6;
  }

  .line-height-27--sm {
    line-height: 2.7;
  }

  .line-height-28--sm {
    line-height: 2.8;
  }

  .line-height-29--sm {
    line-height: 2.9;
  }

  .line-height-30--sm {
    line-height: 3;
  }

  .line-height-31--sm {
    line-height: 3.1;
  }

  .line-height-32--sm {
    line-height: 3.2;
  }

  .line-height-33--sm {
    line-height: 3.3;
  }

  .line-height-34--sm {
    line-height: 3.4;
  }

  .line-height-35--sm {
    line-height: 3.5;
  }

  .line-height-36--sm {
    line-height: 3.6;
  }

  .line-height-37--sm {
    line-height: 3.7;
  }

  .line-height-38--sm {
    line-height: 3.8;
  }

  .line-height-39--sm {
    line-height: 3.9;
  }

  .line-height-40--sm {
    line-height: 4;
  }

  .line-height-41--sm {
    line-height: 4.1;
  }

  .line-height-42--sm {
    line-height: 4.2;
  }

  .line-height-43--sm {
    line-height: 4.3;
  }

  .line-height-44--sm {
    line-height: 4.4;
  }

  .line-height-45--sm {
    line-height: 4.5;
  }

  .line-height-46--sm {
    line-height: 4.6;
  }

  .line-height-47--sm {
    line-height: 4.7;
  }

  .line-height-48--sm {
    line-height: 4.8;
  }

  .line-height-49--sm {
    line-height: 4.9;
  }

  .line-height-50--sm {
    line-height: 5;
  }
}
.bgc-gray {
  background-color: #f2f2f2;
}

.bgc-primary {
  background-color: #963923;
}

.bgc-secondary {
  background-color: #532e14;
}

.bgc-thirdly {
  background-color: #d2a79c;
}

.bgc-fourthly {
  background-color: #381b07;
}

.bgc-white {
  background-color: #fff;
}

.bgc-beige {
  background-color: #f5f0ec;
}

.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

html {
  font-size: 0.625em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

*, input, select, option, textarea, button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 0.2em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
}
*:after, *:before, input:after, input:before, select:after, select:before, option:after, option:before, textarea:after, textarea:before, button:after, button:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  image-rendering: smooth;
}

*[role=button], label {
  cursor: pointer;
}

body, input, select, option, textarea, button {
  font: 13px/2.3 "Noto Serif JP", serif;
  color: #000;
}
@media screen and (min-width: 601px) {
  body, input, select, option, textarea, button {
    font-size: 13px;
  }
}

body {
  overflow-x: hidden;
  overflow-y: auto;
}

.wrapper {
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .wrapper {
    padding-top: 60px;
  }
  .wrapper.is-transition .menubtn__bar--top, .wrapper.is-transition .menubtn__bar--bottom {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: top 0.4s ease 0.4s, -webkit-transform 0.4s ease 0s;
    transition: top 0.4s ease 0.4s, -webkit-transform 0.4s ease 0s;
    -o-transition: top 0.4s ease 0.4s, transform 0.4s ease 0s;
    transition: top 0.4s ease 0.4s, transform 0.4s ease 0s;
    transition: top 0.4s ease 0.4s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
  }
  .wrapper.is-transition .menubtn__opentext {
    -webkit-transition: -webkit-transform 0.4s ease 0.4s;
    transition: -webkit-transform 0.4s ease 0.4s;
    -o-transition: transform 0.4s ease 0.4s;
    transition: transform 0.4s ease 0.4s;
    transition: transform 0.4s ease 0.4s, -webkit-transform 0.4s ease 0.4s;
  }
  .wrapper.is-transition .menubtn__closetext {
    -webkit-transition: -webkit-transform 0.4s ease 0s;
    transition: -webkit-transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
  }
  .wrapper.is-open.is-transition {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 50;
  }
  .wrapper.is-open.is-transition .menubtn__bar--top, .wrapper.is-open.is-transition .menubtn__bar--bottom {
    top: 14px;
    -webkit-transition: top 0.4s ease 0s, -webkit-transform 0.4s ease 0.4s;
    transition: top 0.4s ease 0s, -webkit-transform 0.4s ease 0.4s;
    -o-transition: top 0.4s ease 0s, transform 0.4s ease 0.4s;
    transition: top 0.4s ease 0s, transform 0.4s ease 0.4s;
    transition: top 0.4s ease 0s, transform 0.4s ease 0.4s, -webkit-transform 0.4s ease 0.4s;
  }
  .wrapper.is-open.is-transition .menubtn__bar--top {
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  .wrapper.is-open.is-transition .menubtn__bar--bottom {
    -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  .wrapper.is-open.is-transition .menubtn__opentext {
    -webkit-transition: -webkit-transform 0.4s ease 0s;
    transition: -webkit-transform 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
  }
  .wrapper.is-open.is-transition .menubtn__closetext {
    -webkit-transition: -webkit-transform 0.4s ease 0.4s;
    transition: -webkit-transform 0.4s ease 0.4s;
    -o-transition: transform 0.4s ease 0.4s;
    transition: transform 0.4s ease 0.4s;
    transition: transform 0.4s ease 0.4s, -webkit-transform 0.4s ease 0.4s;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}

.site-header {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header a.site-header__logo {
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.site-header a.site-header__logo:hover {
  opacity: 0.6 !important;
}
@media screen and (max-width: 900px) {
  .site-header {
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 5px 0 20px;
  }
  .site-header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
  }
  .site-header__nav, .site-header__access, .site-header__cart, .site-header__mail {
    display: none;
  }
}
@media screen and (min-width: 901px) {
  .site-header {
    padding: 12px 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .site-header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .site-header__access {
    margin-left: auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .site-header__cart {
    margin-left: 10px;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .site-header__mail {
    margin-left: 10px;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .site-header__nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 6px;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}
@media screen and (min-width: 1401px) {
  .site-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    height: 70px;
    padding: 0 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .site-header__nav {
    margin-top: 0;
    margin-left: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .site-header__access {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .h-cart, .h-mail, .h-access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #532e14;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px;
    width: 130px;
    height: 30px;
    position: relative;
    background-color: #fff;
    -webkit-transition: 0.6s background-color ease;
    -o-transition: 0.6s background-color ease;
    transition: 0.6s background-color ease;
  }
  .h-cart path, .h-mail path, .h-access path {
    -webkit-transition: 0.6s fill ease;
    -o-transition: 0.6s fill ease;
    transition: 0.6s fill ease;
  }
  .h-cart span, .h-mail span, .h-access span {
    -webkit-transition: 0.6s color ease;
    -o-transition: 0.6s color ease;
    transition: 0.6s color ease;
  }
  .h-cart:hover, .h-mail:hover, .h-access:hover {
    background-color: #532e14;
  }
  .h-cart:hover path, .h-mail:hover path, .h-access:hover path {
    fill: #fff;
  }
  .h-cart:hover span, .h-mail:hover span, .h-access:hover span {
    color: #fff;
  }
}

@media screen and (min-width: 901px) {
  .h-cart__text, .h-mail__text, .h-access__text {
    color: #532e14;
    letter-spacing: 0.05em;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(100% - 36px);
    text-align: center;
    position: relative;
    z-index: 2;
  }
}

@media screen and (min-width: 901px) {
  .h-cart__icon, .h-mail__icon, .h-access__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36px;
            flex: 0 0 36px;
    width: 36px;
    line-height: 0;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  .h-cart__icon path, .h-mail__icon path, .h-access__icon path {
    fill: #532e14;
  }
}

.h-access__icon svg {
  width: 14px;
}

.h-mail__icon svg {
  width: 20px;
}

.h-cart__icon svg {
  width: 26px;
}

@media screen and (max-width: 900px) {
  .menubtn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
  }
  .menubtn__bar--top, .menubtn__bar--bottom {
    width: 24px;
    height: 1px;
    background-color: #000;
    position: absolute;
    right: 9px;
  }
  .menubtn__bar--top {
    top: 10px;
  }
  .menubtn__bar--bottom {
    top: 18px;
  }
  .menubtn__opentext, .menubtn__closetext {
    font-size: 10px;
    letter-spacing: 0.04em;
    position: absolute;
    top: 28px;
    left: 0.02em;
    width: 100%;
    line-height: 1;
    text-align: center;
  }
  .menubtn__opentext {
    -webkit-transition: 0.5s -webkit-transform;
    transition: 0.5s -webkit-transform;
    -o-transition: 0.5s transform;
    transition: 0.5s transform;
    transition: 0.5s transform, 0.5s -webkit-transform;
  }
  .menubtn__closetext {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
  }
}
@media screen and (min-width: 901px) {
  .menubtn {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .smt-glnav {
    position: fixed;
    z-index: 55;
    overflow-y: auto;
    overflow-scrolling: touch;
    padding: 30px 0;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    opacity: 0;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    width: 100%;
    height: calc(100% - 60px);
    left: 0;
    top: 60px;
    background-color: #fff;
  }
  .smt-glnav::-webkit-scrollbar {
    display: none;
  }
  .smt-glnav .js-smtnavitem {
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0;
  }
  .smt-glnav__inner {
    overflow-y: auto;
    overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 20px;
  }
  .smt-glnav__inner::-webkit-scrollbar {
    display: none;
  }
  .smt-glnav__access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .smt-glnav__access i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    width: 26px;
    text-align: center;
    line-height: 0;
  }
  .smt-glnav__access i img {
    width: 14px;
  }
  .smt-glnav__access span {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    color: #532e14;
    margin-left: 12px;
  }
  .smt-glnav__mail {
    margin-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .smt-glnav__mail i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
    width: 26px;
    text-align: center;
    line-height: 0;
  }
  .smt-glnav__mail i img {
    width: 20px;
  }
  .smt-glnav__mail span {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    color: #532e14;
    margin-left: 12px;
  }
}
@media screen and (min-width: 901px) {
  .smt-glnav {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .pc-glmenu {
    display: none;
  }
}
@media screen and (min-width: 901px) {
  .pc-glmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .pc-glmenu__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 20px;
    position: relative;
  }
  .pc-glmenu__item:hover .pc-submenu {
    padding: 15px;
    max-height: 500px;
    border: 1px solid #532e14;
    -webkit-box-shadow: 3px 3px 0 rgba(83, 46, 20, 0.6);
            box-shadow: 3px 3px 0 rgba(83, 46, 20, 0.6);
  }
  .pc-glmenu__item:hover .pc-submenu:before {
    border-top: 8px solid #532e14;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  .pc-glmenu__link {
    letter-spacing: 0.1em;
    -webkit-transition: 0.3s color ease;
    -o-transition: 0.3s color ease;
    transition: 0.3s color ease;
  }
  .pc-glmenu__link:hover {
    color: #963923 !important;
  }
}
@media screen and (min-width: 1401px) {
  .pc-glmenu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .pc-glmenu__item {
    margin-right: 25px;
  }
}

@media screen and (min-width: 901px) {
  .pc-submenu {
    position: absolute;
    z-index: 10;
    width: 250px;
    background-color: #fff;
    left: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.5s all ease-in;
    -o-transition: 0.5s all ease-in;
    transition: 0.5s all ease-in;
  }
  .pc-submenu:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0px solid transparent;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transition: 0.5s all ease-in;
    -o-transition: 0.5s all ease-in;
    transition: 0.5s all ease-in;
  }
  .pc-submenu__item a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 900px) {
  .smt-glmenu {
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #eaeaea;
  }
  .smt-glmenu__item + .smt-glmenu__item {
    margin-top: 13px;
  }
  .smt-glmenu__item--onlineshop {
    margin-top: 22px;
    padding-top: 22px;
    position: relative;
  }
  .smt-glmenu__item--onlineshop:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 30px;
    background-color: #000;
  }
}

.site-footer {
  background: url(../img/shared/bg-footer.jpg);
  padding: 50px 0 20px;
  position: relative;
}
.site-footer__pagetop {
  position: absolute;
  right: 10px;
  width: 14px;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
  top: -30px;
}
.site-footer__pagetop:hover {
  opacity: 0.6 !important;
}
.site-footer__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  margin-top: 14px;
}
.site-footer__phones__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0.8em;
}
@media screen and (max-width: 900px) {
  .site-footer__row {
    display: none;
  }
  .site-footer__smt {
    margin-top: 50px;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #000;
  }
  .site-footer__togglebtn {
    padding: 8px 20px 8px 28px;
    position: relative;
    border-bottom: 1px solid #000;
    display: block;
    width: 100%;
    text-align: left;
  }
  .site-footer__togglebtn:after, .site-footer__togglebtn:before {
    content: "";
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 10px;
    width: 10px;
    height: 1px;
    background-color: #000;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
  }
  .site-footer__togglebtn:before {
    -webkit-transition: 0.4s -webkit-transform ease;
    transition: 0.4s -webkit-transform ease;
    -o-transition: 0.4s transform ease;
    transition: 0.4s transform ease;
    transition: 0.4s transform ease, 0.4s -webkit-transform ease;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .site-footer__togglebtn.is-expanded:before {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
  }
  .site-footer__togglemenu {
    display: none;
  }
  .site-footer__linklist {
    padding-left: 8px;
  }
  .site-footer__linklist__item a {
    display: block;
    padding: 8px 20px;
    position: relative;
  }
  .site-footer__linklist__item a:before {
    content: "- ";
  }
  .site-footer__link {
    border-bottom: 1px solid #000;
  }
  .site-footer__link a {
    display: block;
    padding: 8px 20px 8px 28px;
    position: relative;
  }
  .site-footer__link a:after {
    content: ">";
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 11px;
  }
}
@media screen and (min-width: 901px) {
  .site-footer {
    padding: 50px 0 100px;
  }
  .site-footer__pagetop {
    width: 16px;
    top: 20px;
  }
  .site-footer__phones {
    font-size: 14px;
  }
  .site-footer__row {
    margin-top: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .site-footer__smt {
    display: none;
  }
  .site-footer__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 15px;
  }
  .site-footer__column a {
    -webkit-transition: 0.3s color ease;
    -o-transition: 0.3s color ease;
    transition: 0.3s color ease;
  }
  .site-footer__column a:hover {
    color: #963923 !important;
  }
  .site-footer__link {
    padding-left: 24px;
    position: relative;
  }
  .site-footer__link + .site-footer__link {
    margin-top: 12px;
  }
  .site-footer__link:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/shared/item-footerlink.png) no-repeat center center/16px 16px;
    position: absolute;
    left: 0;
    top: 7px;
  }
  .site-footer__linklist {
    padding-left: 24px;
  }
  .site-footer__linklist__item::before {
    content: "- ";
  }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .site-footer__row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
  }
  .site-footer__row .site-footer__column:nth-child(4), .site-footer__row .site-footer__column:nth-child(5), .site-footer__row .site-footer__column:nth-child(6) {
    margin-top: 20px;
  }
  .site-footer__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    width: 32%;
    margin-right: 0;
  }
}

.copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  font-weight: 600;
  background-color: #381b07;
  color: #fff;
  font-size: 10px;
  height: 40px;
}
@media screen and (min-width: 601px) {
  .copyright {
    height: 60px;
    font-size: 13px;
  }
}
@media screen and (min-width: 901px) {
  .copyright {
    height: 80px;
  }
}

.contactus {
  padding: 45px 0;
  background: url(../img/shared/bg-contact--smt.jpg) no-repeat center top/cover;
}
.contactus__catch {
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.8;
  font-size: 20px;
}
.contactus__text {
  text-align: center;
  color: #fff;
  margin-bottom: 35px;
}
.contactus__btns {
  margin-bottom: 50px;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.contactus__btn {
  background-color: #fff;
  padding: 1px;
  display: block;
}
.contactus__btn + .contactus__btn {
  margin-top: 10px;
}
.contactus__btn:hover .contactus__btn-in {
  background-color: #fff;
}
.contactus__btn:hover .contactus__btn-text, .contactus__btn:hover .contactus__btn-arrow {
  color: #001730;
}
.contactus__btn-in {
  background-color: #001730;
  border-radius: 5px;
  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;
  height: 55px;
  -webkit-transition: 0.6s background-color ease;
  -o-transition: 0.6s background-color ease;
  transition: 0.6s background-color ease;
}
.contactus__btn-text {
  display: block;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  -webkit-transition: 0.6s color ease;
  -o-transition: 0.6s color ease;
  transition: 0.6s color ease;
}
.contactus__btn-arrow {
  display: block;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
  -webkit-transition: 0.6s color ease;
  -o-transition: 0.6s color ease;
  transition: 0.6s color ease;
}
.contactus__tel {
  text-shadow: 0 0 3px #001730, 0 0 3px #001730, 0 0 3px #001730;
}
.contactus__tel-freedial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contactus__tel-freedial i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 23px;
  line-height: 0;
}
.contactus__tel-freedial span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #fff;
  line-height: 1;
  margin-left: 6px;
  font-size: 28px;
}
.contactus__tel-text {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contactus__tel-text span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  letter-spacing: 0.1em;
}
.contactus__tel-text span + span {
  margin-left: 0.5em;
}
.contactus__tel-info {
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
}
@media screen and (max-width: 600px) {
  .contactus__tel-text {
    margin-top: 10px;
  }
  .contactus__tel-info {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 601px) {
  .contactus__btns {
    margin-bottom: 70px;
  }
  .contactus__btn-in {
    height: 60px;
  }
  .contactus__catch {
    font-size: 24px;
    line-height: 2;
  }
  .contactus__text {
    margin-bottom: 50px;
  }
  .contactus__tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contactus__tel-number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .contactus__tel-info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-top: 5px;
  }
  .contactus__tel-freedial span {
    font-size: 40px;
  }
  .contactus__tel-text {
    font-size: 18px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (min-width: 901px) {
  .contactus {
    background-image: url(../img/shared/bg-contact.jpg);
    background-position: center top;
    padding: 70px 0;
  }
  .contactus__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: none;
  }
  .contactus__btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    width: 32%;
    max-width: 350px;
    margin-top: 0 !important;
  }
}

.section {
  padding-top: 50px;
}
.section--y {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 901px) {
  .section {
    padding-top: 90px;
  }
  .section--y {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.spacer {
  height: 50px;
}
.spacer--half {
  height: 25px;
}
@media screen and (min-width: 901px) {
  .spacer {
    height: 90px;
  }
  .spacer--half {
    height: 45px;
  }
}

.container-820, .container-1000, .container-slim--no-x, .container-slim, .container-wide--no-x, .container-wide, .container--no-x, .container {
  margin-left: auto;
  margin-right: auto;
}

.container-820, .container-1000, .container-slim, .container-wide, .container {
  padding-left: 20px;
  padding-right: 20px;
}

.container {
  max-width: 1240px;
}
.container--no-x {
  max-width: 1200px;
}
.container-wide {
  max-width: 1340px;
}
.container-wide--no-x {
  max-width: 1300px;
}
.container-slim {
  max-width: 1000px;
}
.container-slim--no-x {
  max-width: 960px;
}
.container-1000 {
  max-width: 1040px;
}
.container-820 {
  max-width: 860px;
}

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.column__item--col1, .column__item--col1--nogutter, .column__item--col1--nospace, .column__item--col1--noxy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.column__item--col2, .column__item--col2--nogutter, .column__item--col2--nospace, .column__item--col2--noxy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.column__item--col3, .column__item--col3--nogutter, .column__item--col3--nospace, .column__item--col3--noxy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
  max-width: 33.33%;
}
.column__item--col4, .column__item--col4--nogutter, .column__item--col4--nospace, .column__item--col4--noxy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.column__item--col5, .column__item--col5--nogutter, .column__item--col5--nospace, .column__item--col5--noxy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}
.column__item--col1, .column__item--col2, .column__item--col3, .column__item--col4, .column__item--col5 {
  padding: 5px;
}
.column__item--col1--nogutter, .column__item--col2--nogutter, .column__item--col3--nogutter, .column__item--col4--nogutter, .column__item--col5--nogutter {
  padding: 5px 0;
}
.column__item--col1--nospace, .column__item--col2--nospace, .column__item--col3--nospace, .column__item--col4--nospace, .column__item--col5--nospace {
  padding: 0 5px;
}
@media screen and (min-width: 601px) {
  .column__item--sm--col1, .column__item--sm--col1--nogutter, .column__item--sm--col1--nospace, .column__item--sm--col1--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .column__item--sm--col2, .column__item--sm--col2--nogutter, .column__item--sm--col2--nospace, .column__item--sm--col2--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .column__item--sm--col3, .column__item--sm--col3--nogutter, .column__item--sm--col3--nospace, .column__item--sm--col3--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .column__item--sm--col4, .column__item--sm--col4--nogutter, .column__item--sm--col4--nospace, .column__item--sm--col4--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .column__item--sm--col5, .column__item--sm--col5--nogutter, .column__item--sm--col5--nospace, .column__item--sm--col5--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .column__item--sm--col1, .column__item--sm--col2, .column__item--sm--col3, .column__item--sm--col4, .column__item--sm--col5 {
    padding: 5px;
  }
  .column__item--sm--col1--nogutter, .column__item--sm--col2--nogutter, .column__item--sm--col3--nogutter, .column__item--sm--col4--nogutter, .column__item--sm--col5--nogutter {
    padding: 5px 0;
  }
  .column__item--sm--col1--nospace, .column__item--sm--col2--nospace, .column__item--sm--col3--nospace, .column__item--sm--col4--nospace, .column__item--sm--col5--nospace {
    padding: 0 5px;
  }
}
@media screen and (min-width: 751px) {
  .column__item--md--col1, .column__item--md--col1--nogutter, .column__item--md--col1--nospace, .column__item--md--col1--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .column__item--md--col2, .column__item--md--col2--nogutter, .column__item--md--col2--nospace, .column__item--md--col2--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .column__item--md--col3, .column__item--md--col3--nogutter, .column__item--md--col3--nospace, .column__item--md--col3--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .column__item--md--col4, .column__item--md--col4--nogutter, .column__item--md--col4--nospace, .column__item--md--col4--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .column__item--md--col5, .column__item--md--col5--nogutter, .column__item--md--col5--nospace, .column__item--md--col5--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .column__item--md--col1, .column__item--md--col2, .column__item--md--col3, .column__item--md--col4, .column__item--md--col5 {
    padding: 5px;
  }
  .column__item--md--col1--nogutter, .column__item--md--col2--nogutter, .column__item--md--col3--nogutter, .column__item--md--col4--nogutter, .column__item--md--col5--nogutter {
    padding: 5px 0;
  }
  .column__item--md--col1--nospace, .column__item--md--col2--nospace, .column__item--md--col3--nospace, .column__item--md--col4--nospace, .column__item--md--col5--nospace {
    padding: 0 5px;
  }
}
@media screen and (min-width: 901px) {
  .column__item--lg--col1, .column__item--lg--col1--nogutter, .column__item--lg--col1--nospace, .column__item--lg--col1--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .column__item--lg--col2, .column__item--lg--col2--nogutter, .column__item--lg--col2--nospace, .column__item--lg--col2--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .column__item--lg--col3, .column__item--lg--col3--nogutter, .column__item--lg--col3--nospace, .column__item--lg--col3--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .column__item--lg--col4, .column__item--lg--col4--nogutter, .column__item--lg--col4--nospace, .column__item--lg--col4--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .column__item--lg--col5, .column__item--lg--col5--nogutter, .column__item--lg--col5--nospace, .column__item--lg--col5--noxy {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .column__item--lg--col1, .column__item--lg--col2, .column__item--lg--col3, .column__item--lg--col4, .column__item--lg--col5 {
    padding: 5px;
  }
  .column__item--lg--col1--nogutter, .column__item--lg--col2--nogutter, .column__item--lg--col3--nogutter, .column__item--lg--col4--nogutter, .column__item--lg--col5--nogutter {
    padding: 5px 0;
  }
  .column__item--lg--col1--nospace, .column__item--lg--col2--nospace, .column__item--lg--col3--nospace, .column__item--lg--col4--nospace, .column__item--lg--col5--nospace {
    padding: 0 5px;
  }
}

@media screen and (max-width: 900px) {
  .ph-box__content {
    overflow: hidden;
  }
  .ph-box__content + .ph-box__img {
    display: none;
  }
}
@media screen and (min-width: 901px) {
  .ph-box--phleft, .ph-box--phright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ph-box--phleft.items-center, .ph-box--phright.items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ph-box--phleft .ph-box__content + .ph-box__img, .ph-box--phright .ph-box__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ph-box--phright .ph-box__content + .ph-box__img, .ph-box--phleft .ph-box__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ph-box__content .ph-box__img {
    display: none;
  }
  .ph-box__content.self-center, .ph-box__img.self-center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .ph-box__content.w1p, .ph-box__img.w1p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1%;
            flex: 0 0 1%;
    width: 1%;
  }
  .ph-box__content.w2p, .ph-box__img.w2p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2%;
            flex: 0 0 2%;
    width: 2%;
  }
  .ph-box__content.w3p, .ph-box__img.w3p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3%;
            flex: 0 0 3%;
    width: 3%;
  }
  .ph-box__content.w4p, .ph-box__img.w4p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4%;
            flex: 0 0 4%;
    width: 4%;
  }
  .ph-box__content.w5p, .ph-box__img.w5p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    width: 5%;
  }
  .ph-box__content.w6p, .ph-box__img.w6p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 6%;
            flex: 0 0 6%;
    width: 6%;
  }
  .ph-box__content.w7p, .ph-box__img.w7p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 7%;
            flex: 0 0 7%;
    width: 7%;
  }
  .ph-box__content.w8p, .ph-box__img.w8p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8%;
            flex: 0 0 8%;
    width: 8%;
  }
  .ph-box__content.w9p, .ph-box__img.w9p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9%;
            flex: 0 0 9%;
    width: 9%;
  }
  .ph-box__content.w10p, .ph-box__img.w10p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
    width: 10%;
  }
  .ph-box__content.w11p, .ph-box__img.w11p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11%;
            flex: 0 0 11%;
    width: 11%;
  }
  .ph-box__content.w12p, .ph-box__img.w12p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12%;
            flex: 0 0 12%;
    width: 12%;
  }
  .ph-box__content.w13p, .ph-box__img.w13p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13%;
            flex: 0 0 13%;
    width: 13%;
  }
  .ph-box__content.w14p, .ph-box__img.w14p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14%;
            flex: 0 0 14%;
    width: 14%;
  }
  .ph-box__content.w15p, .ph-box__img.w15p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
    width: 15%;
  }
  .ph-box__content.w16p, .ph-box__img.w16p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16%;
            flex: 0 0 16%;
    width: 16%;
  }
  .ph-box__content.w17p, .ph-box__img.w17p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 17%;
            flex: 0 0 17%;
    width: 17%;
  }
  .ph-box__content.w18p, .ph-box__img.w18p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
            flex: 0 0 18%;
    width: 18%;
  }
  .ph-box__content.w19p, .ph-box__img.w19p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
            flex: 0 0 19%;
    width: 19%;
  }
  .ph-box__content.w20p, .ph-box__img.w20p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
  }
  .ph-box__content.w21p, .ph-box__img.w21p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
            flex: 0 0 21%;
    width: 21%;
  }
  .ph-box__content.w22p, .ph-box__img.w22p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22%;
            flex: 0 0 22%;
    width: 22%;
  }
  .ph-box__content.w23p, .ph-box__img.w23p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
    width: 23%;
  }
  .ph-box__content.w24p, .ph-box__img.w24p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24%;
            flex: 0 0 24%;
    width: 24%;
  }
  .ph-box__content.w25p, .ph-box__img.w25p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
  }
  .ph-box__content.w26p, .ph-box__img.w26p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26%;
            flex: 0 0 26%;
    width: 26%;
  }
  .ph-box__content.w27p, .ph-box__img.w27p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27%;
            flex: 0 0 27%;
    width: 27%;
  }
  .ph-box__content.w28p, .ph-box__img.w28p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28%;
            flex: 0 0 28%;
    width: 28%;
  }
  .ph-box__content.w29p, .ph-box__img.w29p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29%;
            flex: 0 0 29%;
    width: 29%;
  }
  .ph-box__content.w30p, .ph-box__img.w30p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    width: 30%;
  }
  .ph-box__content.w31p, .ph-box__img.w31p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
            flex: 0 0 31%;
    width: 31%;
  }
  .ph-box__content.w32p, .ph-box__img.w32p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    width: 32%;
  }
  .ph-box__content.w33p, .ph-box__img.w33p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    width: 33%;
  }
  .ph-box__content.w34p, .ph-box__img.w34p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
            flex: 0 0 34%;
    width: 34%;
  }
  .ph-box__content.w35p, .ph-box__img.w35p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
            flex: 0 0 35%;
    width: 35%;
  }
  .ph-box__content.w36p, .ph-box__img.w36p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36%;
            flex: 0 0 36%;
    width: 36%;
  }
  .ph-box__content.w37p, .ph-box__img.w37p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37%;
            flex: 0 0 37%;
    width: 37%;
  }
  .ph-box__content.w38p, .ph-box__img.w38p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
            flex: 0 0 38%;
    width: 38%;
  }
  .ph-box__content.w39p, .ph-box__img.w39p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 39%;
            flex: 0 0 39%;
    width: 39%;
  }
  .ph-box__content.w40p, .ph-box__img.w40p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
  }
  .ph-box__content.w41p, .ph-box__img.w41p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41%;
            flex: 0 0 41%;
    width: 41%;
  }
  .ph-box__content.w42p, .ph-box__img.w42p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 42%;
            flex: 0 0 42%;
    width: 42%;
  }
  .ph-box__content.w43p, .ph-box__img.w43p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
            flex: 0 0 43%;
    width: 43%;
  }
  .ph-box__content.w44p, .ph-box__img.w44p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 44%;
            flex: 0 0 44%;
    width: 44%;
  }
  .ph-box__content.w45p, .ph-box__img.w45p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    width: 45%;
  }
  .ph-box__content.w46p, .ph-box__img.w46p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
            flex: 0 0 46%;
    width: 46%;
  }
  .ph-box__content.w47p, .ph-box__img.w47p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
    width: 47%;
  }
  .ph-box__content.w48p, .ph-box__img.w48p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
  }
  .ph-box__content.w49p, .ph-box__img.w49p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    width: 49%;
  }
  .ph-box__content.w50p, .ph-box__img.w50p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  .ph-box__content.w51p, .ph-box__img.w51p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 51%;
            flex: 0 0 51%;
    width: 51%;
  }
  .ph-box__content.w52p, .ph-box__img.w52p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 52%;
            flex: 0 0 52%;
    width: 52%;
  }
  .ph-box__content.w53p, .ph-box__img.w53p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 53%;
            flex: 0 0 53%;
    width: 53%;
  }
  .ph-box__content.w54p, .ph-box__img.w54p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54%;
            flex: 0 0 54%;
    width: 54%;
  }
  .ph-box__content.w55p, .ph-box__img.w55p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    width: 55%;
  }
  .ph-box__content.w56p, .ph-box__img.w56p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56%;
            flex: 0 0 56%;
    width: 56%;
  }
  .ph-box__content.w57p, .ph-box__img.w57p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57%;
            flex: 0 0 57%;
    width: 57%;
  }
  .ph-box__content.w58p, .ph-box__img.w58p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
            flex: 0 0 58%;
    width: 58%;
  }
  .ph-box__content.w59p, .ph-box__img.w59p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 59%;
            flex: 0 0 59%;
    width: 59%;
  }
  .ph-box__content.w60p, .ph-box__img.w60p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
  }
  .ph-box__content.w61p, .ph-box__img.w61p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 61%;
            flex: 0 0 61%;
    width: 61%;
  }
  .ph-box__content.w62p, .ph-box__img.w62p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
            flex: 0 0 62%;
    width: 62%;
  }
  .ph-box__content.w63p, .ph-box__img.w63p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 63%;
            flex: 0 0 63%;
    width: 63%;
  }
  .ph-box__content.w64p, .ph-box__img.w64p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 64%;
            flex: 0 0 64%;
    width: 64%;
  }
  .ph-box__content.w65p, .ph-box__img.w65p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
            flex: 0 0 65%;
    width: 65%;
  }
  .ph-box__content.w66p, .ph-box__img.w66p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
            flex: 0 0 66%;
    width: 66%;
  }
  .ph-box__content.w67p, .ph-box__img.w67p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    width: 67%;
  }
  .ph-box__content.w68p, .ph-box__img.w68p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 68%;
            flex: 0 0 68%;
    width: 68%;
  }
  .ph-box__content.w69p, .ph-box__img.w69p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 69%;
            flex: 0 0 69%;
    width: 69%;
  }
  .ph-box__content.w70p, .ph-box__img.w70p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
    width: 70%;
  }
  .ph-box__content.w71p, .ph-box__img.w71p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 71%;
            flex: 0 0 71%;
    width: 71%;
  }
  .ph-box__content.w72p, .ph-box__img.w72p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72%;
            flex: 0 0 72%;
    width: 72%;
  }
  .ph-box__content.w73p, .ph-box__img.w73p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 73%;
            flex: 0 0 73%;
    width: 73%;
  }
  .ph-box__content.w74p, .ph-box__img.w74p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 74%;
            flex: 0 0 74%;
    width: 74%;
  }
  .ph-box__content.w75p, .ph-box__img.w75p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
  }
  .ph-box__content.w76p, .ph-box__img.w76p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 76%;
            flex: 0 0 76%;
    width: 76%;
  }
  .ph-box__content.w77p, .ph-box__img.w77p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 77%;
            flex: 0 0 77%;
    width: 77%;
  }
  .ph-box__content.w78p, .ph-box__img.w78p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 78%;
            flex: 0 0 78%;
    width: 78%;
  }
  .ph-box__content.w79p, .ph-box__img.w79p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79%;
            flex: 0 0 79%;
    width: 79%;
  }
  .ph-box__content.w80p, .ph-box__img.w80p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
  }
  .ph-box__content.w81p, .ph-box__img.w81p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 81%;
            flex: 0 0 81%;
    width: 81%;
  }
  .ph-box__content.w82p, .ph-box__img.w82p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 82%;
            flex: 0 0 82%;
    width: 82%;
  }
  .ph-box__content.w83p, .ph-box__img.w83p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83%;
            flex: 0 0 83%;
    width: 83%;
  }
  .ph-box__content.w84p, .ph-box__img.w84p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 84%;
            flex: 0 0 84%;
    width: 84%;
  }
  .ph-box__content.w85p, .ph-box__img.w85p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
    width: 85%;
  }
  .ph-box__content.w86p, .ph-box__img.w86p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 86%;
            flex: 0 0 86%;
    width: 86%;
  }
  .ph-box__content.w87p, .ph-box__img.w87p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87%;
            flex: 0 0 87%;
    width: 87%;
  }
  .ph-box__content.w88p, .ph-box__img.w88p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 88%;
            flex: 0 0 88%;
    width: 88%;
  }
  .ph-box__content.w89p, .ph-box__img.w89p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 89%;
            flex: 0 0 89%;
    width: 89%;
  }
  .ph-box__content.w90p, .ph-box__img.w90p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
            flex: 0 0 90%;
    width: 90%;
  }
  .ph-box__content.w91p, .ph-box__img.w91p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91%;
            flex: 0 0 91%;
    width: 91%;
  }
  .ph-box__content.w92p, .ph-box__img.w92p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 92%;
            flex: 0 0 92%;
    width: 92%;
  }
  .ph-box__content.w93p, .ph-box__img.w93p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 93%;
            flex: 0 0 93%;
    width: 93%;
  }
  .ph-box__content.w94p, .ph-box__img.w94p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 94%;
            flex: 0 0 94%;
    width: 94%;
  }
  .ph-box__content.w95p, .ph-box__img.w95p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95%;
            flex: 0 0 95%;
    width: 95%;
  }
  .ph-box__content.w96p, .ph-box__img.w96p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 96%;
            flex: 0 0 96%;
    width: 96%;
  }
  .ph-box__content.w97p, .ph-box__img.w97p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 97%;
            flex: 0 0 97%;
    width: 97%;
  }
  .ph-box__content.w98p, .ph-box__img.w98p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 98%;
            flex: 0 0 98%;
    width: 98%;
  }
  .ph-box__content.w99p, .ph-box__img.w99p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 99%;
            flex: 0 0 99%;
    width: 99%;
  }
  .ph-box__content.w100p, .ph-box__img.w100p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}

.main--lower {
  background-image: url(../img/shared/bg-main--lower@0.5x.jpg), url(../img/shared/bg-content@0.5x.jpg);
  background-repeat: no-repeat, repeat-y;
  background-position: center top, center top 425px;
}
@media screen and (min-width: 901px) {
  .main--lower {
    background-image: url(../img/shared/bg-main--lower.jpg), url(../img/shared/bg-content.jpg);
    background-position: center top, center top 850px;
  }
}

.page-header {
  position: relative;
}
.page-header__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
.page-header__text {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 350px;
  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;
}
.page-header__ja {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 18px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1.3;
  display: inline-block;
}
.page-header__ja-in {
  display: inline-block;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 2em;
}
.page-header__ja-in span {
  display: inline-block;
  opacity: 0;
}
.page-header__ja-in span:nth-child(odd) {
  -webkit-transform: translate(0.5em, 0.5em);
      -ms-transform: translate(0.5em, 0.5em);
          transform: translate(0.5em, 0.5em);
}
.page-header__ja-in span:nth-child(even) {
  -webkit-transform: translate(-0.5em, 0.5em);
      -ms-transform: translate(-0.5em, 0.5em);
          transform: translate(-0.5em, 0.5em);
}
.page-header__en {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transform: translateX(40px);
      -ms-transform: translateX(40px);
          transform: translateX(40px);
  opacity: 0;
  white-space: nowrap;
  display: inline-block;
}
.page-header__en > span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  width: 2em;
}
@media screen and (min-width: 751px) {
  .page-header__ja {
    font-size: 24px;
  }
}

.bread {
  height: 60px;
  overflow-y: auto;
  overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-top: 5px;
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
.bread::-webkit-scrollbar {
  display: none;
}
.bread__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bread__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 11px;
}
.bread__item + .bread__item {
  margin-left: 0.5em;
}
.bread__item + .bread__item:before {
  content: ">";
  margin-right: 0.5em;
}
.bread__link {
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.bread__link:hover {
  color: #963923 !important;
}
@media screen and (min-width: 601px) {
  .bread {
    height: 125px;
  }
  .bread__item {
    font-size: 13px;
  }
}

.newslist__item + .newslist__item {
  padding-top: 18px;
  margin-top: 18px;
  background: url(../img/shared/line-t1.png) repeat-x left top;
}
.newslist__date {
  display: block;
  line-height: 1.3;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
}
.newslist__link {
  display: block;
  line-height: 1.5;
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  transition: 0.3s color ease;
  letter-spacing: 0.1em;
}
.newslist__link:hover {
  color: #963923 !important;
}
.newslist__link--lg {
  display: block;
  line-height: 1.5;
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  transition: 0.3s color ease;
  letter-spacing: 0.1em;
  font-size: 15px;
  margin-top: 0.5em;
}
.newslist__link--lg:hover {
  color: #963923 !important;
}

.page-anker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-anker.jc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-anker .page-anker__item:nth-child(1), .page-anker .page-anker__item:nth-child(2) {
  margin-top: 0;
}
.page-anker .page-anker__item:last-child {
  margin-right: 0;
}
.page-anker__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 5px);
          flex: 0 0 calc(50% - 5px);
  width: calc(50% - 5px);
  margin-top: 10px;
  margin-right: 10px;
}
.page-anker__item--col3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 5px);
          flex: 0 0 calc(50% - 5px);
  width: calc(50% - 5px);
  margin-top: 10px;
  margin-right: 10px;
}
.page-anker__link {
  background-color: #cbd5c6;
  padding: 2px;
  display: block;
  margin-top: 6px;
  margin-right: 6px;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.page-anker__link:hover {
  opacity: 0.6 !important;
}
.page-anker__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  border-radius: 5px;
  background-color: #551608;
  color: #fff;
}
.page-anker__in span {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  line-height: 1.2;
  padding-bottom: 15px;
  position: relative;
  text-align: center;
}
.page-anker__in span:after {
  content: ">";
  display: block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5em;
}
@media screen and (max-width: 600px) {
  .page-anker .page-anker__item:nth-child(2n), .page-anker .page-anker__item--col3:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 601px) {
  .page-anker .page-anker__item:nth-child(3) {
    margin-top: 0;
  }
  .page-anker .page-anker__item--col3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 12px);
            flex: 0 0 calc(33% - 12px);
    width: calc(33% - 12px);
    margin-top: 18px;
    margin-right: 18px;
  }
  .page-anker .page-anker__item--col3:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  .page-anker .page-anker__item:nth-child(3n) {
    margin-right: 0;
  }
  .page-anker__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 12px);
            flex: 0 0 calc(33% - 12px);
    width: calc(33% - 12px);
    margin-top: 18px;
    margin-right: 18px;
  }
}
@media screen and (min-width: 901px) {
  .page-anker .page-anker__item:nth-child(4) {
    margin-top: 0;
  }
  .page-anker .page-anker__item:nth-child(4n) {
    margin-right: 0;
  }
  .page-anker__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 15px);
            flex: 0 0 calc(25% - 15px);
    width: calc(25% - 15px);
    margin-top: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 900px) {
  .grid-container__main {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 901px) {
  .grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .grid-container__main {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 260px);
            flex: 0 0 calc(100% - 260px);
    width: calc(100% - 260px);
  }
  .grid-container__aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px;
    width: 230px;
  }
}
@media screen and (min-width: 1201px) {
  .grid-container__main {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 360px);
            flex: 0 0 calc(100% - 360px);
    width: calc(100% - 360px);
  }
  .grid-container__aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    width: 300px;
  }
}

.aside__title {
  font-weight: bold;
  line-height: 1.4;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 14px;
  font-size: 18px;
  color: #963923;
}
.aside__title:after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 2px;
  background-color: #963923;
  bottom: -1px;
  left: 0;
}
.aside__year a {
  display: inline-block;
  padding-left: 9px;
  position: relative;
}
.aside__year a:after {
  content: "";
  display: block;
  width: 5px;
  height: 2px;
  background-color: #963923;
  position: absolute;
  left: 0;
  top: 50%;
}
.aside__year a:hover {
  text-decoration: underline;
}
.aside__year li + li {
  margin-top: 0.3em;
}
.aside__list small {
  display: block;
  line-height: 1;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.05em;
}
.aside__list a {
  display: inline-block;
  position: relative;
}
.aside__list a:hover {
  text-decoration: underline;
}
.aside__list li {
  padding: 5px 0;
}
.aside__list li + li {
  margin-top: 0.3em;
}
@media screen and (max-width: 600px) {
  .aside__block + .aside__block {
    margin-top: 40px;
  }
}
@media screen and (min-width: 601px) {
  .aside__title {
    font-size: 20px;
  }
  .aside__list small {
    font-size: 12px;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  .aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .aside__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
            flex: 0 0 calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 901px) {
  .aside__block + .aside__block {
    margin-top: 40px;
  }
}

.title-t1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.title-t1__ja, .title-t1__en {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.title-t1__ja span, .title-t1__en span {
  white-space: pre;
}
.title-t1__en {
  font-size: 10px;
  letter-spacing: 0.15em;
}
.title-t1__ja {
  font-size: 18px;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 601px) {
  .title-t1__ja {
    font-size: 22px;
    letter-spacing: 0.25em;
  }
}

.title-t2 {
  line-height: 1.5;
  font-size: 20px;
}
@media screen and (min-width: 601px) {
  .title-t2 {
    font-size: 30px;
  }
}

.title-t3 {
  line-height: 1.5;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 601px) {
  .title-t3 {
    font-size: 22px;
  }
}

.title-t4__ja, .title-t4__en {
  display: block;
}
.title-t4__en {
  font-size: 10px;
  letter-spacing: 0.15em;
}
.title-t4__ja {
  font-size: 18px;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 601px) {
  .title-t4__ja {
    font-size: 22px;
    letter-spacing: 0.25em;
  }
}

.btn-t1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.btn-t1:hover {
  opacity: 0.6 !important;
}
.btn-t1.bgc-t1 {
  background-color: #eeeeee;
}
.btn-t1.bgc-t2 {
  background-color: #fff;
}

.btn-t2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (min-width: 601px) {
  .btn-t2 {
    padding: 0 30px;
  }
}
@media screen and (min-width: 901px) {
  .btn-t2 {
    padding: 0 70px;
  }
}

.btn-t2--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-t2, .btn-t2--flex {
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  padding: 0 15px;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.btn-t2:hover, .btn-t2--flex:hover {
  opacity: 0.6 !important;
}
@media screen and (min-width: 601px) {
  .btn-t2, .btn-t2--flex {
    height: 48px;
    font-size: 14px;
  }
}

.hover-alpha {
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.hover-alpha:hover {
  opacity: 0.6;
}

.hover-underline:hover {
  text-decoration: underline;
}

.hover-color {
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.hover-color:hover {
  color: #963923 !important;
}

.link-t1 {
  text-decoration: underline;
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.link-t1:hover {
  color: #963923 !important;
}

.link-t2:hover {
  text-decoration: underline;
}

img.ofi {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-width: none;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;object-position: center;";
}
img.ofi.object-position-left {
  -o-object-position: left;
     object-position: left;
  font-family: "object-fit: cover;object-position: left;";
}
img.ofi.object-position-right {
  -o-object-position: right;
     object-position: right;
  font-family: "object-fit: cover;object-position: right;";
}
img.ofi.object-position-top {
  -o-object-position: top;
     object-position: top;
  font-family: "object-fit: cover;object-position: top;";
}
img.ofi.object-position-bottom {
  -o-object-position: right;
     object-position: right;
  font-family: "object-fit: cover;object-position: bottom;";
}
img.ofi.object-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;object-position: center;";
}
img.ofi.object-fit-contain.object-position-left {
  -o-object-position: left;
     object-position: left;
  font-family: "object-fit: contain;object-position: left;";
}
img.ofi.object-fit-contain.object-position-right {
  -o-object-position: right;
     object-position: right;
  font-family: "object-fit: contain;object-position: right;";
}
img.ofi.object-fit-contain.object-position-top {
  -o-object-position: top;
     object-position: top;
  font-family: "object-fit: contain;object-position: top;";
}
img.ofi.object-fit-contain.object-position-bottom {
  -o-object-position: right;
     object-position: right;
  font-family: "object-fit: contain;object-position: bottom;";
}

picture.ofi-wrapper {
  width: 100%;
  height: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.form-block {
  padding: 12px 5px;
  border-top: 1px dotted #d0cece;
  border-bottom: 1px dotted #d0cece;
}
.form-block + .form-block {
  border-top: none;
}
.form-block dt {
  font-weight: bold;
  padding: 10px;
}
.form-block dt.required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-block dt.required:after {
  content: "必須";
  background-color: #963923;
  color: #fff;
  font-size: 10px;
  line-height: 1.5;
  display: inline-block;
  padding: 2px 5px;
  margin-top: 4px;
}
@media screen and (min-width: 901px) {
  .form-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .form-block dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
            flex: 0 0 270px;
    width: 270px;
    padding: 15px;
  }
  .form-block dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 270px);
            flex: 0 0 calc(100% - 270px);
    width: calc(100% - 270px);
    padding: 15px;
  }
}

.form-select, .form-input, .form-textarea {
  padding: 5px 10px;
  border: 1px solid #d0cece;
  background-color: #f6f5f5;
}
.form-select:focus, .form-input:focus, .form-textarea:focus {
  border-color: #963923;
}

.form-input, .form-textarea {
  width: 100%;
}

.form-textarea {
  height: 200px;
}
@media screen and (min-width: 901px) {
  .form-textarea {
    height: 300px;
  }
}

.form-radio {
  display: none;
}
.form-radio:checked + .form-radio__text {
  color: #963923;
}
.form-radio:checked + .form-radio__text:before {
  background-image: url(../img/shared/icon-radio-checked.png);
}
.form-radio__text {
  display: block;
  position: relative;
  padding-left: 1.2em;
}
.form-radio__text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 1em;
  height: 1em;
  background: url(../img/shared/icon-radio-unchecked.png) no-repeat center center/cover;
}

.form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-check__input {
  display: none;
}
.form-check__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #d0cece;
  background-color: #f6f5f5;
}
.form-check__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 20px);
  padding-left: 10px;
}
.form-check__input:checked + .form-check__icon {
  background: #963923 url(../img/shared/icon-check.png) no-repeat center center/12px auto;
}

.form-nameblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-nameblock__input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 3.5em);
          flex: 0 0 calc(100% - 3.5em);
  width: calc(100% - 3.5em);
}
.form-nameblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.5em;
          flex: 0 0 3.5em;
  width: 3.5em;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .form-nameblock .form-nameblock__text:nth-child(3),
.form-nameblock .form-nameblock__input:nth-child(4) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 601px) {
  .form-nameblock {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .form-nameblock__input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 3.5em);
            flex: 0 0 calc(50% - 3.5em);
    width: calc(50% - 3.5em);
  }
}

.form-zipblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-zipblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-bottom: 5px;
}
.form-zipblock__zip1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5em;
          flex: 0 0 5em;
  width: 5em;
}
.form-zipblock__hyphen {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}
.form-zipblock__zip2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6em;
          flex: 0 0 6em;
  width: 6em;
}
.form-zipblock__zipbtn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  width: 60px;
  padding: 5px 2px;
  font-size: 12px;
  margin-left: 10px;
  display: block;
  border: 1px solid #d0cece;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(102, 102, 102, 0.3);
          box-shadow: 0 1px 2px rgba(102, 102, 102, 0.3);
  text-align: center;
}
@media screen and (min-width: 601px) {
  .form-zipblock {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .form-zipblock__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 351px) {
  .form-zipblock__zipbtn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    width: 80px;
    padding: 5px 8px;
    font-size: 14px;
  }
}

.form-prefblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.form-prefblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  width: 140px;
}
.form-prefblock__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% - 140px);
}

.form-addressblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-addressblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-bottom: 5px;
}
.form-addressblock__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
@media screen and (min-width: 601px) {
  .form-addressblock {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .form-addressblock__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
    margin-bottom: 0;
  }
  .form-addressblock__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(100% - 140px);
  }
}

.form-telblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-telblock__hyphen {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}
.form-telblock__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc((100% - 4.2em)/3);
}

.form-birthdayblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-birthdayblock__year {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5em;
          flex: 0 0 5em;
  width: 5em;
}
.form-birthdayblock__month, .form-birthdayblock__day {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3em;
          flex: 0 0 3em;
  width: 3em;
}
.form-birthdayblock__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  width: 2em;
  text-align: center;
}

.form-radioblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
}
.form-radioblock__input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  cursor: pointer;
  margin-right: 3em;
  margin-top: 10px;
}

.form-privacy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-privacy__block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 1em;
}
.form-privacy__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.form-graybtn {
  width: 220px;
  height: 46px;
  display: block;
  padding: 1px;
  position: relative;
  cursor: pointer;
}
.form-graybtn:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #acabab;
}
.form-graybtn__text {
  font-weight: bold;
  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;
  text-align: center;
  width: 100%;
  height: 44px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.5s background-color ease, 0.5s color ease;
  -o-transition: 0.5s background-color ease, 0.5s color ease;
  transition: 0.5s background-color ease, 0.5s color ease;
  color: #fff;
  line-height: 1.3;
}
.form-graybtn:hover {
  opacity: 0.6;
}
@media screen and (min-width: 601px) {
  .form-graybtn {
    width: 264px;
    height: 50px;
  }
  .form-graybtn__text {
    height: 48px;
  }
}

.form-submit {
  width: 220px;
  height: 46px;
  display: block;
  padding: 1px;
  position: relative;
  cursor: not-allowed;
}
.form-submit:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #acabab;
}
.form-submit__text {
  font-weight: bold;
  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;
  text-align: center;
  width: 100%;
  height: 44px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.5s background-color ease, 0.5s color ease;
  -o-transition: 0.5s background-color ease, 0.5s color ease;
  transition: 0.5s background-color ease, 0.5s color ease;
  color: #777;
  line-height: 1.3;
}
.form-submit:hover.is-able {
  opacity: 0.6;
}
.form-submit.is-able {
  cursor: pointer;
  -webkit-transition: 0.3s opacity ease;
  -o-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
.form-submit.is-able:after {
  background-color: #000;
}
.form-submit.is-able .form-submit__text {
  color: #fff;
}
@media screen and (min-width: 601px) {
  .form-submit {
    width: 264px;
    height: 50px;
  }
  .form-submit__text {
    height: 48px;
  }
}

.form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.form-btns__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  width: 49%;
  max-width: 264px;
}
.form-btns__item > button, .form-btns__item .form-graybtn, .form-btns__item .form-submit {
  width: 100%;
}

.pager {
  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;
}
.pager .pager__item--current, .pager .pager__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  margin: 0 5px;
  border: 1px solid #532e14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pager .pager__item--current, .pager a.pager__item:hover {
  background-color: #532e14;
  color: #fff;
}
.pager a.pager__item {
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (min-width: 901px) {
  .pager .pager__item--current, .pager .pager__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 36px;
            flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin: 0 8px;
  }
}

.box-t1 {
  background-color: #fff;
  border: 1px solid #393635;
}

.js-btt {
  -webkit-transform: translate(0, 10px);
      -ms-transform: translate(0, 10px);
          transform: translate(0, 10px);
  opacity: 0;
}

.js-btt-50px {
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  opacity: 0;
}

.js-rtl {
  -webkit-transform: translate(10px, 0);
      -ms-transform: translate(10px, 0);
          transform: translate(10px, 0);
  opacity: 0;
}

.js-rtl-50px {
  -webkit-transform: translate(50px, 0);
      -ms-transform: translate(50px, 0);
          transform: translate(50px, 0);
  opacity: 0;
}

.js-ltr {
  -webkit-transform: translate(-10px, 0);
      -ms-transform: translate(-10px, 0);
          transform: translate(-10px, 0);
  opacity: 0;
}

.js-ltr-50px {
  -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  opacity: 0;
}

.kv {
  position: relative;
}
.kv__slider {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.kv__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 1;
  height: 450px;
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.kv__in {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: url(../img/top/bg-kvtext.jpg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  font-size: 15px;
  padding: 12px;
}
.kv__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1.7;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.kv__text span {
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate(0%, 70%);
      -ms-transform: translate(0%, 70%);
          transform: translate(0%, 70%);
}
@media screen and (min-width: 601px) {
  .kv__container {
    height: 550px;
  }
  .kv__in {
    font-size: 17px;
    padding: 15px;
  }
  .kv__text {
    line-height: 2.3;
  }
}
@media screen and (min-width: 901px) {
  .kv__in {
    font-size: 20px;
    padding: 20px;
  }
  .kv__container {
    height: 650px;
  }
}

.information {
  padding: 60px 0;
}
.information__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 18px;
}
.information__title {
  position: relative;
  line-height: 1.5;
  letter-spacing: 0.1em;
  padding: 8px 8px 0 18px;
  font-size: 15px;
  background-color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.information__title:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(../img/top/deco-title-information.png) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
}
.information__line {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 1px;
  background-color: #cccccc;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 0.5em;
}
.information__link {
  background-color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 8px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  line-height: 1.2;
  font-size: 12px;
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.information__link:hover {
  color: #963923 !important;
}
.information__block {
  background-color: #f2f2f2;
  padding: 0 10px 10px 0;
  margin-left: 10px;
}
.information__block-in {
  background-color: #fff;
  /*padding: 0 12px 12px 0;
  margin-left: -10px;*/
  padding: 0 12px 12px 10;
}
.information__content {
  margin-top: 35px;
}
@media screen and (max-width: 900px) {
  .information__column + .information__column {
    margin-top: 30px;
  }
}
@media screen and (min-width: 601px) {
  .information__title {
    padding: 32px 12px 0 35px;
    font-size: 18px;
    letter-spacing: 0.25em;
  }
  .information__title:before {
    width: 70px;
    height: 70px;
  }
  .information__link {
    padding-left: 20px;
  }
  .information__header {
    margin-bottom: 25px;
  }
  .information__block {
    padding: 0 15px 15px 0;
    margin-left: 15px;
  }
  .information__block-in {
    /*padding: 0 18px 18px 0;
    margin-left: -15px;*/
    padding: 0 18px 18px 15px;
  }
}
@media screen and (min-width: 901px) {
  .information {
    padding: 80px 0;
  }
  .information__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    justify-content: space-evenly;
    margin-top: 50px;
  }
  .information__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
    width: 47%;
  }
  .information__block {
    padding: 0 20px 20px 0;
    margin-left: 20px;
  }
  .information__block-in {
    /*padding: 0 25px 25px 0;
    margin-left: -20px;*/
    padding: 0 0px 25px 25px;
  }
}

.commitment__img {
  position: relative;
  z-index: 1;
}
.commitment__block {
  position: relative;
  z-index: 2;
  background-color: rgba(242, 242, 242, 0.9);
}
@media screen and (min-width: 901px) {
  .commitment__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-top: 140px;
    padding-bottom: 100px;
    background-image: url(../img/top/item-commitment1.png), url(../img/top/item-commitment2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right bottom;
  }
  .commitment__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 10px;
  }
  .commitment__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 35px;
  }
  .commitment__text p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .commitment__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .commitment__img {
    margin-bottom: 90px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
    max-width: 400px;
  }
  .commitment__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
            flex: 0 0 380px;
    width: 380px;
    margin-right: -130px;
    padding: 15px;
  }
}
@media screen and (max-width: 900px) {
  .commitment {
    padding: 70px 0 200px;
    background-image: url(../img/top/item-commitment1.png), url(../img/top/item-commitment2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right bottom;
  }
  .commitment__title {
    margin-bottom: 15px;
  }
  .commitment__text {
    text-align: center;
    margin-bottom: 30px;
  }
  .commitment__text p {
    display: inline-block;
  }
  .commitment__content {
    max-width: 700px;
    margin: 0 auto;
  }
  .commitment__img {
    text-align: center;
  }
  .commitment__block {
    margin: -20px 10px 0;
    padding: 10px;
  }
}

.craftman {
  overflow: hidden;
  position: relative;
}
.craftman__main {
  position: relative;
  z-index: 2;
  background: url(../img/top/bg-craftman2.jpg) no-repeat center center/cover;
}
.craftman__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 50%;
}
.craftman__text > span {
  font-size: 15px;
}
.craftman__block {
  background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 601px) {
  .craftman__text span {
    font-size: 20px;
  }
}
@media screen and (min-width: 901px) {
  .craftman {
    padding: 160px 0;
  }
  .craftman__bg {
    margin-right: -533px;
    width: 1527px;
  }
  .craftman__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 540px;
    position: relative;
  }
  .craftman__title {
    position: absolute;
    top: 50px;
    left: 0;
  }
  .craftman__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .craftman__text > span {
    display: block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .craftman__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
    padding: 20px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-bottom: 40px;
    margin-left: calc(50% - 400px);
  }
}
@media screen and (min-width: 1201px) {
  .craftman__block {
    margin-left: 180px;
  }
}
@media screen and (max-width: 900px) {
  .craftman {
    padding: 80px 0;
  }
  .craftman:after {
    content: "";
    display: block;
    width: 763.5px;
    height: 419px;
    background: url(../img/top/bg-craftman1.png) no-repeat center center/cover;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 50%;
    margin-right: -381.75px;
  }
  .craftman__bg {
    width: 700px;
    margin-right: -350px;
  }
  .craftman__title {
    margin-bottom: 15px;
  }
  .craftman__main {
    padding: 40px 0;
  }
  .craftman__text {
    text-align: center;
    margin-bottom: 25px;
  }
  .craftman__text span span {
    display: inline-block;
  }
  .craftman__block {
    padding: 12px;
  }
}

.products {
  overflow: hidden;
}
.products__content {
  background: url(../img/top/bg-product.jpg) no-repeat center bottom/cover;
}
.products__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 104px;
  height: 100px;
  background: url(../img/top/bg-productbtn.png) no-repeat center center/cover;
  margin: 0 auto;
  color: #fff;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.products__btn:hover {
  opacity: 0.6 !important;
}
@media screen and (min-width: 601px) {
  .products {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 640px;
  }
  .products__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
    padding-top: 80px;
  }
  .products__img1, .products__img2 {
    position: absolute;
    top: 0;
  }
  .products__img1 img, .products__img2 img {
    max-width: none;
    width: 600px;
  }
  .products__img1 {
    right: 50%;
    margin-right: 200px;
  }
  .products__img2 {
    left: 50%;
    margin-left: 200px;
  }
  .products__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -1em;
    margin-bottom: 48px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .products__text p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 3;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .products__content {
    padding: 40px 20px 80px;
  }
  .products__text {
    text-align: center;
    margin-bottom: 35px;
  }
  .products__text p {
    display: inline-block;
  }
}

.village {
  overflow: hidden;
  position: relative;
  padding-top: 100px;
}
.village__main {
  position: relative;
  z-index: 2;
  background: url(../img/top/bg-village2.jpg) no-repeat center center/cover;
}
.village__bg {
  position: absolute;
  z-index: 1;
  top: -25px;
  left: 50%;
}
.village__title, .village__text {
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.68), 0 0 7px rgba(0, 0, 0, 0.68), 0 0 7px rgba(0, 0, 0, 0.68), 0 0 13px rgba(0, 0, 0, 0.68), 0 0 13px rgba(0, 0, 0, 0.68), 0 0 13px rgba(0, 0, 0, 0.68), 0 0 13px rgba(0, 0, 0, 0.68), 0 0 13px rgba(0, 0, 0, 0.68);
}
.village__text {
  font-size: 13px;
}
.village__block {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 12px;
}
@media screen and (max-width: 900px) {
  .village__main {
    padding: 60px 0;
  }
  .village__title {
    margin-bottom: 15px;
  }
  .village__text {
    text-align: center;
    margin-bottom: 40px;
  }
  .village__text span {
    display: inline-block;
  }
}
@media screen and (max-width: 600px) {
  .village__bg {
    width: 450px;
  }
}
@media screen and (min-width: 601px) {
  .village__text {
    font-size: 15px;
  }
}
@media screen and (min-width: 901px) {
  .village {
    padding-top: 200px;
  }
  .village__container {
    height: 540px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .village__title {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .village__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 60px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 15px;
  }
  .village__text > span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .village__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
    padding: 20px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-bottom: 40px;
    margin-right: auto;
  }
}

.pages {
  position: relative;
  overflow: hidden;
  padding: 120px 0 60px;
}
.pages__item1, .pages__item2, .pages__item3, .pages__item4, .pages__item5 {
  position: absolute;
  z-index: 1;
}
.pages .container, .pages__links {
  position: relative;
  z-index: 2;
}
.pages__text {
  background-color: rgba(242, 242, 242, 0.9);
  padding: 12px;
}
.pages__img {
  position: relative;
  z-index: 1;
}
.pages__text {
  position: relative;
  z-index: 2;
}
.pages__container {
  margin-bottom: 60px;
}
.pages__block {
  position: relative;
}
.pages__btn {
  padding: 1px;
  background-color: #532e14;
  display: block;
}
.pages__btn:hover .pages__btn-in {
  background-color: #532e14;
}
.pages__btn:hover .pages__btn-ja, .pages__btn:hover .pages__btn-en, .pages__btn:hover .pages__btn-arrow {
  color: #fff;
}
.pages__btn-in {
  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;
  background-color: #fff;
  border-radius: 5px;
  -webkit-transition: 0.6s background-color ease;
  -o-transition: 0.6s background-color ease;
  transition: 0.6s background-color ease;
}
.pages__btn-core {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: block;
}
.pages__btn-text {
  display: block;
}
.pages__btn-ja {
  line-height: 1.5;
  text-align: center;
  display: block;
  font-size: 15px;
  -webkit-transition: 0.6s color ease;
  -o-transition: 0.6s color ease;
  transition: 0.6s color ease;
}
.pages__btn-en {
  font-size: 10px;
  color: #963923;
  line-height: 1.5;
  text-align: center;
  display: block;
  -webkit-transition: 0.6s color ease;
  -o-transition: 0.6s color ease;
  transition: 0.6s color ease;
}
.pages__btn-arrow {
  text-align: center;
  color: #963923;
  display: block;
  -webkit-transition: 0.6s color ease;
  -o-transition: 0.6s color ease;
  transition: 0.6s color ease;
}
@media screen and (max-width: 900px) {
  .pages__item1 {
    width: 120px;
    top: -20px;
    right: 50%;
    margin-right: 80px;
  }
  .pages__item2 {
    width: 160px;
    top: 20%;
    left: 50%;
    margin-left: 100px;
  }
  .pages__item3 {
    width: 190px;
    top: 35%;
    left: 50%;
    margin-left: -80px;
  }
  .pages__item4 {
    width: 160px;
    top: 55%;
    right: 50%;
    margin-right: 110px;
  }
  .pages__item5 {
    width: 100px;
    top: 80%;
    left: 50%;
    margin-left: 150px;
  }
  .pages__links {
    max-width: 450px;
    margin: 0 auto;
  }
  .pages__btn-in {
    height: 80px;
  }
  .pages__btn + .pages__btn {
    margin-top: 20px;
  }
  .pages__block + .pages__block {
    margin-top: 50px;
  }
  .pages__container .pages__block:nth-child(odd) {
    padding-left: 80px;
  }
  .pages__container .pages__block:nth-child(odd) .pages__title {
    left: 0;
  }
  .pages__container .pages__block:nth-child(odd) .pages__text {
    margin-left: 40px;
  }
  .pages__container .pages__block:nth-child(even) {
    padding-right: 80px;
  }
  .pages__container .pages__block:nth-child(even) .pages__title {
    right: 0;
  }
  .pages__container .pages__block:nth-child(even) .pages__img {
    margin-left: auto;
  }
  .pages__container .pages__block:nth-child(even) .pages__text {
    margin-left: auto;
    margin-right: 40px;
  }
  .pages__title {
    position: absolute;
    top: 0;
  }
  .pages__img {
    max-width: 400px;
  }
  .pages__text {
    margin-top: -40px;
    max-width: 400px;
  }
}
@media screen and (max-width: 600px) {
  .pages__links {
    max-width: 300px;
  }
  .pages__text {
    margin-top: -15px;
  }
  .pages__container .pages__block:nth-child(odd) {
    padding-left: 65px;
  }
  .pages__container .pages__block:nth-child(odd) .pages__text {
    margin-left: -40px;
  }
  .pages__container .pages__block:nth-child(even) {
    padding-right: 65px;
  }
  .pages__container .pages__block:nth-child(even) .pages__text {
    margin-right: -40px;
  }
}
@media screen and (min-width: 601px) {
  .pages__btn-ja {
    font-size: 22px;
  }
}
@media screen and (min-width: 901px) {
  .pages {
    padding: 230px 0 120px;
  }
  .pages__item1 {
    width: 240px;
    right: 50%;
    margin-right: 588px;
    top: -60px;
  }
  .pages__item2 {
    width: 320px;
    left: 50%;
    margin-left: 607px;
    top: 143px;
  }
  .pages__item3 {
    width: 377px;
    left: 50%;
    margin-left: -170px;
    top: 440px;
  }
  .pages__item4 {
    width: 320px;
    right: 50%;
    margin-right: 585px;
    top: 744px;
  }
  .pages__item5 {
    width: 200px;
    left: 50%;
    margin-left: 540px;
    top: 950px;
  }
  .pages__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 150px;
  }
  .pages__container .pages__block:nth-child(odd) {
    padding-left: 85px;
  }
  .pages__container .pages__block:nth-child(odd) .pages__title {
    left: 0;
  }
  .pages__container .pages__block:nth-child(odd) .pages__text {
    margin-left: auto;
  }
  .pages__container .pages__block:nth-child(even) {
    padding-right: 85px;
  }
  .pages__container .pages__block:nth-child(even) .pages__title {
    right: 0;
  }
  .pages__container .pages__block:nth-child(even) .pages__img {
    margin-left: auto;
  }
  .pages__container .pages__block:nth-child(3), .pages__container .pages__block:nth-child(4) {
    margin-top: 100px;
  }
  .pages__block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 46.66%;
            flex: 0 0 46.66%;
    max-width: 46.66%;
  }
  .pages__img {
    max-width: 400px;
    width: 90%;
  }
  .pages__title {
    position: absolute;
    top: 0;
  }
  .pages__text {
    max-width: 380px;
    padding: 20px;
    margin-top: -100px;
    width: 90%;
  }
  .pages__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .pages__btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    width: 32%;
    max-width: 350px;
  }
  .pages__btn-in {
    height: 138px;
  }
  .pages__btn-text {
    margin-bottom: 8px;
  }
}

.main--top .title-t1__ja span {
  display: inline-block;
  opacity: 0;
}
.main--top .title-t1__ja span:nth-child(odd) {
  -webkit-transform: translate(20%, 20%);
      -ms-transform: translate(20%, 20%);
          transform: translate(20%, 20%);
}
.main--top .title-t1__ja span:nth-child(even) {
  -webkit-transform: translate(-20%, 20%);
      -ms-transform: translate(-20%, 20%);
          transform: translate(-20%, 20%);
}
.main--top .title-t1__en {
  opacity: 0;
  -webkit-transform: translateX(40%);
      -ms-transform: translateX(40%);
          transform: translateX(40%);
}
.main--top .commitment__text span {
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate(0%, 70%);
      -ms-transform: translate(0%, 70%);
          transform: translate(0%, 70%);
}
.main--top .craftman__text .js-spanwrap > span {
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate(0%, 70%);
      -ms-transform: translate(0%, 70%);
          transform: translate(0%, 70%);
}
.main--top .products__text span {
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate(0%, 70%);
      -ms-transform: translate(0%, 70%);
          transform: translate(0%, 70%);
}
.main--top .village__text .js-spanwrap > span {
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate(0%, 70%);
      -ms-transform: translate(0%, 70%);
          transform: translate(0%, 70%);
}

.hm-catch {
  width: 100%;
  position: relative;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
.hm-catch__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hm-catch__text {
  background-color: rgba(255, 255, 255, 0.85);
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  width: 90px;
  font-size: 18px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  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;
}
.hm-catch__text-in {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.hm-catch__text-in span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
}
@media screen and (min-width: 601px) {
  .hm-catch {
    height: 550px;
  }
  .hm-catch__text {
    font-size: 22px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 107px;
            flex: 0 0 107px;
    width: 107px;
  }
}

.hm-block1__img {
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
.hm-block1__content {
  position: relative;
  z-index: 1;
  background-color: #f2f2f2;
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
@media screen and (min-width: 901px) {
  .hm-block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hm-block1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(40% + 45px);
            flex: 0 0 calc(40% + 45px);
    width: calc(40% + 45px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: 845px;
    height: 480px;
    margin-bottom: 50px;
  }
  .hm-block1__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 50px;
    margin-left: -45px;
    padding: 50px 20px 50px 65px;
  }
  .hm-block1__in {
    max-width: 500px;
  }
}
@media screen and (min-width: 1201px) {
  .hm-block1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 45px);
            flex: 0 0 calc(50% + 45px);
    width: calc(50% + 45px);
  }
  .hm-block1__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    padding: 50px 50px 50px 90px;
  }
}
@media screen and (max-width: 900px) {
  .hm-block1__content {
    margin-right: 20px;
    padding: 20px 20px 40px;
  }
  .hm-block1__img {
    margin-left: 20px;
    margin-top: -30px;
  }
}

.hm-block2__img {
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
.hm-block2__content {
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
@media screen and (min-width: 901px) {
  .hm-block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hm-block2__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    width: 45%;
    height: 680px;
  }
  .hm-block2__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    width: 55%;
    padding-right: 20px;
  }
  .hm-block2__in {
    max-width: 580px;
    padding-left: 30px;
    margin-left: auto;
  }
}
@media screen and (min-width: 1201px) {
  .hm-block2__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 50px);
            flex: 0 0 calc(50% + 50px);
    width: calc(50% + 50px);
  }
  .hm-block2__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 50px);
            flex: 0 0 calc(50% - 50px);
    width: calc(50% - 50px);
    padding-right: 65px;
  }
}
@media screen and (max-width: 900px) {
  .hm-block2 {
    margin-top: 50px;
  }
  .hm-block2__content {
    padding: 30px 20px;
  }
}

.commitment-catch__content {
  background-color: #f2f2f2;
}
.commitment-catch__title {
  font-size: 18px;
}
.commitment-catch__title span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}
@media screen and (min-width: 601px) {
  .commitment-catch__title {
    font-size: 22px;
  }
}
@media screen and (min-width: 901px) {
  .commitment-catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .commitment-catch__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 40px);
            flex: 0 0 calc(50% - 40px);
    width: calc(50% - 40px);
    height: 650px;
  }
  .commitment-catch__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 40px);
            flex: 0 0 calc(50% + 40px);
    width: calc(50% + 40px);
    padding: 70px 30px 0 20px;
    height: 650px;
  }
  .commitment-catch__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .commitment-catch__in p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 510px;
    line-height: 3.7;
    letter-spacing: 0.25em;
    display: inline-block;
  }
  .commitment-catch__title {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 510px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .commitment-catch__content {
    padding: 70px 110px 0 20px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 40px);
            flex: 0 0 calc(50% + 40px);
    width: calc(50% + 40px);
  }
  .commitment-catch__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 40px);
            flex: 0 0 calc(50% - 40px);
    width: calc(50% - 40px);
  }
  .commitment-catch__title {
    margin-left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .commitment-catch__content {
    padding: 30px 20px;
  }
  .commitment-catch__title {
    margin-bottom: 20px;
  }
}

.commitment-content {
  padding: 50px 0;
}
@media screen and (min-width: 901px) {
  .commitment-content {
    padding: 90px 0;
  }
}

.commitment-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-bottom: 200px;
}
.commitment-tab__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  width: 48%;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
  overflow: visible;
}
.commitment-tab__item:hover {
  opacity: 0.6 !important;
}
.commitment-tab__item.is-current .commitment-tab__textin {
  position: relative;
}
.commitment-tab__item.is-current .commitment-tab__textin span:after {
  content: none;
}
.commitment-tab__item.is-current .commitment-tab__textin:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
}
.commitment-tab__item.is-current .commitment-tab__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.commitment-tab__item .commitment-tab__content {
  display: none;
}
.commitment-tab__content {
  width: 100px;
  height: 200px;
  position: absolute;
  top: 60px;
  left: 50%;
  padding-top: 40px;
  border-left: 1px solid #551608;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.commitment-tab__content:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 80px;
  background-color: #551608;
}
.commitment-tab__en {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 10px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #963923;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2em;
          flex: 0 0 2em;
  display: inline-block;
  letter-spacing: 0;
  white-space: nowrap;
}
.commitment-tab__ja {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1.8;
  display: inline-block;
}
.commitment-tab__text {
  display: block;
  padding: 2px;
  background-color: #cbd5c6;
}
.commitment-tab__textin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  border-radius: 5px;
  background-color: #551608;
  color: #fff;
}
.commitment-tab__textin span {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  line-height: 1.2;
  padding-bottom: 15px;
  position: relative;
}
.commitment-tab__textin span:after {
  content: ">";
  display: block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.5em;
}
@media screen and (max-width: 750px) {
  .commitment-tab__item.is-current .commitment-tab__textin:after {
    margin-left: -50px;
  }
  .commitment-tab__content {
    margin-left: -50px;
  }
}
@media screen and (max-width: 600px) {
  .commitment-tab {
    margin-left: -20px;
    margin-right: -20px;
  }
  .commitment-tab__textin span {
    letter-spacing: 0;
    font-size: 12px;
    text-align: center;
  }
}
@media screen and (min-width: 601px) {
  .commitment-tab {
    padding-bottom: 275px;
  }
  .commitment-tab__textin {
    font-size: 16px;
  }
  .commitment-tab__textin br {
    display: none;
  }
  .commitment-tab__ja {
    font-size: 22px;
  }
  .commitment-tab__content {
    height: 275px;
  }
}
@media screen and (min-width: 751px) {
  .commitment-tab__content {
    width: 160px;
  }
}
@media screen and (min-width: 901px) {
  .commitment-tab__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
  }
}

.commitment-tabpanelParent {
  margin-top: 30px;
  position: relative;
}

.commitment-tabpanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  visibility: hidden;
  -webkit-transition: 0.5s opacity ease, 0.5s -webkit-transform ease;
  transition: 0.5s opacity ease, 0.5s -webkit-transform ease;
  -o-transition: 0.5s transform ease, 0.5s opacity ease;
  transition: 0.5s transform ease, 0.5s opacity ease;
  transition: 0.5s transform ease, 0.5s opacity ease, 0.5s -webkit-transform ease;
}
.commitment-tabpanel.is-display {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  position: relative;
}

.commitment-title__number {
  padding-top: 12px;
  line-height: 1;
  display: block;
  position: relative;
  font-size: 30px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  width: 30px;
}
.commitment-title__number:before {
  content: attr(data-text);
  position: absolute;
  font-size: 10px;
  letter-spacing: 0.2em;
  top: 0;
  left: 0;
}
.commitment-title__number:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  border-right: 1px solid #626262;
  border-bottom: 1px solid #626262;
  position: absolute;
  bottom: 0;
  right: 0;
}
.commitment-title__text {
  display: block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 601px) {
  .commitment-title__text {
    font-size: 22px;
  }
  .commitment-title__number {
    font-size: 60px;
    width: 60px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 0;
  }
  .commitment-title__number:before {
    top: 50%;
    right: 60px;
    left: auto;
    margin-top: -10px;
  }
  .commitment-title__number:after {
    width: 50px;
    height: 50px;
    right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .commitment-title__number {
    padding-left: 5px;
  }
}

.craftman-name__subject {
  font-size: 12px;
  width: 50px;
  padding-bottom: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.craftman-name__subject:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border-bottom: 1px solid #626262;
  border-right: 1px solid #626262;
  position: absolute;
  right: 0;
  bottom: 0;
}
.craftman-name__subjectin {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.craftman-name__text {
  padding: 20px 7px 0;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.craftman-name__ja {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1em;
          flex: 0 0 1em;
  font-size: 16px;
  display: inline-block;
  white-space: nowrap;
}
.craftman-name__en {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1em;
          flex: 0 0 1em;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width: 601px) {
  .craftman-name__text {
    padding: 20px 4px 0;
  }
  .craftman-name__subject {
    font-size: 14px;
  }
  .craftman-name__ja {
    font-size: 22px;
  }
}

.commitment-block__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
}
@media screen and (min-width: 601px) {
  .commitment-block__title {
    padding-left: 60px;
    width: 130px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px;
  }
  .commitment-block__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-top: 10px;
  }
}
@media screen and (min-width: 901px) {
  .commitment-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .commitment-block--imgright .commitment-block__content {
    padding-right: 20px;
  }
  .commitment-block--imgright .commitment-block__in {
    margin-left: auto;
  }
  .commitment-block--imgright .commitment-block__in2 {
    padding-left: 10px;
    margin-left: auto;
  }
  .commitment-block--imgleft .commitment-block__content {
    padding-left: 20px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .commitment-block--imgleft .commitment-block__in2 {
    padding-right: 10px;
  }
  .commitment-block__in {
    max-width: 540px;
    padding: 0;
  }
  .commitment-block__in2 {
    max-width: 610px;
  }
  .commitment-block__text {
    margin-top: 45px;
  }
  .commitment-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  .commitment-block__bg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
}
@media screen and (min-width: 1201px) {
  .commitment-block--imgright .commitment-block__content {
    padding-right: 50px;
  }
  .commitment-block--imgleft .commitment-block__content {
    padding-left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .commitment-block__in2 {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 600px) {
  .commitment-block__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    width: 60px;
  }
}

.commitment-block2__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  width: 60px;
}
.commitment-block2__in {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 60px);
          flex: 0 0 calc(100% - 60px);
  width: calc(100% - 60px);
}
.commitment-block2__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
}
@media screen and (max-width: 900px) {
  .commitment-block2__content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .commitment-block2__bg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% + 40px);
            flex: 0 0 calc(100% + 40px);
    width: calc(100% + 40px);
    margin-top: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .commitment-block2__in .commitment-block2__bg {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  .commitment-block2__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px;
    width: 130px;
    padding-left: 60px;
  }
  .commitment-block2__in {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 130px);
            flex: 0 0 calc(100% - 130px);
    width: calc(100% - 130px);
    margin-top: 10px;
  }
}
@media screen and (min-width: 901px) {
  .commitment-block2__content {
    padding: 0;
  }
  .commitment-block2__text {
    max-width: 660px;
    margin-bottom: 20px;
  }
  .commitment-block2__in {
    margin-top: 45px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-top: 0;
  }
  .commitment-block2__in + .commitment-block2__bg {
    display: none;
  }
}
@media screen and (min-width: 1201px) {
  .commitment-block2 {
    margin-left: 50%;
  }
  .commitment-block2__content {
    margin-left: -600px;
  }
}

.commitment-movie__video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.commitment-movie__video iframe, .commitment-movie__video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 601px) {
  .commitment-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
  }
  .commitment-imgs__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
    width: 33.33%;
  }
}

@media screen and (min-width: 901px) {
  .fp-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .fp-block__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
            flex: 0 0 180px;
    width: 180px;
  }
  .fp-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 180px);
            flex: 0 0 calc(100% - 180px);
    width: calc(100% - 180px);
    padding-left: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .fp-block__content {
    padding-left: 60px;
  }
}
@media screen and (max-width: 900px) {
  .fp-block__title {
    margin-bottom: 20px;
  }
}

.fp-flow + .fp-flow {
  margin-top: 30px;
}
.fp-flow__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fp-flow__number {
  padding-left: 25px;
  position: relative;
  font-size: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  width: 55px;
  line-height: 1;
  padding-bottom: 10px;
}
.fp-flow__number:before {
  content: "Step";
  font-size: 10px;
  line-height: 1;
  position: absolute;
  left: 0;
  letter-spacing: 0;
  top: 10px;
}
.fp-flow__number:after {
  content: "";
  display: block;
  border-right: 1px solid #626262;
  border-bottom: 1px solid #626262;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.fp-flow__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 55px);
          flex: 0 0 calc(100% - 55px);
  width: calc(100% - 55px);
  padding-left: 10px;
  font-size: 18px;
  line-height: 1.5;
  padding-top: 7px;
}
.fp-flow__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.fp-flow__arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  width: 55px;
  text-align: center;
}
.fp-flow__arrow img {
  width: 8px;
}
.fp-flow__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 55px);
          flex: 0 0 calc(100% - 55px);
  width: calc(100% - 55px);
  padding-left: 10px;
}
@media screen and (min-width: 601px) {
  .fp-flow__number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
            flex: 0 0 85px;
    width: 85px;
    font-size: 60px;
    padding-bottom: 20px;
  }
  .fp-flow__number:before {
    top: 30px;
  }
  .fp-flow__number:after {
    width: 55px;
    height: 55px;
  }
  .fp-flow__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 85px);
            flex: 0 0 calc(100% - 85px);
    width: calc(100% - 85px);
    padding-left: 20px;
    font-size: 22px;
    padding-top: 30px;
  }
  .fp-flow__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
            flex: 0 0 85px;
    width: 85px;
  }
  .fp-flow__arrow img {
    width: 10px;
  }
  .fp-flow__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 85px);
            flex: 0 0 calc(100% - 85px);
    width: calc(100% - 85px);
    padding-left: 20px;
  }
}
@media screen and (min-width: 901px) {
  .fp-flow + .fp-flow {
    margin-top: 40px;
  }
}

.read-more {
  max-height: 120px;
  overflow: hidden;
  position: relative;
}
.read-more__text {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(70%, white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.9) 50%, white 70%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.9) 50%, white 70%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 0 0 0 30px;
  font-weight: bold;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
  color: #963923;
}
.read-more__text:hover {
  opacity: 0.6 !important;
}
.read-more__text:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/shared/icon-add.png) no-repeat center center/cover;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.read-more__text:after {
  content: "詳細を見る";
}
.read-more__text.is-open {
  background: none;
}
.read-more__text.is-open:before {
  background-image: url(../img/shared/icon-remove.png);
}
.read-more__text.is-open:after {
  content: "閉じる";
}
.read-more.is-ready {
  max-height: none;
  -webkit-transition: 0.5s height ease-in-out;
  -o-transition: 0.5s height ease-in-out;
  transition: 0.5s height ease-in-out;
}

.products-block {
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.products-block:hover {
  opacity: 0.6 !important;
}
.products-block__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.products-block__en {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 10px;
  color: #963923;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 1em;
}
.products-block__ja {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 18px;
  line-height: 1.4;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.products-block__content {
  background-color: #f0f0f0;
}
.products-block__text {
  text-align: center;
}
@media screen and (min-width: 601px) {
  .products-block__ja {
    font-size: 22px;
  }
}
@media screen and (min-width: 901px) {
  .products-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .products-block--imgright .products-block__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .products-block--imgright .products-block__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .products-block--imgleft .products-block__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .products-block--imgleft .products-block__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .products-block__content {
    height: 254px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 310px;
            flex: 0 0 310px;
    width: 310px;
  }
  .products-block__img {
    height: 254px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 310px);
            flex: 0 0 calc(100% - 310px);
    width: calc(100% - 310px);
  }
  .products-block__title {
    height: 210px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .products-block__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 44px;
  }
}
@media screen and (min-width: 1201px) {
  .products-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 430px;
            flex: 0 0 430px;
    width: 430px;
  }
  .products-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 430px);
            flex: 0 0 calc(100% - 430px);
    width: calc(100% - 430px);
  }
}
@media screen and (max-width: 900px) {
  .products-block__content {
    padding: 30px 20px;
  }
  .products-block__title {
    margin-bottom: 20px;
  }
}

.hachi-award {
  padding: 25px 0 20px;
  background: url(../img/products/hachikakuro/bg1--smt.jpg) no-repeat center center/cover;
}
@media screen and (min-width: 901px) {
  .hachi-award {
    padding: 45px 0 30px;
    background-image: url(../img/products/hachikakuro/bg1.jpg);
  }
}

.hachi-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 40px;
}
.hachi-movie iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media screen and (min-width: 901px) {
  .hachi-movie {
    margin-bottom: 65px;
  }
}

.hachi-title {
  position: relative;
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.hachi-title > span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 20px;
  line-height: 1.6;
}
.hachi-title > span i {
  display: inline-block;
  opacity: 0;
}
.hachi-title > span i:nth-child(odd) {
  -webkit-transform: translate(0.5em, 0.5em);
      -ms-transform: translate(0.5em, 0.5em);
          transform: translate(0.5em, 0.5em);
}
.hachi-title > span i:nth-child(even) {
  -webkit-transform: translate(-0.5em, 0.5em);
      -ms-transform: translate(-0.5em, 0.5em);
          transform: translate(-0.5em, 0.5em);
}
.hachi-title__icon {
  position: absolute;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -15px;
}
@media screen and (min-width: 901px) {
  .hachi-title {
    padding-top: 95px;
  }
  .hachi-title > span {
    font-size: 32px;
  }
  .hachi-title__icon {
    width: 56px;
    height: 56px;
    margin-left: -28px;
  }
}

.hachi-block1__text {
  font-size: 14px;
  padding-top: 50px;
}
.hachi-block1__text p {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (min-width: 601px) {
  .hachi-block1__text {
    font-size: 16px;
  }
}
@media screen and (min-width: 901px) {
  .hachi-block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hachi-block1__title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 110px;
            flex: 0 0 110px;
    margin-left: 20px;
  }
  .hachi-block1__text {
    padding-top: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .hachi-block1__text p {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (min-width: 1201px) {
  .hachi-block1__title {
    margin-left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .hachi-block1__text p {
    text-align: center;
  }
}

.hachi-sec1__img {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (min-width: 901px) {
  .hachi-sec1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .hachi-sec1__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 500px;
            flex: 0 0 500px;
    width: 500px;
  }
  .hachi-sec1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: calc(100% - 500px);
  }
  .hachi-sec1__img-in {
    width: 100%;
    height: 450px;
  }
  .hachi-sec1__img-text {
    margin-top: 5px;
  }
}
@media screen and (max-width: 900px) {
  .hachi-sec1__content {
    padding: 25px 20px;
  }
  .hachi-sec1__img-text {
    padding: 5px 20px;
  }
}

.hachi-sec2__img {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (min-width: 901px) {
  .hachi-sec2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hachi-sec2__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 460px;
            flex: 0 0 460px;
    width: 460px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .hachi-sec2__content .hachi-block1 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .hachi-sec2__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 45px);
            flex: 0 0 calc(50% + 45px);
    width: calc(50% + 45px);
    max-width: calc(100% - 460px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .hachi-sec2__img-in {
    width: 100%;
    height: 100%;
  }
  .hachi-sec2__img-text {
    margin-top: 5px;
  }
}
@media screen and (max-width: 900px) {
  .hachi-sec2__content {
    padding: 25px 20px;
  }
}

.hachi-sec3__img {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
@media screen and (min-width: 901px) {
  .hachi-sec3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hachi-sec3__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 500px;
            flex: 0 0 500px;
    width: 500px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .hachi-sec3__content .hachi-block1 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .hachi-sec3__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 45px);
            flex: 0 0 calc(50% + 45px);
    width: calc(50% + 45px);
    max-width: calc(100% - 500px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .hachi-sec3__img-in {
    width: 100%;
    height: 100%;
  }
  .hachi-sec3__img-text {
    margin-top: 5px;
  }
}
@media screen and (max-width: 900px) {
  .hachi-sec3__content {
    padding: 25px 20px;
  }
}

.hachi-lineup {
  background: #fff url(../img/products/hachikakuro/bg2@0.5x.jpg) repeat-y center top;
}
@media screen and (min-width: 901px) {
  .hachi-lineup {
    background-image: url(../img/products/hachikakuro/bg2.jpg);
  }
}

.hachi-slider {
  position: relative;
}
.hachi-slider__prev, .hachi-slider__next {
  position: absolute;
  z-index: 5;
  display: block;
  line-height: 0;
  width: 13.5px;
  height: 20px;
  margin-top: -10px;
  top: 50%;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.hachi-slider__prev:hover, .hachi-slider__next:hover {
  opacity: 0.6 !important;
}
.hachi-slider__prev {
  left: 15px;
}
.hachi-slider__next {
  right: 15px;
}
.hachi-slider__slide {
  width: 270px;
}
@media screen and (min-width: 901px) {
  .hachi-slider__slide {
    width: 454px;
  }
  .hachi-slider__prev, .hachi-slider__next {
    width: 27px;
    height: 40px;
    margin-top: -20px;
  }
  .hachi-slider__prev {
    left: 30px;
  }
  .hachi-slider__next {
    right: 30px;
  }
}
@media screen and (min-width: 1201px) {
  .hachi-slider__prev {
    left: 50px;
  }
  .hachi-slider__next {
    right: 50px;
  }
}

.hachi-types {
  max-width: 925px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 901px) {
  .hachi-types {
    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;
  }
  .hachi-types.imgLeft .hachi-types__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hachi-types.imgLeft .hachi-types__info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .hachi-types.imgRight .hachi-types__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .hachi-types.imgRight .hachi-types__info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hachi-types__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    width: 55%;
  }
  .hachi-types__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
            flex: 0 0 43%;
    width: 43%;
  }
}
@media screen and (max-width: 900px) {
  .hachi-types__img, .hachi-types__info {
    text-align: center;
  }
}

.hachi-types2 {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.hachi-types2__info {
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}
.hachi-types2__img {
  opacity: 0;
  -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
          transform: translateX(50px);
}
@media screen and (min-width: 751px) {
  .hachi-types2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hachi-types2__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
  }
  .hachi-types2__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
            flex: 0 0 38%;
    width: 38%;
  }
}
@media screen and (min-width: 901px) {
  .hachi-types2__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
  .hachi-types2__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    width: 48%;
  }
}
@media screen and (max-width: 750px) {
  .hachi-types2 {
    max-width: 410px;
  }
  .hachi-types2__info {
    margin-bottom: 20px;
  }
}

.hachi-map {
  width: 100%;
  height: 350px;
}
@media screen and (min-width: 901px) {
  .hachi-map {
    height: 450px;
  }
}

.hachi-premium {
  background: url(../img/products/hachikakuro/bg-premium.jpg);
  position: relative;
  height: 100px;
}
.hachi-premium__title {
  position: relative;
  z-index: 2;
  color: #fff;
  padding-top: 25px;
}
.hachi-premium__title em {
  display: block;
  text-align: center;
  line-height: 1.2;
  font-style: italic;
  letter-spacing: 0.06em;
  font-size: 20px;
  margin-bottom: 8px;
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.hachi-premium__title span {
  display: block;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.2em;
  font-size: 14px;
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}
.hachi-premium__item {
  position: absolute;
  z-index: 1;
  width: 100px;
  left: 10px;
  top: 22px;
}
@media screen and (min-width: 601px) {
  .hachi-premium {
    height: 163px;
  }
  .hachi-premium__title {
    padding-top: 50px;
  }
  .hachi-premium__title em {
    font-size: 34px;
    margin-bottom: 10px;
  }
  .hachi-premium__title span {
    font-size: 18px;
  }
  .hachi-premium__item {
    left: 20px;
    top: 24px;
    width: 197px;
  }
}

@media screen and (max-width: 450px) {
  .hachi-info180 {
    width: 100%;
  }

  .hachi-info120 {
    width: 67.9%;
  }

  .hachi-info140 {
    width: 78.78%;
  }

  .hachi-info160 {
    width: 89.49%;
  }
}
@media screen and (min-width: 901px) {
  .ld-sec1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ld-sec1__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 500px;
            flex: 0 0 500px;
    width: 500px;
    max-width: 500px;
    padding-left: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ld-sec1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 95px);
            flex: 0 0 calc(50% + 95px);
    width: calc(50% + 95px);
    max-width: calc(100% - 500px);
    height: 538px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 1201px) {
  .ld-sec1__content {
    padding-left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .ld-sec1__content {
    padding: 20px;
  }
}

@media screen and (min-width: 901px) {
  .ld-sec2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .ld-sec2__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 770px;
            flex: 0 0 770px;
    width: 770px;
    max-width: 770px;
    padding-right: 20px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ld-sec2__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 170px);
            flex: 0 0 calc(50% - 170px);
    width: calc(50% - 170px);
    max-width: calc(100% - 770px);
    height: 454px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 1201px) {
  .ld-sec2__content {
    padding-right: 50px;
  }
}
@media screen and (max-width: 900px) {
  .ld-sec2__content {
    padding: 20px;
  }
}

.ld-bgc1 {
  background-color: #f2f1f1;
}

.ld-bgc2 {
  background-color: #eef4ed;
}

.ld-bgc3 {
  background-color: #faf4ee;
}

@media screen and (min-width: 601px) {
  .ld-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ld-content__item1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .ld-content__item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    padding-right: 20px;
  }
  .ld-content__item3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ld-content__item3__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 901px) {
  .ld-content {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .ld-content__item1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(100% - 440px);
    margin-bottom: 0;
  }
  .ld-content__item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
    max-width: 200px;
    padding-right: 0;
    margin-left: 20px;
  }
  .ld-content__item3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 440px;
            flex: 0 0 440px;
    width: 440px;
  }
  .ld-content__item3__text {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1201px) {
  .ld-content__item1 {
    max-width: calc(100% - 540px);
  }
  .ld-content__item2 {
    margin-left: 70px;
  }
  .ld-content__item3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 540px;
            flex: 0 0 540px;
    width: 540px;
  }
  .ld-content__item3__text {
    padding-left: 70px;
  }
}
@media screen and (max-width: 600px) {
  .ld-content__item1 {
    margin-bottom: 30px;
  }
  .ld-content__item3__text {
    margin-bottom: 30px;
  }
  .ld-content__item2 + .ld-content__item2 {
    padding-top: 40px;
  }
}

.ld-title1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ld-title1__icon {
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-right: 1px solid #626262;
  border-bottom: 1px solid #626262;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  font-size: 25px;
  line-height: 0.6;
}
.ld-title1__text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: calc(100% - 30px);
  line-height: 1.9;
  padding-left: 10px;
}
@media screen and (min-width: 601px) {
  .ld-title1__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
  .ld-title1__text {
    max-width: calc(100% - 50px);
  }
}

@media screen and (min-width: 751px) {
  .ld-block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ld-block1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 330px;
            flex: 0 0 330px;
    width: 330px;
    text-align: right;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ld-block1__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(100% - 330px);
    max-width: 580px;
    padding-right: 30px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 750px) {
  .ld-block1__img {
    margin-bottom: 5px;
  }
}

.ld-block2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0;
}
.ld-block2__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 3px);
          flex: 0 0 calc(50% - 3px);
  max-width: calc(50% - 3px);
}

@media screen and (min-width: 901px) {
  .ld-block3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ld-block3__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 250px);
            flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
  }
  .ld-block3__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
  }
}
@media screen and (min-width: 1201px) {
  .ld-block3__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 300px);
            flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
  }
  .ld-block3__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
  }
}
@media screen and (max-width: 900px) {
  .ld-block3__content {
    max-width: 600px;
  }
}

@media screen and (min-width: 601px) {
  .sofa-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sofa-point .sofa-point__item:nth-child(1), .sofa-point .sofa-point__item:nth-child(2) {
    margin-top: 0;
  }
  .sofa-point__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    width: calc(50% - 10px);
    margin-top: 40px;
  }
}
@media screen and (min-width: 901px) {
  .sofa-point__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 60px);
            flex: 0 0 calc(50% - 60px);
    width: calc(50% - 60px);
  }
}
@media screen and (max-width: 600px) {
  .sofa-point__item + .sofa-point__item {
    margin-top: 40px;
  }
}

.sofa-mou {
  background-color: #fff;
  border: 1px solid #381b07;
  padding: 15px;
}
@media screen and (min-width: 601px) {
  .sofa-mou {
    padding: 20px;
  }
  .sofa-mou__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sofa-mou__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-right: 20px;
    width: calc(100% - 200px);
    max-width: calc(100% - 200px);
  }
  .sofa-mou__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
  }
}
@media screen and (min-width: 901px) {
  .sofa-mou {
    padding: 30px;
  }
  .sofa-mou__content {
    width: calc(100% - 330px);
    max-width: calc(100% - 330px);
  }
  .sofa-mou__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 330px;
            flex: 0 0 330px;
    width: 330px;
  }
}
@media screen and (min-width: 1201px) {
  .sofa-mou {
    padding: 50px;
  }
  .sofa-mou__content {
    padding-right: 40px;
  }
}
@media screen and (max-width: 600px) {
  .sofa-mou__content {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 601px) {
  .sofa-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 720px;
  }
  .sofa-list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  .sofa-list {
    max-width: 320px;
  }
  .sofa-list__item + .sofa-list__item {
    margin-top: 35px;
  }
}

.sb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sb-list__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  width: calc(50% - 15px);
  max-width: 200px;
}
@media screen and (min-width: 601px) {
  .sb-list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 20px);
            flex: 0 0 calc(33.33% - 20px);
    width: calc(33.33% - 20px);
  }
}
@media screen and (max-width: 600px) {
  .sb-list .sb-list__item {
    margin-top: 30px;
  }
  .sb-list .sb-list__item:nth-child(1), .sb-list .sb-list__item:nth-child(2) {
    margin-top: 0;
  }
  .sb-list .sb-list__item small {
    font-size: 10px;
    letter-spacing: 0;
  }
}

.kiden-point__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.kiden-point__title i {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  font-size: 10px;
}
.kiden-point__title span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
  font-size: 25px;
  border-right: 1px solid #626262;
  border-bottom: 1px solid #626262;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  line-height: 0.6;
  text-align: center;
}
.kiden-point__title em {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 10px;
}
.kiden-point__text {
  padding-left: 80px;
  line-height: 3.1;
}
@media screen and (min-width: 601px) {
  .kiden-point__title i {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    width: 50px;
    font-size: 13px;
  }
  .kiden-point__title span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
            flex: 0 0 50px;
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
  .kiden-point__title em {
    margin-left: 15px;
  }
  .kiden-point__text {
    padding-left: 115px;
  }
}
@media screen and (min-width: 901px) {
  .kiden-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .kiden-point__text .kiden-point__img {
    display: none;
  }
  .kiden-point__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(100% - 340px);
  }
  .kiden-point__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    width: 320px;
    margin-left: 20px;
  }
}
@media screen and (min-width: 1201px) {
  .kiden-point__content {
    max-width: calc(100% - 370px);
  }
  .kiden-point__img {
    margin-left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .kiden-point__content + .kiden-point__img {
    display: none;
  }
  .kiden-point__img {
    float: right;
    width: 150px;
    margin: 0 0 5px 5px;
  }
}
@media screen and (max-width: 450px) {
  .kiden-point__img {
    width: 100px;
  }
  .kiden-point__text {
    padding-left: 0;
  }
}

.kiden-block {
  background-color: #fff;
  border: 1px solid #381b07;
  padding: 10px;
}
@media screen and (min-width: 601px) {
  .kiden-block {
    padding: 20px;
  }
}

.kiden-table {
  width: 100%;
}
.kiden-table th, .kiden-table td {
  border: 1px solid #c9c9c9;
  vertical-align: center;
  line-height: 1.5;
}
.kiden-table th {
  background-color: #7d7d7d;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}
.kiden-table td {
  padding: 15px 5px;
  text-align: center;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .kiden-table.pc-table {
    display: none;
  }
  .kiden-table th, .kiden-table td {
    font-size: 10px;
    letter-spacing: 0.02em;
    padding: 10px 5px;
  }
}
@media screen and (min-width: 751px) {
  .kiden-table.smt-table {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .meiboku-sec1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .meiboku-sec1__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 690px;
            flex: 0 0 690px;
    width: 690px;
    max-width: 690px;
    padding-left: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .meiboku-sec1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 90px);
            flex: 0 0 calc(50% - 90px);
    width: calc(50% - 90px);
    max-width: calc(100% - 690px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 1201px) {
  .meiboku-sec1__content {
    padding-left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .meiboku-sec1__content {
    padding: 20px;
  }
}

.meiboku-block + .meiboku-block {
  margin-top: 35px;
}
@media screen and (min-width: 601px) {
  .meiboku-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .meiboku-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    width: 150px;
    margin-top: 13px;
  }
  .meiboku-block__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(100% - 150);
    padding-left: 15px;
  }
}
@media screen and (min-width: 901px) {
  .meiboku-block__content {
    padding-left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .meiboku-block {
    overflow: hidden;
  }
  .meiboku-block__img {
    float: left;
    width: 120px;
    margin: 0 10px 2px 0;
  }
}
@media screen and (max-width: 350px) {
  .meiboku-block__img {
    width: 90px;
  }
}

@media screen and (min-width: 901px) {
  .kumiraku-sec1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .kumiraku-sec1__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 500px;
            flex: 0 0 500px;
    width: 500px;
    max-width: 500px;
    padding-left: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .kumiraku-sec1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: calc(100% - 500px);
    height: 476px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 1201px) {
  .kumiraku-sec1__content {
    padding-left: 50px;
  }
}
@media screen and (max-width: 900px) {
  .kumiraku-sec1__content {
    padding: 20px;
  }
}

@media screen and (min-width: 901px) {
  .kumiraku-block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .kumiraku-block1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    width: 320px;
  }
  .kumiraku-block1__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(100% - 320px);
    padding-left: 40px;
  }
}
@media screen and (max-width: 900px) {
  .kumiraku-block1 {
    overflow: hidden;
  }
  .kumiraku-block1__img {
    float: left;
    width: 200px;
    margin: 0 10px 3px 0;
  }
}
@media screen and (max-width: 600px) {
  .kumiraku-block1__img {
    width: 150px;
  }
}
@media screen and (max-width: 450px) {
  .kumiraku-block1__img {
    width: 120px;
  }
}
@media screen and (max-width: 350px) {
  .kumiraku-block1__img {
    width: 100px;
  }
}

@media screen and (min-width: 901px) {
  .kumiraku-block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .kumiraku-block2__item1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .kumiraku-block2__item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    width: 320px;
  }
  .kumiraku-block2__item3 + .kumiraku-block2__item3 {
    margin-top: 35px;
  }
}
@media screen and (max-width: 900px) {
  .kumiraku-block2__item1 {
    margin-bottom: 20px;
  }
  .kumiraku-block2__item2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .kumiraku-block2__item3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 5px);
            flex: 0 0 calc(50% - 5px);
    width: calc(50% - 5px);
    max-width: 320px;
  }
  .kumiraku-block2__item3 * {
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 901px) {
  .hooh-sec1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hooh-sec1__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 550px;
            flex: 0 0 550px;
    width: 550px;
    max-width: 550px;
    padding-left: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .hooh-sec1__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 40px);
            flex: 0 0 calc(50% - 40px);
    width: calc(50% - 40px);
    max-width: calc(100% - 550px);
    height: 348px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.fsz{
  font-size: 1.3em;
  font-weight: bold;}

@media screen and (min-width: 1201px) {
  .hooh-sec1__content {
    padding-left: 50px;
  }
  
}
@media screen and (max-width: 900px) {
  .hooh-sec1__content {
    padding: 20px;
  }
}

.hooh-img1 {
  margin: 25px 0;
}
@media screen and (min-width: 901px) {
  .hooh-img1 {
    height: 270px;
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .hooh-block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hooh-block1__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 410px;
            flex: 0 0 410px;
    width: 410px;
  }
  .hooh-block1__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-right: 30px;
  }
}
@media screen and (max-width: 900px) {
  .hooh-block1__content {
    padding: 20px;
  }
}

@media screen and (min-width: 901px) {
  .hooh-block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hooh-block2__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 500px;
            flex: 0 0 500px;
    width: 500px;
    padding-right: 30px;
  }
  .hooh-block2__content p {
    text-align: right;
  }
  .hooh-block2__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 900px) {
  .hooh-block2__content {
    padding: 20px;
  }
}

.hooh-types__in {
  padding: 5px;
}
@media screen and (min-width: 901px) {
  .hooh-types {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .hooh-types__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .hooh-types__in {
    padding: 12px;
  }
}
@media screen and (max-width: 900px) {
  .hooh-types {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

.hooh-wood {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hooh-wood__mv {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.hooh-wood__text {
  padding: 10px;
}
.hooh-wood__text p {
  line-height: 1.8;
  letter-spacing: 0.08em;
}
.hooh-wood__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  width: 70%;
}
.hooh-wood__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  width: 30%;
}
@media screen and (min-width: 601px) {
  .hooh-wood__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    padding: 12px;
  }
  .hooh-wood__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
  }
}
@media screen and (min-width: 901px) {
  .hooh-wood__text {
    padding: 17px;
  }
}

.hooh-movie {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e5e5e5;
  padding: 12px;
}
.hooh-movie__title {
  text-align: center;
  margin-bottom: 10px;
}
.hooh-movie__iframe {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.hooh-movie__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 601px) {
  .hooh-movie {
    padding: 25px;
  }
}

@media screen and (min-width: 451px) and (max-width: 900px) {
  .hooh-kiwami {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
  .hooh-kiwami__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hooh-kiwami__fg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    width: 45%;
  }
  .hooh-kiwami__in {
    padding: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    width: 55%;
  }
}
@media screen and (min-width: 901px) {
  .hooh-kiwami {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hooh-kiwami__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
            flex: 0 0 66%;
    width: 66%;
  }
  .hooh-kiwami__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
            flex: 0 0 34%;
    width: 34%;
  }
  .hooh-kiwami__in {
    padding: 20px;
  }
}
@media screen and (max-width: 450px) {
  .hooh-kiwami__in {
    padding: 7px;
  }
}

@media screen and (min-width: 901px) {
  .of-catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .of-catch__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 40px);
            flex: 0 0 calc(50% + 40px);
    width: calc(50% + 40px);
    max-width: calc(100% - 400px);
  }
  .of-catch__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    width: 400px;
    margin-left: 20px;
  }
  .of-catch__content .of-catch__img {
    display: none;
  }
}
@media screen and (min-width: 1201px) {
  .of-catch__content {
    margin-left: 70px;
  }
}
@media screen and (max-width: 900px) {
  .of-catch > .of-catch__img {
    display: none;
  }
}

.of-lineup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.of-lineup p, .of-lineup small {
  letter-spacing: 0;
}
@media screen and (min-width: 601px) {
  .of-lineup__item1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 15px);
            flex: 0 0 calc(50% - 15px);
    width: calc(50% - 15px);
  }
  .of-lineup__item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 30px);
            flex: 0 0 calc(33.33% - 30px);
    width: calc(33.33% - 30px);
    margin: 35px 0;
  }
}
@media screen and (max-width: 600px) {
  .of-lineup {
    max-width: 320px;
  }
  .of-lineup__item1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
  .of-lineup__item1 + .of-lineup__item1 {
    margin-top: 30px;
  }
  .of-lineup__item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 5px);
            flex: 0 0 calc(50% - 5px);
    width: calc(50% - 5px);
    max-width: 185px;
    margin-top: 30px;
  }
  .of-lineup__item2 + .of-lineup__item1 {
    margin-top: 30px;
  }
}

.of-title {
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
}
.of-title:before {
  content: "";
  display: block;
  height: 3px;
  width: 100px;
  background-color: #963923;
  position: absolute;
  left: 0;
  bottom: 0;
}

.of-block {
  background-color: #fdecd2;
  padding: 15px;
}
@media screen and (min-width: 601px) {
  .of-block {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .of-block__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .of-block__item + .of-block__item {
    margin-left: 40px;
  }
}
@media screen and (max-width: 600px) {
  .of-block__item {
    text-align: center;
  }
  .of-block__item + .of-block__item {
    margin-top: 20px;
  }
}

.of-list__item {
  margin-top: 40px;
}
.of-list .of-list__item:nth-child(1) {
  margin-top: 0;
}
.of-list__in {
  max-width: 323px;
  margin: 0 auto;
}
@media screen and (min-width: 601px) {
  .of-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .of-list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    padding: 0 10px;
  }
  .of-list .of-list__item:nth-child(2) {
    margin-top: 0;
  }
}

.of-voice {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #fff;
}
.of-voice__title {
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.of-voice__title p {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (min-width: 601px) {
  .of-voice {
    padding: 15px;
  }
  .of-voice__title {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .of-voice__title p {
    font-weight: bold;
    font-size: 20px;
  }
}
@media screen and (min-width: 751px) {
  .of-voice {
    padding: 20px;
  }
  .of-voice__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .of-voice__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 55%;
  }
  .of-voice__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(45% - 20px);
            flex: 0 0 calc(45% - 20px);
    max-width: calc(45% - 20px);
  }
}
@media screen and (max-width: 750px) {
  .of-voice__content {
    padding: 15px 0 0;
  }
}

.access-block {
  margin-bottom: 40px;
}
@media screen and (min-width: 901px) {
  .access-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 60px;
  }
  .access-block__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 520px);
            flex: 0 0 calc(100% - 520px);
    width: calc(100% - 520px);
    max-width: 500px;
  }
  .access-block__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 500px;
            flex: 0 0 500px;
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .access-block__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    width: 120px;
  }
  .access-block__text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(100% - 120px);
    margin-top: 50px;
  }
}
@media screen and (min-width: 1201px) {
  .access-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 620px);
            flex: 0 0 calc(100% - 620px);
    width: calc(100% - 620px);
  }
  .access-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 600px;
            flex: 0 0 600px;
    width: 600px;
  }
}
@media screen and (max-width: 900px) {
  .access-block__title {
    margin-bottom: 20px;
  }
  .access-block__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
  }
  .access-block__textin {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .access-block__img {
    max-width: 500px;
    margin: 0 auto;
  }
}

.access-map {
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
}
@media screen and (min-width: 601px) {
  .access-map {
    height: 400px;
  }
}
@media screen and (min-width: 901px) {
  .access-map {
    margin-bottom: 30px;
  }
}

.news-post__date {
  display: block;
}
.news-post__title {
  margin-bottom: 1em;
  font-size: 18px;
}
.news-post__content {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.news-post__content small {
  font-size: 0.9em;
}
.news-post__content big {
  font-size: 1.1em;
}
.news-post__content em, .news-post__content i {
  font-style: italic;
}
.news-post__content b, .news-post__content strong {
  font-weight: bold;
}
.news-post__content a {
  text-decoration: underline;
  color: #963923;
}
.news-post__content a:hover {
  text-decoration: none;
}
.news-post__content del, .news-post__content strike, .news-post__content s {
  text-decoration: line-through;
}
.news-post__content u {
  text-decoration: underline;
}
.news-post__content h1, .news-post__content h2, .news-post__content h3, .news-post__content h4, .news-post__content h5, .news-post__content h6 {
  line-height: 1.4;
}
.news-post__content h1 {
  font-size: 1.8em;
  font-weight: bold;
}
.news-post__content h2 {
  font-size: 1.6em;
  font-weight: bold;
}
.news-post__content h3 {
  font-size: 1.4em;
  font-weight: bold;
}
.news-post__content h4 {
  font-size: 1.4em;
}
.news-post__content h5 {
  font-size: 1.2em;
}
.news-post__content h6 {
  font-size: 1.1em;
}
@media screen and (min-width: 601px) {
  .news-post__title {
    font-size: 22px;
  }
}

.sitemap-title {
  line-height: 1.5;
  font-size: 15px;
  margin-bottom: 0.5em;
}
.sitemap-title a {
  -webkit-transition: 0.2 color ease;
  -o-transition: 0.2 color ease;
  transition: 0.2 color ease;
}
.sitemap-title a:hover {
  color: #963923;
}
@media screen and (min-width: 601px) {
  .sitemap-title {
    font-size: 18px;
  }
}

.sitemap-row .sitemap-column:nth-child(1) {
  margin-top: 0;
}
@media screen and (min-width: 601px) {
  .sitemap-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sitemap-row .sitemap-column:nth-child(2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 901px) {
  .sitemap-row .sitemap-column:nth-child(3), .sitemap-row .sitemap-column:nth-child(4) {
    margin-top: 0;
  }
}

.sitemap-column {
  margin-top: 20px;
}
@media screen and (min-width: 601px) {
  .sitemap-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-right: 20px;
  }
}
@media screen and (min-width: 901px) {
  .sitemap-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding-right: 30px;
    margin-top: 30px;
  }
}

.sitemap-list a {
  color: #532e14;
}
.sitemap-list a:hover {
  text-decoration: underline;
}
.sitemap-list li {
  line-height: 1.5;
}
.sitemap-list li + li {
  margin-top: 0.5em;
}

.showroom-catch {
  background: url(../img/showroom/bg1.jpg) no-repeat center center/auto 400px;
}
.showroom-catch__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 400px;
  max-width: 400px;
  margin: 0 auto;
}
.showroom-catch__text p {
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 16px;
}
.showroom-catch__text p span {
  display: inline-block;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  opacity: 0;
}
@media screen and (min-width: 601px) {
  .showroom-catch {
    background-size: auto 480px;
  }
  .showroom-catch__text {
    height: 480px;
    padding-top: 35px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .showroom-catch__text p {
    font-size: 18px;
  }
}

.showroom-mainslider {
  margin-bottom: 30px;
  position: relative;
}

.showroom-prev, .showroom-next {
  position: absolute;
  width: 27px;
  height: 37px;
  line-height: 1;
  top: 50%;
  margin-top: -16px;
  z-index: 9999;
  cursor: pointer;
}

.showroom-prev {
  left: -5px;
}

.showroom-next {
  right: -5px;
}

.showroom-thumbslider .swiper-slide {
  width: calc(20% - 5px);
}

.gallery-list {
  max-width: 1010px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -30px;
}
.gallery-list__item {
  margin-top: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.gallery-list__btn {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  cursor: pointer;
  border: 1px solid #d2d1d1;
}
.gallery-list__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gallery-list__icon {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}
.gallery-list__text {
  text-align: center;
  line-height: 1.5;
  margin-top: 15px;
}
@media screen and (min-width: 601px) {
  .gallery-list {
    margin-top: -40px;
  }
  .gallery-list__item {
    margin-top: 40px;
  }
}
@media screen and (min-width: 901px) {
  .gallery-list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 25px);
            flex: 0 0 calc(50% - 25px);
    width: calc(50% - 25px);
  }
}

.gallery-movie {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.gallery-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gallery-mainslide {
  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;
}

.gallery-thumbslide {
  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;
  height: 90px;
}

.faq-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.faq-tab__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33%;
          flex: 1 1 33.33%;
  width: 33.33%;
  max-width: 310px;
  background-color: #fafafa;
  border: 1px solid #979595;
  padding: 10px 5px 20px;
  position: relative;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  line-height: 1.3;
}
.faq-tab__item.is-current {
  background-color: #fff;
  border: 1px solid #393635;
}
.faq-tab__item:after {
  content: ">";
  display: block;
  line-height: 1;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -0.5em;
}
@media screen and (min-width: 601px) {
  .faq-tab__item {
    font-size: 15px;
  }
}
@media screen and (min-width: 901px) {
  .faq-tab {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .faq-tab__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
            flex: 0 0 31%;
    width: 31%;
  }
}
@media screen and (max-width: 600px) {
  .faq-tab__item {
    letter-spacing: 0;
  }
}

.faq-container {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 901px) {
  .faq-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .faq-container__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
  }
  .faq-container__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 140px);
            flex: 0 0 calc(100% - 140px);
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 900px) {
  .faq-container__title {
    margin-bottom: 30px;
  }
}

.faq-block + .faq-block {
  margin-top: 45px;
}
.faq-block__header-icon {
  text-align: center;
  font-size: 25px;
  line-height: 1;
}
.faq-block__header-text {
  font-size: 15px;
}
.faq-block__body {
  margin-top: 8px;
}
.faq-block__body-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 0;
  margin-bottom: 15px;
}
.faq-block__body-icon:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-bottom: 1px solid #626262;
  border-left: 1px solid #626262;
}
.faq-block__header, .faq-block__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq-block__header-icon, .faq-block__body-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
}
@media screen and (min-width: 601px) {
  .faq-block + .faq-block {
    margin-top: 65px;
  }
  .faq-block__header-icon {
    font-size: 40px;
  }
  .faq-block__header-text {
    font-size: 18px;
    margin-top: 6px;
  }
  .faq-block__body {
    margin-top: 15px;
  }
  .faq-block__body-icon:before {
    width: 50px;
    height: 50px;
  }
  .faq-block__header-icon, .faq-block__body-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
    width: 70px;
  }
}

.links-block {
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 2px 2px 1px #e1e1e1;
          box-shadow: 2px 2px 1px #e1e1e1;
  padding: 20px;
  background-color: #fff;
}
.links-block + .links-block {
  margin-top: 25px;
}
@media screen and (min-width: 901px) {
  .links-block {
    padding: 40px;
  }
}

.links-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 5px;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.links-title__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 15px;
}
.links-title__link {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  word-break: break-all;
  font-size: 10px;
  -webkit-transition: 0.3s color ease;
  -o-transition: 0.3s color ease;
  transition: 0.3s color ease;
  line-height: 1.2;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-bottom: 10px;
}
.links-title__link:hover {
  color: #963923 !important;
}
@media screen and (min-width: 601px) {
  .links-title__text {
    font-size: 18px;
  }
  .links-title__link {
    font-size: 11px;
  }
}

.links-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.links-img li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  max-width: 48%;
  margin-bottom: 4%;
}
.links-img li:nth-child(3) {
  margin-bottom: 0;
}
@media screen and (min-width: 601px) {
  .links-img {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: 670px;
  }
  .links-img li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    max-width: 32%;
    margin-bottom: 0;
  }
}

.company-banner {
  position: relative;
  height: 200px;
  padding: 12px;
  display: block;
  -webkit-transition: 0.2s opacity ease;
  -o-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.company-banner:hover {
  opacity: 0.6 !important;
}
.company-banner + .company-banner {
  margin-top: 20px;
}
.company-banner__text {
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.9);
  display: block;
  width: 100px;
  height: 176px;
}
.company-banner .title-t1 {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (min-width: 601px) {
  .company-banner {
    height: 254px;
    padding: 25px;
  }
  .company-banner + .company-banner {
    margin-top: 35px;
  }
  .company-banner__text {
    width: 140px;
    height: 204px;
  }
}

.co-catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 30px;
}
.co-catch p {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  font-size: 18px;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  opacity: 0;
}
@media screen and (min-width: 601px) {
  .co-catch {
    margin-bottom: 50px;
  }
  .co-catch p {
    font-size: 22px;
  }
}

.co-lead p {
  text-align: center;
  line-height: 2.6;
}
@media screen and (min-width: 601px) {
  .co-lead p {
    line-height: 3.7;
  }
}

.co-info {
  background-image: url(../img/company/outline/bgitem.png), url(../img/company/outline/bg1@0.5x.jpg);
  background-repeat: no-repeat, repeat;
  background-position: right bottom 70px, center center;
}
.co-info__container {
  max-width: 1060px;
}
.co-info__title {
  position: relative;
  padding: 12px 8px 0 18px;
  max-width: 80px;
}
.co-info__title:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(../img/top/deco-title-information.png) no-repeat center center/cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 601px) {
  .co-info__title {
    padding: 38px 12px 0 35px;
    font-size: 18px;
    max-width: 140px;
  }
  .co-info__title:before {
    width: 70px;
    height: 70px;
  }
}
@media screen and (min-width: 751px) {
  .co-info {
    background-image: url(../img/company/outline/bgitem.png), url(../img/company/outline/bg1.jpg);
    background-position: right bottom 140px, center center;
  }
}
@media screen and (min-width: 901px) {
  .co-info__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .co-info__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    width: 140px;
  }
  .co-info__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 140px);
            flex: 0 0 calc(100% - 140px);
    width: calc(100% - 140px);
    max-width: 800px;
  }
}
@media screen and (max-width: 900px) {
  .co-info__title {
    margin: 0 auto 30px;
  }
}

.co-table {
  width: 100%;
}
@media screen and (min-width: 901px) {
  .co-table {
    table-layout: fixed;
  }
  .co-table th {
    width: auto;
  }
  .co-table td {
    width: 610px;
  }
  .co-table th, .co-table td {
    padding: 14px 5px;
    border-bottom: 1px solid #666666;
    vertical-align: top;
  }
}
@media screen and (max-width: 900px) {
  .co-table {
    display: block;
  }
  .co-table tbody, .co-table tr, .co-table th, .co-table td {
    display: block;
    width: 100%;
  }
  .co-table th {
    font-weight: bold;
    margin-bottom: 5px;
  }
  .co-table tr {
    border-bottom: 1px solid #666666;
    padding: 12px 0;
  }
}

@media screen and (min-width: 901px) {
  .co-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .co-block__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .co-block__btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 10px;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

.co-showroom + .co-showroom {
  margin-top: 40px;
}
@media screen and (min-width: 451px) and (max-width: 600px) {
  .co-showroom {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    max-width: 49%;
  }
  .co-showroom + .co-showroom {
    margin-top: 0;
  }
  .co-showroom__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 601px) {
  .co-showroom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .co-showroom + .co-showroom {
    margin-top: 20px;
  }
  .co-showroom__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(100% - 270px);
    max-width: calc(100% - 270px);
    padding-right: 12px;
    padding-top: 0.5em;
  }
  .co-showroom__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
            flex: 0 0 270px;
    width: 270px;
  }
  .co-showroom__content * {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 901px) {
  .co-showroom__img {
    padding-right: 25px;
  }
}

.cg-section {
  background: url(../img/company/greeting/bg1.png) no-repeat right top -50px;
}
.cg-section__content * {
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.8);
}
.cg-section__title {
  font-size: 16px;
  margin-bottom: 15px;
}
@media screen and (min-width: 601px) {
  .cg-section__imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
  }
  .cg-section__imgs-item1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 326.2px;
            flex: 0 0 326.2px;
    width: 326.2px;
  }
  .cg-section__imgs-item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 215.6px;
            flex: 0 0 215.6px;
    width: 215.6px;
    margin-top: 120px;
    margin-left: 10px;
  }
  .cg-section__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 901px) {
  .cg-section {
    background-position: right bottom 300px;
    background-size: 600px auto;
  }
  .cg-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cg-section__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    width: 80px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cg-section__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 720px;
            flex: 0 0 720px;
    width: 720px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 20px;
  }
  .cg-section__imgs-item1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 466px;
            flex: 0 0 466px;
    width: 466px;
    margin-left: -106px;
    margin-right: 5px;
  }
  .cg-section__imgs-item2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 308px;
            flex: 0 0 308px;
    width: 308px;
    margin-top: 155px;
  }
}
@media screen and (min-width: 1201px) {
  .cg-section {
    background-size: 800px auto;
  }
  .cg-section__content {
    padding: 35px;
  }
  .cg-section__title {
    margin-right: 110px;
  }
}
@media screen and (min-width: 1401px) {
  .cg-section {
    background-size: auto auto;
  }
}
@media screen and (max-width: 900px) {
  .cg-section {
    background-size: 400px auto;
    background-position: right top -70px;
  }
  .cg-section__title {
    margin-bottom: 50px;
    width: 80px;
  }
}
@media screen and (max-width: 600px) {
  .cg-section {
    background-size: 300px auto;
  }
  .cg-section__imgs {
    margin-top: 40px;
  }
  .cg-section__imgs-item1 img {
    width: 90%;
    max-width: 466px;
  }
  .cg-section__imgs-item2 {
    margin-top: 10px;
    text-align: right;
  }
  .cg-section__imgs-item2 img {
    width: 70%;
    max-width: 308px;
  }
}

.cp-section {
  position: relative;
  background: #000;
}
.cp-section__bg {
  position: absolute;
  z-index: 1;
}
.cp-section__bg img {
  max-width: none;
}
.cp-section__container {
  position: relative;
  z-index: 2;
}
.cp-section__stitle {
  color: #fff;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (min-width: 601px) {
  .cp-section__stitle {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 901px) {
  .cp-section__bg {
    top: 50%;
    margin-top: -485px;
    left: 50%;
    margin-left: -500px;
  }
  .cp-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cp-section__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
    width: 80px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cp-section__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 720px;
            flex: 0 0 720px;
    width: 720px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 20px;
  }
}
@media screen and (min-width: 1201px) {
  .cp-section__bg {
    margin-left: -320px;
  }
  .cp-section__title {
    margin-right: 110px;
  }
}
@media screen and (max-width: 900px) {
  .cp-section__bg {
    top: 0;
    right: 0;
  }
  .cp-section__bg img {
    width: 610px;
  }
  .cp-section__title {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  .cp-section__bg img {
    width: 400px;
  }
}
@media screen and (max-width: 600px) {
  .cp-section__bg img {
    width: 300px;
  }
}

.cp-table {
  color: #fff;
}
.cp-table tr {
  -webkit-transform: translate(0, 10px);
      -ms-transform: translate(0, 10px);
          transform: translate(0, 10px);
  opacity: 0;
}
@media screen and (min-width: 601px) {
  .cp-table {
    table-layout: fixed;
  }
  .cp-table th {
    width: 100px;
  }
  .cp-table td {
    width: auto;
  }
  .cp-table th, .cp-table td {
    padding: 0.7em 0;
  }
}
@media screen and (max-width: 600px) {
  .cp-table {
    display: block;
  }
  .cp-table tbody, .cp-table tr, .cp-table th, .cp-table td {
    display: block;
    width: 100%;
  }
  .cp-table tr + tr {
    margin-top: 2em;
  }
}

.cp-line {
  display: block;
  height: 1px;
  width: 115px;
  background-color: #fff;
  margin: 40px 0;
}
@media screen and (min-width: 901px) {
  .cp-line {
    margin: 60px 0;
  }
}

.ci-section {
  background: url(../img/company/philosophy/bg1.jpg) no-repeat center bottom;
  height: 1000px;
  background-size: auto 1000px;
  padding-top: 60px;
}
@media screen and (min-width: 601px) {
  .ci-section {
    height: 1100px;
    background-size: auto 1100px;
    padding-top: 60px;
  }
}
@media screen and (min-width: 751px) {
  .ci-section {
    background-size: auto 1134px;
    height: 1134px;
    padding-top: 120px;
  }
}
@media screen and (min-width: 1601px) {
  .ci-section {
    background-size: cover;
  }
}

@media screen and (min-width: 901px) {
  .ch-section__container {
    position: relative;
  }
  .ch-section__title {
    position: absolute;
    right: 0;
    top: 65px;
  }
  .ch-section__content {
    width: 860px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 900px) {
  .ch-section__title {
    margin-bottom: 30px;
  }
}

.ch-block {
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  opacity: 0;
}
.ch-block + .ch-block {
  margin-top: 50px;
}
.ch-block__title {
  position: relative;
  padding-left: 20px;
  margin-bottom: 0.7em;
}
.ch-block__title::before {
  content: "";
  height: 2px;
  width: 10px;
  display: block;
  background-color: #000;
  position: absolute;
  top: 1em;
  left: 0;
}
.ch-block__text {
  padding-left: 20px;
}
.ch-block__text p {
  letter-spacing: 0.1em;
}
.ch-block__img {
  padding-left: 20px;
}
@media screen and (min-width: 601px) {
  .ch-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ch-block + .ch-block {
    margin-top: 15px;
  }
  .ch-block--imgright .ch-block__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ch-block--imgright .ch-block__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ch-block--imgleft .ch-block__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ch-block--imgleft .ch-block__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ch-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .ch-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .ch-block__title {
    padding: 0 25px;
  }
  .ch-block__text {
    padding: 0 25px;
  }
  .ch-block__img {
    padding: 0 25px;
  }
}
@media screen and (max-width: 600px) {
  .ch-block {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .ch-block__content {
    margin-bottom: 15px;
  }
}

.catalog-body {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 1px 1px 1px #e5e5e5;
          box-shadow: 1px 1px 1px #e5e5e5;
  max-width: 950px;
  margin: 0 auto;
  padding: 25px 15px;
}
.catalog-body__line {
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  margin: 20px 0 30px;
}
@media screen and (min-width: 901px) {
  .catalog-body {
    padding: 30px;
  }
  .catalog-body__line {
    margin: 30px 0 40px;
  }
}

.event-catch {
  background: url(../img/event/bg1--smt.jpg) no-repeat center top/cover;
  padding: 20px 0;
}
.event-catch__content {
  background-color: rgba(255, 255, 255, 0.85);
  max-width: 580px;
  padding: 40px 15px;
}
@media screen and (min-width: 601px) {
  .event-catch__content {
    padding: 50px 30px;
  }
}
@media screen and (min-width: 901px) {
  .event-catch {
    background-image: url(../img/event/bg1.jpg);
    padding: 15px;
  }
  .event-catch__content {
    padding: 60px 40px;
  }
}

.event-block {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 1px 1px 1px #e5e5e5;
          box-shadow: 1px 1px 1px #e5e5e5;
  max-width: 950px;
  margin: 0 auto;
  padding: 25px 15px;
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
  opacity: 0;
}
.event-block + .event-block {
  margin-top: 20px;
}
.event-block__title {
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.event-block table tr {
  padding: 10px 0;
}
.event-block table th {
  width: 40px;
}
.event-block table td {
  width: auto;
}
@media screen and (min-width: 601px) {
  .event-block + .event-block {
    margin-top: 35px;
  }
  .event-block table th {
    width: 70px;
  }
  .event-block__title {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 901px) {
  .event-block {
    padding: 30px;
  }
}

.section-voice {
  background: url(../img/voice/bg1--smt.jpg) no-repeat center center/cover;
  padding: 35px 0;
}
@media screen and (min-width: 751px) {
  .section-voice {
    background-image: url(../img/voice/bg1.jpg);
    padding: 40px 0;
  }
}
@media screen and (min-width: 901px) {
  .section-voice {
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
  }
  .section-voice .container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 1240px;
            flex: 0 1 1240px;
  }
}

.voice-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.voice-block + .voice-block {
  margin-top: 35px;
}
.voice-block.imgLeft .voice-block__header {
  border-left: 1px solid #1b0000;
  -webkit-transform: translate(50px, 0);
      -ms-transform: translate(50px, 0);
          transform: translate(50px, 0);
  opacity: 0;
}
.voice-block.imgLeft .voice-block__content {
  -webkit-transform: translate(50px, 0);
      -ms-transform: translate(50px, 0);
          transform: translate(50px, 0);
  opacity: 0;
}
.voice-block.imgLeft .voice-block__img {
  -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  opacity: 0;
}
.voice-block.imgRight .voice-block__header {
  border-right: 1px solid #1b0000;
  -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  opacity: 0;
}
.voice-block.imgRight .voice-block__content {
  -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  opacity: 0;
}
.voice-block.imgRight .voice-block__img {
  -webkit-transform: translate(50px, 0);
      -ms-transform: translate(50px, 0);
          transform: translate(50px, 0);
  opacity: 0;
}
.voice-block__header {
  border-bottom: 1px solid #1b0000;
  padding: 8px;
}
.voice-block__product {
  letter-spacing: 0.1em;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
}
.voice-block__product small {
  font-size: 11px;
}
.voice-block__customer {
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 30px;
}
.voice-block__customer em {
  font-size: 15px;
  margin-left: 0.3em;
}
@media screen and (min-width: 601px) {
  .voice-block.imgLeft .voice-block__img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .voice-block.imgLeft .voice-block__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .voice-block.imgRight .voice-block__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .voice-block.imgRight .voice-block__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .voice-block + .voice-block {
    margin-top: 55px;
  }
  .voice-block__product {
    line-height: 30px;
    letter-spacing: 0.2em;
    font-size: 22px;
    margin-bottom: 15px;
  }
  .voice-block__product small {
    font-size: 13px;
  }
  .voice-block__customer {
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 40px;
  }
  .voice-block__customer em {
    font-size: 18px;
  }
  .voice-block__header {
    padding: 15px;
  }
}
@media screen and (min-width: 901px) {
  .voice-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .voice-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 50px);
            flex: 0 0 calc(50% - 50px);
    width: calc(50% - 50px);
    max-width: 460px;
  }
  .voice-block__text {
    padding: 30px 0 0 30px;
  }
  .voice-block___header {
    padding: 25px;
  }
  .voice-block.imgLeft .voice-block__content {
    margin-left: 60px;
  }
  .voice-block.imgRight {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .voice-block.imgRight .voice-block__content {
    margin-right: 60px;
  }
  .voice-block > .voice-block__header {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .voice-block {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .voice-block__header {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 15px;
  }
  .voice-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    width: 320px;
  }
  .voice-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 350px);
            flex: 0 0 calc(100% - 350px);
    width: calc(100% - 350px);
  }
  .voice-block__content > .voice-block__header {
    display: none;
  }
  .voice-block.imgRight .voice-block__product, .voice-block.imgRight .voice-block__customer {
    text-align: right;
  }
}
@media screen and (max-width: 600px) {
  .voice-block__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 10px;
  }
  .voice-block__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}

.voice-last {
  background: url(../img/voice/bg2--smt.jpg) no-repeat center center/cover;
  padding: 60px 20px;
}
.voice-last__block {
  max-width: 940px;
  margin: 0 auto;
  padding: 50px 10px;
  background: url(../img/voice/bg-frame--smt.png) no-repeat center center/100% 100%;
}
.voice-last__block p {
  text-align: center;
  font-size: 13px;
}
.voice-last__block p span {
  letter-spacing: 0.12em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 601px) {
  .voice-last {
    background-image: url(../img/voice/bg2.jpg);
  }
  .voice-last__block {
    padding: 70px 10px;
  }
  .voice-last__block p {
    font-size: 14px;
  }
}
@media screen and (min-width: 901px) {
  .voice-last {
    background-image: url(../img/voice/bg2@2x.jpg);
  }
  .voice-last__block {
    padding: 100px 10px;
    background-image: url(../img/voice/bg-frame.png);
  }
}

.voice-slider {
  position: relative;
}
.voice-slider__left, .voice-slider__right {
  position: absolute;
  z-index: 10;
  line-height: 0;
  cursor: pointer;
  top: 50%;
  opacity: 0.8;
  -webkit-transition: 0.2s opacity ease-in;
  -o-transition: 0.2s opacity ease-in;
  transition: 0.2s opacity ease-in;
  width: 18px;
  height: 18px;
  margin-top: -9px;
}
.voice-slider__left:hover, .voice-slider__right:hover {
  opacity: 0.4;
}
.voice-slider__left {
  left: 5px;
}
.voice-slider__right {
  right: 5px;
}
@media screen and (min-width: 601px) {
  .voice-slider__left, .voice-slider__right {
    width: 36px;
    height: 36px;
    margin-top: -18px;
  }
  .voice-slider__left {
    left: 15px;
  }
  .voice-slider__right {
    right: 15px;
  }
}

.voice-block__letter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 10px;
}
.voice-block__letterBlock {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.voice-block__letter span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 10px;
}
@media screen and (max-width: 600px) {
  .voice-block__letter span {
    font-size: 12px;
  }
}