/***********************************************************************
media queries setting
**********************************************************************/
/***********************************************************************
reset
**********************************************************************/
* {
  margin: 0;
  padding: 0;
}

html, body {
  -webkit-text-size-adjust: 100%;
}

body {
  color: #fff;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(1vw, 14px);
}
@media (max-width: 768px) {
  body {
    font-size: 3.733vw;
  }
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, img,
article, footer, header, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  list-style-type: none;
}

th {
  font-weight: normal;
  text-align: inherit;
}

select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  font-family: "Noto Sans JP", sans-serif;
}

select {
  cursor: pointer;
}

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

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  outline: none;
}

*:focus {
  outline: none;
}

img[src$=".svg"] {
  width: 100%;
}

hr {
  display: none;
}

a {
  color: #fff;
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

/* set html5 elements to block */
article, footer, header, nav, section {
  display: block;
}

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

.pc {
  display: block;
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media (max-width: 768px) {
  .sp {
    display: block;
  }
}

@media (max-width: 768px) {
  br.sp {
    display: inline-block !important;
  }
}

ul {
  font-size: 0;
}
ul li {
  font-size: min(1.094vw, 14px);
}
@media (max-width: 768px) {
  ul li {
    font-size: 3.733vw;
  }
}

/********************************************************************************
header
********************************************************************************/
header {
  position: absolute;
  left: 2.5%;
  top: 0;
  width: 95%;
  z-index: 100;
  /* sp nav */
  /* sp nav */
}
header #title {
  font-size: min(1.07vw, 15px);
  letter-spacing: 0.1em;
  margin-top: min(4.07vw, 57px);
}
header #nav-btn {
  display: none;
}
@media (max-width: 768px) {
  header #nav-btn {
    cursor: pointer;
    display: inline-block;
    height: 7.2vw;
    padding: 6vw 3.6vw;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 10.6vw;
    z-index: 1000;
  }
  header #nav-btn span {
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    height: 2px;
    position: absolute;
    left: 25%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 10.6vw;
  }
  header #nav-btn span:nth-of-type(1) {
    top: 6vw;
  }
  header #nav-btn span:nth-of-type(2) {
    top: 8.8vw;
  }
  header #nav-btn.active span:nth-of-type(1) {
    -webkit-transform: translateY(1.4vw) rotate(35deg);
            transform: translateY(1.4vw) rotate(35deg);
  }
  header #nav-btn.active span:nth-of-type(2) {
    -webkit-transform: translateY(-1.4vw) rotate(-35deg);
            transform: translateY(-1.4vw) rotate(-35deg);
  }
}
header .gnav {
  display: none;
}
@media (max-width: 768px) {
  header .gnav {
    background: #00264a;
    border-radius: 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
    opacity: 0;
    padding: 3vw 4.7% 9.06vw;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    visibility: hidden;
    width: 100%;
    z-index: 999;
  }
  header .gnav.active {
    visibility: visible;
    opacity: 1;
  }
  header .gnav .title {
    font-size: 8.8vw;
    font-weight: 900;
    margin-bottom: 9.33vw;
  }
  header .gnav .title small {
    font-size: 4.8vw;
  }
  header .gnav .head {
    font-size: 5.97vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 4vw;
    text-align: center;
  }
  header .gnav .head strong {
    font-size: 10.66vw;
  }
  header .gnav ul + .head {
    margin-top: 12vw;
  }
  header .gnav li:not(:last-child) {
    margin-bottom: 2.66vw;
  }
  header .gnav li a {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    font-size: 5.86vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    padding: 4.53vw;
    text-align: center;
    width: 100%;
  }
  header .gnav li a small {
    display: block;
    font-size: 2.66vw;
  }
}
header .sp-nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: min(3.36vw, 47px);
}
@media (max-width: 768px) {
  header .sp-nav-box {
    display: none;
  }
}
header .sp-nav-box .sp-nav {
  position: relative;
}
header .sp-nav-box .sp-nav:first-child {
  margin-right: min(2.57vw, 36px);
}
header .sp-nav-box .head {
  background: #00264a;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 26px;
  cursor: pointer;
  font-size: min(1.1vw, 15.5px);
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: min(0.75vw, 10.5px) min(0.75vw, 10.5px) min(0.75vw, 10.5px) min(1.21vw, 17px);
  position: relative;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  z-index: 1;
}
header .sp-nav-box .head img {
  margin-left: min(1.28vw, 18px);
  -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: min(1.43vw, 26px);
}
header .sp-nav-box .head.open img {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
header .sp-nav-box .head:hover {
  background: #2a4865;
}
header .sp-nav-box .page-list {
  background: #8a9fbc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  padding: 0 min(1.21vw, 17px);
  position: absolute;
  left: 0;
  top: min(1.56vw, 21.5px);
  width: 100%;
}
header .sp-nav-box .page-list li:first-child {
  padding-top: min(1.56vw, 21.5px);
}
header .sp-nav-box .page-list li:last-child {
  padding-bottom: min(0.5vw, 7px);
}
header .sp-nav-box .page-list li:not(:last-child) {
  border-bottom: 1px dashed rgba(0, 38, 74, 0.5);
}
header .sp-nav-box .page-list a {
  display: block;
  font-size: min(1.03vw, 14.5px);
  font-weight: 700;
  padding: min(0.57vw, 8px) 0;
  width: 100%;
}
header .sp-nav-box .page-list a:hover {
  color: #00264a;
}
header .sp-nav-box .page-list small {
  font-size: min(0.57vw, 8px);
  display: block;
}

/********************************************************************************
footer
********************************************************************************/
/* footer-nav */
.footer-nav {
  background: #00264a;
  margin-bottom: min(5vw, 70px);
  padding-bottom: min(10.36vw, 145px);
}
.footer-nav .head {
  font-size: min(2vw, 28px);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: min(0.785vw, 11px);
  text-align: center;
}
.footer-nav .head strong {
  font-size: min(3.57vw, 50px);
}
.footer-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-nav ul li {
  margin-bottom: min(2.75vw, 38.5px);
}
.footer-nav ul a {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  display: block;
  padding: min(1.07vw, 15px) 0 min(1.5vw, 21px);
  text-align: center;
}
.footer-nav ul a:hover {
  background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 768px) {
  .footer-nav ul a:hover {
    background: transparent;
  }
}
.footer-nav ul .sub {
  font-size: min(0.86vw, 12px);
  font-weight: 500;
  letter-spacing: 0.15em;
}
.footer-nav ul .title {
  font-size: min(1.57vw, 22px);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: underline;
}
.footer-nav .nav-seafood {
  margin: 0 auto min(0.285vw, 4px);
  width: min(73.64vw, 1031px);
}
.footer-nav .nav-seafood li {
  width: 31%;
}
.footer-nav .nav-seafood li:not(:nth-child(3n)) {
  margin-right: 3.5%;
}
.footer-nav .nav-people {
  margin: 0 auto;
  width: min(48.28vw, 676px);
}
.footer-nav .nav-people li {
  width: 47.5%;
}
.footer-nav .nav-people li:not(:nth-child(2n)) {
  margin-right: 5%;
}

/* footer-nav */
/* weare */
#weare {
  margin-bottom: min(7.5vw, 105px);
}
@media (max-width: 768px) {
  #weare {
    margin-bottom: 16.72vw;
    margin-top: 10.26vw;
  }
}
#weare .inner {
  margin: 0 auto;
  max-width: 1215px;
  width: 90%;
}
#weare h2 {
  color: #000;
  font-size: min(6.07vw, 85px);
  font-weight: bold;
  line-height: 1;
  margin-bottom: min(2.14vw, 30px);
}
@media (max-width: 768px) {
  #weare h2 {
    font-size: 12.8vw;
    text-align: center;
  }
}
#weare .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #weare .flex-box {
    display: block;
  }
}
#weare .desc {
  margin-right: 5%;
  width: 45%;
}
@media (max-width: 768px) {
  #weare .desc {
    margin-bottom: 35px;
    margin-right: 0;
    width: 100%;
  }
}
#weare .title {
  color: #000;
  font-size: min(1.78vw, 25px);
  font-weight: bold;
  margin-bottom: min(2.14vw, 30px);
}
@media (max-width: 768px) {
  #weare .title {
    font-size: 5.33vw;
    margin-bottom: 15px;
    text-align: center;
  }
}
#weare h3 {
  color: #000;
  font-size: min(1.78vw, 25px);
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: min(3.57vw, 50px);
}
@media (max-width: 768px) {
  #weare h3 {
    font-size: 5.33vw;
    margin-bottom: 25px;
    text-align: center;
  }
}
#weare h3 strong {
  color: #ff23ac;
}
#weare h3 + p {
  color: #000;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: min(4.28vw, 60px);
  text-align: justify;
}
@media (max-width: 768px) {
  #weare h3 + p {
    margin-bottom: 30px;
  }
}
#weare .app-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #weare .app-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#weare .app-link li {
  width: min(8.57vw, 120px);
}
@media (max-width: 768px) {
  #weare .app-link li {
    width: 35.68vw;
  }
}
#weare .app-link li:first-child {
  margin-right: min(1.07vw, 15px);
}
@media (max-width: 768px) {
  #weare .app-link li:first-child {
    margin-right: 3.672vw;
  }
}
#weare .app-link li a {
  display: block;
}
#weare .app-link li a:hover {
  opacity: 0.75;
}
@media (max-width: 768px) {
  #weare .app-link li a:hover {
    opacity: 1;
  }
}
#weare .image {
  background: url("../images/top/iphone-pokemaru.png") top left/cover;
  height: min(35.71vw, 500px);
  width: 50%;
}
@media (max-width: 768px) {
  #weare .image {
    height: 64.17vw;
    width: 100%;
  }
}

/* weare */
footer {
  margin-bottom: min(1.36vw, 19px);
}
@media (max-width: 768px) {
  footer {
    margin-bottom: 4vw;
  }
}
footer .pokemaru-logo {
  margin: 0 auto min(3.2vw, 45px);
  width: min(6.5vw, 91px);
}
@media (max-width: 768px) {
  footer .pokemaru-logo {
    margin: 0 auto 17.6vw;
    width: 24.35vw;
  }
}
footer .footer-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(7.71vw, 108px);
}
footer .footer-sns-list li {
  width: min(1.36vw, 19px);
}
@media (max-width: 768px) {
  footer .footer-sns-list li {
    width: 5.06vw;
  }
}
footer .footer-sns-list li:not(:last-child) {
  margin-right: min(1.78vw, 25px);
}
@media (max-width: 768px) {
  footer .footer-sns-list li:not(:last-child) {
    margin-right: 5.86vw;
  }
}
footer .footer-sns-list li a {
  display: block;
}
footer .footer-sns-list li a:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  footer .footer-sns-list li a:hover {
    opacity: 1;
  }
}
footer .footer-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: min(0.86vw, 12px);
}
@media (max-width: 768px) {
  footer .footer-nav-link {
    margin-bottom: 2.66vw;
  }
}
footer .footer-nav-link li:first-child {
  border-right: 1px solid #000;
}
footer .footer-nav-link a {
  color: #000;
  font-size: min(0.86vw, 12px);
  font-weight: 500;
  letter-spacing: -0.03em;
  padding: 0 min(0.86vw, 12px);
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  footer .footer-nav-link a {
    font-size: 2.93vw;
    padding: 0 3.46vw;
  }
}
footer .footer-nav-link a:hover {
  text-decoration-color: #000;
}
@media (max-width: 768px) {
  footer .footer-nav-link a:hover {
    text-decoration-color: transparent;
  }
}
footer .copyright {
  color: #000;
  font-size: min(0.715vw, 10px);
  text-align: center;
}
@media (max-width: 768px) {
  footer .copyright {
    font-size: 2.66vw;
  }
}

/********************************************************************************
common
********************************************************************************/
.wrapper {
  overflow-x: hidden;
}

/* anim */
.blur {
  opacity: 0;
}
.blur.active {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: Blur;
  animation-name: Blur;
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 768px) {
  .blur.active {
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
  }
}

@-webkit-keyframes Blur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}

@keyframes Blur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
.fi {
  opacity: 0;
}
.fi.active {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-filter: blur(0.8rem);
            filter: blur(0.8rem);
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0rem);
            filter: blur(0rem);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-filter: blur(0.8rem);
            filter: blur(0.8rem);
    -webkit-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0rem);
            filter: blur(0rem);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
/* anim */
/********************************************************************************
home
********************************************************************************/
#home {
  /* main */
  /* main */
  /* about-seafood */
  /* about-seafood */
  /* about-people */
  /* about-people */
  /* about-numazu */
  /* about-numazu */
  /* campaign */
  /* campaign */
}
#home header #title {
  margin-top: min(2.07vw, 29px);
}
@media (max-width: 768px) {
  #home header #title {
    font-size: 3.73vw;
    margin-top: 5.06vw;
  }
}
#home #main {
  background: url(../images/top/main-back.jpg) no-repeat center/cover;
  min-height: 700px;
  height: 100lvh;
}
@media (max-width: 768px) {
  #home #main {
    background-position: 65% center;
    min-height: inherit;
    height: inherit;
    padding: 22.26vw 0 28.93vw;
  }
}
#home #main .inner {
  height: 100%;
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
  width: 100%;
}
#home #main h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 27.89vw;
  /*width: min(27.89vw,390.5px);*/
}
@media (max-width: 768px) {
  #home #main h2 {
    margin: 0 auto 1.86vw;
    position: static;
    -webkit-transform: none;
            transform: none;
    width: 76.8vw;
  }
}
#home #main h2 img {
  max-height: 90lvh;
}
#home #main h3 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  font-size: min(2.54vw, 35.5px);
  letter-spacing: 0.2em;
  line-height: 2.2;
  position: absolute;
  right: min(10.35vw, 145px);
  top: min(8.93vw, 125px);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 768px) {
  #home #main h3 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    font-size: 5.86vw;
    margin-bottom: 2.66vw;
    line-height: 1.8;
    position: static;
    text-align: center;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: none;
            transform: none;
    -ms-writing-mode: inherit;
    -webkit-writing-mode: inherit;
            writing-mode: inherit;
  }
}
#home #main .page-link {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  position: absolute;
  bottom: min(16.5vw, 231px);
  right: calc(50% - 13.945vw - min(2vw, 28px));
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
@media (max-width: 768px) {
  #home #main .page-link {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    margin-bottom: 14.13vw;
    position: static;
    text-align: center;
    -webkit-transform: none;
            transform: none;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
#home #main .page-link li:first-child {
  margin-bottom: min(1.96vw, 27.5px);
}
@media (max-width: 768px) {
  #home #main .page-link li:first-child {
    margin-bottom: 3.6vw;
  }
}
#home #main .page-link a {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  display: inline-block;
  font-size: min(0.965vw, 13.5px);
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: min(0.64vw, 9px) min(0.86vw, 12px);
}
@media (max-width: 768px) {
  #home #main .page-link a {
    border-radius: 24px;
    font-size: 4.8vw;
    padding: 2.66vw 5.33vw;
  }
}
#home #main .page-link a:hover {
  background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 768px) {
  #home #main .page-link a:hover {
    background: transparent;
  }
}
#home #main .page-link a img {
  margin-left: min(1.28vw, 18px);
  vertical-align: sub;
  width: min(1.4vw, 20px);
}
@media (max-width: 768px) {
  #home #main .page-link a img {
    margin-left: 4.26vw;
    width: 6.13vw;
  }
}
#home #main .campaign-banner {
  position: absolute;
  bottom: min(6.78vw, 95px);
  left: min(3.7vw, 52px);
  width: min(24.6vw, 344.5px);
}
@media (max-width: 768px) {
  #home #main .campaign-banner {
    margin: 0 auto;
    position: static;
    width: 89.86vw;
  }
}
#home #main .campaign-banner a {
  display: block;
}
#home #main .campaign-banner a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 768px) {
  #home #main .campaign-banner a:hover {
    -webkit-transform: none;
            transform: none;
  }
}
#home #about-seafood {
  background: url(../images/top/seafood-back.jpg) no-repeat center/cover;
}
@media (max-width: 768px) {
  #home #about-seafood {
    background-position: 65% center;
    padding: 20vw 0 41vw;
  }
}
#home #about-seafood .inner {
  margin: 0 auto;
  height: min(123.6vw, 1730.5px);
  max-width: 1400px;
  position: relative;
}
@media (max-width: 768px) {
  #home #about-seafood .inner {
    height: inherit;
    width: 93.6%;
  }
}
#home #about-seafood h2 {
  position: absolute;
  left: min(39.03vw, 546.5px);
  top: min(34.85vw, 488px);
  width: min(25.5vw, 357px);
}
@media (max-width: 768px) {
  #home #about-seafood h2 {
    margin: 0 auto 20.88vw;
    position: static;
    width: 85.86vw;
  }
}
#home #about-seafood .seafood-box {
  position: absolute;
}
@media (max-width: 768px) {
  #home #about-seafood .seafood-box {
    position: relative;
  }
}
#home #about-seafood .seafood-box h3 {
  line-height: 1.4;
  position: absolute;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
#home #about-seafood .seafood-box h3 span {
  background: #000;
  display: inline-block;
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: min(1.8vw, 25px);
  font-weight: 700;
  padding: min(0.43vw, 6px) 0;
}
@media (max-width: 768px) {
  #home #about-seafood .seafood-box h3 span {
    font-size: 6.048vw;
    padding: 1.6vw 0;
  }
}
#home #about-seafood .seafood-box .title-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#home #about-seafood .seafood-box h4 {
  font-size: min(3.1vw, 43.5px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #home #about-seafood .seafood-box h4 {
    font-size: 12vw;
    line-height: 1.1;
  }
}
#home #about-seafood .seafood-box .en {
  font-size: min(0.7vw, 10px);
  font-weight: 700;
  margin-bottom: min(0.785vw, 11px);
  text-align: center;
}
@media (max-width: 768px) {
  #home #about-seafood .seafood-box .en {
    font-size: 2.66vw;
    margin-bottom: 4vw;
  }
}
#home #about-seafood .seafood-box .more-btn {
  margin: 0 auto;
  width: min(8.64vw, 121px);
}
@media (max-width: 768px) {
  #home #about-seafood .seafood-box .more-btn {
    text-align: center;
    width: inherit;
  }
}
#home #about-seafood .seafood-box .more-btn a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0000ae;
  border-radius: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.178vw, 16.5px);
  font-weight: 500;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: -0.01em;
  padding: min(0.357vw, 5px) min(0.64vw, 9px);
}
@media (max-width: 768px) {
  #home #about-seafood .seafood-box .more-btn a {
    display: inline-block;
    font-size: 3.38vw;
    padding: 0.8vw 3.2vw;
  }
}
#home #about-seafood .seafood-box .more-btn a img {
  margin-left: min(0.28vw, 4px);
  vertical-align: middle;
  width: min(1.2vw, 17px);
}
@media (max-width: 768px) {
  #home #about-seafood .seafood-box .more-btn a img {
    margin-left: 1.6vw;
    width: 3.46vw;
  }
}
#home #about-seafood .seafood-box .more-btn a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 768px) {
  #home #about-seafood .seafood-box .more-btn a:hover {
    -webkit-transform: none;
            transform: none;
  }
}
#home #about-seafood .largehead-hairtail {
  left: min(25vw, 350px);
  top: min(7.36vw, 103px);
  width: min(38.4vw, 538px);
}
@media (max-width: 768px) {
  #home #about-seafood .largehead-hairtail {
    margin-bottom: 17.76vw;
    left: inherit;
    top: inherit;
    width: 100%;
  }
  #home #about-seafood .largehead-hairtail .image img {
    height: 65.63vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
#home #about-seafood .largehead-hairtail h3 {
  right: min(5.25vw, 73.5px);
  top: calc(min(3.28vw, 46px) * -1);
}
@media (max-width: 768px) {
  #home #about-seafood .largehead-hairtail h3 {
    left: 0;
    right: inherit;
    top: -11.87vw;
  }
}
#home #about-seafood .largehead-hairtail h3 span:last-child {
  margin-top: min(3.53vw, 49.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .largehead-hairtail h3 span:last-child {
    margin-top: 11.87vw;
  }
}
#home #about-seafood .whitebait {
  left: min(63.39vw, 887.5px);
  top: min(24vw, 336.5px);
  width: min(38.25vw, 535.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .whitebait {
    margin-bottom: 35.73vw;
    left: inherit;
    top: inherit;
    width: 100%;
  }
  #home #about-seafood .whitebait .image img {
    height: 65.93vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
#home #about-seafood .whitebait h3 {
  left: min(4.78vw, 67px);
  bottom: calc(min(8.14vw, 114px) * -1);
}
@media (max-width: 768px) {
  #home #about-seafood .whitebait h3 {
    left: inherit;
    right: 0;
    top: -11.87vw;
  }
}
#home #about-seafood .whitebait h3 span:last-child {
  margin-top: min(3.53vw, 49.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .whitebait h3 span:last-child {
    margin-top: 11.87vw;
  }
}
#home #about-seafood .dried-fish {
  left: min(1.21vw, 17px);
  top: min(34.53vw, 483.5px);
  width: min(37.32vw, 522.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .dried-fish {
    margin-bottom: 13.33vw;
    left: inherit;
    top: inherit;
    width: 100%;
  }
  #home #about-seafood .dried-fish .image {
    margin-left: -6.4%;
    width: 106.4%;
  }
}
#home #about-seafood .dried-fish h3 {
  left: min(6.82vw, 95.5px);
  top: calc(min(1.93vw, 27px) * -1);
}
@media (max-width: 768px) {
  #home #about-seafood .dried-fish h3 {
    left: 0;
    top: -13.06vw;
  }
}
#home #about-seafood .dried-fish h3 span:last-child {
  margin-top: min(3.14vw, 44px);
}
@media (max-width: 768px) {
  #home #about-seafood .dried-fish h3 span:last-child {
    margin-top: -13.06vw;
  }
}
#home #about-seafood .farmed-fish {
  left: calc(min(1.6vw, 22.5px) * -1);
  top: min(63.86vw, 894px);
  width: min(39.07vw, 547px);
}
@media (max-width: 768px) {
  #home #about-seafood .farmed-fish {
    margin-bottom: 21.97vw;
    left: inherit;
    top: inherit;
    width: 100%;
  }
  #home #about-seafood .farmed-fish .image img {
    height: 65.27vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
#home #about-seafood .farmed-fish h3 {
  bottom: calc(min(7.5vw, 105px) * -1);
  left: min(15.07vw, 211px);
}
@media (max-width: 768px) {
  #home #about-seafood .farmed-fish h3 {
    bottom: inherit;
    left: inherit;
    right: 0;
    top: -16.66vw;
  }
}
#home #about-seafood .farmed-fish h3 span:last-child {
  margin-top: min(4.96vw, 69.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .farmed-fish h3 span:last-child {
    margin-top: 16.66vw;
  }
}
#home #about-seafood .farmed-fish .en {
  margin-bottom: 0;
}
#home #about-seafood .farmed-fish .sub {
  font-size: min(0.85vw, 12px);
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: min(0.785vw, 11px);
  text-align: center;
}
@media (max-width: 768px) {
  #home #about-seafood .farmed-fish .sub {
    font-size: 3.2vw;
    margin-bottom: 4vw;
  }
}
#home #about-seafood .deep-sea-fish {
  right: min(5.32vw, 74.5px);
  top: min(71.07vw, 995px);
  width: min(38.89vw, 544.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .deep-sea-fish {
    margin-bottom: 18.4vw;
    right: inherit;
    top: inherit;
    width: 100%;
  }
  #home #about-seafood .deep-sea-fish .image img {
    height: 65.23vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
#home #about-seafood .deep-sea-fish h3 {
  right: min(4.64vw, 65px);
  top: calc(min(5.32vw, 74.5px) * -1);
}
@media (max-width: 768px) {
  #home #about-seafood .deep-sea-fish h3 {
    left: 0;
    right: inherit;
    top: -17.94vw;
  }
}
#home #about-seafood .deep-sea-fish h3 span:last-child {
  margin-top: min(5.32vw, 74.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .deep-sea-fish h3 span:last-child {
    margin-top: 17.94vw;
  }
}
#home #about-seafood .spider-crab {
  left: min(23.39vw, 327.5px);
  top: min(91.53vw, 1281.5px);
  width: min(50.82vw, 711.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .spider-crab {
    left: inherit;
    top: inherit;
    width: 100%;
  }
  #home #about-seafood .spider-crab .image {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 143.5%;
  }
}
#home #about-seafood .spider-crab h3 {
  bottom: calc(min(2.75vw, 38.5px) * -1);
  right: min(10.78vw, 151px);
}
@media (max-width: 768px) {
  #home #about-seafood .spider-crab h3 {
    bottom: -10.17vw;
    right: 0;
  }
}
#home #about-seafood .spider-crab h3 span:last-child {
  margin-top: min(3.32vw, 46.5px);
}
@media (max-width: 768px) {
  #home #about-seafood .spider-crab h3 span:last-child {
    margin-top: 10.17vw;
  }
}
#home #about-seafood .spider-crab .title-box {
  left: 51.5%;
  top: 53%;
}
#home #about-people {
  background: #000;
}
#home #about-people .head-box {
  background: url(../images/top/people-head-back.jpg) no-repeat center/cover;
  border-bottom: 1px solid #fff;
  padding: min(6.5vw, 91px) 0 min(2.14vw, 30px);
}
@media (max-width: 768px) {
  #home #about-people .head-box {
    padding: 21.42vw 0 30.77vw;
  }
}
#home #about-people .head-box h2 {
  position: relative;
  left: 52%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(27.21vw, 381px);
}
@media (max-width: 768px) {
  #home #about-people .head-box h2 {
    margin: 0 auto;
    position: static;
    -webkit-transform: none;
            transform: none;
    width: 84.26vw;
  }
}
#home #about-people .people-box {
  border-bottom: 1px solid #fff;
  height: min(23.5vw, 329px);
  position: relative;
}
@media (max-width: 768px) {
  #home #about-people .people-box {
    height: inherit;
  }
}
#home #about-people .people-box:hover .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 768px) {
  #home #about-people .people-box:hover .image img {
    -webkit-transform: none;
            transform: none;
  }
}
#home #about-people .people-box .inner {
  height: 100%;
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  #home #about-people .people-box .inner {
    padding: 12.1vw 0 14.34vw;
  }
}
#home #about-people .people-box h3 {
  color: #fff;
  font-size: min(2.5vw, 35px);
  font-weight: 700;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  white-space: nowrap;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 768px) {
  #home #about-people .people-box h3 {
    font-size: 6.72vw;
    position: static;
    text-align: center;
    -webkit-transform: none;
            transform: none;
    -ms-writing-mode: inherit;
    -webkit-writing-mode: inherit;
            writing-mode: inherit;
  }
}
#home #about-people .people-box .copy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: calc(92% - min(13.35vw, 187px));
  z-index: 1;
}
@media (max-width: 768px) {
  #home #about-people .people-box .copy-box {
    display: block;
    position: static;
    -webkit-transform: none;
            transform: none;
    width: inherit;
  }
}
#home #about-people .people-box h4 {
  font-size: min(1.64vw, 23px);
  font-weight: 700;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #home #about-people .people-box h4 {
    font-size: 3.6vw;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
#home #about-people .people-box .arrow {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
@media (max-width: 768px) {
  #home #about-people .people-box .arrow {
    background: url(../images/top/people-arrow-sp.svg) no-repeat center/contain;
    height: 2.69vw;
    position: absolute;
    bottom: -4.71vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 66.47vw;
  }
}
#home #about-people .people-box .arrow::before {
  border-bottom: 9px solid #fff;
  content: "";
  height: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: calc(100% - min(1.36vw, 19px) - 30px);
}
@media (max-width: 768px) {
  #home #about-people .people-box .arrow::before {
    content: none;
  }
}
#home #about-people .people-box .arrow::after {
  background: url(../images/top/people-arrow.svg) no-repeat center/contain;
  content: "";
  height: 23px;
  position: absolute;
  top: calc(50% - 7px);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 49px;
}
@media (max-width: 768px) {
  #home #about-people .people-box .arrow::after {
    content: none;
  }
}
#home #about-people .people-box .title-box {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  #home #about-people .people-box .title-box {
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0 auto;
    width: 66.66vw;
  }
}
#home #about-people .people-box .en {
  font-size: min(2.5vw, 35px);
  letter-spacing: 0.05em;
  opacity: 0.56;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  #home #about-people .people-box .en {
    font-size: 5.33vw;
    bottom: -1.6vw;
  }
}
#home #about-people .people-box .image {
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 78%;
}
@media (min-width: 1401px) {
  #home #about-people .people-box .image {
    width: calc(78% + (100vw - 1400px) / 2);
  }
}
@media (max-width: 768px) {
  #home #about-people .people-box .image {
    width: 100%;
  }
}
#home #about-people .people-box .image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  width: 100%;
}
#home #about-people .people-box a {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
#home #about-people .people-box:nth-child(even) h3 {
  left: min(9vw, 126px);
}
#home #about-people .people-box:nth-child(even) .copy-box {
  left: min(13.35vw, 187px);
}
#home #about-people .people-box:nth-child(even) .arrow::after {
  right: 0;
  -webkit-transform: translate(0, -50%) scale(-1, 1);
          transform: translate(0, -50%) scale(-1, 1);
}
#home #about-people .people-box:nth-child(even) .arrow::before {
  right: 30px;
}
@media (max-width: 768px) {
  #home #about-people .people-box:nth-child(even) .arrow::before {
    left: 0;
    right: inherit;
  }
}
#home #about-people .people-box:nth-child(even) .en {
  left: 22%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 768px) {
  #home #about-people .people-box:nth-child(even) .en {
    left: 50%;
  }
}
#home #about-people .people-box:nth-child(even) .image {
  left: 22%;
}
@media (max-width: 768px) {
  #home #about-people .people-box:nth-child(even) .image {
    left: 0;
  }
}
#home #about-people .people-box:nth-child(odd) h3 {
  right: min(9vw, 126px);
}
#home #about-people .people-box:nth-child(odd) .copy-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  right: min(13.35vw, 187px);
}
#home #about-people .people-box:nth-child(odd) .arrow::after {
  left: 0;
}
@media (max-width: 768px) {
  #home #about-people .people-box:nth-child(odd) .arrow::after {
    left: inherit;
    right: 0;
    -webkit-transform: translate(0, -50%) scale(-1, 1);
            transform: translate(0, -50%) scale(-1, 1);
  }
}
#home #about-people .people-box:nth-child(odd) .arrow::before {
  left: 30px;
}
@media (max-width: 768px) {
  #home #about-people .people-box:nth-child(odd) .arrow::before {
    left: 0;
  }
}
#home #about-people .people-box:nth-child(odd) .en {
  right: 22%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
}
@media (max-width: 768px) {
  #home #about-people .people-box:nth-child(odd) .en {
    right: 50%;
  }
}
#home #about-people .people-box:nth-child(odd) .image {
  right: 22%;
}
@media (max-width: 768px) {
  #home #about-people .people-box:nth-child(odd) .image {
    right: 0;
  }
}
#home #about-numazu {
  background: #00264a;
  padding-top: min(7.1vw, 99.5px);
}
@media (max-width: 768px) {
  #home #about-numazu {
    padding-top: 18.66vw;
  }
}
#home #about-numazu .inner {
  margin: 0 auto;
  max-width: 1400px;
  padding-bottom: min(6.14vw, 86px);
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  #home #about-numazu .inner {
    padding-bottom: 17.33vw;
    width: 93.6%;
  }
}
#home #about-numazu .inner::before {
  background: url(../images/top/numazu-head-figure2.svg) no-repeat center/contain;
  content: "";
  height: min(113.6vw, 1590.5px);
  position: absolute;
  pointer-events: none;
  left: 50%;
  bottom: min(27.78vw, 389px);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(124vw, 1736px);
  z-index: 3;
}
@media (max-width: 768px) {
  #home #about-numazu .inner::before {
    height: 166.71vw;
    bottom: inherit;
    top: 167.37vw;
    width: 181.94vw;
  }
}
#home #about-numazu .head-box {
  margin-bottom: min(26.14vw, 366px);
}
@media (max-width: 768px) {
  #home #about-numazu .head-box {
    margin-bottom: 44vw;
  }
}
#home #about-numazu .head-box h2 {
  margin: 0 auto;
  padding-top: min(10.03vw, 140.5px);
  position: relative;
  width: min(13.93vw, 195px);
}
@media (max-width: 768px) {
  #home #about-numazu .head-box h2 {
    padding-top: 12.5vw;
    width: 30.65vw;
  }
}
#home #about-numazu .head-box h2:before {
  background: url(../images/top/numazu-head-map.svg) no-repeat center/contain;
  content: "";
  height: min(28.32vw, 396.5px);
  position: absolute;
  left: 50%;
  top: min(24.64vw, 345px);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(36.96vw, 517.5px);
}
@media (max-width: 768px) {
  #home #about-numazu .head-box h2:before {
    height: 63.16vw;
    left: 35%;
    top: 31.92vw;
    width: 82.39vw;
  }
}
#home #about-numazu .head-box::before {
  background: url(../images/top/numazu-head-figure1.svg) no-repeat center/contain;
  content: "";
  height: min(27.6vw, 386.5px);
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(102.68vw, 1437.5px);
}
@media (max-width: 768px) {
  #home #about-numazu .head-box::before {
    height: 40.48vw;
    width: 148.26vw;
  }
}
#home #about-numazu .desc {
  letter-spacing: 0.07em;
  line-height: 2.5;
}
#home #about-numazu .desc-box1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: calc(min(6.28vw, 88px) * -1);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 16.18vw;
  }
  #home #about-numazu .desc-box1 .desc {
    margin-bottom: 8vw;
  }
}
#home #about-numazu .desc-box1 .image1 {
  margin-left: calc(min(0.43vw, 6px) * -1);
  margin-right: min(3.78vw, 53px);
  width: min(53.5vw, 749px);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box1 .image1 {
    margin: 0;
    position: relative;
    width: 100vw;
  }
}
#home #about-numazu .image2 {
  margin-bottom: min(4.64vw, 65px);
  margin-left: auto;
  width: min(35.7vw, 500px);
}
@media (max-width: 768px) {
  #home #about-numazu .image2 {
    margin: 0 auto 12vw;
    width: 66.04vw;
  }
}
#home #about-numazu .desc-box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(6.7vw, 94px);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box2 {
    display: block;
  }
}
#home #about-numazu .desc-box2 .desc {
  margin-left: min(16.17vw, 226.5px);
  margin-right: min(3.57vw, 50px);
  margin-top: min(3.07vw, 43px);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box2 .desc {
    margin: 0 0 8vw;
  }
}
#home #about-numazu .desc-box2 .image3 {
  margin-right: min(3.85vw, 54px);
  width: min(30vw, 421px);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box2 .image3 {
    margin: 0;
    width: 100%;
  }
}
#home #about-numazu .desc-box2 .image4 {
  margin-top: min(6.82vw, 95.5px);
  width: min(19.14vw, 268px);
}
@media (max-width: 768px) {
  #home #about-numazu .sp-image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10.49vw;
  }
  #home #about-numazu .sp-image-box .image4 {
    margin-left: 1.73vw;
    margin-right: 7.49vw;
    width: 40.36vw;
  }
  #home #about-numazu .sp-image-box .image5 {
    margin-top: 16.87vw;
    width: 40.93vw;
  }
}
#home #about-numazu .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: min(5.25vw, 73.5px);
}
@media (max-width: 768px) {
  #home #about-numazu .image-box {
    display: block;
    margin-bottom: 11.46vw;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
#home #about-numazu .image-box .image5 {
  margin-right: min(8.46vw, 118.5px);
  width: min(19.43vw, 272px);
}
#home #about-numazu .image-box .image6 {
  margin-left: calc(min(1.14vw, 16px) * -1);
  margin-right: min(6.46vw, 90.5px);
  margin-top: min(12.68vw, 177.5px);
  width: min(66.78vw, 935px);
}
@media (max-width: 768px) {
  #home #about-numazu .image-box .image6 {
    margin: 0;
    width: 100%;
  }
}
#home #about-numazu .desc-box3 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: min(3.53vw, 49.5px);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box3 {
    display: block;
    margin-bottom: 10.93vw;
  }
}
#home #about-numazu .desc-box3 .desc {
  margin-left: min(13.14vw, 184px);
  margin-right: min(1vw, 14px);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box3 .desc {
    margin: 0 0 9.33vw;
  }
}
#home #about-numazu .desc-box3 .image7 {
  width: min(21.78vw, 305px);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box3 .image7 {
    margin-left: auto;
    margin-right: -3.2%;
    width: 66.06vw;
  }
}
#home #about-numazu .desc-box4 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box4 {
    display: block;
  }
}
#home #about-numazu .desc-box4 .image8 {
  margin-left: min(22.35vw, 313px);
  margin-right: min(2.36vw, 33px);
  width: min(33.07vw, 463.5px);
}
@media (max-width: 768px) {
  #home #about-numazu .desc-box4 .image8 {
    margin-bottom: 13.33vw;
    margin-left: 6.18vw;
    margin-right: 0;
    width: 80.26vw;
  }
}
#home #campaign {
  background: #00264a;
  padding-bottom: min(6.78vw, 95px);
}
@media (max-width: 768px) {
  #home #campaign {
    padding-bottom: 27.46vw;
  }
}
#home #campaign .image-slider {
  margin-bottom: min(3.93vw, 55px);
}
@media (max-width: 768px) {
  #home #campaign .image-slider {
    margin-bottom: 7.46vw;
  }
}
#home #campaign .image-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
#home #campaign .inner {
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}
@media (max-width: 768px) {
  #home #campaign .inner {
    width: 93.6%;
  }
}
#home #campaign .desc {
  letter-spacing: 0.07em;
  line-height: 2.5;
  margin-bottom: min(6.78vw, 95px);
  margin-left: min(21.75vw, 304.5px);
}
@media (max-width: 768px) {
  #home #campaign .desc {
    margin: 0 0 21.33vw;
  }
}
#home #campaign .campaign-banner {
  margin: 0 auto;
  width: min(32vw, 448px);
}
@media (max-width: 768px) {
  #home #campaign .campaign-banner {
    width: 100%;
  }
}
#home #campaign .campaign-banner a {
  display: block;
}
#home #campaign .campaign-banner a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 768px) {
  #home #campaign .campaign-banner a:hover {
    -webkit-transform: none;
            transform: none;
  }
}

/********************************************************************************
seafood-page
********************************************************************************/
.pokemaru-banner {
  margin: 0 auto;
  width: min(43.07vw, 603px);
}
@media (max-width: 768px) {
  .pokemaru-banner {
    width: 90.5%;
  }
}
.pokemaru-banner a {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  font-size: min(2.07vw, 29px);
  font-weight: 700;
  display: block;
  padding: min(2.5vw, 35px) 0 min(2.5vw, 35px) min(2.93vw, 41px);
  text-align: center;
  text-decoration: underline;
  text-decoration-color: transparent;
  width: 100%;
}
@media (max-width: 768px) {
  .pokemaru-banner a {
    font-size: 6.08vw;
    padding: 6.66vw 0 6.66vw 30.8vw;
    position: relative;
    text-align: left;
  }
}
.pokemaru-banner a img {
  margin-left: min(1.21vw, 17px);
  width: min(3.5vw, 49px);
}
@media (max-width: 768px) {
  .pokemaru-banner a img {
    margin: 0;
    position: absolute;
    left: 10.4vw;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 16.23vw;
  }
}
.pokemaru-banner a:hover {
  opacity: 0.85;
  text-decoration-color: #000;
}
@media (max-width: 768px) {
  .pokemaru-banner a:hover {
    opacity: 1;
    text-decoration-color: transparent;
  }
}

.seafood-page #feature {
  background: #00264a;
  padding: min(9.36vw, 131px) 0 min(7.14vw, 100px);
}
@media (max-width: 768px) {
  .seafood-page #feature {
    padding: 0 0 21.8vw;
  }
}
.seafood-page #feature .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto min(7.2vw, 101px);
  max-width: 1265px;
  width: 90.5%;
}
@media (max-width: 768px) {
  .seafood-page #feature .inner {
    display: block;
    margin-bottom: 19.29vw;
  }
}
.seafood-page #feature .head-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 5.5%;
  margin-top: min(2.86vw, 40px);
  width: 22.7%;
}
@media (max-width: 768px) {
  .seafood-page #feature .head-wrap {
    height: 180.36vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 12vw;
    position: relative;
    width: 100%;
  }
  .seafood-page #feature .head-wrap::before {
    content: "";
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
.seafood-page #feature .head-box {
  margin-bottom: min(4.57vw, 64px);
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 768px) {
  .seafood-page #feature .head-box {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  }
}
.seafood-page #feature .head-box .copy {
  font-size: min(2.14vw, 30px);
  font-weight: 700;
  letter-spacing: 0.15em;
}
@media (max-width: 768px) {
  .seafood-page #feature .head-box .copy {
    font-size: 5.44vw;
    text-align: center;
  }
}
.seafood-page #feature .head-box .copy span {
  text-combine-upright: all;
}
.seafood-page #feature .head-box h2 {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: min(8.21vw, 115px);
  font-weight: 500;
  line-height: 1.1;
  margin-top: min(7.78vw, 109px);
}
@media (max-width: 768px) {
  .seafood-page #feature .head-box h2 {
    font-size: 20.8vw;
    margin-top: 0;
  }
}
.seafood-page #feature .head-box h2 small {
  font-size: min(4.1vw, 57.5px);
}
@media (max-width: 768px) {
  .seafood-page #feature .head-box h2 small {
    font-size: 10.4vw;
  }
}
.seafood-page #feature .head-box .en {
  font-size: min(1.07vw, 15px);
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: min(7.78vw, 109px);
  text-align: center;
}
@media (max-width: 768px) {
  .seafood-page #feature .head-box .en {
    font-size: 3.2vw;
    margin-top: 0;
  }
}
.seafood-page #feature .campaign-banner a {
  display: block;
}
.seafood-page #feature .campaign-banner a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 768px) {
  .seafood-page #feature .campaign-banner a:hover {
    -webkit-transform: none;
            transform: none;
  }
}
.seafood-page #feature .desc-box {
  width: 71.8%;
}
@media (max-width: 768px) {
  .seafood-page #feature .desc-box {
    width: 100%;
  }
}
.seafood-page #feature .desc-box .image {
  margin-bottom: min(4.64vw, 65px);
  margin-right: -4.75vw;
}
@media (min-width: 1401px) {
  .seafood-page #feature .desc-box .image {
    margin-right: calc((100vw - 1265px) / -2);
  }
}
.seafood-page #feature .desc-box .image img {
  width: 100%;
}
.seafood-page #feature h3 {
  font-size: min(2.39vw, 33.5px);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: min(1.07vw, 15px);
  margin-top: min(3.78vw, 53px);
  text-decoration: underline;
}
@media (max-width: 768px) {
  .seafood-page #feature h3 {
    font-size: 5.33vw;
    margin-bottom: 2.13vw;
    margin-top: 0;
  }
}
.seafood-page #feature .desc {
  font-size: min(1.07vw, 15px);
  letter-spacing: 0.08em;
  line-height: 2.2;
  max-width: 797px;
  text-align: justify;
}
@media (max-width: 768px) {
  .seafood-page #feature .desc {
    font-size: 3.73vw;
    letter-spacing: 0;
    line-height: 1.85;
    margin-bottom: 14.66vw;
  }
}
@media (max-width: 768px) {
  .seafood-page #feature .seafood-slider1,
  .seafood-page #feature .seafood-slider2 {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100vw;
  }
}
.seafood-page #feature .seafood-slider1 .swiper-wrapper,
.seafood-page #feature .seafood-slider2 .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.seafood-page #feature .seafood-slider1 {
  margin-bottom: min(2.5vw, 35px);
}
@media (max-width: 768px) {
  .seafood-page #feature .seafood-slider1 {
    margin-bottom: 15.2vw;
  }
}
.seafood-page #feature .seafood-slider2 {
  margin-bottom: min(10.43vw, 146px);
}
@media (max-width: 768px) {
  .seafood-page #feature .seafood-slider2 {
    margin-bottom: 15.2vw;
  }
}

#largehead-hairtail #feature .head-wrap::before {
  background: url(../images/largehead-hairtail/main-image-sp.jpg) no-repeat center/cover;
}

#whitebait #feature .head-wrap::before {
  background: url(../images/whitebait/main-image-sp.jpg) no-repeat center/cover;
}

#farmed-fish #feature .head-wrap::before {
  background: url(../images/farmed-fish/main-image-sp.jpg) no-repeat center/cover;
}

#deep-sea-fish #feature .head-wrap::before {
  background: url(../images/deep-sea-fish/main-image-sp.jpg) no-repeat center/cover;
}

#dried-fish #feature .head-wrap::before {
  background: url(../images/dried-fish/main-image-sp.jpg) no-repeat center/cover;
}
#dried-fish #feature .seafood-slider1 {
  margin-bottom: min(10.43vw, 146px);
}

#spider-crab #feature .head-wrap::before {
  background: url(../images/spider-crab/main-image-sp.jpg) no-repeat center/cover;
}

/********************************************************************************
people-page
********************************************************************************/
.people-page {
  /* main */
  /* main */
  /* feature */
  /* feature */
  /* shop */
  /* shop */
  /* intro-people */
  /* intro-people */
}
.people-page #main {
  background: #00264a;
  padding: min(9.36vw, 131px) 0 min(1.07vw, 15px);
}
@media (max-width: 768px) {
  .people-page #main {
    padding: 0;
  }
}
.people-page #main .inner {
  margin: 0 auto;
  max-width: 1250px;
  position: relative;
  width: 90.5%;
}
@media (max-width: 768px) {
  .people-page #main .inner {
    width: 100%;
  }
}
.people-page #main .campaign-banner {
  width: 23%;
  position: absolute;
  left: 0;
  bottom: calc(min(7.5vw, 105px) * -1);
}
.people-page #main .campaign-banner a {
  display: block;
}
.people-page #main .campaign-banner a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 768px) {
  .people-page #main .campaign-banner a:hover {
    -webkit-transform: none;
            transform: none;
  }
}
.people-page #main .image {
  margin-left: 28%;
  margin-right: -4.75vw;
}
@media (min-width: 1401px) {
  .people-page #main .image {
    margin-right: calc((100vw - 1250px) / -2);
  }
}
@media (max-width: 768px) {
  .people-page #main .image {
    height: 147.62vw;
    margin: 0;
    width: 100%;
  }
}
.people-page #main .image img {
  width: 100%;
}
@media (max-width: 768px) {
  .people-page #main .image img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
.people-page #main .copy-box {
  position: absolute;
  left: min(3.14vw, 44px);
  top: 8.93vw;
}
@media (max-width: 768px) {
  .people-page #main .copy-box {
    left: 0;
    top: 18.55vw;
    width: 100%;
  }
}
.people-page #main .copy-box h2 {
  background: #fff;
  color: #000;
  display: inline-block;
  font-size: min(5.03vw, 70.5px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 0.9;
  margin-bottom: min(2.43vw, 34px);
  padding: 0 min(0.64vw, 9px) min(0.5vw, 7px);
}
@media (max-width: 768px) {
  .people-page #main .copy-box h2 {
    display: inline-block;
    font-size: 9.33vw;
    margin-bottom: 3.27vw;
    padding: 0 0.8vw 1.33vw;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.people-page #main .copy-box .sub {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.people-page #main .copy-box .sub span {
  background: #fff;
  color: #000;
  display: inline-block;
  font-size: min(2.7vw, 38px);
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.075;
  padding: 0 min(0.357vw, 5px);
}
@media (max-width: 768px) {
  .people-page #main .copy-box .sub span {
    font-size: 4.8vw;
    line-height: 1.1;
    padding: 0 1.2vw;
  }
}
.people-page #main .copy-box .sub span:first-child {
  margin-bottom: min(0.57vw, 8px);
  margin-left: min(9.53vw, 133.5px);
}
@media (max-width: 768px) {
  .people-page #main .copy-box .sub span:first-child {
    margin: 0 0 2vw;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.people-page #feature {
  background: #00264a;
  padding-bottom: min(0.714vw, 10px);
}
@media (max-width: 768px) {
  .people-page #feature {
    padding: 2.13vw 0 16.4vw;
  }
}
.people-page #feature .inner {
  margin: 0 auto;
  max-width: 1250px;
  width: 90.5%;
}
.people-page #feature .name-box, .people-page #feature .desc, .people-page #feature .image, .people-page #feature h3 {
  margin-left: 28%;
  max-width: 797px;
}
@media (max-width: 768px) {
  .people-page #feature .name-box, .people-page #feature .desc, .people-page #feature .image, .people-page #feature h3 {
    margin-left: 0;
  }
}
.people-page #feature .name-box {
  margin-bottom: min(6.78vw, 95px);
}
@media (max-width: 768px) {
  .people-page #feature .name-box {
    margin-bottom: 26.13vw;
  }
}
.people-page #feature .name-box .name {
  font-size: min(3.5vw, 49px);
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: min(0.214vw, 3px);
}
@media (max-width: 768px) {
  .people-page #feature .name-box .name {
    font-size: 7.46vw;
    letter-spacing: 0.02em;
    margin-bottom: 1.6vw;
  }
}
.people-page #feature .name-box .address {
  font-size: min(1.1vw, 15.5px);
  letter-spacing: 0.03em;
  margin-bottom: min(0.64vw, 9px);
}
@media (max-width: 768px) {
  .people-page #feature .name-box .address {
    font-size: 3.2vw;
    margin-bottom: 1.6vw;
  }
}
.people-page #feature .name-box .fish {
  font-size: min(0.89vw, 12.5px);
  font-weight: 500;
  letter-spacing: 0.03em;
}
@media (max-width: 768px) {
  .people-page #feature .name-box .fish {
    font-size: 3.2vw;
  }
}
.people-page #feature .name-box .fish span {
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: min(0.714vw, 10px);
  letter-spacing: 0;
  margin-right: min(0.357vw, 5px);
  padding: 1px min(0.357vw, 5px);
}
@media (max-width: 768px) {
  .people-page #feature .name-box .fish span {
    font-size: 2.93vw;
  }
}
.people-page #feature h3 {
  font-size: min(2.39vw, 33.5px);
  font-weight: 700;
  letter-spacing: 0.055em;
  margin-bottom: min(3vw, 42px);
}
@media (max-width: 768px) {
  .people-page #feature h3 {
    font-size: 5.6vw;
    margin-bottom: 6.66vw;
  }
}
.people-page #feature .desc {
  font-size: min(1.07vw, 15px);
  letter-spacing: 0.08em;
  line-height: 2.2;
  margin-bottom: min(5.2vw, 73px);
  text-align: justify;
}
@media (max-width: 768px) {
  .people-page #feature .desc {
    font-size: 3.73vw;
    letter-spacing: 0;
    line-height: 2.14;
    margin-bottom: 19.2vw;
  }
}
.people-page #feature .desc a {
  text-decoration: underline;
}
.people-page #feature .desc a:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .people-page #feature .desc a:hover {
    opacity: 1;
  }
}
.people-page #feature .image {
  margin-bottom: min(6.28vw, 88px);
}
@media (max-width: 768px) {
  .people-page #feature .image {
    margin-bottom: 12.8vw;
  }
}
.people-page #feature .image .caption {
  font-size: min(1vw, 14px);
  letter-spacing: 0.08em;
  margin-top: min(0.714vw, 10px);
}
@media (max-width: 768px) {
  .people-page #feature .image .caption {
    font-size: 3.73vw;
    margin-top: 1.86vw;
  }
}
.people-page #feature .people-slider1,
.people-page #feature .people-slider2 {
  margin-bottom: min(6.07vw, 85px);
}
@media (max-width: 768px) {
  .people-page #feature .people-slider1,
  .people-page #feature .people-slider2 {
    margin-bottom: 16.8vw;
  }
}
.people-page #feature .people-slider1 .swiper-wrapper,
.people-page #feature .people-slider2 .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.people-page #feature .people-slider1 img,
.people-page #feature .people-slider2 img {
  width: 100%;
}
@media (max-width: 768px) {
  .people-page #feature .campaign-banner {
    margin: 0 auto;
    width: 90.5%;
  }
}
.people-page #shop {
  background: #00264a;
  padding-bottom: min(9.46vw, 132.5px);
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .people-page #shop {
    padding-bottom: 21.6vw;
  }
}
.people-page #shop .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 625px;
  width: 90.5%;
}
@media (max-width: 768px) {
  .people-page #shop .inner {
    display: block;
  }
}
.people-page #shop .image {
  margin-right: 3.2%;
  width: 55%;
}
@media (max-width: 768px) {
  .people-page #shop .image {
    margin-bottom: 4vw;
    margin-right: 0;
    width: 100%;
  }
}
.people-page #shop .image img {
  border-radius: 11px;
}
.people-page #shop .desc-box {
  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: 41.8%;
}
@media (max-width: 768px) {
  .people-page #shop .desc-box {
    display: block;
    width: 100%;
  }
}
.people-page #shop h3 {
  font-size: min(2.21vw, 31px);
  font-weight: 700;
  line-height: 1;
  margin-bottom: min(1.71vw, 24px);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .people-page #shop h3 {
    font-size: 5.6vw;
    margin-bottom: 4.8vw;
  }
}
.people-page #shop .desc {
  color: #000;
  font-size: min(1vw, 14px);
  font-weight: 500;
  line-height: 1.8;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .people-page #shop .desc {
    font-size: 3.73vw;
    line-height: 1.55;
    margin-bottom: 3.46vw;
  }
  .people-page #shop .desc span.sp {
    display: inline-block;
  }
}
.people-page #shop .desc a {
  color: #0e51ff;
  margin-left: min(0.714vw, 10px);
  position: relative;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .people-page #shop .desc a {
    margin-left: 3.73vw;
  }
}
.people-page #shop .desc a::before {
  background: url(../images/common/people-shop-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(0.5vw, 7px);
  position: absolute;
  right: calc(min(0.714vw, 10px) * -1);
  top: 50%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(0.5vw, 7px);
}
@media (max-width: 768px) {
  .people-page #shop .desc a::before {
    height: 2.66vw;
    right: -3.41vw;
    width: 2.4vw;
  }
}
.people-page #shop .desc a:hover {
  opacity: 0.75;
}
.people-page #shop .desc a:hover::before {
  right: calc(min(0.714vw, 10px) * -1);
}
.people-page #shop .url a {
  color: #0e51ff;
  font-size: min(1.1vw, 15.5px);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-decoration: underline;
  text-decoration-color: transparent;
}
@media (max-width: 768px) {
  .people-page #shop .url a {
    font-size: 3.73vw;
  }
}
.people-page #shop .url a:hover {
  text-decoration-color: #0e51ff;
}
@media (max-width: 768px) {
  .people-page #shop .url a:hover {
    text-decoration-color: transparent;
  }
}
.people-page #shop::before {
  background: #bec6ce;
  content: "";
  height: calc(100% - min(9.357vw, 131px));
  left: 0;
  position: absolute;
  bottom: min(6.07vw, 85px);
  width: 100%;
  z-index: -1;
}
@media (max-width: 768px) {
  .people-page #shop::before {
    bottom: 16.8vw;
    height: calc(100% - 32.18vw);
  }
}
.people-page #intro-people {
  background: #00264a;
  padding: min(2.43vw, 34px) 0 min(5.36vw, 75px);
  position: relative;
}
@media (max-width: 768px) {
  .people-page #intro-people {
    padding: 0 0 21.16vw;
  }
}
.people-page #intro-people .ip-slider {
  margin: 0 auto min(4.14vw, 58px);
  max-width: 1277px;
  width: 91.2%;
}
@media (max-width: 768px) {
  .people-page #intro-people .ip-slider {
    margin: 0 0 19.79vw;
    width: 100%;
    z-index: inherit;
  }
}
.people-page #intro-people ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .people-page #intro-people ul {
    -ms-flex-wrap: inherit;
        flex-wrap: inherit;
  }
}
.people-page #intro-people ul li {
  background: #fff;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  height: auto;
  margin-bottom: min(2.64vw, 37px);
  padding: min(1.43vw, 20px) min(1.36vw, 19px) min(5.93vw, 83px);
  position: relative;
  width: 23%;
}
@media (max-width: 768px) {
  .people-page #intro-people ul li {
    margin-bottom: 0;
    padding: 5.06vw 4.72vw 20.91vw;
  }
}
.people-page #intro-people ul li:not(:nth-child(4n)) {
  margin-right: 2.66%;
}
.people-page #intro-people .swiper-content {
  height: 100%;
}
.people-page #intro-people .image {
  margin-bottom: min(0.5vw, 7px);
}
@media (max-width: 768px) {
  .people-page #intro-people .image {
    margin-bottom: 1.06vw;
  }
}
.people-page #intro-people h3 {
  font-size: min(2.07vw, 29px);
  font-weight: 700;
  margin-bottom: min(0.71vw, 10px);
}
@media (max-width: 768px) {
  .people-page #intro-people h3 {
    font-size: 7.27vw;
    margin-bottom: 2.4vw;
  }
}
.people-page #intro-people h4 {
  font-size: min(1.43vw, 20px);
  font-weight: 700;
  margin-bottom: min(0.57vw, 8px);
}
@media (max-width: 768px) {
  .people-page #intro-people h4 {
    font-size: 5.01vw;
    margin-bottom: 2.13vw;
    white-space: nowrap;
  }
}
.people-page #intro-people .desc {
  line-height: 1.7;
  text-align: justify;
}
@media (max-width: 768px) {
  .people-page #intro-people .desc {
    line-height: 1.6;
  }
}
.people-page #intro-people .btn {
  position: absolute;
  bottom: min(1.43vw, 20px);
  left: min(1.36vw, 19px);
  width: calc(100% - min(2.72vw, 38px));
}
@media (max-width: 768px) {
  .people-page #intro-people .btn {
    bottom: 4.528vw;
    left: 4.72vw;
    width: calc(100% - 9.44vw);
  }
}
.people-page #intro-people .btn a {
  background: #000;
  border-radius: 25.5px;
  color: #fff;
  display: block;
  font-size: min(1.07vw, 15px);
  font-weight: 700;
  height: min(3.78vw, 53px);
  line-height: min(3.78vw, 53px);
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .people-page #intro-people .btn a {
    font-size: 3.73vw;
    height: 13.3vw;
    line-height: 13.3vw;
  }
}
.people-page #intro-people .btn a::before {
  background: url(../images/common/people-list-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(0.393vw, 5.5px);
  position: absolute;
  right: min(1.36vw, 19px);
  top: calc(50% - min(0.393vw, 5.5px) / 2);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: min(2.39vw, 33.5px);
}
.people-page #intro-people .btn a:hover {
  opacity: 0.75;
}
@media (max-width: 768px) {
  .people-page #intro-people .btn a:hover {
    opacity: 1;
  }
}
.people-page #intro-people .btn a:hover::before {
  right: min(1vw, 14px);
}
.people-page #intro-people .btn .logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: min(2.5vw, 35px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0;
  position: absolute;
  left: min(0.785vw, 11px);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(2.5vw, 35px);
}
@media (max-width: 768px) {
  .people-page #intro-people .btn .logo {
    height: 8.8vw;
    left: 2.73vw;
    width: 8.8vw;
  }
}
.people-page #intro-people .btn .logo img {
  width: min(1.6vw, 22.5px);
}
@media (max-width: 768px) {
  .people-page #intro-people .btn .logo img {
    width: 5.63vw;
  }
}
.people-page #intro-people .ip-slide-prev,
.people-page #intro-people .ip-slide-next {
  display: none;
}
@media (max-width: 768px) {
  .people-page #intro-people .ip-slide-prev,
  .people-page #intro-people .ip-slide-next {
    cursor: pointer;
    display: block;
    height: 12.26vw;
    position: absolute;
    top: 72.5vw;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    width: 12.26vw;
  }
  .people-page #intro-people .ip-slide-prev::before,
  .people-page #intro-people .ip-slide-next::before {
    background: url(../images/common/people-slide-arrow.svg) no-repeat center/contain;
    content: "";
    height: 7.73vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 4.26vw;
    z-index: 3;
  }
  .people-page #intro-people .ip-slide-prev::after,
  .people-page #intro-people .ip-slide-next::after {
    background: #b3b3b3;
    border-radius: 50%;
    content: "";
    height: 100%;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }
}
.people-page #intro-people .ip-slide-prev {
  left: 4.728vw;
}
.people-page #intro-people .ip-slide-prev::before {
  -webkit-transform: translate(-50%, -50%) scale(-1, 1);
          transform: translate(-50%, -50%) scale(-1, 1);
}
.people-page #intro-people .ip-slide-next {
  right: 4.728vw;
}
.people-page #intro-people .swiper-button-disabled {
  opacity: 0;
}

#heda .pokemaru-banner a, #uchiura .pokemaru-banner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  #heda .pokemaru-banner a, #uchiura .pokemaru-banner a {
    display: inherit;
  }
}

@media (max-width: 768px) {
  #heda #main .copy-box h2 {
    font-size: 8.53vw;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }
  #heda #main .copy-box .sub span {
    letter-spacing: 0;
  }
}

@media (max-width: 768px) {
  #shizuura #main .copy-box h2 {
    font-size: 8.1vw;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }
}