@charset "UTF-8";

/*--------------
ここから
--------------*/


/* ▽ 初期設定 --------------*/

#kyounookazu-seafood {
  position: relative;
  /* padding-bottom: 120px; */
  width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color_base);
  overflow: hidden;
} 

#kyounookazu-seafood * {
  box-sizing: border-box;
}

#kyounookazu-seafood img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#kyounookazu-seafood a {
  transition: 0.5s ease-in-out;
  text-decoration: none;
}

#kyounookazu-seafood a:hover {
  opacity: 0.5;
  transition: 0.5s ease-in-out;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood a:hover {
    opacity: 1;
  }
}

.pc {
  display:block !important;
}

.sp {
  display: none !important;
}

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

  .sp {
    display: block !important;
  }
}

#kyounookazu-seafood ul, #kyounookazu-seafood li {
  list-style: none;
}


/*--------------
レイアウト
--------------*/

#kyounookazu-seafood .base_container {
  max-width: 1280px;
  margin: 0 auto;
}

#kyounookazu-seafood .l_container {
  max-width: 1060px;/*1000px*/
  margin: 0 auto;
  padding: 0 calc(30/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .l_container {
    padding: 0 calc(30/375*100%);
  }
}

#kyounookazu-seafood .l_inner {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 calc(30/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .l_inner {
    padding: 0 calc(17.5/315*100%);
  }
}

/*--------------
メソッド
--------------*/

:root {
  --color_base: #000;
  --color_white: #fff;
}

/* ▽ テキスト --------------*/

.text_18 {
  font-size: 18px;
  line-height: 2.2;
  text-align: justify;
}

.text_15 {
  font-size: 15px;
  line-height: 2;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .text_18 {
    font-size: 16px;
    font-size: 4.2vw;
    line-height: 2.0;
  }

  .text_15 {
    font-size: 14px;
    font-size: 3.8vw;
    text-align: justify;
  }
}


/* ▽ シャドウ --------------*/

.shadow {
  filter:drop-shadow(8px 8px 8px rgba(119, 185, 205, .3));
  will-change: filter;
}

/* ▽ スクロールインビュー(フェードアップ) --------------*/

#kyounookazu-seafood .fade_up{
  opacity: 0;
  transform: translateY(30px);
}

#kyounookazu-seafood .fade_up.active {
  opacity: 1;
  transform: translateY(0);
  animation-fill-mode: backwards;
  animation: fadeUp 1s forwards;
}

@keyframes fadeUp{
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*--------------
ナビ
--------------*/  

#kyounookazu-seafood .nav_container{
  width: 100%;
  background: url(/product/brands/kyounookazu-seafood/img/nav_bg.jpg) no-repeat center center / cover;
}

#kyounookazu-seafood nav {
  width: 100%;
  padding: calc(35/1000*100%) 0 ;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood nav {
    padding: calc(12/375*100%) 0 ;
  }
}

#kyounookazu-seafood nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap:0 calc(100/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood nav ul {
    gap:0 calc(37/375*100%);
  }
}

#kyounookazu-seafood nav ul li a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: var(--color_white);
  padding-left: 30px;
}

#kyounookazu-seafood nav ul li a:before {
  content: "";
  position: absolute;
  background: url(/product/brands/kyounookazu-seafood/img/nav_point.png) no-repeat left top / contain;
  width: 17px;
  padding-top: 16px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-top: .75%;
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood nav ul li a {
    font-size: 2.2vw;
    padding-left: 3.0vw;
  }

  #kyounookazu-seafood nav ul li a:before {
    width: 1.7vw;
    padding-top: 1.6vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood nav ul li a {
    font-size: 2.6vw;
    line-height: 1.2;
    padding-left: 4.2vw;
  }

  #kyounookazu-seafood nav ul li a:before {
    width: 2.4vw;
    padding-top: 2.1vw;
  }
}

/*--------------
キービジュアル
--------------*/  

#kyounookazu-seafood .bg {
  background: url(/product/brands/kyounookazu-seafood/img/main_bg_pc.jpg) no-repeat center bottom / cover;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .bg {
    background: url(/product/brands/kyounookazu-seafood/img/main_bg_sp.jpg) repeat center bottom/ auto;
  }
}

#kyounookazu-seafood .kv {
  width: 100%;
  background: url(/product/brands/kyounookazu-seafood/img/kv_bg_pc.png) no-repeat center top / cover;
  position: relative;
  margin: -1px auto 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kv {
    background: url(/product/brands/kyounookazu-seafood/img/kv_bg_sp.png) no-repeat center top / cover;
  }
}

#kyounookazu-seafood .kv_ttl {
  position: absolute;
  width: calc(1150/1440*100%);
  margin: calc(25/1440*100%) auto 0;
  top: 0;
  left: 0;
  right: 0;
  filter:drop-shadow(0px 0px 10px rgba(0 0 0 / .5));
  will-change: filter;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kv_ttl {
    width: calc(327/375*100%);
    margin: calc(9/375*100%) auto 0;
    filter:drop-shadow(0 0 1.3vw rgba(0 0 0 / .5));
  }
}

#kyounookazu-seafood .kv_image {
  position: absolute;
  width: calc(1046/1440*100%);
  margin: calc(150/1440*100%) auto 0;
  top: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kv_image {
    width: calc(306/375*100%);
    margin: calc(50/375*100%) auto 0;
    top: 0;
    left: 0;
    right: 0;
  }
}

#kyounookazu-seafood .kv_gion {
  position: absolute;
  width: calc(215/1440*100%);
  margin: calc(414/1440*100%) 0 0 calc(122/1440*100%);
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kv_gion {
    width: calc(60/375*100%);
    margin: calc(120/375*100%) 0 0 calc(20/375*100%);
  }
}

#kyounookazu-seafood .kv_kind {
  position: absolute;
  width: calc(313/1440*100%);
  margin: calc(375/1440*100%) calc(23/1440*100%) 0 0;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kv_kind {
    width: calc(98/375*100%);
    margin: calc(104/375*100%) calc(12/375*100%) 0 0;
  }
}

#kyounookazu-seafood .kv_lead {
  width: calc(607/1440*100%);
  margin: 0 auto;
  padding: calc(806/1440*100%) 0 calc(80/1440*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kv_lead {
    width: calc(244/375*100%);
    margin: 0 auto;
    padding: calc(243/375*100%) 0 calc(35/375*100%);
  }
}

.kv_ttl,
.kv_gion,
.kv_kind,
.kv_lead {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease, transform 1s ease;
}

.kv_animate .kv_ttl {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}

.kv_animate .kv_gion {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.9s;
}

.kv_animate .kv_kind {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.5s;
}

.kv_animate .kv_lead {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 2.1s;
}

/*--------------
セクション01
--------------*/

#kyounookazu-seafood .sec01 {
  padding-bottom: calc(120/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01 {
    padding-bottom: calc(40/375*100%);
  }
}

#kyounookazu-seafood .sec01_ttl {
  margin: 0 auto;
  padding-top: calc(100/1000*100%);
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 1em;
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec01_ttl {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_ttl {
    padding-top: calc(50/315*100%);
    font-size: 4vw;
  }
}

#kyounookazu-seafood .sec01_ttl::before, 
#kyounookazu-seafood .sec01_ttl::after {
  content: "";
  background: url(/product/brands/kyounookazu-seafood/img/ttl_line.png) no-repeat center center / contain;
  flex: 1;
  height: 3px;
}

#kyounookazu-seafood .sec01_lineup_container {
  margin: calc(60/1000*100%) auto 0;
  display: flex;
  justify-content: center;
  gap: 0 calc(40/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_container {
    margin: calc(25/315*100%) auto 0;
    flex-direction: column;
    align-items: center;
    gap: 9.3vw 0;
  }
}

#kyounookazu-seafood .sec01_lineup_wrap {
  width: calc(265/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap {
    width: calc(185/315*100%)
  }
}

#kyounookazu-seafood .sec01_lineup_wrap .lineup_ttl {
  width: calc(210/265*100%);
  margin: 0 auto;
  filter:drop-shadow(5px 5px 0px rgba(255, 255, 255, 1));
  will-change: filter;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_ttl {
    width: 100%;
    filter:drop-shadow(.9vw .9vw 0px rgba(255, 255, 255, 1));
  }
}

#kyounookazu-seafood .sec01_lineup_wrap .lineup_image {
  margin-top: calc(5/265*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_image {
    margin-top: calc(3/185*100%);
  }
}

#kyounookazu-seafood .sec01_lineup_wrap .lineup_name {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  margin-top: calc(10/265*100%);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_name {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_name {
    font-size: 3.2vw;
    margin-top: calc(5/185*100%);
  }
}

#kyounookazu-seafood .sec01_lineup_wrap .lineup_name span {
  font-size: 160%;
  display: block;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_name span {
    font-size: 130%;
  }
}

#kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a {
  border-radius: 9999px;
  border: 1px solid var(--color_base);
  background: var(--color_white);
  font-size: 15px;
  color: var(--color_base);
  font-weight: 900;
  text-align: center;
  line-height: 1;
  letter-spacing: .1em;
  padding: .5em 0 .6em;
  margin: calc(15/265*100%) auto 0;
  display: block;
  cursor: pointer;
  position: relative;
  width: calc(210/265*100%);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a {
    font-size: 3.2vw;
    margin-top: calc(15/185*100%);
    user-select: none;
    -webkit-user-select: none;
    width: 100%;
  }
}

#kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a:hover {
  opacity: 1;
  border: 1px solid var(--color_white);
  background: var(--color_base);
  color: var(--color_white);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a:hover {
    opacity: 1;
    border: 1px solid var(--color_base);
    background: var(--color_white);
    color: var(--color_base);
  }
}

#kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid var(--color_base);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin: auto calc(10/210*100%) auto 0;
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a::after {
    border-left: 1.0vw solid var(--color_base);
    border-top: .6vw solid transparent;
    border-bottom: .6vw solid transparent;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a::after {
    border-left: 2.1vw solid var(--color_base);
    border-top: 1.2vw solid transparent;
    border-bottom: 1.2vw solid transparent;
    margin: auto calc(15/185*100%) auto 0;
  }
}

#kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a:hover::after {
  border-left: 10px solid var(--color_white);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a:hover::after {
    border-left: 1.0vw solid var(--color_white);
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_lineup_wrap .lineup_btn a:hover::after {
    border-left: 2.1vw solid var(--color_base);
  }
}

#kyounookazu-seafood .sec01_tokuchou_lead {
  width: calc(585/1000*100%);
  margin: calc(55/1000*100%) auto 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_tokuchou_lead {
    width: calc(273/315*100%);
    margin: calc(30/315*100%) auto 0;
  }
}

#kyounookazu-seafood .sec01_tokuchou_text {
  margin: calc(25/1000*100%) auto 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec01_tokuchou_text {
    font-size: 2.0vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_tokuchou_text {
    margin: calc(15/315*100%) auto 0;
    font-size: 3.2vw;
  }
}

#kyounookazu-seafood .sec01_tokuchou_container {
  position: relative;
  margin: calc(50/1000*100%) auto 0;
  padding-bottom: calc(330/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_tokuchou_container {
    position: relative;
    margin: calc(20/375*100%) auto 0;
    padding-bottom: calc(140/315*100%);
  }
}

#kyounookazu-seafood .tokuchou_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 calc(30/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_wrap {
    flex-direction: column;
    gap: 2.6vw 0;
  }
}

#kyounookazu-seafood .tokuchou_wrap .tokuchou {
  width: calc(350/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_wrap .tokuchou {
    width: calc(200/315*100%);
  }
}

#kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu {
    width: 10vw;
    height: 10vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu {
    width: 6.4vw;
    height: 6.4vw;
  }
}

#kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu::before,
#kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 100px; /* 棒の高さ */
  background: var(--color_base);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu::before,
  #kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu::after {
    width: 2px; /* 棒の幅（太さ） */
    height: 10vw; /* 棒の高さ */
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu::before,
  #kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu::after {
    width: 1px; /* 棒の幅（太さ） */
    height: 6.4vw; /* 棒の高さ */
  }
}

#kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu::before{
  transform: translate(-50%,-50%) rotate(45deg);
}

#kyounookazu-seafood .tokuchou_wrap .tokuchou_batsu::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

#kyounookazu-seafood .tokuchou_image {
  width: calc(840/1000*100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_image {
    width: calc(335/315*100%);
    margin: 0 0 0 calc(-10/315*100%) ;
  }
}

#kyounookazu-seafood .tokuchou_pattern01 {
  width: calc(125/1000*100%);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 calc(285/1000*100%) calc(-160/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_pattern01 {
    width: calc(47/315*100%);
    position: absolute;
    bottom: auto;
    left: 0;
    top:0;
    margin: calc(183/315*100%) 0 0 calc(13/315*100%);
  }
}

#kyounookazu-seafood .tokuchou_pattern02 {
  width: calc(125/1000*100%);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 calc(120/1000*100%) calc(-60/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_pattern02 {
    width: calc(47/315*100%);
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 calc(156/315*100%) calc(-12/315*100%);
  }
}

#kyounookazu-seafood .tokuchou_pattern03 {
  width: calc(125/1000*100%);
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 calc(-45/1000*100%) calc(325/1000*100%) 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_pattern03 {
    width: calc(47/315*100%);
    position: absolute;
    bottom: auto;
    right: 0;
    top:0;
    margin: calc(15/315*100%) calc(17/315*100%) 0 0;
  }
}

#kyounookazu-seafood .tokuchou_pattern04 {
  width: calc(125/1000*100%);
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 calc(-180/1000*100%) calc(165/1000*100%) 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .tokuchou_pattern04 {
    width: calc(47/315*100%);
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 calc(-18/315*100%) calc(280/315*100%) 0;
  }
}

#kyounookazu-seafood .sec01_kodawari_container {
  width: calc(940/1000*100%);
  margin: calc(60/1000*100%) auto 0;
  border: 5px solid #d2b45a;
  position: relative;
  padding: calc(60/1000*100%) 0 calc(70/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_kodawari_container {
    margin: calc(30/315*100%) auto 0;
    border: .6vw solid #d2b45a;
    padding: calc(30/315*100%) 0 calc(35/315*100%);
  }
}

#kyounookazu-seafood .sec01_kodawari_container::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 3px solid #d2b45a;
  background-color: rgba(241, 234, 215, 0.5);
  z-index: 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_kodawari_container::before {
    top: 1.4vw;
    left: 1.4vw;
    right: 1.4vw;
    bottom: 1.4vw;
    border: .4vw solid #d2b45a;
  }
}

#kyounookazu-seafood .sec01_kodawari_ttl {
  width: calc(530/940*100%);
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_kodawari_ttl {
    width: calc(240/310*100%);
  }
}

#kyounookazu-seafood .sec01_kodawari_wrap {
  width: calc(800/940*100%);
  margin: calc(60/940*100%) auto 0;
  display: flex;
  justify-content: center;
  gap: 0 calc(45/940*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec01_kodawari_wrap {
    width: calc(210/310*100%);
    margin: calc(40/310*100%) auto 0;
    flex-direction: column;
    gap: 12vw 0;
  }
}

#kyounookazu-seafood .kodawari_point {
  width: calc(236/800*100%);
  position: relative;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kodawari_point {
    width: 100%;
  }
}

#kyounookazu-seafood .kodawari_point .point {
  position: absolute;
  width: calc(70/236*100%);
  top: 0;
  left: 0;
  margin: calc(-30/236*100%) 0 0 calc(-25/236*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kodawari_point .point {
    width: calc(66/210*100%);
    top: 0;
    left: 0;
    margin: calc(-23/210*100%) 0 0 calc(-26/210*100%);
  }
}

#kyounookazu-seafood .kodawari_point .kodawiri_ttl {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  margin-top: calc(25/236*100%);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .kodawari_point .kodawiri_ttl {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kodawari_point .kodawiri_ttl {
    font-size: 4.2vw;
    margin-top: calc(10/210*100%);
  }
}

#kyounookazu-seafood .kodawari_point .kodawari_text {
  font-size: 13px;
  line-height: 1.7;
  font-weight: 700;
  margin-top: calc(20/236*100%);
  display: flex;
  justify-content: center;
  text-align: left;
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .kodawari_point .kodawari_text {
    font-size: 1.3vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .kodawari_point .kodawari_text {
    font-size: 3.2vw;
    margin-top: calc(10/210*100%);
  }
}

/*--------------
セクション02
--------------*/

#kyounookazu-seafood .sec02_bg {
  background: url(/product/brands/kyounookazu-seafood/img/sec02_bg.png) repeat center center / auto;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec02_bg {
  background: url(/product/brands/kyounookazu-seafood/img/sec02_bg.png) repeat center center / 6%;
}
}

#kyounookazu-seafood .sec02_ttl {
  width: calc(677/940*100%);
  margin: 0 auto;
  padding-top: calc(55/940*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec02_ttl {
    width: calc(305/280*100%);
    margin: 0 0 0 calc(-12.5/280*100%);
    padding-top: calc(10/280*100%);
  }
}

#kyounookazu-seafood .sec02_case {
  margin: calc(40/940*100%) auto 0;
  display: flex;
  flex-direction: column;
  gap: 45px 0;
  padding-bottom: calc(135/940*100%);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec02_case {
    gap: 4.5vw 0;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec02_case {
    margin: calc(20/280*100%) auto 0;
    gap: 8vw 0;
    padding-bottom: calc(50/280*100%);
  }
}


/*--------------
セクション03
--------------*/

#kyounookazu-seafood .sec03 {
  position: relative;
}

#kyounookazu-seafood .sec03::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background: url(/product/brands/kyounookazu-seafood/img/sec03_bg.png) repeat center center;
  z-index: 0;
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec03::before {
    height: 25vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03::before {
    height: 36vw;
        background: url(/product/brands/kyounookazu-seafood/img/sec03_bg.png) repeat center center / 7.5%;

  }
}

#kyounookazu-seafood .sec03_inner {
  position: relative;
  z-index: 1;
}


#kyounookazu-seafood .sec03_ttl {
  width: calc(120/1000*100%);
  margin: 0 auto;
  padding-top: calc(60/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_ttl {
    width: calc(60/315*100%);
    margin: 0 auto;
    padding-top: calc(25/315*100%);
  }
}

#kyounookazu-seafood .sec03_movie {
  width: calc(412/1000*100%);
  margin: calc(30/1000*100%) auto 0;
  border: 1px solid var(--color_white);
  background-color: var(--color_white);
  position: relative;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_movie {
    width: calc(280/315*100%);
    margin: calc(15/315*100%) auto 0;
  }
}

#kyounookazu-seafood .sec03_movie_notes {
  font-size: 15px;
  text-align: center;
  font-weight: 600;
  margin: calc(25/1000*100%) auto 0;
}

@media screen and (max-width: 1000px) {
    #kyounookazu-seafood .sec03_movie_notes {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 767px) {
    #kyounookazu-seafood .sec03_movie_notes {
    font-size: 3.4vw;
    margin: calc(15/315*100%) auto 0;
  }
}

#kyounookazu-seafood .sec03_ttl_nizakana {
  width: calc(601/1000*100%);
  margin: calc(50/1000*100%) auto 0;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_ttl_nizakana {
    width: calc(261/315*100%);
    margin: calc(30/315*100%) auto 0;
  }
}

#kyounookazu-seafood .sec03_lineup_container {
  margin: calc(40/1000*100%) auto 0;
  display: flex;
  justify-content: center;
  gap: 0 calc(45/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_container {
    margin: calc(20/315*100%) auto 0;
    flex-direction: column;
    align-items: center;
    gap: 8vw 0;
  }
}

#kyounookazu-seafood .sec03_lineup_wrap {
  width: calc(237/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_wrap {
    width: 100%;
  }
}

#kyounookazu-seafood .sec03_movie_wrap {
  width: calc(385/1000*100%);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_movie_wrap {
    width: 100%;
  }
}

#kyounookazu-seafood .sec03_lineup_image, #kyounookazu-seafood .sec03_movie_image {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_image {
    width: calc(162/315*100%);
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_movie_image {
    width: calc(232/315*100%);
    margin: calc(10/315*100%) auto 0;
  }
}

#kyounookazu-seafood .sec03_lineup_name {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  margin-top: calc(10/237*100%);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec03_lineup_name {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_name {
    font-size: 3.2vw;
    margin-top: calc(5/310*100%);
  }
}

#kyounookazu-seafood .sec03_lineup_name span {
  font-size: 160%;
  display: block;
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_name span {
    font-size: 130%;
  }
}

#kyounookazu-seafood .sec03_movie_name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  margin-top: calc(20/385*100%);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec03_movie_name {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_movie_name {
    font-size: 3.4vw;
    margin-top: calc(15/310*100%);
  }
}

#kyounookazu-seafood .sec03_lineup_btn a {
  border-radius: 9999px;
  border: 1px solid var(--color_base);
  background: var(--color_white);
  font-size: 15px;
  color: var(--color_base);
  font-weight: 900;
  text-align: center;
  line-height: 1;
  letter-spacing: .1em;
  padding: .5em 0 .6em;
  margin: calc(15/237*100%) auto 0;
  display: block;
  cursor: pointer;
  position: relative;
  width: calc(210/237*100%);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec03_lineup_btn a {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_btn a {
    font-size: 3.2vw;
    margin-top: calc(15/315*100%);
    user-select: none;
    -webkit-user-select: none;
    width: calc(185/315*100%);
  }
}

#kyounookazu-seafood .sec03_lineup_btn a:hover {
  opacity: 1;
  border: 1px solid var(--color_white);
  background: var(--color_base);
  color: var(--color_white);
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_btn a:hover {
    opacity: 1;
    border: 1px solid var(--color_base);
    background: var(--color_white);
    color: var(--color_base);
  }
}

#kyounookazu-seafood .sec03_lineup_btn a::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid var(--color_base);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin: auto calc(10/210*100%) auto 0;
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec03_lineup_btn a::after {
    border-left: 1.0vw solid var(--color_base);
    border-top: .6vw solid transparent;
    border-bottom: .6vw solid transparent;
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_btn a::after {
    border-left: 2.1vw solid var(--color_base);
    border-top: 1.2vw solid transparent;
    border-bottom: 1.2vw solid transparent;
    margin: auto calc(15/185*100%) auto 0;
  }
}

#kyounookazu-seafood .sec03_lineup_btn a:hover::after {
  border-left: 10px solid var(--color_white);
}

@media screen and (max-width: 1000px) {
  #kyounookazu-seafood .sec03_lineup_btn a:hover::after {
    border-left: 1.0vw solid var(--color_white);
  }
}

@media screen and (max-width: 767px) {
  #kyounookazu-seafood .sec03_lineup_btn a:hover::after {
    border-left: 2.1vw solid var(--color_base);
  }
}