@charset "UTF-8";
/* ========================================================= */
/* BASE SCSS                                           */
/* ========================================================= */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  line-height: 1.15;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  clear: both;
  margin: 0;
  border: 0;
  border-top: 1px solid;
  height: 0;
  overflow: visible;
  color: inherit;
}

pre {
  /* stylelint-disable */
  font-family: monospace, monospace;
  /* stylelint-enable */
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  /* stylelint-disable */
  font-family: monospace, monospace;
  /* stylelint-enable */
  font-size: inherit;
}

small {
  font-size: 0.8em;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: not-allowed;
}

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

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

option {
  padding: 0;
}

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

legend {
  display: table;
  padding: 0;
  max-width: 100%;
  white-space: normal;
  color: inherit;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

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

[type="search"] {
  outline-offset: -2px;
}

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

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

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

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

caption {
  text-align: left;
}

td,
th {
  padding: 0;
  vertical-align: top;
}

th {
  text-align: left;
  font-weight: bold;
}

*:focus {
  outline: none;
}

body {
  position: relative;
  color: #222;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  body {
    min-width: 1366px;
  }
}
@media screen and (max-width: 768px) {
  body {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
  }
}

a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* ========================================================= */
/* ATOMIC SCSS                                               */
/* ========================================================= */
.arrow-btn {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  padding: 12px 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.arrow-btn::before {
  position: absolute;
  content: "";
  top: 20px;
  right: 23px;
  width: 16px;
  height: 1px;
  border-radius: 1px;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}
.arrow-btn::after {
  position: absolute;
  content: "";
  top: 17px;
  right: 23px;
  width: 8px;
  height: 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 1px;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}
.arrow-btn:hover {
  opacity: 0.7;
}
.arrow-btn:hover::before {
  right: 18px;
}
.arrow-btn:hover::after {
  right: 18px;
}
.arrow-btn.navy-btn {
  color: #fff;
  background-color: #243359;
}
.arrow-btn.navy-btn::before {
  background-color: #fff;
}
.arrow-btn.navy-btn::after {
  background-color: #fff;
}
.arrow-btn.white-btn {
  color: #243359;
  border: 1px solid #243359;
}
@media screen and (max-width: 768px) {
  .arrow-btn.white-btn {
    background-color: #fff;
  }
}
.arrow-btn.white-btn::before {
  background-color: #243359;
}
.arrow-btn.white-btn::after {
  background-color: #243359;
}
.arrow-btn.voice-btn {
  padding: 8px 20px;
  font-size: 1.1rem;
  color: #243359;
  border: 1px solid #243359;
}
.arrow-btn.voice-btn::before {
  position: absolute;
  content: "";
  top: 14px;
  right: 12px;
  width: 11px;
  height: 1px;
  border-radius: 1px;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
  background-color: #243359;
}
.arrow-btn.voice-btn::after {
  position: absolute;
  content: "";
  top: 12px;
  right: 10px;
  width: 6px;
  height: 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 1px;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
  background-color: #243359;
}
.arrow-btn.voice-btn:hover {
  opacity: 0.7;
}
.arrow-btn.voice-btn:hover::before {
  right: 7px;
}
.arrow-btn.voice-btn:hover::after {
  right: 5px;
}
.arrow-btn.large-btn {
  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;
}
.arrow-btn.large-btn::before {
  top: 29px;
}
.arrow-btn.large-btn::after {
  top: 26px;
}
.arrow-btn.button1 {
  margin-top: 20px;
  padding: 5px 0;
}

.w120 {
  width: 120px;
}

.w320 {
  width: 320px;
}

.h60 {
  height: 60px;
}

.fs13 {
  font-size: 1.3rem;
}

.fs18 {
  font-size: 1.8rem;
}

.mt20 {
  margin-top: 20px;
}

.slider-btn {
  position: absolute;
  z-index: 10;
  cursor: pointer;
}

.ranking-btn {
  top: 50%;
}
.ranking-btn.left-btn {
  left: -15px;
}
.ranking-btn.right-btn {
  right: -15px;
}

.cat-btn {
  top: 38%;
}
.cat-btn.left-btn {
  left: 48px;
}
.cat-btn.right-btn {
  right: -15px;
}

.Gnav-small-btn {
  width: 50%;
  margin: 15px 0 0 auto;
  padding: 7px;
  font-size: 1.2rem;
}
.Gnav-small-btn:before {
  top: 13px;
  right: 9px;
  width: 13px;
  background-color: #243359;
}
.Gnav-small-btn:after {
  top: 11px;
  right: 9px;
  width: 5px;
  background-color: #243359;
}

/* ========================================================= */
/* HELPER SCSS                                               */
/* ========================================================= */
/* ========================================================= */
/* COMPONENTS SCSS                                           */
/* ========================================================= */
.bg__river {
  z-index: 0;
  position: absolute;
  top: 107vw;
  right: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
}
.bg__river img {
  width: 100%;
  height: auto;
}
.bg-white {
  background: #fff !important;
}

.sky-sea-left {
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sky-sea-left {
    max-width: 375px;
    position: relative;
    bottom: 170px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-left {
    z-index: 30;
    position: absolute;
    right: 0;
    top: 55%;
    max-width: 1366px;
  }
}
.sky-sea-left__inner {
  position: relative;
}
.sky-sea-left__kamome {
  z-index: 10;
  position: absolute;
}
.sky-sea-left__kamome.left--01 {
  -webkit-animation-name: kamomeLeft01;
  animation-name: kamomeLeft01;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@media screen and (max-width: 768px) {
  .sky-sea-left__kamome.left--01 {
    top: 18px;
    left: 22px;
    width: 10px;
    height: 9px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-left__kamome.left--01 {
    top: 110px;
    left: 17%;
    width: 18px;
    height: 15px;
  }
}
.sky-sea-left__kamome.left--02 {
  -webkit-animation-name: kamomeLeft02;
  animation-name: kamomeLeft02;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@media screen and (max-width: 768px) {
  .sky-sea-left__kamome.left--02 {
    top: 5px;
    left: 131px;
    width: 5px;
    height: 5px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-left__kamome.left--02 {
    top: 75px;
    left: 9%;
    -webkit-transform: translateX(800%);
    transform: translateX(800%);
    width: 34px;
    height: 15px;
  }
}
.sky-sea-left__kamome.left--03 {
  top: 103px;
  left: 30%;
  width: 10px;
  height: 8px;
  -webkit-animation-name: kamomeLeft03;
  animation-name: kamomeLeft03;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.sky-sea-left__kamome img {
  width: 100%;
  height: auto;
}
.sky-sea-left__hune {
  z-index: 10;
  position: absolute;
}
.sky-sea-left__hune.left--01 {
  -webkit-animation-name: huneLeft01;
  animation-name: huneLeft01;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@media screen and (max-width: 768px) {
  .sky-sea-left__hune.left--01 {
    top: 66px;
    left: 98px;
    width: 28px;
    height: 13px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-left__hune.left--01 {
    top: 178px;
    left: 181px;
    -webkit-transform: translate(-200%, 100%);
    transform: translate(-200%, 100%);
    width: 50px;
    height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .sky-sea-left__hune.left--02 {
    top: 49px;
    left: 155px;
    width: 22px;
    height: 11px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-left__hune.left--02 {
    top: 160px;
    left: 272px;
    -webkit-transform: translate(-650%, 350%);
    transform: translate(-650%, 350%);
    width: 39px;
    height: 20px;
  }
}
.sky-sea-left__hune img {
  width: 100%;
  height: auto;
}
.sky-sea-left__yama {
  z-index: 10;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 768px) {
  .sky-sea-left__yama {
    top: 35px;
    width: 138px;
    height: 54px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-left__yama {
    top: 123px;
    width: 240px;
    height: 94px;
  }
}
.sky-sea-left__yama img {
  width: 100%;
  height: auto;
}

.sky-sea-right {
  z-index: 30;
  right: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sky-sea-right {
    position: relative;
    max-width: 768px;
    bottom: 85px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-right {
    position: absolute;
    top: 55%;
    max-width: 1366px;
  }
}
.sky-sea-right__kamome {
  z-index: 10;
  position: absolute;
}
.sky-sea-right__kamome.right--01 {
  -webkit-animation-name: kamomeRight01;
  animation-name: kamomeRight01;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@media screen and (max-width: 768px) {
  .sky-sea-right__kamome.right--01 {
    top: 40px;
    right: 93px;
    width: 8px;
    height: 9px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-right__kamome.right--01 {
    top: 184px;
    right: 202px;
    width: 18px;
    height: 15px;
  }
}
.sky-sea-right__kamome.right--02 {
  -webkit-animation-name: kamomeRight02;
  animation-name: kamomeRight02;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@media screen and (max-width: 768px) {
  .sky-sea-right__kamome.right--02 {
    top: 32px;
    right: 17px;
    width: 15px;
    height: 4px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-right__kamome.right--02 {
    top: 146px;
    right: 37px;
    -webkit-transform: translateY(500%);
    transform: translateY(500%);
    width: 34px;
    height: 19px;
  }
}
.sky-sea-right__kamome img {
  width: 100%;
  height: auto;
}
.sky-sea-right__teibou {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 768px) {
  .sky-sea-right__teibou {
    top: 18px;
    width: 111px;
    height: 87px;
  }
}
@media screen and (min-width: 769px) {
  .sky-sea-right__teibou {
    top: 200px;
    width: 240px;
    height: 190px;
  }
}
@media screen and (max-width: 768px) {
  .sky-sea-right__teibou img {
    width: 100%;
    height: auto;
  }
}

@-webkit-keyframes kamomeLeft01 {
  from {
    @media screen and (max-width: 768px) {
      top: 18px;
    }
    @media screen and (min-width: 769px) {
      top: 110px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 19px;
    }
    @media screen and (min-width: 769px) {
      top: 102px;
    }
  }
}

@keyframes kamomeLeft01 {
  from {
    @media screen and (max-width: 768px) {
      top: 18px;
    }
    @media screen and (min-width: 769px) {
      top: 110px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 19px;
    }
    @media screen and (min-width: 769px) {
      top: 102px;
    }
  }
}
@-webkit-keyframes kamomeLeft02 {
  from {
    @media screen and (max-width: 768px) {
      top: 5px;
    }
    @media screen and (min-width: 769px) {
      top: 75px;
      left: 207px;
    }
  }
  33% {
    @media screen and (min-width: 769px) {
      top: 70px;
      left: 212px;
    }
  }
  66% {
    @media screen and (min-width: 769px) {
      top: 65px;
      left: 207px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 0px;
    }
    @media screen and (min-width: 769px) {
      top: 75px;
      left: 207px;
    }
  }
}
@keyframes kamomeLeft02 {
  from {
    @media screen and (max-width: 768px) {
      top: 5px;
    }
    @media screen and (min-width: 769px) {
      top: 75px;
      left: 207px;
    }
  }
  33% {
    @media screen and (min-width: 769px) {
      top: 70px;
      left: 212px;
    }
  }
  66% {
    @media screen and (min-width: 769px) {
      top: 65px;
      left: 207px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 0px;
    }
    @media screen and (min-width: 769px) {
      top: 75px;
      left: 207px;
    }
  }
}
@-webkit-keyframes kamomeLeft03 {
  from {
    top: 103px;
  }
  to {
    top: 98px;
  }
}
@keyframes kamomeLeft03 {
  from {
    top: 103px;
  }
  to {
    top: 98px;
  }
}
@-webkit-keyframes kamomeRight01 {
  from {
    @media screen and (max-width: 768px) {
      top: 40px;
    }
    @media screen and (min-width: 769px) {
      top: 184px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 32px;
    }
    @media screen and (min-width: 769px) {
      top: 176px;
    }
  }
}
@keyframes kamomeRight01 {
  from {
    @media screen and (max-width: 768px) {
      top: 40px;
    }
    @media screen and (min-width: 769px) {
      top: 184px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 32px;
    }
    @media screen and (min-width: 769px) {
      top: 176px;
    }
  }
}
@-webkit-keyframes kamomeRight02 {
  from {
    @media screen and (max-width: 768px) {
      top: 32px;
      right: 17px;
    }
    @media screen and (min-width: 769px) {
      top: 146px;
      right: 37px;
    }
  }
  33% {
    @media screen and (max-width: 768px) {
      top: 27px;
      right: 25px;
    }
    @media screen and (min-width: 769px) {
      top: 141px;
      right: 45px;
    }
  }
  66% {
    @media screen and (max-width: 768px) {
      top: 22px;
      right: 14px;
    }
    @media screen and (min-width: 769px) {
      top: 136px;
      right: 34px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 32px;
      right: 17px;
    }
    @media screen and (min-width: 769px) {
      top: 146px;
      right: 37px;
    }
  }
}
@keyframes kamomeRight02 {
  from {
    @media screen and (max-width: 768px) {
      top: 32px;
      right: 17px;
    }
    @media screen and (min-width: 769px) {
      top: 146px;
      right: 37px;
    }
  }
  33% {
    @media screen and (max-width: 768px) {
      top: 27px;
      right: 25px;
    }
    @media screen and (min-width: 769px) {
      top: 141px;
      right: 45px;
    }
  }
  66% {
    @media screen and (max-width: 768px) {
      top: 22px;
      right: 14px;
    }
    @media screen and (min-width: 769px) {
      top: 136px;
      right: 34px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 32px;
      right: 17px;
    }
    @media screen and (min-width: 769px) {
      top: 146px;
      right: 37px;
    }
  }
}
@-webkit-keyframes huneLeft01 {
  from {
    @media screen and (max-width: 768px) {
      top: 66px;
    }
    @media screen and (min-width: 769px) {
      top: 178px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 63px;
    }
    @media screen and (min-width: 769px) {
      top: 175px;
    }
  }
}
@keyframes huneLeft01 {
  from {
    @media screen and (max-width: 768px) {
      top: 66px;
    }
    @media screen and (min-width: 769px) {
      top: 178px;
    }
  }
  to {
    @media screen and (max-width: 768px) {
      top: 63px;
    }
    @media screen and (min-width: 769px) {
      top: 175px;
    }
  }
}
@media screen and (min-width: 769px) {
  .contents-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.faq-bnr {
  position: fixed;
}
@media screen and (max-width: 768px) {
  .faq-bnr {
    bottom: 70px;
    right: 15px;
    width: 15%;
    z-index: 15;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
}
@media screen and (min-width: 769px) {
  .faq-bnr {
    left: 10px;
    bottom: 20px;
    z-index: 500;
    width: 130px;
    -webkit-animation: faqBnr 2s;
    animation: faqBnr 2s;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}
@media screen and (max-width: 768px) {
  .faq-bnr.Slide-In {
    opacity: 1;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
  }
}
.faq-bnr:hover {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
@media screen and (max-width: 768px) {
  .faq-bnr img {
    opacity: 0.85;
  }
}
@media screen and (min-width: 769px) {
  .faq-bnr img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .faq-bnr-wrap {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .faq-bnr-wrap a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 4;
  }
}
@-webkit-keyframes faqBnr {
  0% {
    @media screen and (min-width: 769px) {
      .faq-bnr {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
      }
    }
  }
  100% {
    @media screen and (min-width: 769px) {
      .faq-bnr {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }
  }
}
@keyframes faqBnr {
  0% {
    @media screen and (min-width: 769px) {
      .faq-bnr {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
      }
    }
  }
  100% {
    @media screen and (min-width: 769px) {
      .faq-bnr {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }
  }
}

.gotop {
  position: fixed;
  z-index: 100;
  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;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .gotop {
    right: 15px;
    bottom: 15px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 769px) {
  .gotop {
    right: 50px;
    bottom: 100px;
    width: 16px;
    height: 100px;
  }
}
@media screen and (min-width: 769px) {
  .gotop__wrap {
    width: 10px;
    height: 91px;
  }
}
.gotop__wrap img {
  width: 100%;
  height: auto;
}
.gotop__wrap p a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
  cursor: pointer;
  background: #404040;
  color: #b0b0b0;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .footer {
    width: 100%;
    margin-top: 35px;
  }
}
@media screen and (min-width: 769px) {
  .footer {
    padding-top: 60px;
  }
}
.footer__site-info {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer__site-info {
    margin-top: 35px;
  }
}
@media screen and (min-width: 769px) {
  .footer__site-info {
    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: 8% 0;
  }
}
.footer__site-info img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .footer__info-block {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .footer__info-block:nth-child(n + 2) {
    margin-top: 50px;
  }
}
.footer__info-ttl {
  position: relative;
  padding-bottom: 20px !important;
  font-family: ten-mincho, serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer__info-ttl {
    overflow-x: hidden;
    font-size: 2.1rem !important;
  }
}
@media screen and (min-width: 769px) {
  .footer__info-ttl {
    border-bottom: none !important;
    margin-bottom: 10px !important;
    font-size: 2rem !important;
  }
}
.footer__info-ttl:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
  .footer__info-ttl:after {
    bottom: 0;
    right: 0;
    margin: 0 auto;
    height: 7px;
    background-image: url(../../../sp/assets/images/index/img_ttl-wave.png);
    background-size: 385px 7px;
  }
}
@media screen and (min-width: 769px) {
  .footer__info-ttl:after {
    bottom: -6px;
    height: 15px;
    background-image: url(../images/common/ttl_footer-wave.svg);
    background-size: 100%;
  }
}
.footer__info-item {
  border-bottom: 1px solid #e1e2eb;
}
.footer__info-link {
  position: relative;
  display: block;
  padding: 20px 50px 20px 10px;
  font-weight: bold;
  font-size: 16px;
}
.footer__info-link::before {
  position: absolute;
  content: "";
  top: 29px;
  right: 15px;
  width: 16px;
  height: 1px;
  border-radius: 1px;
  background-color: #747d9c;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}
.footer__info-link::after {
  position: absolute;
  content: "";
  top: 26px;
  right: 15px;
  width: 8px;
  height: 1px;
  background-color: #747d9c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 1px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.footer__info-link:hover {
  opacity: 0.7;
}
.footer__info-link:hover::before {
  right: 10px;
}
.footer__info-link:hover::after {
  right: 10px;
}
.footer__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 0;
  padding: 40px 0 0 0;
}
.footer__lead img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer__lead-txt {
    width: 250px;
    height: 232px;
    margin: 25px auto 0;
  }
}
.footer__lead-txt img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .footer__lead-img {
    width: 100%;
    margin-top: 40px;
    padding: 0 20px 0 10px;
  }
}
@media screen and (min-width: 769px) {
  .footer__lead-img {
    margin: 0 0 40px 0;
  }
}
.footer__lead-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .footer__lead-content {
    margin-top: 23px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .footer__lead-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px;
  }
}
.footer__lead-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .footer__lead-content-item {
    width: 100%;
    height: 43.2vw;
  }
}
@media screen and (min-width: 769px) {
  .footer__lead-content-item {
    width: 32%;
    height: 256px;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
}
.footer__lead-content-item:hover {
  color: #fff;
  opacity: 0.9;
}
@media screen and (max-width: 768px) {
  .footer__lead-content-item:nth-child(1) {
    background-image: url(../../../sp/assets/images/index/bnr_konbumura_01.png);
  }
}
@media screen and (min-width: 769px) {
  .footer__lead-content-item:nth-child(1) {
    background-image: url(../images/index/bnr_main-content_konbumura.png);
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  .footer__lead-content-item:nth-child(2) {
    background-image: url(../../../sp/assets/images/index/bnr_gagome-konbu_01.png);
  }
}
@media screen and (min-width: 769px) {
  .footer__lead-content-item:nth-child(2) {
    background-image: url(../images/index/bnr_main-content_gagome.png);
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  .footer__lead-content-item:nth-child(3) {
    background-image: url(../../../sp/assets/images/index/bnr_tsukurite_01.png);
  }
}
@media screen and (min-width: 769px) {
  .footer__lead-content-item:nth-child(3) {
    background-image: url(../images/index/bnr_main-content_tsukurite.png);
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  .footer__lead-content-item:nth-child(n + 2) {
    margin-top: 13px;
  }
}
.footer__lead-content-item span:nth-child(1) {
  font-family: ten-mincho, serif;
}
@media screen and (max-width: 768px) {
  .footer__lead-content-item span:nth-child(1) {
    font-size: 2.9rem;
  }
}
@media screen and (min-width: 769px) {
  .footer__lead-content-item span:nth-child(1) {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .footer__lead-content-item span:nth-child(2) {
    margin-top: 7px;
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 769px) {
  .footer__lead-content-item span:nth-child(2) {
    margin-top: 10px;
    font-size: 1.5rem;
  }
}
.footer__info-ttl {
  position: relative;
  padding-bottom: 20px !important;
  font-family: ten-mincho, serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer__info-ttl {
    overflow-x: hidden;
    font-size: 2.1rem;
  }
}
@media screen and (min-width: 769px) {
  .footer__info-ttl {
    border-bottom: none !important;
    margin-bottom: 10px !important;
    font-size: 2rem !important;
  }
}
.footer__info-ttl:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
  .footer__info-ttl:after {
    bottom: 0;
    right: 0;
    margin: 0 auto;
    height: 7px;
    background-image: url(../../../sp/assets/images/index/img_ttl-wave.png);
    background-size: 385px 7px;
  }
}
@media screen and (min-width: 769px) {
  .footer__info-ttl:after {
    bottom: -6px;
    height: 15px;
    background-image: url(../images/common/ttl_footer-wave.svg);
    background-size: 100%;
  }
}
.footer__info-item {
  border-bottom: 1px solid #e1e2eb;
}
@media screen and (max-width: 768px) {
  .footer__info-item:first-child {
    border-top: 1px solid #e1e2eb;
  }
}
.footer__info-link {
  position: relative;
  display: block;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .footer__info-link {
    padding: 20px;
  }
}
@media screen and (min-width: 769px) {
  .footer__info-link {
    padding: 20px 50px 20px 10px;
  }
}
.footer__info-link:before {
  position: absolute;
  content: "";
  top: 29px;
  right: 15px;
  width: 16px;
  height: 1px;
  border-radius: 1px;
  background-color: #747d9c;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}
.footer__info-link:after {
  position: absolute;
  content: "";
  top: 26px;
  right: 15px;
  width: 8px;
  height: 1px;
  background-color: #747d9c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 1px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 768px) {
  .footer__info-img {
    text-align: center;
    margin: 26px 0;
  }
}
@media screen and (max-width: 768px) {
  .footer__info-img a {
    display: block;
    max-width: 335px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .footer__bnr-area {
    margin-top: 30px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .footer__bnr-area {
    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;
  }
}
@media screen and (min-width: 769px) {
  .footer__bnr-area a {
    display: block;
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .footer__bnr-link {
    display: block;
    width: 100%;
    max-width: 295px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .footer__bnr-link {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .footer__bnr-link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .footer__bnr-link:nth-child(n + 2) {
    margin-top: 20px;
  }
}
.footer__bnr-link img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .footer__guide-area {
    margin-top: 50px;
  }
}
@media screen and (min-width: 769px) {
  .footer__guide-area {
    width: 1200px;
    margin: 55px auto 0;
    padding: 0 40px;
  }
}
.footer__ttl {
  position: relative;
  padding-bottom: 20px;
  font-size: 2rem;
  font-family: ten-mincho, serif;
  text-align: center;
}
.footer__ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .footer__ttl::after {
    width: 100%;
    right: 0;
    margin: 0 auto;
    height: 7px;
    background-image: url(../../../sp/assets/images/index/img_ttl-wave.png);
    background-size: 385px 7px;
    background-repeat: repeat-x;
  }
}
@media screen and (min-width: 769px) {
  .footer__ttl::after {
    left: 0;
    width: 1130px;
    height: 18px;
    background-size: 1130px 18px;
    background-image: url(../images/common/ttl_footer-wave_long.svg);
    background-repeat: no-repeat;
  }
}
.footer__guide-item-wrap {
  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-top: 25px;
}
.footer__guide-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 348px;
  min-height: 350px;
  padding: 30px 25px;
  background-color: #f5f5f8;
}
.footer__guide-item:nth-child(n + 4) {
  margin-top: 25px;
}
.footer__sub-ttl {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .footer__sub-ttl {
    padding: 10px 25px;
    font-size: 1.5rem;
    background-color: #f5f5f8;
  }
}
@media screen and (min-width: 769px) {
  .footer__sub-ttl {
    margin-bottom: 25px;
    font-size: 19px;
    text-align: center;
  }
}
.footer__guide-sub-txt {
  margin-top: 25px;
}
.footer__guide-list {
  margin-top: 25px;
}
.footer__guide-list-item {
  position: relative;
  padding-left: 20px;
  font-weight: bold;
}
.footer__guide-list-item:nth-child(n + 2) {
  margin-top: 17px;
}
.footer__guide-list-item.flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__guide-list-item span.credit-card {
  width: 268px;
}
.footer__guide-list-item span.amazon-pay {
  width: 48px;
  margin-left: 12px;
}
.footer__guide-list-item span.rakuten-pay {
  width: 100px;
  margin-left: 12px;
}
.footer__guide-list-item span img {
  width: 100%;
  height: auto;
}
.footer__guide-list-txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__guide-list-txt::before {
  content: "";
  position: absolute;
  left: -17px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #243359;
}
.footer__guide-txt {
  line-height: 1.7;
  font-size: 1.3rem;
  font-weight: normal;
}
.footer__guide-txt a {
  text-decoration: underline;
}
.footer__guide-txt a:hover {
  text-decoration: none;
}
.footer__small-txt {
  font-size: 1.3rem;
}
.footer__info-img {
  width: 100%;
  margin-top: 23px;
}
.footer__info-img img {
  width: 100%;
  height: auto;
}
.footer__info-img a {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.footer__info-img a:hover {
  opacity: 0.7;
}
.footer__info-sns {
  margin-top: 23px;
}
.footer__info-sns iframe {
  display: block;
  width: 322px;
  margin: 0 auto;
}
.footer__guide-icon {
  margin: 0 auto;
}
.footer__guide-icon img {
  width: 100%;
  height: auto;
}
.footer__guide-icon.wrapping-icon {
  margin-top: 45px;
  width: 90px;
}
.footer__guide-icon.shipping-icon {
  margin-top: 35px;
  width: 44px;
}
.footer__guide-icon.delivery-icon {
  margin-top: 30px;
  width: 203px;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-area {
    margin-top: 45px;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-area {
    z-index: 10;
    position: relative;
    width: 1200px;
    margin: 55px auto 0;
    padding: 0 40px;
  }
}
.footer__inquiry-number-area {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-number-area {
    padding: 0 20px;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-number-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .footer__inquiry-item {
    max-width: 335px;
    width: 100%;
    margin: auto;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-item {
    width: 540px;
    padding: 35px;
    background-color: #f5f5f8;
  }
}
@media screen and (max-width: 768px) {
  .footer__inquiry-item:nth-child(n + 2) {
    margin-top: 35px;
  }
}
.footer__inquiry-phone {
  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;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-phone {
    margin-top: 20px;
  }
}
.footer__inquiry-phone address {
  margin-left: 10px;
  font-size: 4.6rem;
  font-family: ten-mincho, serif;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-phone address {
    font-size: 4rem;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-phone address {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 768px) {
  .footer__inquiry-ico {
    width: 33px;
    height: 33px;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-ico {
    width: 39px;
    height: 39px;
  }
}
.footer__inquiry-ico img {
  width: 100%;
  height: auto;
}
.footer__inquiry-txt {
  position: relative;
  display: block;
  margin: 10px auto 0;
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-txt {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-txt {
    width: 330px;
  }
}
.footer__inquiry-txt::before {
  z-index: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 8px;
  left: 0;
  background-color: #d2d2d8;
}
.footer__inquiry-txt span {
  z-index: 10;
  position: relative;
  padding: 0 6px;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-txt span {
    background-color: #fff;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-txt span {
    background-color: #f5f5f8;
  }
}
.footer__inquiry-coporate {
  background-color: #f5f5f8;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-coporate {
    margin-top: 50px;
    padding: 0 40px 70px;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-coporate {
    margin-top: 25px;
    padding: 35px 66px;
  }
}
.footer__inquiry-lead-txt {
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-lead-txt {
    margin-top: 40px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-lead-txt {
    font-size: 1.8rem;
    font-family: ten-mincho, serif;
  }
}
@media screen and (max-width: 768px) {
  .footer__inquiry-other-data {
    max-width: 245px;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-other-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px;
  }
}
.footer__inquiry-left-data {
  width: 250px;
}
.footer__inquiry-logo-txt {
  padding: 5px 0;
  border-top: 1px solid #d2d2d8;
  border-bottom: 1px solid #d2d2d8;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-logo {
    max-width: 185px;
    width: 100%;
    margin: 18px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-logo {
    width: 184px;
    margin: 15px auto 0;
  }
}
.footer__inquiry-logo img {
  width: 100%;
  height: auto;
}
.footer__inquiry-logo-sub-txt {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer__inquiry-logo-sub-txt {
    margin-top: 15px;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-logo-sub-txt {
    margin-top: 20px;
  }
}
.footer__inquiry-logo-sub-txt span {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .footer__inquiry-right-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    width: 670px;
  }
}
@media screen and (max-width: 768px) {
  .footer__inquiry-bnr-area {
    max-width: 295px;
    width: 100%;
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-bnr-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .footer__inquiry-bnr-link {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .footer__inquiry-bnr-link {
    width: 328px;
  }
}
@media screen and (max-width: 768px) {
  .footer__inquiry-bnr-link:nth-child(n + 2) {
    margin-top: 10px;
  }
}
.footer__inquiry-bnr-link img {
  width: 100%;
  height: auto;
}
.footer__closing-txt-area {
  z-index: 0;
  position: relative;
  width: 100%;
  background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
  .footer__closing-txt-area {
    min-height: 502px;
    background-image: url(../../../sp/assets/images/common/bg_footer-repeat-sky.png);
    background-size: 23px 502px;
  }
}
@media screen and (min-width: 769px) {
  .footer__closing-txt-area {
    min-height: 748px;
    margin-top: -80px;
    background-image: url(../images/common/bg_sky-sea_repeat.png);
    background-size: 47px 748px;
  }
}
.footer__closing-txt-area-inner {
  margin: 0 auto;
  text-align: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .footer__closing-txt-area-inner {
    max-width: 375px;
    width: 100%;
    min-height: 502px;
    padding: 70px 20px 0;
    background-image: url(../../../sp/assets/images/common/bg_footer-sky.png);
    background-size: 375px 502px;
  }
}
@media screen and (min-width: 769px) {
  .footer__closing-txt-area-inner {
    width: 1366px;
    min-height: 748px;
    padding: 175px 0 0;
    background-image: url(../images/common/bg_sky-sea.png);
    background-size: 1366px 748px;
  }
}
.footer__closing-txt-area-inner p {
  font-family: ten-mincho, serif;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .footer__closing-txt-area-inner p {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) {
  .footer__closing-txt-area-inner p {
    font-size: 2rem;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 768px) {
  .footer__closing-txt-area-inner p:nth-child(n + 2) {
    margin-top: 35px;
  }
}
@media screen and (min-width: 769px) {
  .footer__closing-txt-area-inner p:nth-child(n + 2) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .footer__bottom {
    padding: 40px 0 0;
  }
}
@media screen and (min-width: 769px) {
  .footer__bottom {
    width: 1200px;
    margin: 0 auto;
    padding: 55px 40px 30px;
    text-align: center;
  }
}
.footer__bottom-img {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footer__bottom-img {
    width: 198px;
  }
}
@media screen and (min-width: 769px) {
  .footer__bottom-img {
    width: 320px;
    height: 151px;
  }
}
.footer__bottom-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .footer__bottom-links {
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .footer__bottom-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 45%;
    margin: 75px auto 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 500px;
  }
}
.footer__bottom-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .footer__bottom-txt-wrap {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 360px;
    width: 100%;
    margin: 5px auto;
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .footer__bottom-txt-wrap {
    gap: 6%;
  }
}
.footer__bottom-txt-link {
  font-family: ten-mincho, serif;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .footer__bottom-txt-link {
    margin-top: 10px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 769px) {
  .footer__bottom-txt-link {
    white-space: nowrap;
    font-size: 1.4rem;
  }
}
.footer__bottom-txt-link:hover {
  text-decoration: none;
}
.footer__bottom-ico-link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .footer__bottom-ico-link-wrap {
    width: 20%;
    margin: 45px auto 0;
    min-width: 150px;
  }
}
@media screen and (min-width: 769px) {
  .footer__bottom-ico-link-wrap {
    width: 115px;
  }
}
.footer__bottom-ico-link {
  width: 32px;
  height: 32px;
}
@media screen and (min-width: 769px) {
  .footer__bottom-ico-link {
    display: block;
    font-size: 1.6rem;
  }
}
.footer__bottom-ico-link img {
  width: 100%;
  height: auto;
}
.footer__bottom-copyright {
  font-family: ten-mincho, serif;
}
@media screen and (max-width: 768px) {
  .footer__bottom-copyright {
    display: block;
    margin-top: 25px;
    padding: 20px;
    font-size: 1.2rem;
    border-top: 1px solid #e1e2eb;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .footer__bottom-copyright {
    font-size: 1.4rem;
  }
}
.footer__btn-area {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer__btn-long {
  display: block;
  width: 100%;
  margin: 0 0 3% 0;
}
.footer__btn-long img {
  width: 100%;
}
.footer-sitemap {
  width: 100%;
  max-width: 1200px;
  margin: 3% auto;
  font-family: ten-mincho, serif;
}

.large-txt {
  font-size: 1.8rem;
}

.x-large-txt {
  margin: 0 2px;
  font-size: 2.2rem;
}

.red-txt {
  color: #d40505;
}

.bold-txt {
  font-weight: bold;
}

.center-txt {
  text-align: center;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.fs13 {
  font-size: 13px;
}

.lower-footer .footer__closing-txt-area {
  position: absolute;
  left: 0;
}
.lower-footer .footer__bottom {
  margin-top: 748px;
}

p a {
  color: #243359;
}

.img-center {
  padding-top: 10px;
  text-align: center;
}

.f-sm-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.f-sm-list section {
  width: calc(25% - 20px);
  margin: 0 20px 3% 0;
}
.f-sm-list section h5 {
  padding: 0 0 10px;
  border-bottom: 1px solid #555;
  margin: 0 0 10px;
  font-size: 15px;
}
.f-sm-list section ul li {
  padding: 0 0 12px 0;
}
.f-sm-list section ul li a {
  font-size: 15px;
}

.f-sm-wrap h4 {
  font-size: 18px;
  text-align: center;
  margin: 0 auto 2%;
  padding: 0 0 10px 0;
  width: 30%;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .Gnav {
    z-index: 110;
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 768px;
    margin-top: 76px;
    padding-bottom: 64px;
    overflow-y: auto;
  }
}
@media screen and (max-width: 768px) {
  .Gnav .searchbox-wrap {
    background-color: #fff;
    padding: 13px 40px;
  }
}
.Gnav-wrap-list {
  display: block;
  width: 14.2857142857%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.Gnav-wrap-list .main {
  font-size: 20px;
}
.Gnav-wrap-list .main span {
  font-size: 13px;
}
.Gnav-wrap-list .sub {
  font-size: 13px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", sans-serif;
  margin-top: 7px;
  display: inline-block;
}
.Gnav-wrap-list.is-txt-center a {
  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;
}
.Gnav-wrap-list > a {
  font-size: 16px;
  position: relative;
  text-align: center;
  /*padding: 5px 0 8px;*/
  /*transition: all 0.2s ease-out;*/
  display: block;
  border-left: 1px solid #243359;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  height: 75px;
}
.Gnav-wrap-list:hover > a {
  background: #243358;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (min-width: 1024px) {
  .Gnav-wrap-list:nth-of-type(4) .Gnav-sub {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: (20%) [4];
    grid-template-columns: repeat(4, 20%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .Gnav-wrap-list:nth-of-type(4) .Gnav-sub li {
    width: auto;
  }
}
.Gnav-wrap-list:last-of-type > a {
  border-right: 1px solid #243359;
}
.Gnav-wrap-list.Gnav-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Gnav-wrap-list.Gnav-search form {
  width: 90%;
  margin: 0 0 0 10%;
  background: #fff;
  border-radius: 50px;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #243359;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Gnav-wrap-list.Gnav-search form input.searchbox {
  border: none;
  width: 90%;
  padding: 0 0 0 10px;
}
.Gnav-wrap-list.Gnav-search form input.searchSubmit {
  padding: 0 5px 0 0;
}
.Gnav-sub {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 7% 20px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  font-size: 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.18);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Gnav-sub.Sesrch-prdt {
  padding: 0 1.5% 2%;
}
.Gnav-sub.Circles > li {
  width: 100%;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Gnav-sub.Circles li a {
  border: none;
  width: 16.6666666667%;
}
.Gnav-sub.Circles li a:hover {
  -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
}
.Gnav-sub.Circles li a dl:after {
  display: none;
}
.Gnav-sub.Circles li a dl dt {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
  padding: 10px 10%;
}
.Gnav-sub.Circles li a dl dd {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 0;
  display: block;
  text-align: center;
  font-size: 14px;
}
.Gnav-sub.Circles li a dl dd span {
  font-size: 120%;
  line-height: 1;
  padding: 5px 0;
  display: block;
}
.Gnav-sub-Ari:hover .Gnav-sub {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  top: 100%;
  visibility: visible;
  opacity: 1;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Gnav-sub-sub {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
  position: relative;
  padding: 0;
  padding-left: 8%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Gnav-sub-sub:before {
  content: "";
  font-size: 16px;
  position: absolute;
  top: 21px;
  left: 3px;
  border-bottom: 1px solid #243358;
  padding: 0 0 7px 0;
  width: 8%;
}
.Gnav-sub-sub:first-of-type:before {
  content: "がごめ昆布";
}
.Gnav-sub-sub:nth-of-type(2):before {
  content: "料理昆布";
}
.Gnav-sub-sub:nth-of-type(3):before {
  content: "おやつ昆布";
}
.Gnav-sub-sub:nth-of-type(4):before {
  content: "昆布調味料";
}
.Gnav-sub-sub:nth-of-type(5):before {
  content: "海藻・その他";
}
.Gnav-sub-sub li {
  width: 16.6666666667%;
  padding: 3px;
}
.Gnav-sub-sub li a dl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 0;
}
.Gnav-sub-sub li a dl dt {
  width: 20%;
}
.Gnav-sub-sub li a dl dd {
  width: 74%;
  font-size: 13px;
  padding: 0;
  /* justify-content: center; */
  /* text-align: center; */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
}
.Gnav-sub-sub li a dl dd span {
  width: 100%;
  font-size: 15px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .Gnav__bnr {
    background-color: #fff;
    padding: 7px 40px 20px;
  }
}
.Gnav__bnr a {
  margin: 0 auto;
  display: block;
  max-width: 295px;
  width: 100%;
  height: 100%;
}
.Gnav__bnr a img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .Gnav__contents {
    background-color: #f5f5f8;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__cat-ttl {
    width: 100%;
    padding: 5% 0;
    text-align: center;
    font-family: ten-mincho, serif;
    color: #243358;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__cat-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #e1e2eb;
    background-color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__cat-item {
    width: 50%;
    border-bottom: 1px solid #e1e2eb;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__cat-item:nth-child(even) {
    border-left: 1px solid #e1e2eb;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__cat-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 13px 20px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__cat-img {
    width: 39px;
    height: 39px;
  }
}
@media screen and (max-width: 370px) {
  .Gnav__cat-img {
    width: 30px;
    height: 30px;
  }
}
.Gnav__cat-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .Gnav__cat-txt {
    margin-left: 8px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 370px) {
  .Gnav__cat-txt {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__cat-txt .small {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 370px) {
  .Gnav__cat-txt .small {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__money-list {
    border: 1px solid #243359;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__money-list-wrap {
    padding: 20px 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__money-list-ttl {
    position: relative;
    display: block;
    width: 100%;
    padding: 14px;
    text-align: center;
    background-color: #273356;
    border-radius: 2px 2px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__money-list-ttl span {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__money-item:not(:last-child) {
    border-bottom: 1px solid #e1e2eb;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__money-link {
    position: relative;
    display: block;
    padding: 12px 20px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__money-link:before {
    position: absolute;
    content: "";
    top: 20px;
    right: 23px;
    width: 16px;
    height: 1px;
    border-radius: 1px;
    -webkit-transition: right 0.2s ease;
    transition: right 0.2s ease;
    background-color: #a5a8b4;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__money-link:after {
    position: absolute;
    content: "";
    top: 17px;
    right: 23px;
    width: 8px;
    height: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 1px;
    -webkit-transition: right 0.2s ease;
    transition: right 0.2s ease;
    background-color: #a5a8b4;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-list {
    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: 20px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-item {
    width: 49%;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #e1e2eb;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-item:nth-child(n + 3) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 10px solid #e1e2eb;
    border-left: 10px solid transparent;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-img.guide-img {
    width: 22px;
    height: 31px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-img.eng-img {
    width: 31px;
    height: 31px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-img.cart-img {
    width: 31px;
    height: 32px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-img.mail-img {
    margin: 5px;
    width: 34px;
    height: 24px;
  }
}
.Gnav__sub-btn-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .Gnav__sub-btn-txt {
    margin-top: 5px;
  }
}
.Gnav__houjin {
  color: #243359;
  padding-right: 20px;
  width: 50%;
  margin-left: auto;
  text-align: center;
  margin-top: 10px;
}
.Gnav__houjin a {
  font-size: 13px;
  color: #243359;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .Gnav__order {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 335px;
    margin: 30px auto 40px;
    padding: 0 20px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__order-txt {
    font-family: ten-mincho, serif;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 350px) {
  .Gnav__order-txt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__order-txt-sub {
    margin-top: 6px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 350px) {
  .Gnav__order-txt-sub {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__order-phone {
    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;
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__order-phone address {
    margin-left: 10px;
    font-family: ten-mincho, serif;
    font-size: 4rem;
  }
}
@media screen and (max-width: 350px) {
  .Gnav__order-phone address {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__order-ico {
    width: 37px;
    height: 37px;
  }
}
@media screen and (max-width: 350px) {
  .Gnav__order-ico {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__bottom-list {
    position: relative;
    padding-top: 10px;
    background-color: #fff;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__bottom-list:before {
    content: "";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 7px;
    top: 0px;
    left: 0;
    background-image: url(../../../sp/assets/images/common/img_gnav-wave.png);
    background-size: 409px 7px;
    background-repeat: repeat-x;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__bottom-list-item {
    border-bottom: 1px solid #e1e2eb;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__bottom-list-link {
    position: relative;
    display: block;
    padding: 15px 20px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__bottom-list-link:before {
    position: absolute;
    content: "";
    top: 27px;
    right: 23px;
    width: 16px;
    height: 1px;
    border-radius: 1px;
    -webkit-transition: right 0.2s ease;
    transition: right 0.2s ease;
    background-color: #a5a8b4;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__bottom-list-link:after {
    position: absolute;
    content: "";
    top: 24px;
    right: 23px;
    width: 8px;
    height: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 1px;
    -webkit-transition: right 0.2s ease;
    transition: right 0.2s ease;
    background-color: #a5a8b4;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__foot {
    margin-top: 20px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__foot-sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 72px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__foot-icon-item {
    display: block;
    width: 32px;
    height: 32px;
  }
}
.Gnav__foot-icon-item img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .Gnav__foot-txt-link {
    margin-top: 15px;
    font-size: 1.2rem;
    text-decoration: underline;
    font-family: ten-mincho, serif;
  }
}
@media screen and (max-width: 768px) {
  .Gnav__foot-txt-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.Gnav-sub li,
.Gnav-sub-sub li {
  width: 20%;
  padding: 5px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.Gnav-sub li a,
.Gnav-sub-sub li a {
  font-size: 16px;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #243358;
  border-radius: 6px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /*font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;*/
}
.Gnav-sub li a:hover,
.Gnav-sub-sub li a:hover {
  color: #fff;
  background: #243358;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.Gnav-sub li a dl,
.Gnav-sub-sub li a dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.Gnav-sub li a dl dt,
.Gnav-sub-sub li a dl dt {
  width: 32%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2%;
  border-radius: 5px;
  overflow: hidden;
}
.Gnav-sub li a dl dt img,
.Gnav-sub-sub li a dl dt img {
  width: 100%;
}
.Gnav-sub li a dl dd,
.Gnav-sub-sub li a dl dd {
  width: 64%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 7px;
  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;
}
.Gnav-sub li a dl dd:has(.small),
.Gnav-sub-sub li a dl dd:has(.small) {
  vertical-align: bottom;
}
@media screen and (min-width: 1024px) {
  .Gnav-sub li a dl dd:has(.small) .small,
  .Gnav-sub-sub li a dl dd:has(.small) .small {
    font-size: 14px;
  }
}

.n_header {
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .n_header {
    max-width: 768px;
    height: 64px;
    top: 17px;
    position: fixed;
    display: block;
    z-index: 40;
    padding-left: 10px;
    background: none;
  }
}
@media screen and (min-width: 769px) {
  .n_header {
    margin: 0 auto;
    position: absolute;
    z-index: 50;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 1200px;
  }
}
.n_header.Sticky {
  position: fixed;
  background: #fff;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: Sticky-head 0.5s;
  animation: Sticky-head 0.5s;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  z-index: 50;
  top: 0;
}
.n_header.Sticky .n_header_inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 0 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.n_header.Sticky .n_header__logo-img {
  width: 100%;
  max-width: 160px;
  display: block;
}
.n_header.Sticky .n_header__logo-img img {
  width: 100%;
}
.n_header.Sticky .n_header__Awards {
  position: absolute;
  top: 32px;
  left: 20%;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.n_header.Sticky .n_header nav.n_header__nav-wrap {
  margin: 10px 0 0 0;
  padding: 14px 90px 0;
}
.n_header.Sticky .n_header nav.n_header__nav-wrap a {
  font-size: 1.5rem;
}
.n_header.Sticky .n_header ul.n_header__nav-wrap {
  padding-top: 0;
  margin-top: 25px;
}
.n_header.Sticky .n_header ul.n_header__Gnav-wrap {
  margin-top: 5px;
}
.n_header.Sticky .n_header a.n_header__contact {
  border: 1px solid #243358;
}
.n_header.Sticky .header-QnA {
  top: 29px;
  right: 15px;
  border-radius: 50px;
}
.n_header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .n_header_inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .n_header_inner {
    width: 100%;
    padding: 15px 0 0;
    height: auto;
  }
}
@media screen and (min-width: 769px) {
  .n_header__left-wrap {
    max-width: 760px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .n_header_logo_area {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 7px 0 7%;
  }
}
@media screen and (max-width: 768px) {
  .n_header__logo-link {
    display: block;
    width: 121px;
    height: 38px;
  }
}
.n_header__logo-link img {
  width: 100%;
  height: auto;
}
.n_header__logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.n_header__logo-wrap span {
  display: block;
}
.n_header__logo-txt {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .n_header__logo-txt {
    padding-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .n_header__logo-txt {
    white-space: nowrap;
    padding: 0 0 10px 0;
  }
}
.n_header__logo-txt02 {
  font-size: 12px;
  padding: 5px 28px;
  border: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 12px 0 0 0;
}
.n_header__logo-img {
  width: 100%;
  max-width: 200px;
  display: block;
}
.n_header__logo-img img {
  width: 100%;
}
.n_header__Awards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .n_header__Awards {
    width: 15%;
    position: absolute;
    top: 14px;
    left: 140px;
  }
}
@media screen and (max-width: 768px) {
  .n_header__Awards {
    width: 8%;
  }
}
@media screen and (max-width: 580px) {
  .n_header__Awards {
    width: 10%;
  }
}
@media screen and (max-width: 480px) {
  .n_header__Awards {
    width: 13%;
  }
}
@media screen and (max-width: 428px) {
  .n_header__Awards {
    width: 15%;
  }
}
@media screen and (max-width: 390px) {
  .n_header__Awards {
    left: 135px;
  }
}
@media screen and (min-width: 769px) {
  .n_header__Awards {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 120px;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .n_header__Awards img {
    width: 50%;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .n_header__Awards img {
    width: 48%;
    display: block;
  }
}
.n_header__postage {
  margin-left: 30px;
  width: 380px;
}
.n_header__postage img {
  width: 100%;
}
.n_header__right-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .n_header__right-wrap {
    margin: 0 7% 0 0;
  }
}
.n_header__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .n_header__btn {
    margin: 0 10px 0 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .n_header__btn {
    gap: 8px;
  }
}
@media screen and (max-width: 480px) {
  .n_header__btn {
    gap: 5px;
  }
}
@media screen and (max-width: 768px) {
  .n_header__btn-link {
    display: block;
    width: 57px;
    height: 60px;
  }
}
@media screen and (max-width: 375px) {
  .n_header__btn-link {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 769px) {
  .n_header__btn-link {
    padding: 0 5px;
    display: inline-block;
    cursor: pointer;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .n_header__btn-link:nth-child(1) {
    margin-right: 5px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .n_header__btn-link:nth-child(2) {
    margin-right: 13px;
  }
}
@media screen and (max-width: 768px) {
  .n_header__btn img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .n_header__btn-toggle {
    content: "";
    width: 64px;
    height: 64px;
    background-image: url(../../../sp/assets/images/common/menu-btn_open.svg);
    background-size: 64px 64px;
    background-repeat: no-repeat;
  }
  .n_header__btn-toggle.close-btn {
    background-image: url(../../../sp/assets/images/common/menu-btn_close.svg);
  }
}
.n_header__contact {
  background: rgba(255, 255, 255, 0.5215686275);
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.n_header__contact-left-txt p {
  font-size: 12px;
  color: #243359;
}
.n_header__contact-left-txt p:nth-of-type(2) {
  font-size: 28px;
}
.n_header__contact-right-txt {
  background: #243359;
  color: #fff;
  padding: 8px 10px;
  font-size: 13px;
  position: relative;
  line-height: 1.4;
  white-space: nowrap;
}
.n_header__contact-right-txt:before {
  position: absolute;
  content: "";
  bottom: 8px;
  left: 10px;
  width: calc(100% - 20px);
  height: 1px;
  background-color: #fff;
  border-radius: 1px;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}
.n_header__contact-right-txt:after {
  position: absolute;
  content: "";
  bottom: 11px;
  right: 10px;
  width: 8px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 1px;
  -webkit-transition: right 0.2s ease;
  transition: right 0.2s ease;
}
.n_header__nav-wrap {
  font-family: "Kaisei Tokumin", serif;
  width: 100%;
  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;
  padding: 10px 7% 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #243359;
  background: #fff;
  margin-top: 30px;
}
.n_header__nav-wrap li {
  display: block;
  position: relative;
  border-left: 1px solid #243359;
  width: 12.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.n_header__nav-wrap li:last-of-type {
  border-right: 1px solid #243359;
}
.n_header__nav-wrap li a {
  font-size: 16px;
  position: relative;
  text-align: center;
  padding: 5px 0 8px;
  /*transition: all 0.2s ease-out;*/
  display: block;
}
.n_header__nav-wrap li:hover {
  background: #243359;
  color: #fff;
}
.n_header__nav-wrap li.G-sub-Ari:hover {
  background: #243359;
}
.n_header__nav-wrap li.G-sub-Ari:hover:after {
  opacity: 1;
}
.n_header__nav-wrap li.G-sub-Ari:hover a {
  color: #fff;
}
.n_header__nav-wrap li.G-sub-Ari:hover .G-nav-sub {
  visibility: visible;
  height: auto;
}
.n_header__nav-wrap li.G-sub-Ari:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #243359 transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: -9px;
  margin: 0 0 0 -8px;
  z-index: 5;
  opacity: 0;
}
.n_header__nav-wrap li .G-nav-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 100%;
  left: -15%;
  visibility: hidden;
  width: 130%;
  z-index: 2;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);
}
.n_header__nav-wrap li .G-nav-sub li {
  width: 100%;
  border: navajowhite;
}
.n_header__nav-wrap li .G-nav-sub li a {
  color: #243358;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.5;
  border-bottom: 1px solid #e8e8e8;
}
.n_header__nav-wrap li .G-nav-sub li a:hover {
  background: #c6cfe7;
}
.n_header__nav-wrap li .G-nav-sub li a span {
  display: block;
  font-size: 80%;
}
.n_header__Gnav-wrap {
  font-family: "Kaisei Tokumin", serif;
  width: 100%;
  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;
  padding: 0 7% 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #243359;
  background: #fff;
  margin-top: 35px;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-QnA {
  position: absolute;
  top: 0;
  right: 0;
  background: #243358;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: none;
}
.header-QnA a {
  display: block;
  color: #fff;
  padding: 8px 30px 10px;
  position: relative;
}
.header-QnA a::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 16px;
  top: 11px;
}

@media screen and (max-width: 768px) {
  #n.header {
    min-height: 60px;
  }
}

@-webkit-keyframes Sticky-head {
  0% {
    top: -400px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  100% {
    top: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}

@keyframes Sticky-head {
  0% {
    top: -400px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  100% {
    top: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}
.searchbox-area {
  margin: 30px auto 0;
  width: 400px;
}
.searchbox-area form {
  width: 100%;
  border-radius: 50px;
  padding: 5px;
  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;
  border: 1px solid #707070;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 55px;
}
.searchbox-area form .searchbox {
  width: calc(100% - 55px);
  border: none;
  padding: 15px 15px 15px 30px;
  font-size: 17px;
  border-radius: 50px;
}
.searchbox-area form .searchSubmit {
  padding: 15px;
  width: 55px;
  height: 55px;
}

main {
  position: relative;
}

@media screen and (max-width: 768px) {
  .main-content {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin-top: -20px;
  }
}
@media screen and (min-width: 769px) {
  .main-content {
    width: 100%;
  }
}
.main-content .is-main {
  max-width: 1054px;
  margin-left: auto;
  margin-right: auto;
}
.main-content__lead-area {
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .main-content__lead-area {
    padding: 12% 0 42% 0;
    background: url(../202204renewal/img/bg_river_n.png);
    background-size: cover;
  }
}
@media screen and (min-width: 769px) {
  .main-content__lead-area {
    position: relative;
    width: 100%;
  }
}
.main-content__lead-ttl {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .main-content__lead-ttl {
    width: 250px;
    height: 50px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__lead-ttl {
    width: 375px;
    height: 64px;
  }
}
.main-content__lead-ttl img {
  width: 100%;
  height: auto;
}
.main-content__lead-img-wrap {
  width: 100%;
  margin-top: 35px;
}
.main-content__lead-img-wrap img {
  width: 100%;
  height: auto;
}
.main-content__lead-bnr-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 25px;
}
.main-content__lead-bnr-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 267px;
  height: 186px;
  color: #fff;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.main-content__lead-bnr-item:hover {
  opacity: 0.7;
}
.main-content__lead-bnr-item:nth-child(1) {
  background-image: url(../images/index/bnr_main-content_konbumura.png);
}
.main-content__lead-bnr-item:nth-child(2) {
  background-image: url(../images/index/bnr_main-content_gagome.png);
}
.main-content__lead-bnr-item:nth-child(3) {
  background-image: url(../images/index/bnr_main-content_tsukurite.png);
}
.main-content__lead-bnr-item span:nth-child(1) {
  font-family: ten-mincho, serif;
  font-size: 2.4rem;
}
.main-content__lead-bnr-item span:nth-child(2) {
  margin-top: 10px;
  font-size: 1.5rem;
}
.main-content__searchbox {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .main-content__searchbox.searchbox-wrap form {
    max-width: 100%;
  }
}
.main-content__searchbox.searchbox-wrap .searchbox {
  border-radius: 0;
}
.main-content__ranking {
  position: relative;
}
@media screen and (max-width: 768px) {
  .main-content__ranking {
    margin-top: -30px;
    padding: 10% 5% 8%;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking {
    z-index: 10;
    margin-top: 70px;
  }
}
.main-content__ranking-ttl {
  font-family: ten-mincho, serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main-content__ranking-ttl {
    position: relative;
    font-size: 2.1rem;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking-ttl {
    font-size: 2.7rem;
  }
}
.main-content__ranking-ttl span {
  position: relative;
}
.main-content__ranking-ttl span::before {
  content: "";
  position: absolute;
  background-image: url(../images/index/ttl_side-wave.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .main-content__ranking-ttl span::before {
    top: 13px;
    left: -52px;
    width: 40px;
    height: 7px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking-ttl span::before {
    top: 15px;
    left: -65px;
    width: 50px;
    height: 9px;
  }
}
.main-content__ranking-ttl span::after {
  content: "";
  position: absolute;
  background-image: url(../images/index/ttl_side-wave.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .main-content__ranking-ttl span::after {
    top: 13px;
    right: -52px;
    width: 40px;
    height: 7px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking-ttl span::after {
    top: 15px;
    right: -65px;
    width: 50px;
    height: 9px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__ranking-area {
    position: relative;
  }
}
.main-content__slide-list {
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .main-content__slide-list {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .main-content__slide-list::-webkit-scrollbar {
    height: 3px;
    background-color: #c7c7c7;
  }
}
@media screen and (max-width: 768px) {
  .main-content__slide-list::-webkit-scrollbar-thumb {
    background-color: #3c6067;
  }
}
@media screen and (min-width: 769px) {
  .main-content__slide-list.ranking-wrap {
    margin: 25px auto 0;
    width: 1200px;
  }
}
.main-content__slide-scroll {
  margin-top: 20px;
  color: #3c6067;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  text-align: right;
}
.main-content__slide-scroll:after {
  position: relative;
  bottom: 4px;
  display: inline-block;
  content: "";
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  border-bottom: 1px solid #3c6067;
  border-right: 1px solid #3c6067;
  width: 30px;
  height: 6px;
  margin-left: 5px;
}
.main-content__ranking-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .main-content__ranking-list {
    padding: 20px 0;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking-list {
    padding: 25px 0;
  }
}
.main-content__ranking-list.slide-rank .slick-arrow {
  width: 37px;
  height: 37px;
  z-index: 3;
  top: 50%;
}
.main-content__ranking-list.slide-rank .slick-arrow.slick-prev {
  left: 0;
  background: url(../images/index/btn_slider-left.svg) no-repeat center/auto;
}
.main-content__ranking-list.slide-rank .slick-arrow.slick-prev::before {
  display: none;
}
.main-content__ranking-list.slide-rank .slick-arrow.slick-next {
  right: 0;
  background: url(../images/index/btn_slider-right.svg) no-repeat center/auto;
}
.main-content__ranking-list.slide-rank .slick-arrow.slick-next::before {
  display: none;
}
.main-content__ranking-list.slide-rank .slick-list {
  width: 100%;
  margin: 0 auto;
}
.main-content__ranking-list.slide-rank .slick-list .slick-track {
  padding-top: 20px;
}
.main-content__ranking-item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .main-content__ranking-item {
    width: 102px;
    height: 102px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking-item {
    display: block;
    width: 230px !important;
    height: 230px !important;
  }
}
.main-content__ranking-item:nth-child(n + 2) {
  margin-left: 10px;
}
.main-content__ranking-link {
  display: block;
}
@media screen and (max-width: 768px) {
  .main-content__ranking-link {
    width: 102px;
    height: 102px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking-link {
    position: relative;
    width: 230px;
    height: 230px;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
}
.main-content__ranking-link:hover {
  opacity: 0.7;
}
.main-content__ranking-num {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .main-content__ranking-num {
    top: -15px;
    right: -10px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking-num {
    top: -20px;
    left: 0;
  }
}
.main-content__ranking-num img {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .main-content__ranking-img {
    width: 102px;
    height: 102px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__ranking-img {
    width: 230px;
    height: 230px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__tencho-area {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6% 10% 0;
    position: absolute;
  }
}
.main-content__tencho-area img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .main-content__cat-area {
    overflow-x: hidden;
    margin-top: 55px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-area {
    margin-top: 60px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__bnr-col {
    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;
    margin: 0 auto;
    gap: 15px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__bnr-col__item {
    width: calc(33.3333333333% - 10px);
  }
}
.main-content__bnr-col__item a {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.main-content__bnr-col__item a:hover {
  opacity: 0.7;
}
.main-content__bnr-col__item a img {
  width: 100%;
}
.main-content__cat-ttl {
  position: relative;
  font-family: ten-mincho, serif;
}
@media screen and (max-width: 768px) {
  .main-content__cat-ttl {
    overflow-x: hidden;
    padding-bottom: 20px;
    font-size: 2.1rem;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-ttl {
    font-size: 2.7rem;
    margin: 0 0 50px 0;
  }
}
.main-content__cat-ttl::before {
  content: "";
  position: absolute;
  left: 0;
}
@media screen and (max-width: 768px) {
  .main-content__cat-ttl::before {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background-image: url(../../../sp/assets/images/index/img_ttl-wave.png);
    background-size: 385px 7px;
    background-repeat: repeat-x;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-ttl::before {
    bottom: -25px;
    width: 100%;
    height: 7px;
    background-image: url(../images/index/ttl_under-wave-line.png);
    background-size: 100% 7px;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-ttl02 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-ttl02 {
    margin-top: 25px;
  }
}
.main-content__cat-ttl02 img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  .main-content__cat-ttl02:not(:first-of-type) {
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-ttl02:not(:first-of-type) {
    margin-top: 50px;
  }
}
.main-content__cat-ttl03 {
  font-family: ten-mincho, serif;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .main-content__cat-ttl03 {
    margin-top: 70px;
    margin-bottom: 25px;
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-ttl03 {
    margin-top: 60px;
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}
.main-content__cat-details {
  position: relative;
}
@media screen and (max-width: 768px) {
  .main-content__cat-details {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 26px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-details:nth-of-type(1) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-details:nth-of-type(1) {
    margin-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-details:last-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-details:last-child .main-content__cat-slider-list {
    max-width: 910px;
  }
}
.main-content a.main-content__cat-name:hover {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .main-content a.main-content__cat-name:after {
    content: "";
    display: block;
    border-top: 2px solid #243359;
    border-right: 2px solid #243359;
    width: 7px;
    height: 7px;
    margin-left: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.main-content__cat-name {
  position: relative;
  font-family: ten-mincho, serif;
  color: #243359;
}
@media screen and (max-width: 768px) {
  .main-content__cat-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5%;
    letter-spacing: 0.4rem;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50px;
    height: 245px;
    font-size: 2.2rem;
    letter-spacing: 0.7rem;
    border-bottom: 1px solid #e1e2eb;
    text-orientation: upright;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-name .name {
    padding-left: 10px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-name .name.is-two-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0;
  }
}
.main-content__cat-name .size {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 768px) {
  .main-content__cat-name .size {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-name .size {
    font-size: 18px;
    margin-top: 10px;
  }
}
.main-content__cat-slider-list {
  position: relative;
}
@media screen and (max-width: 768px) {
  .main-content__cat-slider-list {
    margin: 20px auto 0;
    padding: 0 5%;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-slider-list {
    max-width: 977px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-slider-list::-webkit-scrollbar {
    height: 3px;
    background-color: #c7c7c7;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-slider-list::-webkit-scrollbar-thumb {
    background-color: #3c6067;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-slider-list.ps__rail-x {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-slider-list.ranking-wrap {
    margin: 25px auto 0;
    width: 715px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 75px 3.2vw 75px 3.2vw 75px 3.2vw 75px;
    grid-template-columns: repeat(4, 75px);
    gap: 3.2vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-list.is-three {
    -ms-grid-columns: 75px 20px 75px 20px 75px;
    grid-template-columns: repeat(3, 75px);
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.main-content__cat-list.slide-cat .slick-arrow {
  z-index: 3;
  top: 50%;
}
@media screen and (max-width: 768px) {
  .main-content__cat-list.slide-cat .slick-arrow {
    width: 35px;
    height: 35px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-list.slide-cat .slick-arrow {
    width: 55px;
    height: 55px;
  }
}
.main-content__cat-list.slide-cat .slick-arrow.slick-prev {
  left: -7px;
  background: url("../images/index/btn_slider-left.svg") no-repeat
    center/contain;
}
.main-content__cat-list.slide-cat .slick-arrow.slick-prev::before {
  display: none;
}
.main-content__cat-list.slide-cat .slick-arrow.slick-next {
  background: url("../images/index/btn_slider-right.svg") no-repeat
    center/contain;
}
@media screen and (max-width: 768px) {
  .main-content__cat-list.slide-cat .slick-arrow.slick-next {
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-list.slide-cat .slick-arrow.slick-next {
    right: -7px;
  }
}
.main-content__cat-list.slide-cat .slick-arrow.slick-next::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .main-content__cat-item {
    width: 75px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    margin: 0 23px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.main-content__cat-link {
  position: relative;
  display: block;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 768px) {
  .main-content__cat-link {
    width: 75px;
    height: 113px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-link {
    width: 140px;
    height: 213px;
    padding: 21px 0 0 16px;
  }
}
.main-content__cat-link:hover {
  opacity: 0.7;
}
.main-content__cat-pu {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .main-content__cat-pu {
    top: -13px;
    left: -13px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-pu {
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-pu img {
    width: 44px;
    height: 39px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-pu img {
    width: 53px;
    height: 47px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-img {
    width: 75px;
    height: 75px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-img {
    width: 140px;
    height: 140px;
  }
}
.main-content__cat-img img {
  width: 100%;
  height: auto;
}
.main-content__cat-txt {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  font-family: ten-mincho, serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt {
    margin-top: 7px;
    font-size: 1rem;
    line-height: 1.2;
    left: 50%;
    white-space: nowrap;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-txt {
    left: calc(50% + 16px);
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
.main-content__cat-txt span {
  position: relative;
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt span {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-txt span {
    font-size: 1.9rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt span.line::after {
    right: -20.5px;
  }
}
.main-content__cat-txt span::before {
  position: absolute;
  content: "";
  color: #a9b5be;
  top: calc(50% + 1px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt span::before {
    left: -10.5px;
    background: url(../../../sp/assets/images/index/img_left-brackets.png)
      no-repeat center/cover;
    width: 5px;
    height: 10px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-txt span::before {
    left: -12px;
    background: url(../images/index/img_left-brackets.png) no-repeat
      center/cover;
    width: 7px;
    height: 15px;
  }
}
.main-content__cat-txt span::after {
  position: absolute;
  content: "";
  color: #a9b5be;
  top: calc(50% + 1px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt span::after {
    right: -10.5px;
    background: url(../../../sp/assets/images/index/img_right-brackets.png)
      no-repeat center/cover;
    width: 5px;
    height: 10px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-txt span::after {
    width: 7px;
    height: 15px;
    background: url(../images/index/img_right-brackets.png) no-repeat
      center/cover;
    right: -12px;
  }
}
.main-content__cat-txt02 {
  width: 100%;
  position: absolute;
  font-family: ten-mincho, serif;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt02 {
    margin-top: 7px;
    left: 50%;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-txt02 {
    left: calc(50% + 16px);
    margin-top: 10px;
    font-size: 1.9rem;
  }
}
.main-content__cat-txt02 span {
  position: relative;
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt02 span {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-txt02 span {
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
.main-content__cat-txt02 span::before {
  position: absolute;
  content: "";
  color: #a9b5be;
  background: url(../../../sp/assets/images/index/img_left-brackets.png)
    no-repeat center/cover;
  top: calc(50% + 1px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt02 span::before {
    left: -8px;
    width: 4px;
    height: 9px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-txt02 span::before {
    left: -10px;
    width: 6px;
    height: 13px;
  }
}
.main-content__cat-txt02 span::after {
  position: absolute;
  content: "";
  color: #a9b5be;
  background: url(../../../sp/assets/images/index/img_right-brackets.png)
    no-repeat center/cover;
  top: calc(50% + 1px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .main-content__cat-txt02 span::after {
    right: -8px;
    width: 4px;
    height: 9px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__cat-txt02 span::after {
    right: -10px;
    width: 6px;
    height: 13px;
  }
}
.main-content__bg-wave {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .main-content__bg-wave::before {
    content: "";
    position: absolute;
    background: url(../images/index/bg_bnr-area.png) no-repeat;
    background-size: cover;
    width: 100%;
    top: -140px;
    z-index: -1;
    height: auto;
    aspect-ratio: 1374/511;
  }
}
@media screen and (max-width: 768px) {
  .main-content__bnr-area {
    margin-top: 60px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__bnr-area {
    margin: 80px auto 0;
    max-width: 870px;
  }
}
.main-content__bnr-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main-content__bnr-item {
  width: 256px;
}
.main-content__bnr-link {
  width: 100%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.main-content__bnr-link:hover {
  opacity: 0.7;
}
.main-content__bnr-link img {
  width: 100%;
  height: auto;
}
.main-content__large-bnr {
  display: block;
  width: 100%;
  margin-top: 55px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.main-content__large-bnr:hover {
  opacity: 0.7;
}
.main-content__large-bnr img {
  width: 100%;
  height: auto;
}
.main-content__kondate-area {
  margin-top: 60px;
}
.main-content__kondate-ttl img {
  width: 100%;
  height: auto;
}
.main-content__kondate-list {
  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: 10px;
}
.main-content__kondate-item {
  width: 48%;
  border-bottom: 1px solid #ccc;
}
.main-content__kondate-item:nth-child(n + 3) {
  position: relative;
  margin-top: 25px;
  border-bottom: none;
}
.main-content__kondate-item:nth-child(n + 3)::after {
  position: absolute;
  content: "";
  width: 388px;
  height: 19px;
  background: url(../images/index/img-kondate-line.svg) no-repeat center/auto;
  bottom: 0;
}
.main-content__kondate-link {
  display: block;
  width: 100%;
  padding-bottom: 30px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.main-content__kondate-link:hover {
  opacity: 0.7;
}
.main-content__kondate-img {
  width: 374px;
  margin-left: 15px;
}
.main-content__kondate-img img {
  width: 100%;
  height: auto;
}
.main-content__kondate-name {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.main-content__kondate-txt {
  margin-top: 18px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
.main-content__voice-area {
  margin-top: 85px;
  margin-left: auto;
  margin-right: auto;
  max-width: 870px;
}
.main-content__voice-ttl {
  position: relative;
  font-family: ten-mincho, serif;
}
@media screen and (max-width: 768px) {
  .main-content__voice-ttl {
    overflow-x: hidden;
    padding-bottom: 20px;
    font-size: 2.1rem;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .main-content__voice-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.7rem;
  }
}
.main-content__voice-ttl a:hover {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.main-content__voice-ttl a:hover {
  opacity: 0.7;
}
.main-content__voice-ttl::before {
  content: "";
  position: absolute;
  left: 0;
  height: 7px;
  background-image: url(../images/index/ttl_under-wave-line.png);
}
@media screen and (max-width: 768px) {
  .main-content__voice-ttl::before {
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 7px;
    background-size: 385px 7px;
    background-repeat: repeat-x;
  }
}
@media screen and (min-width: 769px) {
  .main-content__voice-ttl::before {
    bottom: -25px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100% 7px;
  }
}
.main-content__voice-ttl span {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .main-content__voice-ttl span {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__voice-list {
    padding-right: 5px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__voice-list {
    position: relative;
    margin-top: 30px;
    padding: 0 5px 30px 0;
  }
}
@media screen and (min-width: 769px) {
  .main-content__voice-list::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-image: url(../images/index/img_box-wave-line.png);
    background-position: bottom;
    background-size: 100% 4px;
    background-repeat: no-repeat;
  }
}
.main-content__voice-inner {
  overflow-y: auto;
  height: 380px;
}
.main-content__voice-inner::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.main-content__voice-inner::-webkit-scrollbar-thumb {
  background-color: #dcdce2;
  border-radius: 4px;
}
.main-content__voice-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 27px 15px 27px 0;
}
.main-content__voice-column:not(:last-child) {
  border-bottom: 1px solid #e1e2ea;
}
.main-content__voice-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main-content__voice-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-content__voice-details-recommend {
  font-size: 1.6rem;
  font-family: ten-mincho, serif;
}
.main-content__details-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
.main-content__star-staron {
  width: 15px;
  height: 14px;
  margin: 0 2px;
}
.main-content__star-staron.is-star-full {
  background-image: url(../images/index/ico_star-full.svg);
}
.main-content__star-staron.is-star-off {
  background-image: url(../images/index/ico_star-off.svg);
}
.main-content__details-author {
  margin-left: 33px;
  font-family: ten-mincho, serif;
  font-size: 1.6rem;
}
.main-content__details-time {
  font-size: 1.3rem;
}
.main-content__voice-main {
  margin-top: 15px;
}
.main-content__voice-product {
  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;
}
.main-content__product-name {
  width: 60%;
}
.main-content__product-name a {
  color: #243359;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6;
  text-decoration: underline;
}
.main-content__product-name a:hover {
  text-decoration: none;
}
.main-content__evaluation-link {
  width: 35%;
}
.main-content__voice-txt {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.main-content__news-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .main-content__news-area {
    position: relative;
    margin-top: 30px;
    background-color: #f5f5f8;
    padding: 0 5px 50px 20px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__news-area {
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    max-width: 870px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__news-area:before {
    content: "";
    position: absolute;
    top: -6px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 7px;
    background-image: url(../../../sp/assets/images/index/img_ttl-wave.png);
    background-size: 385px 7px;
    background-repeat: repeat-x;
  }
}
.main-content__news-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 236px;
  font-size: 22px;
  font-family: ten-mincho, serif;
  color: #fff;
  letter-spacing: 1.2rem;
  background-color: #243359;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .main-content__news-ttl {
    padding-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  .main-content__news-ttl {
    padding-top: 53px;
  }
}
.main-content__news-list {
  padding: 5px;
}
@media screen and (max-width: 768px) {
  .main-content__news-list {
    overflow-y: auto;
    width: 92%;
    height: 20rem;
    margin: 30px 8% 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }
}
@media screen and (min-width: 769px) {
  .main-content__news-list {
    width: 100%;
    max-width: 856px;
    height: 236px;
    background-color: #f5f5f8;
  }
}
.main-content__news-list ul {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .main-content__news-list ul {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .main-content__news-list ul {
    overflow-y: auto;
    height: 226px;
    padding: 10px 44px;
  }
}
.main-content__news-list ul::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f8;
}
.main-content__news-list ul::-webkit-scrollbar-thumb {
  background-color: #dcdce2;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  .main-content__news-list li {
    padding: 0 10px 25px 0;
  }
}
@media screen and (min-width: 769px) {
  .main-content__news-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0;
  }
}
.main-content__news-list li time {
  font-size: 1.3rem;
  font-weight: bold;
  color: #8e8e8e;
}
@media screen and (max-width: 768px) {
  .main-content__news-list li time {
    display: block;
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__news-list li p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 769px) {
  .main-content__news-list li p {
    font-size: 1.5rem;
    margin-left: 38px;
  }
}
.main-content__news-list li a {
  font-size: 1.5rem;
  margin-left: 38px;
  text-decoration: underline;
}
.main-content__news-list li a:hover {
  text-decoration: none;
}

.mv-area {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mv-area {
    max-width: 768px;
    padding: 26px 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .mv-area {
    z-index: 20;
    position: relative;
    min-width: 1366px;
    margin: 0 auto;
    padding: 75px 0 20px;
  }
}

.mv-top {
  position: relative;
  width: 100%;
  background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
  .mv-top {
    height: 62px;
    background-size: 17px 62px;
    background-image: url(../../../sp/assets/images/common/bg_sky-repeat.png);
  }
}
@media screen and (min-width: 769px) {
  .mv-top {
    height: 171px;
    background-image: url(../images/index/bg_sky-sea_repeat.png);
    background-size: 26px 171px;
  }
}
.mv-top.is-scroll {
  margin-top: -94px;
}
@media screen and (min-width: 769px) {
  .mv-top__wrapper {
    height: 210px;
  }
}
.mv-top__img {
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mv-top__img {
    max-width: 375px;
    height: 62px;
    text-align: center;
    background-image: url(../../../sp/assets/images/common/bg_sky.png);
    background-size: 375px 62px;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .mv-top__img {
    max-width: 1366px;
    height: 171px;
    background-image: url(../images/index/bg_sky-sea_top.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.mv-top img {
  width: 100%;
  height: auto;
}
.mv-top__txt {
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
@media screen and (max-width: 768px) {
  .mv-top__txt {
    font-size: 1.2rem;
    width: 100%;
    position: fixed;
    z-index: 50;
    line-height: 1;
    padding: 5px 0 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .mv {
    margin-top: 17px;
  }
}
@media screen and (min-width: 769px) {
  .mv {
    display: none;
    margin-top: 20px;
  }
}
.mv__item {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .mv__item {
    margin: 0 15px;
  }
}
@media screen and (min-width: 769px) {
  .mv__item {
    width: 320px;
    margin: 0 10px;
  }
}
.mv__link {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  .mv__link {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
.mv__link:hover {
  opacity: 0.5;
}
.mv__link img {
  width: 100%;
  height: auto;
}
.mv.slick-initialized {
  display: block;
}

.mv-row {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mv-row {
    max-width: 768px;
  }
}
@media screen and (min-width: 769px) {
  .mv-row {
    min-width: 1366px;
    margin: 0 auto;
  }
}
.mv-row__img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mv-row__img {
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .mv-row__img {
    z-index: 0;
    position: absolute;
  }
}
.mv-row__img img {
  width: 100%;
  height: auto;
}
.mv-row__txt {
  z-index: 10;
  font-family: ten-mincho, serif;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .mv-row__txt {
    margin: 0 auto;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) {
  .mv-row__txt {
    position: relative;
    padding-top: 65px;
    font-size: 2.4rem;
  }
}
.mv-row .announcement {
  color: white;
  line-height: 1.5;
  background-color: #243359;
}
@media screen and (max-width: 768px) {
  .mv-row .announcement {
    margin: 0px auto 40px;
    font-size: 1.4rem;
    max-width: 310px;
    padding: 15px;
  }
}
@media screen and (min-width: 769px) {
  .mv-row .announcement {
    margin: 0 auto 50px;
    max-width: 625px;
    padding: 10px 15px;
    font-size: 1.6rem;
  }
}
.mv-row .announcement p:first-child {
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .slick-dots {
    bottom: -30px;
  }
}
@media screen and (min-width: 769px) {
  .slick-dots {
    bottom: -45px;
  }
}
.slick-dots li button::before {
  color: #fff;
  opacity: 1;
}
.slick-dots li.slick-active button::before {
  color: #d40505;
}

.sidebar {
  z-index: 10;
  position: relative;
  width: 256px;
}
.sidebar__search-box {
  margin-bottom: 20px !important;
}
.sidebar__bnr-area {
  width: 100%;
}
.sidebar__bnr-item {
  display: block;
  width: 100%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.sidebar__bnr-item:nth-child(n + 2) {
  margin-top: 25px;
}
.sidebar__bnr-item:hover {
  opacity: 0.7;
}
.sidebar__bnr-item img {
  width: 100%;
  height: auto;
}
.sidebar__cat-area {
  margin-top: 55px;
}
.sidebar__bg-img-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  width: 100%;
  height: 47px;
  font-size: 1.9rem;
  font-family: ten-mincho, serif;
  color: #fff;
  background-image: url(../images/common/ttl_bg-cat.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.sidebar__bg-img-ttl:hover {
  opacity: 0.7;
  color: #fff;
}
.sidebar__cat-ttl {
  display: block;
  width: 100%;
  margin-top: 30px;
  padding-bottom: 5px;
  font-size: 2.2rem;
  font-family: ten-mincho, serif;
  color: #243359;
  border-bottom: 1px solid #243359;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.sidebar__cat-ttl:nth-child(2) {
  margin-top: 20px;
}
.sidebar__cat-ttl:hover {
  opacity: 0.7;
}
.sidebar__cat-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 13px 0;
  border-bottom: 1px solid #e1e2eb;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.sidebar__cat-item:hover {
  opacity: 0.7;
}
.sidebar__cat-item-img {
  width: 33px;
  height: 33px;
  margin-right: 8px;
}
.sidebar__cat-item-img img {
  width: 100%;
  height: auto;
}
.sidebar__cat-item-txt {
  padding-left: 5px;
}
.sidebar__cat-item-txt span {
  font-size: 19px;
  font-weight: bold;
}
.sidebar__mail-magzine {
  margin-top: 50px;
}
.sidebar__mail-magazine-ttl {
  position: relative;
  margin-top: 30px;
  padding: 12px 0 12px 60px;
  font-size: 1.7rem;
  font-family: ten-mincho, serif;
  color: #fff;
  background-color: #020202;
}
.sidebar__mail-magazine-ttl::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 30px;
  width: 20px;
  height: 14px;
  background-image: url(../images/common/ico_mail_navy.svg);
  background-position: center;
  background-size: 20px 14px;
  background-repeat: no-repeat;
}
.sidebar__mail-magazine-txt {
  padding: 15px 23px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  background-color: #243359;
}
.sidebar__mail-magazine-form {
  position: relative;
  padding: 23px 23px 50px 23px;
  background-color: #f5f5f8;
  background-image: url(../images/common/bg_mail-river.png);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
.sidebar__mail-magazine-form-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.sidebar__mail-magazine-form-txt {
  margin-top: 18px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.sidebar form dl dt input.text1 {
  width: 100%;
  height: 42px;
  padding: 13px;
  font-weight: normal;
  border: 1px solid #a9b0be;
  border-radius: 5px;
  background-color: #fff;
}
.sidebar__sub-contents {
  margin-top: 28px;
}
.sidebar__sns-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 17px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 60%;
}
.sidebar__sns-icon-item {
  display: block;
  width: 43px;
  height: 43px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.sidebar__sns-icon-item:hover {
  opacity: 0.7;
}
.sidebar__sns-icon-item:first-child {
  margin-right: 0;
}
.sidebar__sns-icon-item img {
  width: 100%;
  height: auto;
}

.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  width: 100%;
  margin: 0 auto;
}
.tabs_item {
  width: 20%;
  height: 50px;
  border-bottom: 3px solid #435276;
  background-color: #e9e9e9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tabs_item:hover {
  opacity: 0.75;
}
.tabs_content {
  display: none;
  padding: 40px 0 0 0;
  clear: both;
  overflow: hidden;
}
.tabs input:checked + .tab_item {
  background-color: #435276;
  color: #fff;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

.Tab-Wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}

/*選択されているタブのコンテンツのみを表示*/
#prdt01:checked ~ #prdt01_content,
#prdt02:checked ~ #prdt02_content,
#prdt03:checked ~ #prdt03_content,
#prdt04:checked ~ #prdt04_content,
#prdt05:checked ~ #prdt05_content {
  display: block;
}

@media screen and (max-width: 768px) {
  .searchbox-wrap {
    width: 100%;
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .searchbox-wrap {
    width: 255px;
    height: 42px;
    margin: 0 auto;
  }
}
.searchbox-wrap form {
  position: relative;
  height: 42px;
}
@media screen and (max-width: 768px) {
  .searchbox-wrap form {
    width: 100%;
    max-width: 295px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .searchbox-wrap form {
    width: 255px;
  }
}
.searchbox-wrap .searchbox {
  width: 100%;
  height: 42px;
  padding: 5px 43px 5px 20px;
  border: 1px solid #a9b0be;
  background-color: #fff;
  border-radius: 25px;
}
.searchbox-wrap .searchSubmit {
  position: absolute;
  top: 13px;
  right: 15px;
  border: none;
}

#slider3 {
  width: 100%;
  overflow: hidden;
}
#slider3 .swiper-container {
  width: 100%;
  height: auto;
}
#slider3 .swiper-container img {
  width: 100%;
  height: auto;
}
#slider3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #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;
}
#slider3 #slider-area {
  margin: 0 auto;
  overflow: visible;
  padding: 0 0 30px 0;
}
@media screen and (min-width: 769px) {
  #slider3 #slider-area {
    width: 780px;
  }
}
@media screen and (max-width: 768px) {
  #slider3 #slider-area {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #slider3 #slider-area {
    padding: 0 0 40px 0;
  }
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: -40px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: -40px;
  left: auto;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  padding: 10px;
  background: rgba(255, 255, 255, 0.6);
  color: #666;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 2px;
}
@media screen and (max-width: 480px) {
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 15px;
  }
}

@media screen and (max-width: 480px) {
  .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 10px;
  }
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.search-modal {
  display: none;
  position: fixed;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  padding: 110px 0 0 0;
  width: 769px;
  height: 365px;
}
.search-modal__close {
  background: #273356;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 43px;
  height: 43px;
  cursor: pointer;
}
.search-modal__close:hover {
  -webkit-filter: brightness(1.4);
  filter: brightness(1.4);
}
.search-modal__close span {
  display: block;
  height: 4px;
  width: 20px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.search-modal__close span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.search-modal__close span:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search-modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.search-modal__textarea {
  width: 656px;
  border-radius: 50px;
  border: solid 1px #707070;
  padding: 20px 30px;
  font-size: 20px;
  letter-spacing: 0.05em;
}
.search-modal__button {
  position: relative;
  width: 246px;
  padding: 20px;
  background-color: #243359;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none;
  letter-spacing: 0.05em;
}
.search-modal__button img {
  position: absolute;
  top: calc(50% - 5px);
  right: 25px;
}
.search-modal__button:hover {
  -webkit-filter: brightness(1.4);
  filter: brightness(1.4);
}
.search-modal__bg {
  background: rgba(129, 129, 129, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}

/*期間限定TOPページスライド上部のcss*/

.tip-info {
  text-align: center;
  margin: 30px auto 0;
  p {
    margin: 30px auto 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium",
      "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    color: #d40505;
  }
  @media (max-width: 767px) {
    display: none;
  }
}
.tip-info_sp {
  text-align: start;
  margin: 15px auto 0;
  p {
    font-size: 14px;
    margin: 20px 20px 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium",
      "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    color: #d40505;
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  @media (min-width: 768px) {
    display: none;
  }
}
.tip-info-mv-area {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .tip-info-mv-area {
    max-width: 768px;
    padding: 26px 0 20px;
  }
}
@media screen and (min-width: 769px) {
  .tip-info-mv-area {
    z-index: 20;
    position: relative;
    min-width: 1366px;
    margin: 0 auto;
    padding: 30px 0 20px;
  }
}

/* ========================================================= */
/* UTILITY SCSS                                              */
/* ========================================================= */
.u-inline {
  display: inline;
}

.u-inline-block {
  display: inline-block;
}

.u-block {
  display: block;
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.u-table {
  display: table;
}

.u-list {
  display: list;
}

.u-list-item {
  display: list-item;
}

.u-grid {
  display: -ms-grid;
  display: grid;
}

.u-hide {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .u-hide-sp {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .u-hide-sptab {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .u-hide-tab {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .u-hide-tabpc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1360px) {
  .u-hide-tabwide {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-hide-pc {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1360px) {
  .u-hide-pc2 {
    display: none !important;
  }
}
@media screen and (min-width: 1361px) {
  .u-hide-wide {
    display: none !important;
  }
}

.u-h0p {
  height: 0%;
}

.u-h4p {
  height: 5%;
}

.u-h8p {
  height: 10%;
}

.u-h12p {
  height: 15%;
}

.u-h16p {
  height: 20%;
}

.u-h20p {
  height: 25%;
}

.u-h24p {
  height: 30%;
}

.u-h28p {
  height: 35%;
}

.u-h32p {
  height: 40%;
}

.u-h36p {
  height: 45%;
}

.u-h40p {
  height: 50%;
}

.u-h44p {
  height: 55%;
}

.u-h48p {
  height: 60%;
}

.u-h52p {
  height: 65%;
}

.u-h56p {
  height: 70%;
}

.u-h60p {
  height: 75%;
}

.u-h64p {
  height: 80%;
}

.u-h68p {
  height: 85%;
}

.u-h72p {
  height: 90%;
}

.u-h76p {
  height: 95%;
}

.u-h80p {
  height: 100%;
}

.u-h84p {
  height: 105%;
}

.u-h88p {
  height: 110%;
}

.u-h92p {
  height: 115%;
}

.u-h96p {
  height: 120%;
}

.u-h100p {
  height: 125%;
}

.u-h-auto {
  height: auto !important;
}

.u-m0 {
  margin: 0em;
}

.u-m4 {
  margin: 0.25em;
}

.u-m8 {
  margin: 0.5em;
}

.u-m12 {
  margin: 0.75em;
}

.u-m16 {
  margin: 1em;
}

.u-m20 {
  margin: 1.25em;
}

.u-m24 {
  margin: 1.5em;
}

.u-m28 {
  margin: 1.75em;
}

.u-m32 {
  margin: 2em;
}

.u-m36 {
  margin: 2.25em;
}

.u-m40 {
  margin: 2.5em;
}

.u-m44 {
  margin: 2.75em;
}

.u-m48 {
  margin: 3em;
}

.u-m52 {
  margin: 3.25em;
}

.u-m56 {
  margin: 3.5em;
}

.u-m60 {
  margin: 3.75em;
}

.u-m64 {
  margin: 4em;
}

.u-m68 {
  margin: 4.25em;
}

.u-m72 {
  margin: 4.5em;
}

.u-m76 {
  margin: 4.75em;
}

.u-m80 {
  margin: 5em;
}

.u-m84 {
  margin: 5.25em;
}

.u-m88 {
  margin: 5.5em;
}

.u-m92 {
  margin: 5.75em;
}

.u-m96 {
  margin: 6em;
}

.u-m100 {
  margin: 6.25em;
}

.u-m104 {
  margin: 6.5em;
}

.u-m108 {
  margin: 6.75em;
}

.u-m112 {
  margin: 7em;
}

.u-m116 {
  margin: 7.25em;
}

.u-m120 {
  margin: 7.5em;
}

.u-m124 {
  margin: 7.75em;
}

.u-m128 {
  margin: 8em;
}

.u-m132 {
  margin: 8.25em;
}

.u-m136 {
  margin: 8.5em;
}

.u-m140 {
  margin: 8.75em;
}

.u-m144 {
  margin: 9em;
}

.u-m148 {
  margin: 9.25em;
}

.u-m152 {
  margin: 9.5em;
}

.u-m156 {
  margin: 9.75em;
}

.u-m160 {
  margin: 10em;
}

.u-m164 {
  margin: 10.25em;
}

.u-m168 {
  margin: 10.5em;
}

.u-m172 {
  margin: 10.75em;
}

.u-m176 {
  margin: 11em;
}

.u-m180 {
  margin: 11.25em;
}

.u-m184 {
  margin: 11.5em;
}

.u-m188 {
  margin: 11.75em;
}

.u-m192 {
  margin: 12em;
}

.u-m196 {
  margin: 12.25em;
}

.u-m200 {
  margin: 12.5em;
}

.u-mx0 {
  margin-right: 0em;
  margin-left: 0em;
}

.u-mx4 {
  margin-right: 0.25em;
  margin-left: 0.25em;
}

.u-mx8 {
  margin-right: 0.5em;
  margin-left: 0.5em;
}

.u-mx12 {
  margin-right: 0.75em;
  margin-left: 0.75em;
}

.u-mx16 {
  margin-right: 1em;
  margin-left: 1em;
}

.u-mx20 {
  margin-right: 1.25em;
  margin-left: 1.25em;
}

.u-mx24 {
  margin-right: 1.5em;
  margin-left: 1.5em;
}

.u-mx28 {
  margin-right: 1.75em;
  margin-left: 1.75em;
}

.u-mx32 {
  margin-right: 2em;
  margin-left: 2em;
}

.u-mx36 {
  margin-right: 2.25em;
  margin-left: 2.25em;
}

.u-mx40 {
  margin-right: 2.5em;
  margin-left: 2.5em;
}

.u-mx44 {
  margin-right: 2.75em;
  margin-left: 2.75em;
}

.u-mx48 {
  margin-right: 3em;
  margin-left: 3em;
}

.u-mx52 {
  margin-right: 3.25em;
  margin-left: 3.25em;
}

.u-mx56 {
  margin-right: 3.5em;
  margin-left: 3.5em;
}

.u-mx60 {
  margin-right: 3.75em;
  margin-left: 3.75em;
}

.u-mx64 {
  margin-right: 4em;
  margin-left: 4em;
}

.u-mx68 {
  margin-right: 4.25em;
  margin-left: 4.25em;
}

.u-mx72 {
  margin-right: 4.5em;
  margin-left: 4.5em;
}

.u-mx76 {
  margin-right: 4.75em;
  margin-left: 4.75em;
}

.u-mx80 {
  margin-right: 5em;
  margin-left: 5em;
}

.u-mx84 {
  margin-right: 5.25em;
  margin-left: 5.25em;
}

.u-mx88 {
  margin-right: 5.5em;
  margin-left: 5.5em;
}

.u-mx92 {
  margin-right: 5.75em;
  margin-left: 5.75em;
}

.u-mx96 {
  margin-right: 6em;
  margin-left: 6em;
}

.u-mx100 {
  margin-right: 6.25em;
  margin-left: 6.25em;
}

.u-mx104 {
  margin-right: 6.5em;
  margin-left: 6.5em;
}

.u-mx108 {
  margin-right: 6.75em;
  margin-left: 6.75em;
}

.u-mx112 {
  margin-right: 7em;
  margin-left: 7em;
}

.u-mx116 {
  margin-right: 7.25em;
  margin-left: 7.25em;
}

.u-mx120 {
  margin-right: 7.5em;
  margin-left: 7.5em;
}

.u-mx124 {
  margin-right: 7.75em;
  margin-left: 7.75em;
}

.u-mx128 {
  margin-right: 8em;
  margin-left: 8em;
}

.u-mx132 {
  margin-right: 8.25em;
  margin-left: 8.25em;
}

.u-mx136 {
  margin-right: 8.5em;
  margin-left: 8.5em;
}

.u-mx140 {
  margin-right: 8.75em;
  margin-left: 8.75em;
}

.u-mx144 {
  margin-right: 9em;
  margin-left: 9em;
}

.u-mx148 {
  margin-right: 9.25em;
  margin-left: 9.25em;
}

.u-mx152 {
  margin-right: 9.5em;
  margin-left: 9.5em;
}

.u-mx156 {
  margin-right: 9.75em;
  margin-left: 9.75em;
}

.u-mx160 {
  margin-right: 10em;
  margin-left: 10em;
}

.u-mx164 {
  margin-right: 10.25em;
  margin-left: 10.25em;
}

.u-mx168 {
  margin-right: 10.5em;
  margin-left: 10.5em;
}

.u-mx172 {
  margin-right: 10.75em;
  margin-left: 10.75em;
}

.u-mx176 {
  margin-right: 11em;
  margin-left: 11em;
}

.u-mx180 {
  margin-right: 11.25em;
  margin-left: 11.25em;
}

.u-mx184 {
  margin-right: 11.5em;
  margin-left: 11.5em;
}

.u-mx188 {
  margin-right: 11.75em;
  margin-left: 11.75em;
}

.u-mx192 {
  margin-right: 12em;
  margin-left: 12em;
}

.u-mx196 {
  margin-right: 12.25em;
  margin-left: 12.25em;
}

.u-mx200 {
  margin-right: 12.5em;
  margin-left: 12.5em;
}

.u-my0 {
  margin-top: 0em;
  margin-bottom: 0em;
}

.u-my4 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.u-my8 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.u-my12 {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.u-my16 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.u-my20 {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.u-my24 {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.u-my28 {
  margin-top: 1.75em;
  margin-bottom: 1.75em;
}

.u-my32 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.u-my36 {
  margin-top: 2.25em;
  margin-bottom: 2.25em;
}

.u-my40 {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

.u-my44 {
  margin-top: 2.75em;
  margin-bottom: 2.75em;
}

.u-my48 {
  margin-top: 3em;
  margin-bottom: 3em;
}

.u-my52 {
  margin-top: 3.25em;
  margin-bottom: 3.25em;
}

.u-my56 {
  margin-top: 3.5em;
  margin-bottom: 3.5em;
}

.u-my60 {
  margin-top: 3.75em;
  margin-bottom: 3.75em;
}

.u-my64 {
  margin-top: 4em;
  margin-bottom: 4em;
}

.u-my68 {
  margin-top: 4.25em;
  margin-bottom: 4.25em;
}

.u-my72 {
  margin-top: 4.5em;
  margin-bottom: 4.5em;
}

.u-my76 {
  margin-top: 4.75em;
  margin-bottom: 4.75em;
}

.u-my80 {
  margin-top: 5em;
  margin-bottom: 5em;
}

.u-my84 {
  margin-top: 5.25em;
  margin-bottom: 5.25em;
}

.u-my88 {
  margin-top: 5.5em;
  margin-bottom: 5.5em;
}

.u-my92 {
  margin-top: 5.75em;
  margin-bottom: 5.75em;
}

.u-my96 {
  margin-top: 6em;
  margin-bottom: 6em;
}

.u-my100 {
  margin-top: 6.25em;
  margin-bottom: 6.25em;
}

.u-my104 {
  margin-top: 6.5em;
  margin-bottom: 6.5em;
}

.u-my108 {
  margin-top: 6.75em;
  margin-bottom: 6.75em;
}

.u-my112 {
  margin-top: 7em;
  margin-bottom: 7em;
}

.u-my116 {
  margin-top: 7.25em;
  margin-bottom: 7.25em;
}

.u-my120 {
  margin-top: 7.5em;
  margin-bottom: 7.5em;
}

.u-my124 {
  margin-top: 7.75em;
  margin-bottom: 7.75em;
}

.u-my128 {
  margin-top: 8em;
  margin-bottom: 8em;
}

.u-my132 {
  margin-top: 8.25em;
  margin-bottom: 8.25em;
}

.u-my136 {
  margin-top: 8.5em;
  margin-bottom: 8.5em;
}

.u-my140 {
  margin-top: 8.75em;
  margin-bottom: 8.75em;
}

.u-my144 {
  margin-top: 9em;
  margin-bottom: 9em;
}

.u-my148 {
  margin-top: 9.25em;
  margin-bottom: 9.25em;
}

.u-my152 {
  margin-top: 9.5em;
  margin-bottom: 9.5em;
}

.u-my156 {
  margin-top: 9.75em;
  margin-bottom: 9.75em;
}

.u-my160 {
  margin-top: 10em;
  margin-bottom: 10em;
}

.u-my164 {
  margin-top: 10.25em;
  margin-bottom: 10.25em;
}

.u-my168 {
  margin-top: 10.5em;
  margin-bottom: 10.5em;
}

.u-my172 {
  margin-top: 10.75em;
  margin-bottom: 10.75em;
}

.u-my176 {
  margin-top: 11em;
  margin-bottom: 11em;
}

.u-my180 {
  margin-top: 11.25em;
  margin-bottom: 11.25em;
}

.u-my184 {
  margin-top: 11.5em;
  margin-bottom: 11.5em;
}

.u-my188 {
  margin-top: 11.75em;
  margin-bottom: 11.75em;
}

.u-my192 {
  margin-top: 12em;
  margin-bottom: 12em;
}

.u-my196 {
  margin-top: 12.25em;
  margin-bottom: 12.25em;
}

.u-my200 {
  margin-top: 12.5em;
  margin-bottom: 12.5em;
}

.u-mt0 {
  margin-top: 0em;
}

.u-mt4 {
  margin-top: 0.25em;
}

.u-mt8 {
  margin-top: 0.5em;
}

.u-mt12 {
  margin-top: 0.75em;
}

.u-mt16 {
  margin-top: 1em;
}

.u-mt20 {
  margin-top: 1.25em;
}

.u-mt24 {
  margin-top: 1.5em;
}

.u-mt28 {
  margin-top: 1.75em;
}

.u-mt32 {
  margin-top: 2em;
}

.u-mt36 {
  margin-top: 2.25em;
}

.u-mt40 {
  margin-top: 2.5em;
}

.u-mt44 {
  margin-top: 2.75em;
}

.u-mt48 {
  margin-top: 3em;
}

.u-mt52 {
  margin-top: 3.25em;
}

.u-mt56 {
  margin-top: 3.5em;
}

.u-mt60 {
  margin-top: 3.75em;
}

.u-mt64 {
  margin-top: 4em;
}

.u-mt68 {
  margin-top: 4.25em;
}

.u-mt72 {
  margin-top: 4.5em;
}

.u-mt76 {
  margin-top: 4.75em;
}

.u-mt80 {
  margin-top: 5em;
}

.u-mt84 {
  margin-top: 5.25em;
}

.u-mt88 {
  margin-top: 5.5em;
}

.u-mt92 {
  margin-top: 5.75em;
}

.u-mt96 {
  margin-top: 6em;
}

.u-mt100 {
  margin-top: 6.25em;
}

.u-mt104 {
  margin-top: 6.5em;
}

.u-mt108 {
  margin-top: 6.75em;
}

.u-mt112 {
  margin-top: 7em;
}

.u-mt116 {
  margin-top: 7.25em;
}

.u-mt120 {
  margin-top: 7.5em;
}

.u-mt124 {
  margin-top: 7.75em;
}

.u-mt128 {
  margin-top: 8em;
}

.u-mt132 {
  margin-top: 8.25em;
}

.u-mt136 {
  margin-top: 8.5em;
}

.u-mt140 {
  margin-top: 8.75em;
}

.u-mt144 {
  margin-top: 9em;
}

.u-mt148 {
  margin-top: 9.25em;
}

.u-mt152 {
  margin-top: 9.5em;
}

.u-mt156 {
  margin-top: 9.75em;
}

.u-mt160 {
  margin-top: 10em;
}

.u-mt164 {
  margin-top: 10.25em;
}

.u-mt168 {
  margin-top: 10.5em;
}

.u-mt172 {
  margin-top: 10.75em;
}

.u-mt176 {
  margin-top: 11em;
}

.u-mt180 {
  margin-top: 11.25em;
}

.u-mt184 {
  margin-top: 11.5em;
}

.u-mt188 {
  margin-top: 11.75em;
}

.u-mt192 {
  margin-top: 12em;
}

.u-mt196 {
  margin-top: 12.25em;
}

.u-mt200 {
  margin-top: 12.5em;
}

.u-mr0 {
  margin-right: 0em;
}

.u-mr4 {
  margin-right: 0.25em;
}

.u-mr8 {
  margin-right: 0.5em;
}

.u-mr12 {
  margin-right: 0.75em;
}

.u-mr16 {
  margin-right: 1em;
}

.u-mr20 {
  margin-right: 1.25em;
}

.u-mr24 {
  margin-right: 1.5em;
}

.u-mr28 {
  margin-right: 1.75em;
}

.u-mr32 {
  margin-right: 2em;
}

.u-mr36 {
  margin-right: 2.25em;
}

.u-mr40 {
  margin-right: 2.5em;
}

.u-mr44 {
  margin-right: 2.75em;
}

.u-mr48 {
  margin-right: 3em;
}

.u-mr52 {
  margin-right: 3.25em;
}

.u-mr56 {
  margin-right: 3.5em;
}

.u-mr60 {
  margin-right: 3.75em;
}

.u-mr64 {
  margin-right: 4em;
}

.u-mr68 {
  margin-right: 4.25em;
}

.u-mr72 {
  margin-right: 4.5em;
}

.u-mr76 {
  margin-right: 4.75em;
}

.u-mr80 {
  margin-right: 5em;
}

.u-mr84 {
  margin-right: 5.25em;
}

.u-mr88 {
  margin-right: 5.5em;
}

.u-mr92 {
  margin-right: 5.75em;
}

.u-mr96 {
  margin-right: 6em;
}

.u-mr100 {
  margin-right: 6.25em;
}

.u-mr104 {
  margin-right: 6.5em;
}

.u-mr108 {
  margin-right: 6.75em;
}

.u-mr112 {
  margin-right: 7em;
}

.u-mr116 {
  margin-right: 7.25em;
}

.u-mr120 {
  margin-right: 7.5em;
}

.u-mr124 {
  margin-right: 7.75em;
}

.u-mr128 {
  margin-right: 8em;
}

.u-mr132 {
  margin-right: 8.25em;
}

.u-mr136 {
  margin-right: 8.5em;
}

.u-mr140 {
  margin-right: 8.75em;
}

.u-mr144 {
  margin-right: 9em;
}

.u-mr148 {
  margin-right: 9.25em;
}

.u-mr152 {
  margin-right: 9.5em;
}

.u-mr156 {
  margin-right: 9.75em;
}

.u-mr160 {
  margin-right: 10em;
}

.u-mr164 {
  margin-right: 10.25em;
}

.u-mr168 {
  margin-right: 10.5em;
}

.u-mr172 {
  margin-right: 10.75em;
}

.u-mr176 {
  margin-right: 11em;
}

.u-mr180 {
  margin-right: 11.25em;
}

.u-mr184 {
  margin-right: 11.5em;
}

.u-mr188 {
  margin-right: 11.75em;
}

.u-mr192 {
  margin-right: 12em;
}

.u-mr196 {
  margin-right: 12.25em;
}

.u-mr200 {
  margin-right: 12.5em;
}

.u-mb0 {
  margin-bottom: 0em;
}

.u-mb4 {
  margin-bottom: 0.25em;
}

.u-mb8 {
  margin-bottom: 0.5em;
}

.u-mb12 {
  margin-bottom: 0.75em;
}

.u-mb16 {
  margin-bottom: 1em;
}

.u-mb20 {
  margin-bottom: 1.25em;
}

.u-mb24 {
  margin-bottom: 1.5em;
}

.u-mb28 {
  margin-bottom: 1.75em;
}

.u-mb32 {
  margin-bottom: 2em;
}

.u-mb36 {
  margin-bottom: 2.25em;
}

.u-mb40 {
  margin-bottom: 2.5em;
}

.u-mb44 {
  margin-bottom: 2.75em;
}

.u-mb48 {
  margin-bottom: 3em;
}

.u-mb52 {
  margin-bottom: 3.25em;
}

.u-mb56 {
  margin-bottom: 3.5em;
}

.u-mb60 {
  margin-bottom: 3.75em;
}

.u-mb64 {
  margin-bottom: 4em;
}

.u-mb68 {
  margin-bottom: 4.25em;
}

.u-mb72 {
  margin-bottom: 4.5em;
}

.u-mb76 {
  margin-bottom: 4.75em;
}

.u-mb80 {
  margin-bottom: 5em;
}

.u-mb84 {
  margin-bottom: 5.25em;
}

.u-mb88 {
  margin-bottom: 5.5em;
}

.u-mb92 {
  margin-bottom: 5.75em;
}

.u-mb96 {
  margin-bottom: 6em;
}

.u-mb100 {
  margin-bottom: 6.25em;
}

.u-mb104 {
  margin-bottom: 6.5em;
}

.u-mb108 {
  margin-bottom: 6.75em;
}

.u-mb112 {
  margin-bottom: 7em;
}

.u-mb116 {
  margin-bottom: 7.25em;
}

.u-mb120 {
  margin-bottom: 7.5em;
}

.u-mb124 {
  margin-bottom: 7.75em;
}

.u-mb128 {
  margin-bottom: 8em;
}

.u-mb132 {
  margin-bottom: 8.25em;
}

.u-mb136 {
  margin-bottom: 8.5em;
}

.u-mb140 {
  margin-bottom: 8.75em;
}

.u-mb144 {
  margin-bottom: 9em;
}

.u-mb148 {
  margin-bottom: 9.25em;
}

.u-mb152 {
  margin-bottom: 9.5em;
}

.u-mb156 {
  margin-bottom: 9.75em;
}

.u-mb160 {
  margin-bottom: 10em;
}

.u-mb164 {
  margin-bottom: 10.25em;
}

.u-mb168 {
  margin-bottom: 10.5em;
}

.u-mb172 {
  margin-bottom: 10.75em;
}

.u-mb176 {
  margin-bottom: 11em;
}

.u-mb180 {
  margin-bottom: 11.25em;
}

.u-mb184 {
  margin-bottom: 11.5em;
}

.u-mb188 {
  margin-bottom: 11.75em;
}

.u-mb192 {
  margin-bottom: 12em;
}

.u-mb196 {
  margin-bottom: 12.25em;
}

.u-mb200 {
  margin-bottom: 12.5em;
}

.u-ml0 {
  margin-left: 0em;
}

.u-ml4 {
  margin-left: 0.25em;
}

.u-ml8 {
  margin-left: 0.5em;
}

.u-ml12 {
  margin-left: 0.75em;
}

.u-ml16 {
  margin-left: 1em;
}

.u-ml20 {
  margin-left: 1.25em;
}

.u-ml24 {
  margin-left: 1.5em;
}

.u-ml28 {
  margin-left: 1.75em;
}

.u-ml32 {
  margin-left: 2em;
}

.u-ml36 {
  margin-left: 2.25em;
}

.u-ml40 {
  margin-left: 2.5em;
}

.u-ml44 {
  margin-left: 2.75em;
}

.u-ml48 {
  margin-left: 3em;
}

.u-ml52 {
  margin-left: 3.25em;
}

.u-ml56 {
  margin-left: 3.5em;
}

.u-ml60 {
  margin-left: 3.75em;
}

.u-ml64 {
  margin-left: 4em;
}

.u-ml68 {
  margin-left: 4.25em;
}

.u-ml72 {
  margin-left: 4.5em;
}

.u-ml76 {
  margin-left: 4.75em;
}

.u-ml80 {
  margin-left: 5em;
}

.u-ml84 {
  margin-left: 5.25em;
}

.u-ml88 {
  margin-left: 5.5em;
}

.u-ml92 {
  margin-left: 5.75em;
}

.u-ml96 {
  margin-left: 6em;
}

.u-ml100 {
  margin-left: 6.25em;
}

.u-ml104 {
  margin-left: 6.5em;
}

.u-ml108 {
  margin-left: 6.75em;
}

.u-ml112 {
  margin-left: 7em;
}

.u-ml116 {
  margin-left: 7.25em;
}

.u-ml120 {
  margin-left: 7.5em;
}

.u-ml124 {
  margin-left: 7.75em;
}

.u-ml128 {
  margin-left: 8em;
}

.u-ml132 {
  margin-left: 8.25em;
}

.u-ml136 {
  margin-left: 8.5em;
}

.u-ml140 {
  margin-left: 8.75em;
}

.u-ml144 {
  margin-left: 9em;
}

.u-ml148 {
  margin-left: 9.25em;
}

.u-ml152 {
  margin-left: 9.5em;
}

.u-ml156 {
  margin-left: 9.75em;
}

.u-ml160 {
  margin-left: 10em;
}

.u-ml164 {
  margin-left: 10.25em;
}

.u-ml168 {
  margin-left: 10.5em;
}

.u-ml172 {
  margin-left: 10.75em;
}

.u-ml176 {
  margin-left: 11em;
}

.u-ml180 {
  margin-left: 11.25em;
}

.u-ml184 {
  margin-left: 11.5em;
}

.u-ml188 {
  margin-left: 11.75em;
}

.u-ml192 {
  margin-left: 12em;
}

.u-ml196 {
  margin-left: 12.25em;
}

.u-ml200 {
  margin-left: 12.5em;
}

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

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

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

.u-p0 {
  padding: 0em;
}

.u-p4 {
  padding: 0.25em;
}

.u-p8 {
  padding: 0.5em;
}

.u-p12 {
  padding: 0.75em;
}

.u-p16 {
  padding: 1em;
}

.u-p20 {
  padding: 1.25em;
}

.u-p24 {
  padding: 1.5em;
}

.u-p28 {
  padding: 1.75em;
}

.u-p32 {
  padding: 2em;
}

.u-p36 {
  padding: 2.25em;
}

.u-p40 {
  padding: 2.5em;
}

.u-p44 {
  padding: 2.75em;
}

.u-p48 {
  padding: 3em;
}

.u-p52 {
  padding: 3.25em;
}

.u-p56 {
  padding: 3.5em;
}

.u-p60 {
  padding: 3.75em;
}

.u-p64 {
  padding: 4em;
}

.u-p68 {
  padding: 4.25em;
}

.u-p72 {
  padding: 4.5em;
}

.u-p76 {
  padding: 4.75em;
}

.u-p80 {
  padding: 5em;
}

.u-p84 {
  padding: 5.25em;
}

.u-p88 {
  padding: 5.5em;
}

.u-p92 {
  padding: 5.75em;
}

.u-p96 {
  padding: 6em;
}

.u-p100 {
  padding: 6.25em;
}

.u-p104 {
  padding: 6.5em;
}

.u-p108 {
  padding: 6.75em;
}

.u-p112 {
  padding: 7em;
}

.u-p116 {
  padding: 7.25em;
}

.u-p120 {
  padding: 7.5em;
}

.u-p124 {
  padding: 7.75em;
}

.u-p128 {
  padding: 8em;
}

.u-p132 {
  padding: 8.25em;
}

.u-p136 {
  padding: 8.5em;
}

.u-p140 {
  padding: 8.75em;
}

.u-p144 {
  padding: 9em;
}

.u-p148 {
  padding: 9.25em;
}

.u-p152 {
  padding: 9.5em;
}

.u-p156 {
  padding: 9.75em;
}

.u-p160 {
  padding: 10em;
}

.u-p164 {
  padding: 10.25em;
}

.u-p168 {
  padding: 10.5em;
}

.u-p172 {
  padding: 10.75em;
}

.u-p176 {
  padding: 11em;
}

.u-p180 {
  padding: 11.25em;
}

.u-p184 {
  padding: 11.5em;
}

.u-p188 {
  padding: 11.75em;
}

.u-p192 {
  padding: 12em;
}

.u-p196 {
  padding: 12.25em;
}

.u-p200 {
  padding: 12.5em;
}

.u-px0 {
  padding-right: 0em;
  padding-left: 0em;
}

.u-px4 {
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.u-px8 {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.u-px12 {
  padding-right: 0.75em;
  padding-left: 0.75em;
}

.u-px16 {
  padding-right: 1em;
  padding-left: 1em;
}

.u-px20 {
  padding-right: 1.25em;
  padding-left: 1.25em;
}

.u-px24 {
  padding-right: 1.5em;
  padding-left: 1.5em;
}

.u-px28 {
  padding-right: 1.75em;
  padding-left: 1.75em;
}

.u-px32 {
  padding-right: 2em;
  padding-left: 2em;
}

.u-px36 {
  padding-right: 2.25em;
  padding-left: 2.25em;
}

.u-px40 {
  padding-right: 2.5em;
  padding-left: 2.5em;
}

.u-px44 {
  padding-right: 2.75em;
  padding-left: 2.75em;
}

.u-px48 {
  padding-right: 3em;
  padding-left: 3em;
}

.u-px52 {
  padding-right: 3.25em;
  padding-left: 3.25em;
}

.u-px56 {
  padding-right: 3.5em;
  padding-left: 3.5em;
}

.u-px60 {
  padding-right: 3.75em;
  padding-left: 3.75em;
}

.u-px64 {
  padding-right: 4em;
  padding-left: 4em;
}

.u-px68 {
  padding-right: 4.25em;
  padding-left: 4.25em;
}

.u-px72 {
  padding-right: 4.5em;
  padding-left: 4.5em;
}

.u-px76 {
  padding-right: 4.75em;
  padding-left: 4.75em;
}

.u-px80 {
  padding-right: 5em;
  padding-left: 5em;
}

.u-px84 {
  padding-right: 5.25em;
  padding-left: 5.25em;
}

.u-px88 {
  padding-right: 5.5em;
  padding-left: 5.5em;
}

.u-px92 {
  padding-right: 5.75em;
  padding-left: 5.75em;
}

.u-px96 {
  padding-right: 6em;
  padding-left: 6em;
}

.u-px100 {
  padding-right: 6.25em;
  padding-left: 6.25em;
}

.u-px104 {
  padding-right: 6.5em;
  padding-left: 6.5em;
}

.u-px108 {
  padding-right: 6.75em;
  padding-left: 6.75em;
}

.u-px112 {
  padding-right: 7em;
  padding-left: 7em;
}

.u-px116 {
  padding-right: 7.25em;
  padding-left: 7.25em;
}

.u-px120 {
  padding-right: 7.5em;
  padding-left: 7.5em;
}

.u-px124 {
  padding-right: 7.75em;
  padding-left: 7.75em;
}

.u-px128 {
  padding-right: 8em;
  padding-left: 8em;
}

.u-px132 {
  padding-right: 8.25em;
  padding-left: 8.25em;
}

.u-px136 {
  padding-right: 8.5em;
  padding-left: 8.5em;
}

.u-px140 {
  padding-right: 8.75em;
  padding-left: 8.75em;
}

.u-px144 {
  padding-right: 9em;
  padding-left: 9em;
}

.u-px148 {
  padding-right: 9.25em;
  padding-left: 9.25em;
}

.u-px152 {
  padding-right: 9.5em;
  padding-left: 9.5em;
}

.u-px156 {
  padding-right: 9.75em;
  padding-left: 9.75em;
}

.u-px160 {
  padding-right: 10em;
  padding-left: 10em;
}

.u-px164 {
  padding-right: 10.25em;
  padding-left: 10.25em;
}

.u-px168 {
  padding-right: 10.5em;
  padding-left: 10.5em;
}

.u-px172 {
  padding-right: 10.75em;
  padding-left: 10.75em;
}

.u-px176 {
  padding-right: 11em;
  padding-left: 11em;
}

.u-px180 {
  padding-right: 11.25em;
  padding-left: 11.25em;
}

.u-px184 {
  padding-right: 11.5em;
  padding-left: 11.5em;
}

.u-px188 {
  padding-right: 11.75em;
  padding-left: 11.75em;
}

.u-px192 {
  padding-right: 12em;
  padding-left: 12em;
}

.u-px196 {
  padding-right: 12.25em;
  padding-left: 12.25em;
}

.u-px200 {
  padding-right: 12.5em;
  padding-left: 12.5em;
}

.u-py0 {
  padding-top: 0em;
  padding-bottom: 0em;
}

.u-py4 {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.u-py8 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.u-py12 {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

.u-py16 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.u-py20 {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}

.u-py24 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.u-py28 {
  padding-top: 1.75em;
  padding-bottom: 1.75em;
}

.u-py32 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.u-py36 {
  padding-top: 2.25em;
  padding-bottom: 2.25em;
}

.u-py40 {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.u-py44 {
  padding-top: 2.75em;
  padding-bottom: 2.75em;
}

.u-py48 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.u-py52 {
  padding-top: 3.25em;
  padding-bottom: 3.25em;
}

.u-py56 {
  padding-top: 3.5em;
  padding-bottom: 3.5em;
}

.u-py60 {
  padding-top: 3.75em;
  padding-bottom: 3.75em;
}

.u-py64 {
  padding-top: 4em;
  padding-bottom: 4em;
}

.u-py68 {
  padding-top: 4.25em;
  padding-bottom: 4.25em;
}

.u-py72 {
  padding-top: 4.5em;
  padding-bottom: 4.5em;
}

.u-py76 {
  padding-top: 4.75em;
  padding-bottom: 4.75em;
}

.u-py80 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.u-py84 {
  padding-top: 5.25em;
  padding-bottom: 5.25em;
}

.u-py88 {
  padding-top: 5.5em;
  padding-bottom: 5.5em;
}

.u-py92 {
  padding-top: 5.75em;
  padding-bottom: 5.75em;
}

.u-py96 {
  padding-top: 6em;
  padding-bottom: 6em;
}

.u-py100 {
  padding-top: 6.25em;
  padding-bottom: 6.25em;
}

.u-py104 {
  padding-top: 6.5em;
  padding-bottom: 6.5em;
}

.u-py108 {
  padding-top: 6.75em;
  padding-bottom: 6.75em;
}

.u-py112 {
  padding-top: 7em;
  padding-bottom: 7em;
}

.u-py116 {
  padding-top: 7.25em;
  padding-bottom: 7.25em;
}

.u-py120 {
  padding-top: 7.5em;
  padding-bottom: 7.5em;
}

.u-py124 {
  padding-top: 7.75em;
  padding-bottom: 7.75em;
}

.u-py128 {
  padding-top: 8em;
  padding-bottom: 8em;
}

.u-py132 {
  padding-top: 8.25em;
  padding-bottom: 8.25em;
}

.u-py136 {
  padding-top: 8.5em;
  padding-bottom: 8.5em;
}

.u-py140 {
  padding-top: 8.75em;
  padding-bottom: 8.75em;
}

.u-py144 {
  padding-top: 9em;
  padding-bottom: 9em;
}

.u-py148 {
  padding-top: 9.25em;
  padding-bottom: 9.25em;
}

.u-py152 {
  padding-top: 9.5em;
  padding-bottom: 9.5em;
}

.u-py156 {
  padding-top: 9.75em;
  padding-bottom: 9.75em;
}

.u-py160 {
  padding-top: 10em;
  padding-bottom: 10em;
}

.u-py164 {
  padding-top: 10.25em;
  padding-bottom: 10.25em;
}

.u-py168 {
  padding-top: 10.5em;
  padding-bottom: 10.5em;
}

.u-py172 {
  padding-top: 10.75em;
  padding-bottom: 10.75em;
}

.u-py176 {
  padding-top: 11em;
  padding-bottom: 11em;
}

.u-py180 {
  padding-top: 11.25em;
  padding-bottom: 11.25em;
}

.u-py184 {
  padding-top: 11.5em;
  padding-bottom: 11.5em;
}

.u-py188 {
  padding-top: 11.75em;
  padding-bottom: 11.75em;
}

.u-py192 {
  padding-top: 12em;
  padding-bottom: 12em;
}

.u-py196 {
  padding-top: 12.25em;
  padding-bottom: 12.25em;
}

.u-py200 {
  padding-top: 12.5em;
  padding-bottom: 12.5em;
}

.u-pt0 {
  padding-top: 0em;
}

.u-pt4 {
  padding-top: 0.25em;
}

.u-pt8 {
  padding-top: 0.5em;
}

.u-pt12 {
  padding-top: 0.75em;
}

.u-pt16 {
  padding-top: 1em;
}

.u-pt20 {
  padding-top: 1.25em;
}

.u-pt24 {
  padding-top: 1.5em;
}

.u-pt28 {
  padding-top: 1.75em;
}

.u-pt32 {
  padding-top: 2em;
}

.u-pt36 {
  padding-top: 2.25em;
}

.u-pt40 {
  padding-top: 2.5em;
}

.u-pt44 {
  padding-top: 2.75em;
}

.u-pt48 {
  padding-top: 3em;
}

.u-pt52 {
  padding-top: 3.25em;
}

.u-pt56 {
  padding-top: 3.5em;
}

.u-pt60 {
  padding-top: 3.75em;
}

.u-pt64 {
  padding-top: 4em;
}

.u-pt68 {
  padding-top: 4.25em;
}

.u-pt72 {
  padding-top: 4.5em;
}

.u-pt76 {
  padding-top: 4.75em;
}

.u-pt80 {
  padding-top: 5em;
}

.u-pt84 {
  padding-top: 5.25em;
}

.u-pt88 {
  padding-top: 5.5em;
}

.u-pt92 {
  padding-top: 5.75em;
}

.u-pt96 {
  padding-top: 6em;
}

.u-pt100 {
  padding-top: 6.25em;
}

.u-pt104 {
  padding-top: 6.5em;
}

.u-pt108 {
  padding-top: 6.75em;
}

.u-pt112 {
  padding-top: 7em;
}

.u-pt116 {
  padding-top: 7.25em;
}

.u-pt120 {
  padding-top: 7.5em;
}

.u-pt124 {
  padding-top: 7.75em;
}

.u-pt128 {
  padding-top: 8em;
}

.u-pt132 {
  padding-top: 8.25em;
}

.u-pt136 {
  padding-top: 8.5em;
}

.u-pt140 {
  padding-top: 8.75em;
}

.u-pt144 {
  padding-top: 9em;
}

.u-pt148 {
  padding-top: 9.25em;
}

.u-pt152 {
  padding-top: 9.5em;
}

.u-pt156 {
  padding-top: 9.75em;
}

.u-pt160 {
  padding-top: 10em;
}

.u-pt164 {
  padding-top: 10.25em;
}

.u-pt168 {
  padding-top: 10.5em;
}

.u-pt172 {
  padding-top: 10.75em;
}

.u-pt176 {
  padding-top: 11em;
}

.u-pt180 {
  padding-top: 11.25em;
}

.u-pt184 {
  padding-top: 11.5em;
}

.u-pt188 {
  padding-top: 11.75em;
}

.u-pt192 {
  padding-top: 12em;
}

.u-pt196 {
  padding-top: 12.25em;
}

.u-pt200 {
  padding-top: 12.5em;
}

.u-pr0 {
  padding-right: 0em;
}

.u-pr4 {
  padding-right: 0.25em;
}

.u-pr8 {
  padding-right: 0.5em;
}

.u-pr12 {
  padding-right: 0.75em;
}

.u-pr16 {
  padding-right: 1em;
}

.u-pr20 {
  padding-right: 1.25em;
}

.u-pr24 {
  padding-right: 1.5em;
}

.u-pr28 {
  padding-right: 1.75em;
}

.u-pr32 {
  padding-right: 2em;
}

.u-pr36 {
  padding-right: 2.25em;
}

.u-pr40 {
  padding-right: 2.5em;
}

.u-pr44 {
  padding-right: 2.75em;
}

.u-pr48 {
  padding-right: 3em;
}

.u-pr52 {
  padding-right: 3.25em;
}

.u-pr56 {
  padding-right: 3.5em;
}

.u-pr60 {
  padding-right: 3.75em;
}

.u-pr64 {
  padding-right: 4em;
}

.u-pr68 {
  padding-right: 4.25em;
}

.u-pr72 {
  padding-right: 4.5em;
}

.u-pr76 {
  padding-right: 4.75em;
}

.u-pr80 {
  padding-right: 5em;
}

.u-pr84 {
  padding-right: 5.25em;
}

.u-pr88 {
  padding-right: 5.5em;
}

.u-pr92 {
  padding-right: 5.75em;
}

.u-pr96 {
  padding-right: 6em;
}

.u-pr100 {
  padding-right: 6.25em;
}

.u-pr104 {
  padding-right: 6.5em;
}

.u-pr108 {
  padding-right: 6.75em;
}

.u-pr112 {
  padding-right: 7em;
}

.u-pr116 {
  padding-right: 7.25em;
}

.u-pr120 {
  padding-right: 7.5em;
}

.u-pr124 {
  padding-right: 7.75em;
}

.u-pr128 {
  padding-right: 8em;
}

.u-pr132 {
  padding-right: 8.25em;
}

.u-pr136 {
  padding-right: 8.5em;
}

.u-pr140 {
  padding-right: 8.75em;
}

.u-pr144 {
  padding-right: 9em;
}

.u-pr148 {
  padding-right: 9.25em;
}

.u-pr152 {
  padding-right: 9.5em;
}

.u-pr156 {
  padding-right: 9.75em;
}

.u-pr160 {
  padding-right: 10em;
}

.u-pr164 {
  padding-right: 10.25em;
}

.u-pr168 {
  padding-right: 10.5em;
}

.u-pr172 {
  padding-right: 10.75em;
}

.u-pr176 {
  padding-right: 11em;
}

.u-pr180 {
  padding-right: 11.25em;
}

.u-pr184 {
  padding-right: 11.5em;
}

.u-pr188 {
  padding-right: 11.75em;
}

.u-pr192 {
  padding-right: 12em;
}

.u-pr196 {
  padding-right: 12.25em;
}

.u-pr200 {
  padding-right: 12.5em;
}

.u-pb0 {
  padding-bottom: 0em;
}

.u-pb4 {
  padding-bottom: 0.25em;
}

.u-pb8 {
  padding-bottom: 0.5em;
}

.u-pb12 {
  padding-bottom: 0.75em;
}

.u-pb16 {
  padding-bottom: 1em;
}

.u-pb20 {
  padding-bottom: 1.25em;
}

.u-pb24 {
  padding-bottom: 1.5em;
}

.u-pb28 {
  padding-bottom: 1.75em;
}

.u-pb32 {
  padding-bottom: 2em;
}

.u-pb36 {
  padding-bottom: 2.25em;
}

.u-pb40 {
  padding-bottom: 2.5em;
}

.u-pb44 {
  padding-bottom: 2.75em;
}

.u-pb48 {
  padding-bottom: 3em;
}

.u-pb52 {
  padding-bottom: 3.25em;
}

.u-pb56 {
  padding-bottom: 3.5em;
}

.u-pb60 {
  padding-bottom: 3.75em;
}

.u-pb64 {
  padding-bottom: 4em;
}

.u-pb68 {
  padding-bottom: 4.25em;
}

.u-pb72 {
  padding-bottom: 4.5em;
}

.u-pb76 {
  padding-bottom: 4.75em;
}

.u-pb80 {
  padding-bottom: 5em;
}

.u-pb84 {
  padding-bottom: 5.25em;
}

.u-pb88 {
  padding-bottom: 5.5em;
}

.u-pb92 {
  padding-bottom: 5.75em;
}

.u-pb96 {
  padding-bottom: 6em;
}

.u-pb100 {
  padding-bottom: 6.25em;
}

.u-pb104 {
  padding-bottom: 6.5em;
}

.u-pb108 {
  padding-bottom: 6.75em;
}

.u-pb112 {
  padding-bottom: 7em;
}

.u-pb116 {
  padding-bottom: 7.25em;
}

.u-pb120 {
  padding-bottom: 7.5em;
}

.u-pb124 {
  padding-bottom: 7.75em;
}

.u-pb128 {
  padding-bottom: 8em;
}

.u-pb132 {
  padding-bottom: 8.25em;
}

.u-pb136 {
  padding-bottom: 8.5em;
}

.u-pb140 {
  padding-bottom: 8.75em;
}

.u-pb144 {
  padding-bottom: 9em;
}

.u-pb148 {
  padding-bottom: 9.25em;
}

.u-pb152 {
  padding-bottom: 9.5em;
}

.u-pb156 {
  padding-bottom: 9.75em;
}

.u-pb160 {
  padding-bottom: 10em;
}

.u-pb164 {
  padding-bottom: 10.25em;
}

.u-pb168 {
  padding-bottom: 10.5em;
}

.u-pb172 {
  padding-bottom: 10.75em;
}

.u-pb176 {
  padding-bottom: 11em;
}

.u-pb180 {
  padding-bottom: 11.25em;
}

.u-pb184 {
  padding-bottom: 11.5em;
}

.u-pb188 {
  padding-bottom: 11.75em;
}

.u-pb192 {
  padding-bottom: 12em;
}

.u-pb196 {
  padding-bottom: 12.25em;
}

.u-pb200 {
  padding-bottom: 12.5em;
}

.u-pl0 {
  padding-left: 0em;
}

.u-pl4 {
  padding-left: 0.25em;
}

.u-pl8 {
  padding-left: 0.5em;
}

.u-pl12 {
  padding-left: 0.75em;
}

.u-pl16 {
  padding-left: 1em;
}

.u-pl20 {
  padding-left: 1.25em;
}

.u-pl24 {
  padding-left: 1.5em;
}

.u-pl28 {
  padding-left: 1.75em;
}

.u-pl32 {
  padding-left: 2em;
}

.u-pl36 {
  padding-left: 2.25em;
}

.u-pl40 {
  padding-left: 2.5em;
}

.u-pl44 {
  padding-left: 2.75em;
}

.u-pl48 {
  padding-left: 3em;
}

.u-pl52 {
  padding-left: 3.25em;
}

.u-pl56 {
  padding-left: 3.5em;
}

.u-pl60 {
  padding-left: 3.75em;
}

.u-pl64 {
  padding-left: 4em;
}

.u-pl68 {
  padding-left: 4.25em;
}

.u-pl72 {
  padding-left: 4.5em;
}

.u-pl76 {
  padding-left: 4.75em;
}

.u-pl80 {
  padding-left: 5em;
}

.u-pl84 {
  padding-left: 5.25em;
}

.u-pl88 {
  padding-left: 5.5em;
}

.u-pl92 {
  padding-left: 5.75em;
}

.u-pl96 {
  padding-left: 6em;
}

.u-pl100 {
  padding-left: 6.25em;
}

.u-pl104 {
  padding-left: 6.5em;
}

.u-pl108 {
  padding-left: 6.75em;
}

.u-pl112 {
  padding-left: 7em;
}

.u-pl116 {
  padding-left: 7.25em;
}

.u-pl120 {
  padding-left: 7.5em;
}

.u-pl124 {
  padding-left: 7.75em;
}

.u-pl128 {
  padding-left: 8em;
}

.u-pl132 {
  padding-left: 8.25em;
}

.u-pl136 {
  padding-left: 8.5em;
}

.u-pl140 {
  padding-left: 8.75em;
}

.u-pl144 {
  padding-left: 9em;
}

.u-pl148 {
  padding-left: 9.25em;
}

.u-pl152 {
  padding-left: 9.5em;
}

.u-pl156 {
  padding-left: 9.75em;
}

.u-pl160 {
  padding-left: 10em;
}

.u-pl164 {
  padding-left: 10.25em;
}

.u-pl168 {
  padding-left: 10.5em;
}

.u-pl172 {
  padding-left: 10.75em;
}

.u-pl176 {
  padding-left: 11em;
}

.u-pl180 {
  padding-left: 11.25em;
}

.u-pl184 {
  padding-left: 11.5em;
}

.u-pl188 {
  padding-left: 11.75em;
}

.u-pl192 {
  padding-left: 12em;
}

.u-pl196 {
  padding-left: 12.25em;
}

.u-pl200 {
  padding-left: 12.5em;
}

.u-text-center {
  text-align: center;
}
.u-text-right {
  text-align: right;
}
.u-text-left {
  text-align: left;
}

.u-fz1x {
  font-size: 1em;
}

.u-fz2x {
  font-size: 2em;
}

.u-fz3x {
  font-size: 3em;
}

.u-fz4x {
  font-size: 4em;
}

.u-fz5x {
  font-size: 5em;
}

.u-fz6x {
  font-size: 6em;
}

.u-fz7x {
  font-size: 7em;
}

.u-fz8x {
  font-size: 8em;
}

.u-fz9x {
  font-size: 9em;
}

.u-fz10x {
  font-size: 10em;
}

.u-w0p {
  width: 0%;
}

.u-w4p {
  width: 5%;
}

.u-w8p {
  width: 10%;
}

.u-w12p {
  width: 15%;
}

.u-w16p {
  width: 20%;
}

.u-w20p {
  width: 25%;
}

.u-w24p {
  width: 30%;
}

.u-w28p {
  width: 35%;
}

.u-w32p {
  width: 40%;
}

.u-w36p {
  width: 45%;
}

.u-w40p {
  width: 50%;
}

.u-w44p {
  width: 55%;
}

.u-w48p {
  width: 60%;
}

.u-w52p {
  width: 65%;
}

.u-w56p {
  width: 70%;
}

.u-w60p {
  width: 75%;
}

.u-w64p {
  width: 80%;
}

.u-w68p {
  width: 85%;
}

.u-w72p {
  width: 90%;
}

.u-w76p {
  width: 95%;
}

.u-w80p {
  width: 100%;
}

.u-w84p {
  width: 105%;
}

.u-w88p {
  width: 110%;
}

.u-w92p {
  width: 115%;
}

.u-w96p {
  width: 120%;
}

.u-w100p {
  width: 125%;
}

.u-w-auto {
  width: auto !important;
}