@charset "UTF-8";
/* リセット */
.navbar {
  padding: 0;
}

figure {
  margin: 0;
}

button {
  padding: 0;
  border: none;
  background-color: transparent;
}

p {
  margin: 0;
}

:focus {
  outline: none;
}

body {
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 18px;
}

.mw764 {
  max-width: 764px;
  /* 調整可 */
}

.navToggle {
  cursor: pointer;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  height: 100%;
}

.navToggle span {
  display: block;
  position: absolute;
  width: 100%;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  transition: .35s ease-in-out;
}

/* collapseしてない時 */
:not(.collapsed) .navToggle span:nth-child(1) {
  transform: rotate(45deg);
  top: 44%;
}

:not(.collapsed) .navToggle span:nth-child(2) {
  visibility: hidden;
  top: 44%;
}

:not(.collapsed) .navToggle span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: 45%;
}

/* collapseしてる時 */
.collapsed .navToggle span:nth-child(1) {
  transform: rotate(0deg);
  top: 0px;
}

.collapsed .navToggle span:nth-child(2) {
  visibility: visible;
  top: 44%;
}

.collapsed .navToggle span:nth-child(3) {
  transform: rotate(0deg);
  bottom: 0px;
}

/* bxslider基本カスタム */
/* マージンとシャドウを消す */
.bx-wrapper {
  margin-left: auto;
  margin-right: auto;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}

/* 前後ボタンを少し外に */
.bx-wrapper .bx-next {
  right: -3.5%;
}

.bx-wrapper .bx-prev {
  left: -3.5%;
}

/* 前後ボタンが固定ヘッダに隠れるのを防ぐ */
.bx-wrapper .bx-controls-direction a {
  z-index: 900;
}

/*
margin
px
1〜10,15,20,25,30,40,50,60,70,80,90,100
*/
.m-1 {
  margin: 1px 1px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.mx-1 {
  margin-right: 1px !important;
  margin-left: 1px !important;
}

.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.m-2 {
  margin: 2px 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.mx-2 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.m-3 {
  margin: 3px 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.mx-3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.m-4 {
  margin: 4px 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.mx-4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.m-5 {
  margin: 5px 5px !important;
}

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

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

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

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

.mx-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m-6 {
  margin: 6px 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.mx-6 {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.m-7 {
  margin: 7px 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.mx-7 {
  margin-right: 7px !important;
  margin-left: 7px !important;
}

.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.m-8 {
  margin: 8px 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.mx-8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-9 {
  margin: 9px 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.mx-9 {
  margin-right: 9px !important;
  margin-left: 9px !important;
}

.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.m-10 {
  margin: 10px 10px !important;
}

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

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

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

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

.mx-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

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

.m-15 {
  margin: 15px 15px !important;
}

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

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

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

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

.mx-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

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

.m-20 {
  margin: 20px 20px !important;
}

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

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

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

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

.mx-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

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

.m-25 {
  margin: 25px 25px !important;
}

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

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

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

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

.mx-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

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

.m-30 {
  margin: 30px 30px !important;
}

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

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

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

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

.mx-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

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

.m-40 {
  margin: 40px 40px !important;
}

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

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

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

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

.mx-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

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

.m-50 {
  margin: 50px 50px !important;
}

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

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

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

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

.mx-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

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

.m-60 {
  margin: 60px 60px !important;
}

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

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

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

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

.mx-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

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

.m-70 {
  margin: 70px 70px !important;
}

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

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

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

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

.mx-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

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

.m-80 {
  margin: 80px 80px !important;
}

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

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

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

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

.mx-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.m-90 {
  margin: 90px 90px !important;
}

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

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

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

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

.mx-90 {
  margin-right: 90px !important;
  margin-left: 90px !important;
}

.my-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.m-100 {
  margin: 100px 100px !important;
}

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

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

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

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

.mx-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

/*
margin
%
1〜10
*/
.m-1pc {
  margin: 1% 1% !important;
}

.mt-1pc {
  margin-top: 1% !important;
}

.mr-1pc {
  margin-right: 1% !important;
}

.mb-1pc {
  margin-bottom: 1% !important;
}

.ml-1pc {
  margin-left: 1% !important;
}

.mx-1pc {
  margin-right: 1% !important;
  margin-left: 1% !important;
}

.my-1pc {
  margin-top: 1% !important;
  margin-bottom: 1% !important;
}

.m-2pc {
  margin: 2% 2% !important;
}

.mt-2pc {
  margin-top: 2% !important;
}

.mr-2pc {
  margin-right: 2% !important;
}

.mb-2pc {
  margin-bottom: 2% !important;
}

.ml-2pc {
  margin-left: 2% !important;
}

.mx-2pc {
  margin-right: 2% !important;
  margin-left: 2% !important;
}

.my-2pc {
  margin-top: 2% !important;
  margin-bottom: 2% !important;
}

.m-3pc {
  margin: 3% 3% !important;
}

.mt-3pc {
  margin-top: 3% !important;
}

.mr-3pc {
  margin-right: 3% !important;
}

.mb-3pc {
  margin-bottom: 3% !important;
}

.ml-3pc {
  margin-left: 3% !important;
}

.mx-3pc {
  margin-right: 3% !important;
  margin-left: 3% !important;
}

.my-3pc {
  margin-top: 3% !important;
  margin-bottom: 3% !important;
}

.m-4pc {
  margin: 4% 4% !important;
}

.mt-4pc {
  margin-top: 4% !important;
}

.mr-4pc {
  margin-right: 4% !important;
}

.mb-4pc {
  margin-bottom: 4% !important;
}

.ml-4pc {
  margin-left: 4% !important;
}

.mx-4pc {
  margin-right: 4% !important;
  margin-left: 4% !important;
}

.my-4pc {
  margin-top: 4% !important;
  margin-bottom: 4% !important;
}

.m-5pc {
  margin: 5% 5% !important;
}

.mt-5pc {
  margin-top: 5% !important;
}

.mr-5pc {
  margin-right: 5% !important;
}

.mb-5pc {
  margin-bottom: 5% !important;
}

.ml-5pc {
  margin-left: 5% !important;
}

.mx-5pc {
  margin-right: 5% !important;
  margin-left: 5% !important;
}

.my-5pc {
  margin-top: 5% !important;
  margin-bottom: 5% !important;
}

.m-6pc {
  margin: 6% 6% !important;
}

.mt-6pc {
  margin-top: 6% !important;
}

.mr-6pc {
  margin-right: 6% !important;
}

.mb-6pc {
  margin-bottom: 6% !important;
}

.ml-6pc {
  margin-left: 6% !important;
}

.mx-6pc {
  margin-right: 6% !important;
  margin-left: 6% !important;
}

.my-6pc {
  margin-top: 6% !important;
  margin-bottom: 6% !important;
}

.m-7pc {
  margin: 7% 7% !important;
}

.mt-7pc {
  margin-top: 7% !important;
}

.mr-7pc {
  margin-right: 7% !important;
}

.mb-7pc {
  margin-bottom: 7% !important;
}

.ml-7pc {
  margin-left: 7% !important;
}

.mx-7pc {
  margin-right: 7% !important;
  margin-left: 7% !important;
}

.my-7pc {
  margin-top: 7% !important;
  margin-bottom: 7% !important;
}

.m-8pc {
  margin: 8% 8% !important;
}

.mt-8pc {
  margin-top: 8% !important;
}

.mr-8pc {
  margin-right: 8% !important;
}

.mb-8pc {
  margin-bottom: 8% !important;
}

.ml-8pc {
  margin-left: 8% !important;
}

.mx-8pc {
  margin-right: 8% !important;
  margin-left: 8% !important;
}

.my-8pc {
  margin-top: 8% !important;
  margin-bottom: 8% !important;
}

.m-9pc {
  margin: 9% 9% !important;
}

.mt-9pc {
  margin-top: 9% !important;
}

.mr-9pc {
  margin-right: 9% !important;
}

.mb-9pc {
  margin-bottom: 9% !important;
}

.ml-9pc {
  margin-left: 9% !important;
}

.mx-9pc {
  margin-right: 9% !important;
  margin-left: 9% !important;
}

.my-9pc {
  margin-top: 9% !important;
  margin-bottom: 9% !important;
}

.m-10pc {
  margin: 10% 10% !important;
}

.mt-10pc {
  margin-top: 10% !important;
}

.mr-10pc {
  margin-right: 10% !important;
}

.mb-10pc {
  margin-bottom: 10% !important;
}

.ml-10pc {
  margin-left: 10% !important;
}

.mx-10pc {
  margin-right: 10% !important;
  margin-left: 10% !important;
}

.my-10pc {
  margin-top: 10% !important;
  margin-bottom: 10% !important;
}

/*
padding
px
1〜10,15,20,25,30,40,50,60,70,80,90,100
*/
.p-1 {
  padding: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.px-1 {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.p-2 {
  padding: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.px-2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.px-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.px-4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.p-5 {
  padding: 5px !important;
}

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

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

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

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

.px-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-6 {
  padding: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.px-6 {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.p-7 {
  padding: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.px-7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.p-8 {
  padding: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.px-8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.p-9 {
  padding: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.px-9 {
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.p-10 {
  padding: 10px !important;
}

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

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

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

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

.px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

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

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

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

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

.px-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

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

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

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

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

.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

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

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

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

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

.px-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

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

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

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

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

.px-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

/*
padding
%
0.5,1〜10,15,20,25,30
*/
.p-05pc {
  padding: 0.5% !important;
}

.pt-05pc {
  padding-top: 0.5% !important;
}

.pr-05pc {
  padding-right: 0.5% !important;
}

.pb-05pc {
  padding-bottom: 0.5% !important;
}

.pl-05pc {
  padding-left: 0.5% !important;
}

.px-05pc {
  padding-right: 0.5% !important;
  padding-left: 0.5% !important;
}

.py-05pc {
  padding-top: 0.5% !important;
  padding-bottom: 0.5% !important;
}

.p-1pc {
  padding: 1% !important;
}

.pt-1pc {
  padding-top: 1% !important;
}

.pr-1pc {
  padding-right: 1% !important;
}

.pb-1pc {
  padding-bottom: 1% !important;
}

.pl-1pc {
  padding-left: 1% !important;
}

.px-1pc {
  padding-right: 1% !important;
  padding-left: 1% !important;
}

.py-1pc {
  padding-top: 1% !important;
  padding-bottom: 1% !important;
}

.p-2pc {
  padding: 2% !important;
}

.pt-2pc {
  padding-top: 2% !important;
}

.pr-2pc {
  padding-right: 2% !important;
}

.pb-2pc {
  padding-bottom: 2% !important;
}

.pl-2pc {
  padding-left: 2% !important;
}

.px-2pc {
  padding-right: 2% !important;
  padding-left: 2% !important;
}

.py-2pc {
  padding-top: 2% !important;
  padding-bottom: 2% !important;
}

.p-3pc {
  padding: 3% !important;
}

.pt-3pc {
  padding-top: 3% !important;
}

.pr-3pc {
  padding-right: 3% !important;
}

.pb-3pc {
  padding-bottom: 3% !important;
}

.pl-3pc {
  padding-left: 3% !important;
}

.px-3pc {
  padding-right: 3% !important;
  padding-left: 3% !important;
}

.py-3pc {
  padding-top: 3% !important;
  padding-bottom: 3% !important;
}

.p-4pc {
  padding: 4% !important;
}

.pt-4pc {
  padding-top: 4% !important;
}

.pr-4pc {
  padding-right: 4% !important;
}

.pb-4pc {
  padding-bottom: 4% !important;
}

.pl-4pc {
  padding-left: 4% !important;
}

.px-4pc {
  padding-right: 4% !important;
  padding-left: 4% !important;
}

.py-4pc {
  padding-top: 4% !important;
  padding-bottom: 4% !important;
}

.p-5pc {
  padding: 5% !important;
}

.pt-5pc {
  padding-top: 5% !important;
}

.pr-5pc {
  padding-right: 5% !important;
}

.pb-5pc {
  padding-bottom: 5% !important;
}

.pl-5pc {
  padding-left: 5% !important;
}

.px-5pc {
  padding-right: 5% !important;
  padding-left: 5% !important;
}

.py-5pc {
  padding-top: 5% !important;
  padding-bottom: 5% !important;
}

.p-6pc {
  padding: 6% !important;
}

.pt-6pc {
  padding-top: 6% !important;
}

.pr-6pc {
  padding-right: 6% !important;
}

.pb-6pc {
  padding-bottom: 6% !important;
}

.pl-6pc {
  padding-left: 6% !important;
}

.px-6pc {
  padding-right: 6% !important;
  padding-left: 6% !important;
}

.py-6pc {
  padding-top: 6% !important;
  padding-bottom: 6% !important;
}

.p-7pc {
  padding: 7% !important;
}

.pt-7pc {
  padding-top: 7% !important;
}

.pr-7pc {
  padding-right: 7% !important;
}

.pb-7pc {
  padding-bottom: 7% !important;
}

.pl-7pc {
  padding-left: 7% !important;
}

.px-7pc {
  padding-right: 7% !important;
  padding-left: 7% !important;
}

.py-7pc {
  padding-top: 7% !important;
  padding-bottom: 7% !important;
}

.p-8pc {
  padding: 8% !important;
}

.pt-8pc {
  padding-top: 8% !important;
}

.pr-8pc {
  padding-right: 8% !important;
}

.pb-8pc {
  padding-bottom: 8% !important;
}

.pl-8pc {
  padding-left: 8% !important;
}

.px-8pc {
  padding-right: 8% !important;
  padding-left: 8% !important;
}

.py-8pc {
  padding-top: 8% !important;
  padding-bottom: 8% !important;
}

.p-9pc {
  padding: 9% !important;
}

.pt-9pc {
  padding-top: 9% !important;
}

.pr-9pc {
  padding-right: 9% !important;
}

.pb-9pc {
  padding-bottom: 9% !important;
}

.pl-9pc {
  padding-left: 9% !important;
}

.px-9pc {
  padding-right: 9% !important;
  padding-left: 9% !important;
}

.py-9pc {
  padding-top: 9% !important;
  padding-bottom: 9% !important;
}

.p-10pc {
  padding: 10% !important;
}

.pt-10pc {
  padding-top: 10% !important;
}

.pr-10pc {
  padding-right: 10% !important;
}

.pb-10pc {
  padding-bottom: 10% !important;
}

.pl-10pc {
  padding-left: 10% !important;
}

.px-10pc {
  padding-right: 10% !important;
  padding-left: 10% !important;
}

.py-10pc {
  padding-top: 10% !important;
  padding-bottom: 10% !important;
}

.p-15pc {
  padding: 15% !important;
}

.pt-15pc {
  padding-top: 15% !important;
}

.pr-15pc {
  padding-right: 15% !important;
}

.pb-15pc {
  padding-bottom: 15% !important;
}

.pl-15pc {
  padding-left: 15% !important;
}

.px-15pc {
  padding-right: 15% !important;
  padding-left: 15% !important;
}

.py-15pc {
  padding-top: 15% !important;
  padding-bottom: 15% !important;
}

.p-20pc {
  padding: 20% !important;
}

.pt-20pc {
  padding-top: 20% !important;
}

.pr-20pc {
  padding-right: 20% !important;
}

.pb-20pc {
  padding-bottom: 20% !important;
}

.pl-20pc {
  padding-left: 20% !important;
}

.px-20pc {
  padding-right: 20% !important;
  padding-left: 20% !important;
}

.py-20pc {
  padding-top: 20% !important;
  padding-bottom: 20% !important;
}

.p-25pc {
  padding: 25% !important;
}

.pt-25pc {
  padding-top: 25% !important;
}

.pr-25pc {
  padding-right: 25% !important;
}

.pb-25pc {
  padding-bottom: 25% !important;
}

.pl-25pc {
  padding-left: 25% !important;
}

.px-25pc {
  padding-right: 25% !important;
  padding-left: 25% !important;
}

.py-25pc {
  padding-top: 25% !important;
  padding-bottom: 25% !important;
}

.p-30pc {
  padding: 30% !important;
}

.pt-30pc {
  padding-top: 30% !important;
}

.pr-30pc {
  padding-right: 30% !important;
}

.pb-30pc {
  padding-bottom: 30% !important;
}

.pl-30pc {
  padding-left: 30% !important;
}

.px-30pc {
  padding-right: 30% !important;
  padding-left: 30% !important;
}

.py-30pc {
  padding-top: 30% !important;
  padding-bottom: 30% !important;
}

/* フォントサイズ汎用クラス */
/* 2px刻み 10〜30まで */
.font10 {
  font-size: 10px;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font22 {
  font-size: 22px;
}

.font24 {
  font-size: 24px;
}

.font26 {
  font-size: 26px;
}

.font28 {
  font-size: 28px;
}

.font30 {
  font-size: 30px;
}

.navbar-mycolor {
  background-color: #ff6400 !important;
  /* 調整可 */
}

/* ヘッダの小さいテキスト */
.headertext {
  font-size: 10px;
  /*変更可*/
  color: white;
  /*変更可*/
  background-color: crimson;
  /*変更可*/
  width: 100%;
  /* 固定 */
  height: 15px;
  /* 固定 */
  text-align: center;
  /* 固定 */
}

.navbar-wrap {
  height: 70px;
  /* ヘッダの高さ。固定 */
  border-bottom: solid 3px brown;
  /* 調整可 */
}

@media screen and (max-width: 599px) {
  .navbar-wrap {
    height: 60px;
    /* ヘッダの高さ。固定 */
  }
}

.navbar-brand {
  /* ロゴを中央寄せするときはこのクラスを使う */
  /* navbar-wrapにheight70px(599以下は60px)を指定してあるので、ロゴが高さをはみ出さないようにwidthとmaxwidthで調整する。 */
  max-width: 204px;
  /* ロゴの最大幅(主にPC時)　調整可 */
  width: 60%;
  /* ロゴの最大幅(主にSP時)　調整可 */
  padding: 0;
  /*触らない*/
  margin: 0;
  /*触らない*/
  top: 50%;
  /*触らない*/
  left: 50%;
  /*触らない*/
  transform: translateY(-50%) translateX(-50%);
  /*触らない*/
  -webkit-transform: translateY(-50%) translateX(-50%);
  /*触らない*/
}

.navbar-brand-left {
  /* ロゴを左寄せするときはこのクラスを使う */
  /* navbar-wrapにheight70px(599以下は60px)を指定してあるので、ロゴが高さをはみ出さないようにwidthとmaxwidthで調整する。 */
  max-width: 204px;
  /* ロゴの最大幅(主にPC時)　調整可 */
  width: 60%;
  /* ロゴの最大幅(主にSP時)　調整可 */
  padding: 0;
  /*触らない*/
  top: 50%;
  /*触らない*/
  left: 5%;
  /* ハンバーガーボタンのrightの値を合わせるといいよ */
  transform: translateY(-50%);
  /*触らない*/
  -webkit-transform: translateY(-50%);
  /*触らない*/
  -ms-transform: translateY(-50%);
  /*触らない*/
}

.floating-navbtn {
  max-width: 30px;
  /* ボタンの横幅　30~40pxくらいの間で変更可　pxで指定　横幅狭くした時にロゴに当たらないように注意。 */
  height: 35%;
  /* ボタンの高さ　35%~40%くらいの間で変更可　パーセントで指定 */
  right: 5%;
  /* 右端からの距離　変更可　パーセントで指定　横幅狭くした時にロゴに当たらないように注意。*/
  width: 100%;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
  border: none;
}

.navbar-mycolor .navToggle span {
  border-bottom-color: white;
  /* 色は調整可 */
}

/*ラインボタン用のクラス。とりあえずロゴは左寄せにしないと無理。ロゴのサイズによっては調整が必要。*/
.floating-linebtn {
  max-width: 40px;
  height: 60%;
  right: calc( 5% + 43px);
  width: 100%;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0;
  border: none;
}

.linebtn {
  cursor: pointer;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  height: 100%;
}

/* メニューを開いた中身 */
.navbar-mycolor .navbar-nav .nav-link {
  text-align: center;
  color: white;
  /*変更可*/
}

/* ヘッダの高さ分の余白ボックス */
.header-back {
  /* height: 70px; 小テキストがない時 */
  height: 85px;
  /* 小テキストがある時 */
}

@media screen and (max-width: 599px) {
  .header-back {
    /* height: 60px; 小テキストがない時 */
    height: 75px;
    /* 小テキストがある時 */
  }
}

.tel-btn {
  width: 80%;
  /* 変更可 */
  top: 62%;
  /* 変更可 */
  right: 5%;
  /* 変更可 */
}

/* 背景サンプル */
#sec-slider3 .container-fluid {
  background-color: tomato;
  /* 変更可 */
}

#sec-slider4 .container-fluid {
  background-image: url("../img/slider/bliss.jpg");
  /* 変更可 */
  background-size: cover;
}

.shopbox {
  padding: 15px;
  border: 6px solid #969696;
}

.data dt {
  padding: 10px;
  font-weight: bold;
  background: #cfe7f4;
}

.data dd {
  padding: 10px;
}

.data2 dt {
  font-size: 0.8rem;
  padding: 5px;
  font-weight: bold;
  background: #cfe7f4;
  margin-bottom: 3px;
}

.data2 dd {
  font-size: 0.8rem;
  padding: 5px;
  margin-bottom: 3px;
}

.mapbox {
  border: 6px solid #969696;
}

.mapbox2 {
  padding: 10px;
  border: 6px solid #969696;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

/* rowの両端の余白を消すクラス。rowにつける。 */
.row-mx-0 {
  margin-left: -15px;
  margin-right: -15px;
}

.badge-hissu {
  color: #fff;
  background-color: #dc3545;
}

.backimgbox {
  background-image: url(../img/backimg-img--box/vell_back_02_mid.jpg);
  background-size: contain;
  padding-bottom: 11.3%;
}

.imgbox {
  margin-top: 3.2%;
  width: 80%;
}

.vellbtn {
  bottom: 3.4%;
  left: 5.3%;
  width: 89%;
}

.backimg-full {
  background-image: url(../img/backimg-img--box/vell_back.jpg);
  background-size: cover;
  padding-top: 461%;
  width: 100%;
}

.imgbox2 {
  top: 2.5%;
  left: 9%;
  width: 81.8%;
}

.imgbox3 {
  top: 30.5%;
  left: 9%;
  width: 81.8%;
}

.imgbox4 {
  top: 63.5%;
  left: 9%;
  width: 81.8%;
}

.ctr-box-in-box {
  background-color: yellowgreen;
  padding: 7%;
}

.samplebox2 {
  border: 6px solid #0096ff;
  border-radius: 15px;
  background-color: white;
}

.samplebox3 {
  border: 6px solid #0096ff;
  border-radius: 15px;
  background-color: white;
  box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.3);
}

.confirmbtn {
  padding: 0 10%;
}

/* ヘッダー */
header .logo {
  padding: 5px;
  width: 80%;
}

/* フッター */
footer {
  padding: 10px;
}

@media (max-width: 767px) {
  footer {
    padding: 10px 10px 100px;
  }
}

footer img {
  max-width: 100%;
  height: auto;
  width: auto;
}

footer #logo-footer {
  text-align: center;
}

footer .copy {
  font-size: 80%;
  padding: 0;
  margin: 0;
}

/* トップに戻るボタン */
#page-top {
  background-color: #05676a;
}

/*個別設定*/
#fixed-btn {
  right: 10px;
  left: auto;
  bottom: 30px;
  opacity: 0;
  width: 170px;
}

@media (max-width: 767px) {
  #fixed-btn {
    width: 85px;
  }
}

#fixed-btn .flex {
}

#fixed-btn .position-relative {
}

@media (max-width: 767px) {
  #fixed-btn img {
    max-width: 85px;
  }
}

.img-fluid {
  min-width: 100%;
}

.img-over {
  max-width: 764px;
  margin: auto;
  display: flex;
  justify-content: center;
}

@media (max-width: 764px) {
  .img-over {
    overflow: hidden;
    width: 100vw;
  }
}

#header {
}

@media (max-width: 764px) {
  #header {
    height: 70px;
  }
  #header .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
  }
  #header .logo img {
    max-height: 70px;
    min-width: inherit;
  }
}

#mv {
  background-image: url(../img/bg01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 0 32px ;
  position: relative;
}

#mv .nav {
  display: flex;
  flex-wrap: wrap;
  position:absolute;
  max-width: 600px;
  width: 85%;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
}

#mv .nav li {
  margin: 5px 1%;
  width: 48%;
}

@media (max-width: 764px) {
  #mv .img-over img {
    width: 142vw;
  }
  #mv .nav li {
    margin: 3px 1%;
    width: 48%;
  }
}

#chirashi {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4738270308123249) 50%, rgba(255,255,255,1) 100%);
  max-width: 950px;
  margin: auto;
  text-align: center;
  padding: 20px 0;
}

#chirashi img {
  box-shadow: 3px 3px 3px rgba(0,0,0,.2);
  height: auto;
  max-width: 500px;
  width: 90%;
}

#chirashi h3 {
background-color: #e60012;
    color: #fff;
  font-weight: bold;
  font-size: 35px;
padding: 3px 0 0;
}

@media (max-width: 764px) {
  #chirashi h3 {
    font-size: 25px;
  }
}

#catchcopy {
  background-color: #aad1b0;
}

@media (max-width: 764px) {
  #catchcopy .img-over img {
    width: 230vw;
  }
}

#connexion {
  background-color: #f7f7f7;
}

#example {
  background-color: #fff;
}

#plan {
  background-image: url(../img/bg02.jpg);
  background-size: 48px;
}

#point {
  background-image: url(../img/bg03.jpg);
  background-size: 48px;
}


#carlist {
  background-color: #e8ffe2;
  padding: 0 0 80px;
}

#carlist .list {
  width: 100%;
}

#carlist .list .slick-slide {
}

@media (max-width: 764px) {
  #carlist .list {
  }
}

#carlist .list li {
  width: 688px;
}

@media (max-width: 764px) {
  #carlist .list li {
  }
}

#carlist .prev-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #00492e transparent transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -15px;
}

#carlist .next-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #00492e;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -15px;
}

.carlist-tab {
  margin: 10px auto 0;
  width: 90%;
}

.tab_item {
  width: calc(94%/3);
  border: 3px solid #000;
  background-color: #c8c8c8;
  color: #000;
  line-height: 50px;
  font-size: 24px;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  padding: 5px 0;
  border-radius: 10px;
  margin: 0 1%;
  position: relative;
}

.tab_item::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}

.tab_item:hover {
  opacity: 0.75;
}

#all_btn:checked + .tab_item,
#suv_btn:checked + .tab_item,
#conpact_btn:checked + .tab_item {
  background-color: #ffb100;
  border-color: #e88e00;
}

@media (max-width: 764px) {
  .tab_item {
    border-radius: 12px;
    border: 2px solid #000;
    font-size: 16px;
    line-height: 3;
    margin: 0 .5%;
    padding: 0;
    width: calc(97%/3);
  }

  .tab_item::after {
    border-width: 7px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: auto;
    bottom: 3px;
    right: 0;
    left: 0;
    margin: auto;
  }
}

#all_btn:checked + .tab_item::after,
#suv_btn:checked + .tab_item::after,
#conpact_btn:checked + .tab_item::after {
  display: none;
}

input[name="tab_item"] {
  display: none;
}

#carlist .list.tab_content {
  visibility:hidden;
  clear: both;
  /*overflow: hidden;*/
  margin: 0;
  padding: 0;
  height: 0;
}

#all_btn:checked ~ #all,
#suv_btn:checked ~ #suv,
#conpact_btn:checked ~ #conpact {
  display: flex;
  visibility: visible;
  padding: 10px 0;
  height: auto;
}

.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}
#reason {
  background-image: url(../img/bg04.jpg);
  background-size: 48px;
  padding: 0 0 80px;
}

#reason .toggle {
  display: none;
}

#reason .Label {
  display: block;
}

#reason .Label,
#reason .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}

#reason .content {
  height: 0;
  padding:0 20px;
  overflow: hidden;
}

#reason .toggle:checked + .Label + .content {
  height: auto;
  padding:20px ;
  transition: all .3s;
}

@media (max-width: 764px) {
  #reason .img-over img {
    width: 100vw;
  }

  #reason .img-over.cutoff img {
    width: 125vw;
  }
}

#faq {
  background-color: #fff;
}

#access {
  background-image: url(../img/bg05.jpg);
  background-size: 48px;
}

#access .googlemap {
  padding: 0 4vw;
}

#access .googlemap iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

#sec-form {
  background-color: #fff;
}

#sec-form .form-group {
  align-items: center;
  width: 100%;
}

#sec-form dt {
  border-left: 5px solid #fff100;
  min-width: 26%;
  padding: 0 0 0 10px;
}

#sec-form dt.noborder {
  border-left: none;
}

#sec-form dd {
  min-width: 70%;
}

@media (max-width: 767px) {
  #sec-form dd {
    min-width: 100%;
  }
}

#sec-form dd .att {
  display: block;
  font-size: 16px;
  width: 100%;
  text-indent: .2rem;
}

#sec-form dd .att.red {
  color: red;
}

#sec-form .textarea {
  width: 100%;
}

#sec-form .textarea .form-control {
  height: 10rem;
}

#sec-form .form-privacy {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  font-size: 14px;
  max-height: 300px;
  padding: 25px;
}

#sec-form .any {
  background-color: #22ac38;
}

#sec-form .form-control {
  border: 2px solid #333;
}

#sec-form .form-radio label {
  display: flex;
  align-items: center;
}

#sec-form .form-radio label input[type="radio"] {
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px;
}

#sec-form .form-btn {
  text-align: center;
}

#sec-form .form-btn button {
  background: #005035;
  border: 4px solid #000;
  border-radius: 10px;
  display: block;
  margin: 30px auto 0;
  max-width: 700px;
  width: 70%;
}

#sec-form .form-btn button span {
  border: 3px solid #fff;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 28px;
  font-weight: bold;
  transition: .4s;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  padding: 15px 50px;
  width: 100%;
}

@media (max-width: 767px) {
  #sec-form .form-btn button span {
    font-size: 20px;
  }
}

#sec-form .form-btn button:hover {
  background: #fff100;
}

@media (max-width: 767px) {
  #sec-form .img-over {
    width: 100%;
  }

  #sec-form .img-over img {
    width: 110vw;
  }
}

#thanks {
  height: 85vh;
  height : -webkit-calc(100vh - 213px);
  height : calc(100vh - 213px);
  padding: 60px 0;
}

#thanks h1 {
  font-size: 22px;
  font-weight: bold;
}

.flt-menu {
  display: none;
}

@media (max-width: 767px) {
  .flt-menu {
    background-color: rgba(1,34,23,.9);
    border-top: 3px solid #000;
    display: flex;
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
  }

  .flt-menu a {
    border: 2px solid #fff;
    border-radius: 15px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: .1rem;
    overflow: hidden;
    padding: 20px 8px;
    position: relative;
    width: 49%;
    margin: 10px 1%;
    text-decoration: none;
  }

  .flt-menu a.mail {
    background: rgb(113,29,32);
    background: linear-gradient(0deg, rgba(113,29,32,1) 0%, rgba(164,31,34,1) 50%, rgba(182,0,5,1) 100%);
  }

  .flt-menu a.tel {
    background: rgb(31,77,101);
    background: linear-gradient(0deg, rgba(31,77,101,1) 0%, rgba(5,76,113,1) 50%, rgba(1,101,153,1) 100%);
  }

  .flt-menu a::before {
    background-color: rgba(255,255,255,.1);
    border-radius: 200vw;
    content:"";
    display: block;
    width: 100vw;
    height: 100vw;
    position: absolute;
    left: -25vw;
    right: 0;
    bottom: 35px;
    margin: auto;
  }

  .flt-menu a span {
    padding: 0 20px;
    position: relative;
  }

  .flt-menu a span::before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.c-drawer {
  display: block;
  position: relative;
  z-index: 101;
}

.c-drawer .drawer-toggle {
  background-color: #005035;
  display: block;
}

.c-drawer-nav {
  overflow: scroll;
}

.c-drawer-nav__list {
  padding: 10px 20px;
}

.c-drawer-nav__item {
  text-align: center;
}

.c-drawer-nav__item:first-of-type {
  border-top: 1px  dotted #ccc;
}

.c-drawer-nav__item a {
  border-bottom: 1px  dotted #ccc;
  color: #fff;
  display: block;
  padding: 20px;
}

.c-drawer-label {
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 37px;
  margin: auto;
}

@media (max-width: 764px) {
  .c-drawer-label {
    bottom: 12px;
  }
}

.c-drawer-label::before {
  content: 'menu';
}

.drawer-nav {
  width: 45vw;
  width: -webkit-calc(40vw - 70px);
  width: calc(40vw - 70px);
}

@media (max-width: 764px) {
  .drawer-nav {
    width: 95vw;
    width: -webkit-calc(90vw - 70px);
    width: calc(90vw - 70px);
  }
}

.drawer--right .drawer-nav {
  background-color: rgba(60, 60, 60, 0.9);
  right: -45vw;
  right: -webkit-calc(-40vw + 70px);
  right: calc(-40vw + 70px);
}

@media (max-width: 764px) {
  .drawer--right .drawer-nav {
    background-color: rgba(60, 60, 60, 0.9);
    right: -95vw;
    right: -webkit-calc(-90vw + 70px);
    right: calc(-90vw + 70px);
  }
}

.drawer--right.drawer-open .drawer-hamburger {
  background-color: #fff;
  right: 45vw;
  right: -webkit-calc(40vw - 70px);
  right: calc(40vw - 70px);
}

@media (max-width: 764px) {
  .drawer--right.drawer-open .drawer-hamburger {
    background-color: #fff;
    right: 95vw;
    right: -webkit-calc(90vw - 70px);
    right: calc(90vw - 70px);
  }
}

.drawer-hamburger {
  padding: 46px 2rem 58px;
  top: -2px;
}

@media (max-width: 764px) {
  .drawer-hamburger {
    padding: 25px 0.95rem 37px;
    top: -2px;
  }
}

.drawer-hamburger-icon {
  margin: 10px 10%;
  height: 0;
  width: 80%;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  background-color: #fff;
}

.drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .c-drawer-label {
  color: #005035;
  bottom: 6px;
}

.drawer-open .c-drawer-label::before {
  content: 'close';
}

.drawer-open .drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
  background-color: #005035;
}

.slick-next {
  right: -20px;
}