@charset "UTF-8";
/* ======================
// 開発用
====================== */
/* ======================
// Reset
====================== */
html * {
  box-sizing: border-box;
}
html body,
html a {
  color: #000;
  font-size: 3.7333333333vw;
  letter-spacing: normal;
}
html body, html div, html p, html dl, html dt, html dd, html ul, html ol, html li, html h1, html h2, html h3, html h4, html h5, html h6 {
  margin: 0;
  padding: 0;
}
html body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Lato", "メイリオ", Meiryo, sans-serif;
}
html h1, html h2, html h3, html h4, html h5, html h6 {
  font-weight: normal;
}
html ol, html ul {
  list-style: none;
}
html img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 0;
}
html a {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html a::-moz-focus-inner {
  border: 0;
}

@media screen and (min-width: 768px) {
  html body,
  html a {
    font-size: min(1.25vw, 16px);
  }
}
/* ======================
// Base
====================== */
.contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 0;
  color: #fff;
}

/* 改行切り替え */
.pc {
  display: none;
}

.sp {
  display: inherit;
}

@media screen and (min-width: 768px) {
  .pc {
    display: inherit;
  }
  .sp {
    display: none;
  }
}
/* ======================
// Section 01
====================== */
.section-01 {
  position: relative;
}
.section-01 .unit {
  padding: 207.4666666667vw 0 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-01 .point {
  width: 84.5333333333vw;
  margin: 0 auto 14.9333333333vw;
}
.section-01 .buyer {
  padding: 0 8vw;
}
.section-01 .buyer .area {
  padding: 0 0 0 47.4666666667vw;
  margin: 0 auto 11.2vw;
}
.section-01 .buyer .area .area-head {
  display: inline-block;
  font-size: 3.7333333333vw;
  text-indent: -2.1333333333vw;
}
.section-01 .buyer .area .area-body {
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.6;
}
.section-01 .buyer .voice {
  position: relative;
}
.section-01 .buyer .voice:after {
  content: "";
  width: 32.5333333333vw;
  height: 32vw;
  background-image: url("./unagi_sec_01_buyer.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -7.2vw;
  right: -2.1333333333vw;
}
.section-01 .buyer .voice .voice-head {
  margin: 0 auto 2.1333333333vw;
  font-size: 4.8vw;
}
.section-01 .buyer .voice .voice-head .small {
  display: block;
  margin-bottom: 0.5333333333vw;
  font-size: 3.7333333333vw;
}
.section-01 .buyer .voice .voice-body .txt {
  line-height: 1.8571428571;
}

@media screen and (min-width: 768px) {
  .section-01 .unit {
    padding: 0;
  }
  .section-01 .point {
    width: min(56.328125vw, 721px);
    margin: 0 0 min(65.46875vw, 838px);
  }
  .section-01 .buyer {
    padding: 0 min(16.875vw, 216px);
  }
  .section-01 .buyer .area {
    padding: 0 0 min(2.65625vw, 34px);
    margin: 0 auto min(2.03125vw, 26px);
    position: relative;
  }
  .section-01 .buyer .area:before {
    content: "";
    width: min(26.5625vw, 340px);
    height: min(0.078125vw, 1px);
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .section-01 .buyer .area .area-head {
    display: inline-block;
    margin: 0 auto min(0.3125vw, 4px);
    font-size: min(1.25vw, 16px);
    text-indent: max(-0.625vw, -8px);
  }
  .section-01 .buyer .area .area-body {
    font-size: min(1.5625vw, 20px);
    line-height: 1.5;
  }
  .section-01 .buyer .voice:after {
    width: min(13.59375vw, 174px);
    height: min(13.90625vw, 178px);
    top: min(0.625vw, 8px);
    right: max(-0.234375vw, -3px);
  }
  .section-01 .buyer .voice .voice-head {
    margin: 0 auto min(0.46875vw, 6px);
    font-size: min(1.71875vw, 22px);
  }
  .section-01 .buyer .voice .voice-head .small {
    display: inline-block;
    margin: 0 min(1.71875vw, 22px) 0 0;
    font-size: min(1.09375vw, 14px);
  }
  .section-01 .buyer .voice .voice-body {
    width: min(51.09375vw, 654px);
  }
  .section-01 .buyer .voice .voice-body .txt {
    line-height: 2;
  }
}
/* ======================
// Section 02
====================== */
.section-02 {
  position: relative;
}
.section-02 .unit {
  padding: 132.2666666667vw 7.4666666667vw 0;
  color: #4f2e00;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-02 .txt-01,
.section-02 .txt-02 {
  text-align: justify;
  line-height: 1.8571428571;
}
.section-02 .txt-01 {
  margin: 0 auto 11.7333333333vw;
}
.section-02 .box {
  display: flex;
  flex-direction: column;
  gap: 5.3333333333vw;
  margin: 0 auto 9.3333333333vw;
}
.section-02 .box .ph-area {
  display: flex;
  flex-direction: column;
  gap: 7.4666666667vw;
}
.section-02 .box .ph-area .ph {
  width: 84vw;
  line-height: 1;
}
.section-02 .box .ph-area .ph .figure {
  padding: 1.6vw 0 0;
  font-size: 2.6666666667vw;
  line-height: 1.6;
  text-align: justify;
}
.section-02 .brand {
  display: flex;
  gap: 3.7333333333vw;
  padding: 0 0.5333333333vw;
}
.section-02 .brand .logo {
  width: 24.5333333333vw;
}
.section-02 .brand .txt {
  width: calc(100% - 24.5333333333vw - 3.7333333333vw);
  padding: 0.5333333333vw 0 0;
  line-height: 1.8;
}

@media screen and (min-width: 768px) {
  .section-02 .unit {
    padding: min(21.5625vw, 276px) min(10.9375vw, 140px) 0;
  }
  .section-02 .txt-01,
  .section-02 .txt-02 {
    line-height: 2;
  }
  .section-02 .txt-01 {
    width: min(34.84375vw, 446px);
    margin: 0 0 min(7.1875vw, 92px);
  }
  .section-02 .box {
    display: flex;
    flex-direction: row;
    gap: min(3.59375vw, 46px);
    margin: 0 auto min(2.34375vw, 30px);
  }
  .section-02 .box .ph-area {
    flex-direction: row;
    gap: min(0.78125vw, 10px);
  }
  .section-02 .box .ph-area .ph {
    width: min(26.71875vw, 342px);
  }
  .section-02 .box .ph-area .ph .figure {
    padding: min(0.859375vw, 11px) min(0.78125vw, 10px) 0;
    font-size: min(0.9375vw, 12px);
    line-height: 1.7;
    text-align: justify;
  }
  .section-02 .box .txt-02 {
    margin-top: max(-0.625vw, -8px);
  }
  .section-02 .brand {
    justify-content: center;
    align-items: center;
    gap: min(2.03125vw, 26px);
    padding: 0 0 0 min(2.1875vw, 28px);
  }
  .section-02 .brand .logo {
    width: min(8.515625vw, 109px);
  }
  .section-02 .brand .txt {
    width: auto;
    padding: min(0.15625vw, 2px) 0 0;
    line-height: 1.8;
  }
}
/* ======================
// Section 03
====================== */
.section-03 {
  position: relative;
}
.section-03 .unit {
  padding: 133.3333333333vw 7.4666666667vw 0;
  color: #4f2e00;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.section-03 .txt-01,
.section-03 .txt-02 {
  text-align: justify;
  line-height: 1.8571428571;
}
.section-03 .txt-01 {
  margin: 0 auto 11.2vw;
}
.section-03 .box {
  margin: 0 auto 5.3333333333vw;
}
.section-03 .box .ph-area {
  display: flex;
  gap: 2.6666666667vw;
}
.section-03 .box .ph-area .ph {
  width: 84vw;
  line-height: 1;
}
.section-03 .box .figure {
  padding: 2.1333333333vw 0 0;
  font-size: 2.6666666667vw;
  line-height: 1.6;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .section-03 .unit {
    padding: min(29.0625vw, 372px) min(10.9375vw, 140px) 0;
  }
  .section-03 .txt-01,
  .section-03 .txt-02 {
    line-height: 2;
  }
  .section-03 .txt-01 {
    width: min(26.25vw, 336px);
    margin: 0 0 min(5.78125vw, 74px) auto;
  }
  .section-03 .box {
    margin: 0;
  }
  .section-03 .box .ph-area {
    gap: min(0.78125vw, 10px);
    width: min(47.5vw, 608px);
  }
  .section-03 .box .ph-area .ph {
    width: calc(50% - min(0.390625vw, 5px));
  }
  .section-03 .box .figure {
    padding: min(0.78125vw, 10px) 0 0;
    font-size: min(0.9375vw, 12px);
    line-height: 2;
  }
  .section-03 .txt-02 {
    width: min(26.25vw, 336px);
    position: absolute;
    right: min(10.9375vw, 140px);
    bottom: min(1.875vw, 24px);
  }
}
/* ======================
// Section 04
====================== */
/* background-image */
.section-04 .bg_ttl,
.section-04 .sec04_bg01_sp,
.section-04 .sec04_bg02_sp,
.section-04 .sec04_bg03_sp,
.section-04 .sec04_bg04_sp,
.section-04 .sec04_bg01_pc,
.section-04 .sec04_bg02_pc {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.section-04 .bg_ttl {
  background-image: url("./unagi_sec04_bg_ttl_sp.jpg");
  height: 42.6666666667vw;
}
.section-04 .sec04_bg01_sp {
  background-image: url("./unagi_sec04_bg01_sp.jpg");
  height: 312vw;
}
.section-04 .sec04_bg02_sp {
  background-image: url("./unagi_sec04_bg02_sp.jpg");
  height: 301.3333333333vw;
}
.section-04 .sec04_bg03_sp {
  background-image: url("./unagi_sec04_bg03_sp.jpg");
  height: 247.2vw;
}
.section-04 .sec04_bg04_sp {
  background-image: url("./unagi_sec04_bg04_sp.jpg");
  height: 341.3333333333vw;
}

@media screen and (min-width: 768px) {
  .section-04 .sec04_bg01_sp,
  .section-04 .sec04_bg02_sp,
  .section-04 .sec04_bg03_sp,
  .section-04 .sec04_bg04_sp {
    background-image: none;
    height: auto;
  }
  .section-04 .bg_ttl {
    background-image: url("./unagi_sec04_bg_ttl_pc.jpg");
    height: min(15.625vw, 200px);
  }
  .section-04 .sec04_bg01_pc {
    background-image: url("./unagi_sec04_bg01_pc.jpg");
    height: min(117.96875vw, 1510px);
  }
  .section-04 .sec04_bg02_pc {
    background-image: url("./unagi_sec04_bg02_pc.jpg");
    height: min(123.4375vw, 1580px);
  }
}
/* タイトル */
.section-04 .sec04_ttl {
  width: 67.0666666667vw;
  padding-top: 13.3333333333vw;
  margin: 0 auto;
}
.section-04 .product_ttl {
  margin: 0 auto;
}
.section-04 .detail .product_ttl {
  padding-top: 12.8vw;
  margin-bottom: 5.3333333333vw;
}
.section-04 .detail.product_01 .product_ttl {
  width: 81.8666666667vw;
  padding-top: 7.4666666667vw;
  margin-bottom: 7.4666666667vw;
}
.section-04 .detail.product_02 .product_ttl {
  width: 66.1333333333vw;
  padding-top: 12.2666666667vw;
  margin-bottom: 8vw;
}
.section-04 .detail.product_03 .product_ttl {
  width: 50.8vw;
}
.section-04 .detail.product_04 .product_ttl {
  width: 79.7333333333vw;
}

@media screen and (min-width: 768px) {
  .section-04 .sec04_ttl {
    width: min(52.5vw, 672px);
    padding-top: min(6.09375vw, 78px);
    margin: 0 auto;
  }
  .section-04 .detail .product_ttl {
    padding-top: min(2.8125vw, 36px);
    margin-bottom: min(2.1875vw, 28px);
  }
  .section-04 .detail.product_01 .product_ttl {
    width: min(51.875vw, 664px);
    padding-top: min(2.8125vw, 36px);
    margin-bottom: min(1.5625vw, 20px);
  }
  .section-04 .detail.product_02 .product_ttl {
    width: min(45.15625vw, 578px);
    margin-bottom: min(1.5625vw, 20px);
    padding-top: min(3.125vw, 40px);
  }
  .section-04 .detail.product_03 .product_ttl {
    width: min(41.484375vw, 531px);
    padding-top: min(4.6875vw, 60px);
  }
  .section-04 .detail.product_04 .product_ttl {
    width: min(44.21875vw, 566px);
    padding-top: min(4.6875vw, 60px);
  }
}
/* 注文エリア */
.section-04 .flex_box {
  display: flex;
  flex-wrap: wrap;
}
.section-04 .flex_box.flex_box_reverse {
  flex-direction: column-reverse;
}
.section-04 .detail {
  color: #000;
  position: relative;
}
.section-04 .detail .ph {
  margin: 0 auto;
}
.section-04 .detail .buyer_comment {
  background-color: rgba(184, 60, 37, 0.12);
  width: 84vw;
  color: #4F2E00;
  margin: 0 auto;
  border-radius: 2.6666666667vw;
  margin-bottom: 2.6666666667vw;
  position: relative;
}
.section-04 .detail .buyer_comment::before {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 17.3333333333vw;
  width: 0;
  height: 0;
  border-top: 20px solid rgba(184, 60, 37, 0.12);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.section-04 .detail .buyer_comment .buyer_box {
  padding: 2.6666666667vw 6.4vw 4.8vw;
}
.section-04 .detail .buyer_comment .buyer_head {
  font-size: 3.7333333333vw;
  margin: 3.7333333333vw 0 2.1333333333vw;
  font-weight: 700;
  line-height: 1.6;
}
.section-04 .detail .buyer_comment .buyer_head span {
  font-size: 4.8vw;
  display: block;
}
.section-04 .detail .buyer_comment .buyer_img {
  width: 30.1333333333vw;
  float: right;
  margin-left: 2.1333333333vw;
}
.section-04 .detail .buyer_comment .buyer_txt {
  line-height: 1.8571428571;
}
.section-04 .detail .txt_box {
  padding: 0 10.6666666667vw;
  padding-top: 1.3333333333vw;
  line-height: 1.8571428571;
  margin-bottom: 2.1333333333vw;
}
.section-04 .detail .box {
  padding: 0 10.6666666667vw;
  width: 100%;
}
.section-04 .detail .box .txt {
  line-height: 1.8571428571;
  margin-bottom: 2.6666666667vw;
}
.section-04 .detail .maker {
  margin: 0 auto 1.6vw;
  font-size: 3.2vw;
  font-weight: 700;
}
.section-04 .detail .name {
  padding: 2.6666666667vw 0;
  margin: 0 auto 1.6vw;
  font-weight: 700;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  font-size: 4.2666666667vw;
}
.section-04 .detail .capacity {
  margin: 0 auto 2.6666666667vw;
  font-size: 3.2vw;
  font-weight: 700;
}
.section-04 .detail .price-area {
  margin: 0 auto 7.4666666667vw;
  font-size: 8vw;
  font-weight: 700;
  line-height: 1.2;
}
.section-04 .detail .price-area .small {
  font-size: 3.7333333333vw;
}
.section-04 .detail .price-area .small:nth-of-type(1) {
  display: inline-block;
  margin-right: 1.3333333333vw;
}
.section-04 .detail .price-area .accent {
  display: inline-block;
  padding: 0.5333333333vw 1.6vw 0.5333333333vw 1.0666666667vw;
  margin: 0 0 0 3.7333333333vw;
  color: #cd3d2a;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #cd3d2a;
  position: relative;
  top: -1.3333333333vw;
}
.section-04 .detail .price-area .in_tax {
  padding: 0.8vw 0 0;
  font-size: 3.7333333333vw;
  text-indent: -0.5em;
}
.section-04 .detail .price-area.price-sale_01 {
  position: relative;
  display: inline-block;
  background: #F00;
  padding: 2.1333333333vw 3.2vw 1.6vw;
  color: #fff;
}
.section-04 .detail .price-area.price-sale_01 .accent {
  position: absolute;
  width: 22.9333333333vw;
  top: 6.4vw;
  right: -24vw;
  margin: 0;
}
.section-04 .detail .btn {
  text-align: center;
}
.section-04 .detail .btn a {
  display: inline-block;
  width: 73.3333333333vw;
  padding: 4.8vw 0;
  color: #fff;
  font-size: 4vw;
  font-weight: 700;
  text-decoration: none;
  background-color: #e94e49;
  border: solid 1px #cc1816;
  border-radius: 8vw;
}
.section-04 .detail.product_01::after, .section-04 .detail.product_03::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 89.3333333333vw;
  height: 1.5px;
  background: #8C775B;
  margin: 0 auto;
}
.section-04 .detail.product_01 .ph {
  width: 72.5333333333vw;
  padding-top: 0;
}
.section-04 .detail.product_02 .ph {
  width: 95.7333333333vw;
  margin-bottom: 2.6666666667vw;
}
.section-04 .detail.product_03 .ph {
  width: 77.3333333333vw;
}
.section-04 .detail.product_04 .ph:nth-child(1) {
  width: 95.4666666667vw;
}
.section-04 .detail.product_04 .ph:nth-child(2) {
  width: 97.0666666667vw;
  margin-top: max(-1.5625vw, -20px);
}
.section-04 .sec04_bg01_pc {
  position: relative;
}
.section-04 .sec04_bg01_pc::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 89.3333333333vw;
  height: 1.5px;
  background: #8C775B;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .section-04 .flex_box {
    flex-wrap: nowrap;
    gap: min(4.6875vw, 60px);
    padding: 0 min(10.9375vw, 140px);
  }
  .section-04 .flex_box.flex_box_reverse {
    flex-direction: row;
    gap: 0;
    margin-bottom: 0;
    align-items: center;
  }
  .section-04 .detail {
    padding: 0;
  }
  .section-04 .detail .buyer_comment {
    width: min(33.515625vw, 429px);
    border-radius: min(0.78125vw, 10px);
    margin: min(2.34375vw, 30px) 0;
  }
  .section-04 .detail .buyer_comment::before {
    top: min(2.8125vw, 36px);
    bottom: auto;
    right: min(33.515625vw, 429px);
    border-right: min(2.03125vw, 26px) solid rgba(184, 60, 37, 0.12);
    border-top: min(1.09375vw, 14px) solid transparent;
    border-bottom: min(1.09375vw, 14px) solid transparent;
  }
  .section-04 .detail .buyer_comment .buyer_box {
    padding: min(1.875vw, 24px);
  }
  .section-04 .detail .buyer_comment .buyer_head {
    font-size: min(1.09375vw, 14px);
    margin: min(0.46875vw, 6px) 0 min(0.625vw, 8px);
  }
  .section-04 .detail .buyer_comment .buyer_head span {
    display: inline;
    font-size: min(1.71875vw, 22px);
    margin-left: min(0.78125vw, 10px);
  }
  .section-04 .detail .buyer_comment .buyer_img {
    width: min(10.546875vw, 135px);
    margin-left: min(0.625vw, 8px);
  }
  .section-04 .detail .buyer_comment .buyer_txt {
    line-height: 2;
  }
  .section-04 .detail .txt_box {
    padding: 0;
    width: min(33.59375vw, 430px);
  }
  .section-04 .detail .box {
    padding: 0;
    width: min(39.0625vw, 500px);
  }
  .section-04 .detail .box .txt {
    margin-bottom: min(1.5625vw, 20px);
  }
  .section-04 .detail .maker {
    margin: 0 auto min(0.46875vw, 6px);
    font-size: min(1.09375vw, 14px);
  }
  .section-04 .detail .name {
    padding: min(0.78125vw, 10px) 0;
    margin: 0 auto min(0.46875vw, 6px);
    font-size: min(1.40625vw, 18px);
  }
  .section-04 .detail .capacity {
    margin: 0 auto min(0.9375vw, 12px);
    font-size: min(0.9375vw, 12px);
  }
  .section-04 .detail .price-area {
    margin: 0 auto min(2.1875vw, 28px);
    font-size: min(2.34375vw, 30px);
  }
  .section-04 .detail .price-area .small {
    font-size: min(1.09375vw, 14px);
  }
  .section-04 .detail .price-area .small:nth-of-type(1) {
    margin-right: min(0.390625vw, 5px);
  }
  .section-04 .detail .price-area .accent {
    padding: min(0.3125vw, 4px) min(0.46875vw, 6px) min(0.3125vw, 4px) min(0.3125vw, 4px);
    margin: 0 0 0 min(1.09375vw, 14px);
    font-size: min(1.25vw, 16px);
    top: max(-0.3125vw, -4px);
  }
  .section-04 .detail .price-area .in_tax {
    padding: min(0.3125vw, 4px) 0 0;
    font-size: min(1.09375vw, 14px);
  }
  .section-04 .detail .price-area.price-sale_01 {
    padding: min(0.625vw, 8px) min(0.9375vw, 12px) min(0.46875vw, 6px);
  }
  .section-04 .detail .price-area.price-sale_01 .accent {
    width: min(8.59375vw, 110px);
    top: min(1.5625vw, 20px);
    right: max(-9.53125vw, -122px);
  }
  .section-04 .detail .btn {
    text-align: left;
  }
  .section-04 .detail .btn a {
    width: min(17.34375vw, 222px);
    padding: min(1.25vw, 16px) 0;
    font-size: min(1.171875vw, 15px);
    font-weight: 700;
    text-align: center;
    transition-duration: 0.3s;
    transition-property: background-color, border, opacity;
    border-radius: min(2.34375vw, 30px);
  }
  .section-04 .detail .btn a:hover {
    opacity: 0.7;
  }
  .section-04 .detail.product_01, .section-04 .detail.product_02, .section-04 .detail.product_03 {
    margin-bottom: min(4.6875vw, 60px);
  }
  .section-04 .detail.product_01::after, .section-04 .detail.product_03::after {
    bottom: max(-4.6875vw, -60px);
    width: min(78.125vw, 1000px);
    height: 1px;
  }
  .section-04 .detail.product_01 .ph {
    width: min(46.171875vw, 591px);
    margin-left: max(-3.515625vw, -45px);
    padding-top: 0;
  }
  .section-04 .detail.product_02 .ph {
    width: min(43.359375vw, 555px);
    margin-left: max(-1.5625vw, -20px);
    margin-bottom: 20px;
  }
  .section-04 .detail.product_03 .ph {
    width: min(34.609375vw, 443px);
  }
  .section-04 .detail.product_03 .flex_box {
    gap: min(0.78125vw, 10px);
  }
  .section-04 .detail.product_04 .flex_box {
    justify-content: space-between;
  }
  .section-04 .detail.product_04 .flex_box.flex_box_img {
    gap: 0;
    align-items: center;
    margin-bottom: min(1.5625vw, 20px);
    padding: 0 min(8.59375vw, 110px);
  }
  .section-04 .detail.product_04 .ph:nth-child(1) {
    width: min(50.78125vw, 650px);
    margin-right: max(-2.34375vw, -30px);
  }
  .section-04 .detail.product_04 .ph:nth-child(2) {
    width: min(33.828125vw, 433px);
  }
  .section-04 .sec04_bg01_pc::after {
    bottom: 0;
    width: min(78.125vw, 1000px);
    height: 1px;
  }
}
/* ======================
// foot-link
====================== */
.foot-link {
  padding: 8vw 0 6.4vw;
  background-image: url("./unagi_foot-link_bg_sp.jpg");
  height: 50.9333333333vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.foot-link .more {
  margin: 0 auto 5.3333333333vw;
}
.foot-link .more a {
  display: block;
  width: 89.0666666667vw;
  padding: 4.8vw 0;
  margin: 0 auto 0;
  color: #fff;
  font-size: 5.6vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  background-color: #e94e49;
  border: solid 1px #cc1816;
  line-height: 1.2;
}
.foot-link .back {
  padding: 0 5.3333333333vw;
}
.foot-link .back a {
  padding: 1.6vw 4.2666666667vw 1.6vw 8.5333333333vw;
  color: #fff;
  font-size: 3.7333333333vw;
  letter-spacing: 0.1em;
  text-decoration: none;
  background-color: #888888;
  border: 0.2666666667vw solid #888888;
  border-radius: 1.0666666667vw;
  position: relative;
}
.foot-link .back a:before {
  content: "";
  width: 1.6vw;
  height: 1.6vw;
  margin: auto;
  border-top: 0.5333333333vw solid #fff;
  border-right: 0.5333333333vw solid #fff;
  transform: rotate(-135deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.2vw;
}

@media screen and (min-width: 768px) {
  .foot-link {
    padding: min(1.5625vw, 20px) 0 min(3.28125vw, 42px);
    background-image: url("./unagi_foot-link_bg_pc.jpg");
    height: min(17.578125vw, 225px);
  }
  .foot-link .more {
    margin: 0 auto min(1.5625vw, 20px);
  }
  .foot-link .more a {
    width: min(56.25vw, 720px);
    padding: min(2.03125vw, 26px) 0;
    font-size: min(2.1875vw, 28px);
    transition-duration: 0.3s;
    transition-property: opacity;
    position: relative;
    line-height: 1;
  }
  .foot-link .more a:hover {
    opacity: 0.7;
  }
  .foot-link .more a:before {
    content: "";
    width: min(1.328125vw, 17px);
    height: min(1.328125vw, 17px);
    margin: auto;
    border-top: min(0.46875vw, 6px) solid #fff;
    border-right: min(0.46875vw, 6px) solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: min(3.125vw, 40px);
  }
  .foot-link .back {
    width: min(56.25vw, 720px);
    margin: 0 auto 0;
    padding: 0;
  }
  .foot-link .back a {
    display: inline-block;
    padding: min(0.78125vw, 10px) min(1.25vw, 16px) min(0.78125vw, 10px) min(2.5vw, 32px);
    font-size: min(1.09375vw, 14px);
    border: min(0.078125vw, 1px) solid #888888;
    border-radius: min(0.3125vw, 4px);
    transition-duration: 0.3s;
    transition-property: opacity;
  }
  .foot-link .back a:hover {
    opacity: 0.7;
  }
  .foot-link .back a:before {
    content: "";
    width: min(0.546875vw, 7px);
    height: min(0.546875vw, 7px);
    margin: auto;
    border-top: min(0.234375vw, 3px) solid #fff;
    border-right: min(0.234375vw, 3px) solid #fff;
    transform: rotate(-135deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: min(1.25vw, 16px);
  }
}
/* ======================
// footer
====================== */
.footer {
  padding: min(4.2666666667vw, 16px);
  text-align: center;
  background-color: #eee;
}
.footer .copyright {
  display: inline-block;
  color: #000;
  font-size: min(3.2vw, 12px);
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .footer {
    padding: min(1.25vw, 16px);
  }
  .footer .copyright {
    font-size: min(0.9375vw, 12px);
  }
}/*# sourceMappingURL=202505_04.css.map */