@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@400;500;700&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/*/
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme*/
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.*/
/* ==========================================================================
 * Base styles: opinionated defaults
 * ==========================================================================*/
html {
  color: #222;
  line-height: 1.4;
  font-size: 16px;
  font-family: "Zen Old Mincho", serif;
}
@media (max-width: 767px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 1360px) {
  html {
    font-size: 1.1764705882vw;
  }
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.*/
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
\::-moz-selection,
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440*/
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.*/
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.*/
textarea {
  resize: vertical;
}

/* ==========================================================================
 * Author's custom styles
 * ==========================================================================*/
/* ==========================================================================
 * Helper classes
 * ==========================================================================*/
/*
 * Hide visually and from screen readers*/
.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe*/
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1*/
}
.sr-only.focusable:active, .sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638*/
/*
 * Hide visually and from screen readers, but maintain layout*/
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.*/
.clearfix::before {
  content: " ";
  display: table;
}
.clearfix::after {
  content: " ";
  display: table;
  clear: both;
}

/* ==========================================================================
* EXAMPLE Media Queries for Responsive Design.
* These examples override the primary ('mobile first') styles.
* Modify as content requires.
* ==========================================================================*/
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition*/ }
@media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices*/ }
/* ==========================================================================
 * Print styles.
 * Inlined to avoid the additional HTTP request:
 * https://www.phpied.com/delay-loading-your-print-css/
 * ==========================================================================*/
@media print {
  * {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster*/
    box-shadow: none !important;
    text-shadow: none !important;
  }
  *::before, *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster*/
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a {
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol*/
  a[href^="#"]::after, a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables*/
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
body {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .only-pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .only-sp {
    display: none;
  }
}

@media (min-width: 768px) and (hover: hover) {
  a {
    transition: opacity 0.3s ease;
  }
  a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

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

sub {
  vertical-align: top;
  font-size: 100%;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

.dashiya_wrapper {
  margin: 0 auto;
  max-width: 1200px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya_wrapper {
    max-width: 88.2352941176vw;
  }
}
@media (max-width: 767px) {
  .dashiya_wrapper {
    padding: 0 2.6666666667vw;
  }
}

.main {
  opacity: 1;
}
.main.is-first {
  opacity: 0;
}

/* --------------------------
dashiya_btngroup
-------------------------- */
.dashiya_btngroup {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .dashiya_btngroup {
    display: block;
  }
}
.dashiya_btngroup .dashiya_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 341px;
  height: 64px;
  text-align: center;
  background-color: #45221C;
  border-radius: 8px;
  margin: 0 12px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya_btngroup .dashiya_btn {
    width: 25.0735294118vw;
    height: 4.7058823529vw;
    border-radius: 0.5882352941vw;
    margin: 0 0.8823529412vw;
  }
}
@media (max-width: 767px) {
  .dashiya_btngroup .dashiya_btn {
    width: 79.2vw;
    height: 15.4666666667vw;
    border-radius: 2.1333333333vw;
    margin: 0 auto;
  }
}
.dashiya_btngroup .dashiya_btn span {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.16em;
  font-weight: 900;
  color: #fff;
  display: inline-block;
  position: relative;
  padding-right: 22px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya_btngroup .dashiya_btn span {
    font-size: 1.3235294118vw;
    padding-right: 1.6176470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya_btngroup .dashiya_btn span {
    font-size: 4vw;
    padding-right: 5.3333333333vw;
    letter-spacing: 0.08em;
  }
}
.dashiya_btngroup .dashiya_btn span::after {
  content: "";
  width: 26px;
  height: 26px;
  background: url("../img/ico_arrow.svg") no-repeat center/100% 100%;
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya_btngroup .dashiya_btn span::after {
    width: 1.9117647059vw;
    height: 1.9117647059vw;
    right: -0.5882352941vw;
  }
}
@media (max-width: 767px) {
  .dashiya_btngroup .dashiya_btn span::after {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
    right: -2.1333333333vw;
  }
}
.dashiya_btngroup .dashiya_btn.--letter span {
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .dashiya_btngroup .dashiya_btn.--letter span {
    letter-spacing: 0.08em;
  }
}
@media (max-width: 767px) {
  .dashiya_btngroup .dashiya_btn + .dashiya_btn {
    margin-top: 6.4vw;
  }
}

/* --------------------------
dashiya
-------------------------- */
.dashiya {
  font-family: "Zen Old Mincho", serif;
  background: url("../img/main_bg_pink.jpg") repeat-x;
  background-size: 100% auto;
  color: #45221C;
  overflow: hidden;
  position: relative;
  /* --------------------------
  section 1
  -------------------------- */
  /* --------------------------
    kv
  -------------------------- */
  /* --------------------------
    commitment
  -------------------------- */
  /* --------------------------
    product
  -------------------------- */
  /* --------------------------
    box
  -------------------------- */
  /* --------------------------
    tuna
  -------------------------- */
  /* --------------------------
    fish
  -------------------------- */
  /* --------------------------
    bonito
  -------------------------- */
  /* --------------------------
    varieties
  -------------------------- */
  /* --------------------------
    howto
  -------------------------- */
}
@media (min-width: 1361px) {
  .dashiya {
    background-size: auto auto;
  }
}
@media (max-width: 767px) {
  .dashiya {
    background: url("../img/main_bg_pink_sp.jpg") no-repeat top center;
    background-size: 100% auto;
  }
}
.dashiya::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: url("../img/main_bg.jpg") repeat;
  z-index: -1;
}
@media (max-width: 767px) {
  .dashiya::before {
    background: url("../img/main_bg_sp.jpg") repeat-y;
    background-size: 100% auto;
  }
}
.dashiya1 {
  padding: 90px 0 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya1 {
    padding: 6.6176470588vw 0 0;
  }
}
@media (max-width: 767px) {
  .dashiya1 {
    padding: 13.8666666667vw 0 0;
  }
}
.dashiya1_txt {
  font-size: 18px;
  line-height: 2.7777777778;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya1_txt {
    font-size: 1.3235294118vw;
  }
}
@media (max-width: 767px) {
  .dashiya1_txt {
    font-size: 4.2666666667vw;
    line-height: 3;
  }
}
.dashiya1_img {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 79px;
  width: 1040px;
  margin: 8px auto 0;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya1_img {
    padding-left: 5.8088235294vw;
    width: 76.4705882353vw;
    margin: 0.5882352941vw auto 0;
  }
}
@media (max-width: 767px) {
  .dashiya1_img {
    padding-left: 2.4vw;
    width: 94.6666666667vw;
    margin: 8.5333333333vw auto 0;
  }
}
.dashiya1_img.animated .dashiya1_anim {
  opacity: 1;
  transform: translateY(0);
}
.dashiya1_anim {
  padding-top: 60px;
  margin-right: 7px;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.7s ease;
  width: 155px;
  transition-delay: 0.9s;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya1_anim {
    padding-top: 4.4117647059vw;
    margin-right: 0.5147058824vw;
    width: 11.3970588235vw;
  }
}
@media (max-width: 767px) {
  .dashiya1_anim {
    padding-top: 6.1333333333vw;
    margin-right: 1.0666666667vw;
    width: 15.4666666667vw;
  }
}
.dashiya1_anim.anim2 {
  transition-delay: 1.1s;
}
.dashiya1_anim.anim3 {
  transition-delay: 1.3s;
}
.dashiya1_anim.anim4 {
  transition-delay: 1.5s;
}
.dashiya1_anim.anim5 {
  width: 196px;
  margin-left: 34px;
  padding-top: 7px;
  transition-delay: 1.7s;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya1_anim.anim5 {
    width: 14.4117647059vw;
    margin-left: 2.5vw;
    padding-top: 0.5147058824vw;
  }
}
@media (max-width: 767px) {
  .dashiya1_anim.anim5 {
    width: 22.4vw;
    margin-left: 2.1333333333vw;
    padding-top: 0;
  }
}
.dashiya .kv {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .dashiya .kv {
    min-height: 661px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv {
    min-height: 48.6029411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .kv {
    visibility: visible !important;
    min-height: 113.6vw;
  }
}
.dashiya .kv_wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 41px 56px 0 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv_wrapper {
    max-width: 88.2352941176vw;
    padding: 3.0147058824vw 4.1176470588vw 0 0;
  }
}
@media (max-width: 767px) {
  .dashiya .kv_wrapper {
    padding: 17.3333333333vw 0 0;
    position: relative;
  }
}
.dashiya .kv_slider {
  width: 952px;
  padding-top: 16px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv_slider {
    width: 70vw;
    padding-top: 1.1764705882vw;
  }
}
.dashiya .kv_slider .slide01 {
  margin-left: -10px;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv_slider .slide01 {
    margin-left: -0.7352941176vw;
  }
}
@media (max-width: 767px) {
  .dashiya .kv_slider .slide01 {
    margin-left: 0;
  }
}
.dashiya .kv_slider .slide01 .splide {
  padding-bottom: 33px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv_slider .slide01 .splide {
    padding-bottom: 2.4264705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .kv_slider .slide01 .splide {
    padding-bottom: 9.8666666667vw;
  }
}
.dashiya .kv_slider .slide01 .splide__slide.is-active.is-visible .slide02__img::after {
  opacity: 0;
}
.dashiya .kv_slider .slide01 .splide__pagination {
  bottom: 0;
}
.dashiya .kv_slider .slide01 .splide__pagination__page {
  width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  margin: 0 8px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv_slider .slide01 .splide__pagination__page {
    width: 1.3235294118vw;
    height: 1.3235294118vw;
    margin: 0 0.5882352941vw;
  }
}
@media (max-width: 767px) {
  .dashiya .kv_slider .slide01 .splide__pagination__page {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin: 0 2.1333333333vw;
  }
}
.dashiya .kv_slider .slide01 .splide__pagination__page::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #E6756D;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv_slider .slide01 .splide__pagination__page::after {
    width: 0.7352941176vw;
    height: 0.7352941176vw;
  }
}
@media (max-width: 767px) {
  .dashiya .kv_slider .slide01 .splide__pagination__page::after {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.dashiya .kv_slider .slide01 .splide__pagination__page.is-active {
  transform: scale(1);
}
.dashiya .kv_slider .slide01 .splide__pagination__page.is-active::after {
  opacity: 1;
}
.dashiya .kv_txt {
  opacity: 0;
  transform: translateY(40px);
}
@media (max-width: 767px) {
  .dashiya .kv_txt {
    position: absolute;
    top: 9.0666666667vw;
    right: 2.9333333333vw;
    z-index: 1;
  }
}
.dashiya .kv_txt.animated {
  opacity: 1;
  transform: translateY(0);
  transition: all 1s ease 0.7s;
}
.dashiya .kv_txt h2 {
  line-height: 1;
}
.dashiya .kv_txt h2 img {
  width: 130px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv_txt h2 img {
    width: 9.5588235294vw;
  }
}
@media (max-width: 767px) {
  .dashiya .kv_txt h2 img {
    width: 15.4666666667vw;
  }
}
.dashiya .kv_note {
  font-size: 12px;
  line-height: 2.3333333333;
  font-weight: 600;
  color: #45221C;
  margin: -23px 0 -10px -10px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .kv_note {
    font-size: 0.8823529412vw;
    margin: -1.6911764706vw 0 -0.7352941176vw -0.7352941176vw;
  }
}
@media (max-width: 767px) {
  .dashiya .kv_note {
    position: absolute;
    bottom: 2.6666666667vw;
    right: 0;
    font-size: 3.2vw;
    margin: 0;
  }
}
.dashiya .commitment {
  position: relative;
  width: 100%;
  z-index: 0;
  margin-top: 79px;
  padding-top: 132px;
  padding-bottom: 255px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment {
    margin-top: 5.8088235294vw;
    padding-top: 9.7058823529vw;
    padding-bottom: 18.75vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment {
    margin-top: 16.8vw;
    padding-top: 25.3333333333vw;
    padding-bottom: 37.6vw;
  }
}
.dashiya .commitment::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2920px;
  height: 2920px;
  background-color: rgba(255, 255, 255, 0.28);
  z-index: -1;
  transform: translateX(-50%);
  border-radius: 50%;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment::before {
    width: 214.7058823529vw;
    height: 214.7058823529vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment::before {
    width: 132.5333333333vw;
    height: 13.3333333333vw;
    background: url("../img/commitment_bg_sp.png") no-repeat top center;
    background-size: 100% 100%;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment::after {
    content: "";
    position: absolute;
    top: 13.3333333333vw;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.28);
    z-index: -1;
  }
}
.dashiya .commitment_ttl {
  font-size: 50px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 184px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment_ttl {
    font-size: 3.6764705882vw;
    margin-bottom: 13.5294117647vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment_ttl {
    font-size: 9.6vw;
    line-height: 1.5;
    letter-spacing: 0.04em;
    margin-bottom: 32.5333333333vw;
  }
}
.dashiya .commitment .imgtxt {
  display: flex;
  padding: 0 40px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt {
    padding: 0 2.9411764706vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt {
    padding: 0 5.3333333333vw;
    flex-wrap: wrap;
  }
}
.dashiya .commitment .imgtxt.--imgtxt1 {
  padding: 0 80px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt.--imgtxt1 {
    padding: 0 5.8823529412vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt1 {
    padding: 0;
  }
}
.dashiya .commitment .imgtxt.--imgtxt2 {
  margin-top: 161px;
  padding: 0 80px 0 40px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt.--imgtxt2 {
    margin-top: 11.8382352941vw;
    padding: 0 5.8823529412vw 0 2.9411764706vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt2 {
    margin-top: 30.1333333333vw;
    padding: 0;
  }
}
.dashiya .commitment .imgtxt.--imgtxt2 .img_ttl {
  right: auto;
  left: 18px;
  top: -86px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt.--imgtxt2 .img_ttl {
    left: 1.3235294118vw;
    top: -6.3235294118vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt2 .img_ttl {
    left: 2.1333333333vw;
    top: -14.4vw;
  }
}
.dashiya .commitment .imgtxt.--imgtxt2 .txt {
  margin-top: 0;
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt2 .txt {
    margin-top: 8.8vw;
  }
}
.dashiya .commitment .imgtxt.--imgtxt2 .txt .ttl {
  padding-left: 60px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt.--imgtxt2 .txt .ttl {
    padding-left: 4.4117647059vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt2 .txt .ttl {
    padding-left: 5.3333333333vw;
  }
}
.dashiya .commitment .imgtxt.--imgtxt2 .txt dl {
  padding-left: 60px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt.--imgtxt2 .txt dl {
    padding-left: 4.4117647059vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt2 .txt dl {
    padding-left: 5.3333333333vw;
  }
}
.dashiya .commitment .imgtxt.--imgtxt3 {
  margin-top: 220px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt.--imgtxt3 {
    margin-top: 16.1764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt3 {
    margin-top: 37.0666666667vw;
    padding: 0;
  }
}
.dashiya .commitment .imgtxt.--imgtxt3 .txt {
  margin-top: -61px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt.--imgtxt3 .txt {
    margin-top: -4.4852941176vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt3 .txt {
    margin-top: 4.5333333333vw;
  }
}
.dashiya .commitment .imgtxt.--imgtxt3 .img_ttl {
  top: -186px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt.--imgtxt3 .img_ttl {
    top: -13.6764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt.--imgtxt3 .img_ttl {
    top: -27.4666666667vw;
  }
}
.dashiya .commitment .imgtxt .img {
  width: 500px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt .img {
    width: 36.7647058824vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .img {
    order: 1;
    width: 100%;
  }
}
.dashiya .commitment .imgtxt .img_ttl {
  width: 126px;
  position: absolute;
  top: -175px;
  right: -1px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt .img_ttl {
    width: 9.2647058824vw;
    top: -12.8676470588vw;
    right: -0.0735294118vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .img_ttl {
    width: 19.4666666667vw;
    top: -27.2vw;
    right: -0.2666666667vw;
  }
}
.dashiya .commitment .imgtxt .img_ttl img {
  width: 100%;
}
.dashiya .commitment .imgtxt .txt {
  flex: 1;
  margin-top: -11px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt .txt {
    margin-top: -0.8088235294vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .txt {
    margin-top: 4.5333333333vw;
    order: 2;
    width: 100%;
    margin-left: -2.6666666667vw;
    flex: none;
  }
}
.dashiya .commitment .imgtxt .txt .ttl {
  font-size: 40px;
  line-height: 1.5;
  font-weight: 600;
  border-bottom: 1px solid #45221C;
  padding-bottom: 15px;
  margin-bottom: 32px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt .txt .ttl {
    font-size: 2.9411764706vw;
    padding-bottom: 1.1029411765vw;
    margin-bottom: 2.3529411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .txt .ttl {
    font-size: 8vw;
    line-height: 1.5;
    margin-bottom: 6.4vw;
    padding: 0 0 6.1333333333vw 5.3333333333vw;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .txt dl {
    padding-left: 5.3333333333vw;
  }
}
.dashiya .commitment .imgtxt .txt dl + dl {
  margin-top: 31px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt .txt dl + dl {
    margin-top: 2.2794117647vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .txt dl + dl {
    margin-top: 8.2666666667vw;
  }
}
.dashiya .commitment .imgtxt .txt dl dt {
  margin-bottom: 6px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt .txt dl dt {
    margin-bottom: 0.4411764706vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .txt dl dt {
    margin-bottom: 1.6vw;
  }
}
.dashiya .commitment .imgtxt .txt dl dt span {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0.08em;
  display: inline-block;
  padding: 0 6px;
  border: 1px solid #45221C;
  background-color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt .txt dl dt span {
    font-size: 1.1764705882vw;
    padding: 0 0.4411764706vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .txt dl dt span {
    font-size: 4.2666666667vw;
    padding: 0 1.6vw;
  }
}
.dashiya .commitment .imgtxt .txt dl dt span.color1 {
  background-color: #FDEADB;
}
.dashiya .commitment .imgtxt .txt dl dt span.color2 {
  background-color: #FAF3DC;
}
.dashiya .commitment .imgtxt .txt dl dt span.color3 {
  background-color: #F5F3E4;
}
.dashiya .commitment .imgtxt .txt dl dd p {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .commitment .imgtxt .txt dl dd p {
    font-size: 1.1764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .txt dl dd p {
    font-size: 4.2666666667vw;
  }
}
.dashiya .commitment .imgtxt .txt dl dd p .u-letter {
  letter-spacing: -0.045em;
}
@media (max-width: 767px) {
  .dashiya .commitment .imgtxt .txt dl dd p .u-letter {
    letter-spacing: 0;
  }
}
.dashiya .product {
  background: url("../img/product_bg.png") no-repeat top center;
  background-size: 100% 100%;
  padding-top: 183px;
  margin-top: -71px;
  z-index: 0;
  position: relative;
  padding-bottom: 21.3235294118vw;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .product {
    padding-top: 13.4558823529vw;
    margin-top: -5.2205882353vw;
  }
}
@media (max-width: 767px) {
  .dashiya .product {
    background: url("../img/product_bg_sp.png") no-repeat top center;
    background-size: 100% 100%;
    margin-top: -8.8vw;
    padding-top: 32vw;
    padding-bottom: 128vw;
  }
}
.dashiya .product_ttl {
  text-align: center;
  margin-bottom: 114px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .product_ttl {
    margin-bottom: 8.3823529412vw;
  }
}
@media (max-width: 767px) {
  .dashiya .product_ttl {
    margin-bottom: 20.2666666667vw;
  }
}
.dashiya .product_ttl span {
  font-size: 48px;
  line-height: 1.1666666667;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.16em;
  border: 2px solid #45221C;
  display: inline-block;
  background-color: rgba(255, 250, 240, 0.83);
  padding: 15px 45px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .product_ttl span {
    font-size: 3.5294117647vw;
    border: 0.1470588235vw solid #45221C;
    padding: 1.1029411765vw 3.3088235294vw;
  }
}
@media (max-width: 767px) {
  .dashiya .product_ttl span {
    font-size: 10.1333333333vw;
    border: 0.5333333333vw solid #45221C;
    line-height: 1.4736842105;
    padding: 1.8666666667vw 9.6vw;
  }
}
@media (max-width: 767px) {
  .dashiya .product .box {
    padding-bottom: 22.1333333333vw;
  }
}
.dashiya .product .box_ttl img {
  width: 838px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .product .box_ttl img {
    width: 61.6176470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .product .box_ttl img {
    width: 65.6vw;
  }
}
.dashiya .product .box .box2 {
  background: url("../img/product_box2_bg.png") no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  .dashiya .product .box .box2 {
    background: url("../img/product_box2_bg_sp.png") no-repeat center center;
    background-size: 100% 100%;
  }
}
@media (max-width: 767px) {
  .dashiya .product .box .box2 .txt dl + dl {
    margin-top: 5.3333333333vw;
  }
}
.dashiya .product_anim {
  position: absolute;
  width: 269px;
  top: -124px;
  right: -90px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .product_anim {
    width: 19.7794117647vw;
    top: -9.1176470588vw;
    right: -6.6176470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .product_anim {
    width: 37.3333333333vw;
    top: -18.9333333333vw;
    right: -6.4vw;
  }
}
.dashiya .product_anim.animated {
  animation: animProduct 0.5s ease-in-out;
}
@keyframes animProduct {
  0% {
    opacity: 0;
    transform: translate(-30px, 30px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.dashiya .box {
  position: relative;
  width: 1140px;
  margin: 0 auto;
  padding: 98px 130px 90px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box {
    width: 83.8235294118vw;
    padding: 7.2058823529vw 9.5588235294vw 6.6176470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box {
    padding: 16vw 0 19.2vw;
    width: calc(100% + 5.3333333333vw);
    margin-left: -2.6666666667vw;
  }
}
.dashiya .box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/box_bg.png") no-repeat top left;
  background-size: 100% 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .dashiya .box::after {
    background: url("../img/box_bg_sp.png") no-repeat top left;
    background-size: 100% 100%;
  }
}
.dashiya .box_ttl {
  text-align: center;
  position: relative;
  z-index: 1;
}
.dashiya .box .info {
  position: relative;
  margin-top: 104px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info {
    margin-top: 7.6470588235vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info {
    margin-top: 16vw;
    padding: 0 9.3333333333vw;
  }
}
.dashiya .box .info_text {
  font-size: 16px;
  line-height: 2.125;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info_text {
    font-size: 1.1764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info_text {
    font-size: 4.2666666667vw;
    line-height: 2;
  }
}
.dashiya .box .info_text span {
  color: #E26C4A;
}
.dashiya .box .info_img {
  width: 556px;
  position: absolute;
  top: -101px;
  right: -128px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info_img {
    width: 40.8823529412vw;
    top: -7.4264705882vw;
    right: -9.4117647059vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info_img {
    width: 124.8vw;
    top: -33.3333333333vw;
    left: calc(50% - 62.4vw);
  }
}
.dashiya .box .info_txt {
  width: 500px;
  margin-right: 30px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info_txt {
    width: 36.7647058824vw;
    margin-right: 2.2058823529vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info_txt {
    width: 100%;
    padding-top: 74.6666666667vw;
    margin-right: 0;
  }
}
.dashiya .box .info_tb {
  margin-top: 34px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info_tb {
    margin-top: 2.5vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info_tb {
    margin-top: 9.3333333333vw;
  }
}
.dashiya .box .info_tb dl {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 16px 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info_tb dl {
    padding: 1.1764705882vw 0;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info_tb dl {
    padding: 5.6vw 0 5.3333333333vw;
  }
}
.dashiya .box .info_tb dl:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url("../img/line.png") repeat-x;
  background-size: contain;
}
@media (max-width: 767px) {
  .dashiya .box .info_tb dl:first-child::before {
    height: 0.5333333333vw;
    background-size: 100% 100%;
    background: url("../img/line_sp.png") no-repeat left center;
    background-size: 100% 100%;
  }
}
.dashiya .box .info_tb dl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url("../img/line.png") repeat-x;
  background-size: contain;
}
@media (max-width: 767px) {
  .dashiya .box .info_tb dl::after {
    height: 0.5333333333vw;
    background: url("../img/line_sp.png") no-repeat left center;
    background-size: 100% 100%;
  }
}
.dashiya .box .info_tb dl dt {
  font-size: 16px;
  line-height: 2.125;
  font-weight: 900;
  color: #E26C4A;
  position: relative;
  padding-left: 24px;
  width: 124px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info_tb dl dt {
    font-size: 1.1764705882vw;
    padding-left: 1.7647058824vw;
    width: 9.1176470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info_tb dl dt {
    font-size: 4.2666666667vw;
    padding-left: 4.8vw;
    width: 27.7333333333vw;
    line-height: 1.5;
  }
}
.dashiya .box .info_tb dl dt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #E26C4A;
  border-radius: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info_tb dl dt::before {
    width: 0.5882352941vw;
    height: 0.5882352941vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info_tb dl dt::before {
    width: 1.6vw;
    height: 1.6vw;
  }
}
.dashiya .box .info_tb dl dd {
  font-size: 16px;
  line-height: 2.125;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  flex: 1;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .info_tb dl dd {
    font-size: 1.1764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .info_tb dl dd {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.dashiya .box .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 90px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .list {
    margin-top: 6.6176470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list {
    margin-top: 16.8vw;
    padding: 0 9.3333333333vw;
  }
}
.dashiya .box .list_item {
  width: 253px;
  margin-right: 60px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .list_item {
    width: 18.6029411765vw;
    margin-right: 4.4117647059vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 6.4vw;
    display: flex;
    position: relative;
    align-items: center;
  }
}
.dashiya .box .list_item:nth-child(3n) {
  margin-right: 0;
}
.dashiya .box .list_item h5 {
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.24em;
  font-weight: 700;
  color: #E6756D;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .list_item h5 {
    font-size: 1.4705882353vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list_item h5 {
    font-size: 4.2666666667vw;
    line-height: 2.125;
    position: absolute;
    top: -0.1875rem;
    left: 28vw;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list_item h5.u-padtop {
    top: 0.9375rem;
  }
}
.dashiya .box .list_img {
  width: 100%;
  margin-top: 13px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .list_img {
    margin-top: 0.9558823529vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list_img {
    width: 23.7333333333vw;
    margin-top: 0;
  }
}
.dashiya .box .list_txt {
  padding-top: 15px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .list_txt {
    padding-top: 1.1029411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list_txt {
    flex: 1;
    padding-left: 3.2vw;
    padding-top: 9.0666666667vw;
  }
}
.dashiya .box .list_text {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  position: relative;
  padding-left: 14px;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .list_text {
    font-size: 1.1029411765vw;
    padding-left: 1.0294117647vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list_text {
    font-size: 3.4666666667vw;
    line-height: 1.8846153846;
    padding-left: 2.6666666667vw;
    margin-right: -2.6666666667vw;
    letter-spacing: 0;
  }
}
.dashiya .box .list_text::before {
  content: "";
  width: 1px;
  height: 66%;
  background-color: #45221C;
  position: absolute;
  top: 20%;
  left: 4px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .list_text::before {
    left: 0.2941176471vw;
  }
}
.dashiya .box .list_text + .list_text {
  margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .list_text + .list_text {
    margin-top: 0.3676470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list_text + .list_text {
    margin-top: 0.2666666667vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .list_note {
    font-size: 2.6666666667vw;
    line-height: 1;
    color: #45221C;
    margin-top: -3.4666666667vw;
  }
}
.dashiya .box .box2 {
  width: 100%;
  border: 2px solid #E6756D;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 94px;
  padding-bottom: 33px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .box2 {
    border: 0.1470588235vw solid #E6756D;
    border-radius: 0.5882352941vw;
    margin-top: 6.9117647059vw;
    padding-bottom: 2.4264705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .box2 {
    border: 0.5333333333vw solid #E6756D;
    border-radius: 2.1333333333vw;
    padding-bottom: 9.6vw;
    width: 86.6666666667vw;
    margin: 24.2666666667vw auto 0;
  }
}
.dashiya .box .box2 .ttl {
  width: 351px;
  position: relative;
  text-align: center;
  background-color: #E6756D;
  border-radius: 4px;
  margin: -9px auto 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .box2 .ttl {
    width: 25.8088235294vw;
    border-radius: 0.2941176471vw;
    margin: -0.6617647059vw auto 0;
  }
}
@media (max-width: 767px) {
  .dashiya .box .box2 .ttl {
    width: 66.4vw;
    border-radius: 1.0666666667vw;
    margin: -2.1333333333vw auto 0;
  }
}
.dashiya .box .box2 .ttl span {
  font-size: 24px;
  line-height: 2;
  font-weight: 900;
  letter-spacing: 0.2em;
  color: #fff;
  display: inline-block;
  padding: 1px 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .box2 .ttl span {
    font-size: 1.7647058824vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .box2 .ttl span {
    font-size: 5.3333333333vw;
    line-height: 2.4;
    padding: 0;
    letter-spacing: 0.1em;
  }
}
.dashiya .box .box2 .ttl img {
  width: 149px;
  position: absolute;
  top: -43px;
  right: -66px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .box2 .ttl img {
    width: 10.9558823529vw;
    top: -3.1617647059vw;
    right: -4.8529411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .box2 .ttl img {
    width: 31.4666666667vw;
    top: -8.5333333333vw;
    right: -14.6666666667vw;
  }
}
.dashiya .box .box2 .txt {
  width: 576px;
  margin: 28px auto 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .box2 .txt {
    width: 42.3529411765vw;
    margin: 2.0588235294vw auto 0;
  }
}
@media (max-width: 767px) {
  .dashiya .box .box2 .txt {
    width: 100%;
    margin: 5.3333333333vw auto 0;
    padding: 0 5.3333333333vw 0 5.8666666667vw;
    box-sizing: border-box;
  }
}
.dashiya .box .box2 .txt dl {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .dashiya .box .box2 .txt dl {
    display: block;
  }
}
.dashiya .box .box2 .txt dl + dl {
  margin-top: 13px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .box2 .txt dl + dl {
    margin-top: 0.9558823529vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .box2 .txt dl + dl {
    margin-top: 4.5333333333vw;
  }
}
.dashiya .box .box2 .txt dl dt {
  width: 181px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .box2 .txt dl dt {
    width: 13.3088235294vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .box2 .txt dl dt {
    width: 43.2vw;
  }
  .dashiya .box .box2 .txt dl dt img {
    width: 100%;
  }
  .dashiya .box .box2 .txt dl dt.w-sp1 {
    width: 24vw;
  }
}
.dashiya .box .box2 .txt dl dd {
  flex: 1;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.16em;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 5px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .box2 .txt dl dd {
    font-size: 1.1764705882vw;
    padding-left: 1.4705882353vw;
    padding-top: 0.3676470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .box2 .txt dl dd {
    font-size: 3.7333333333vw;
    line-height: 1.5;
    padding-left: 4vw;
    padding-top: 2.4vw;
    letter-spacing: 0.04em;
  }
}
.dashiya .box .box2 .txt dl dd.u-pdtop {
  padding-top: 0;
}
@media (max-width: 767px) {
  .dashiya .box .box2 .txt dl dd.u-pdtop {
    padding-top: 2.4vw;
  }
}
.dashiya .box .dashiya_btngroup {
  margin-top: 80px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .box .dashiya_btngroup {
    margin-top: 5.8823529412vw;
  }
}
@media (max-width: 767px) {
  .dashiya .box .dashiya_btngroup {
    margin-top: 17.0666666667vw;
  }
}
.dashiya .tuna {
  background: url("../img/tuna_bg.png") no-repeat top center;
  background-size: 100% 100%;
  padding-top: 157px;
  margin-top: -13.2352941176vw;
  position: relative;
  padding-bottom: 25.3676470588vw;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna {
    padding-top: 11.5441176471vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna {
    background: url("../img/tuna_bg_sp.png") no-repeat top center;
    background-size: 100% 100%;
    margin-top: -106.4vw;
    padding-top: 28vw;
    padding-bottom: 48vw;
  }
}
.dashiya .tuna .box {
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .dashiya .tuna .box {
    padding-bottom: 90px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box {
    padding-bottom: 6.6176470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box {
    padding-top: 18.4vw;
  }
}
.dashiya .tuna .box_ttl {
  margin: 0 -122px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box_ttl {
    margin: 0 -8.9705882353vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box_ttl {
    margin: 0 0vw;
  }
}
.dashiya .tuna .box_ttl img {
  width: 972px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box_ttl img {
    width: 71.4705882353vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box_ttl img {
    width: 83.7333333333vw;
  }
}
.dashiya .tuna .box .info_img {
  width: 562px;
  top: -108px;
  right: -131px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box .info_img {
    width: 41.3235294118vw;
    top: -7.9411764706vw;
    right: -9.6323529412vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box .info_img {
    width: 126.4vw;
    top: -34.6666666667vw;
    right: auto;
    left: calc(50% - 63.2vw);
  }
}
.dashiya .tuna .box .info_tb dl {
  padding: 16px 0 15px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box .info_tb dl {
    padding: 1.1764705882vw 0 1.1029411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box .info_tb dl {
    padding: 5.6vw 0;
  }
}
.dashiya .tuna .point {
  margin-top: 102px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .point {
    margin-top: 7.5vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .point {
    margin-top: 16.5333333333vw;
  }
}
.dashiya .tuna .point_ttl {
  font-size: 32px;
  line-height: 1.0625;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .point_ttl {
    font-size: 2.3529411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .point_ttl {
    font-size: 6.4vw;
    line-height: 1.4166666667;
    letter-spacing: 0.12em;
  }
}
.dashiya .tuna .point_content {
  display: flex;
  align-items: center;
  padding: 46px 0 0 50px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .point_content {
    padding: 3.3823529412vw 0 0 3.6764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .point_content {
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 2.6666666667vw 0;
  }
}
.dashiya .tuna .point_img {
  width: 374px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .point_img {
    width: 27.5vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .point_img {
    width: 100%;
    order: 2;
    padding: 5.8666666667vw 7.2vw 0;
    text-align: center;
  }
  .dashiya .tuna .point_img img {
    width: 73.3333333333vw;
  }
}
.dashiya .tuna .point_txt {
  flex: 1;
  margin-left: 58px;
  padding-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .point_txt {
    margin-left: 4.2647058824vw;
    padding-bottom: 1.8382352941vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .point_txt {
    width: 100%;
    order: 1;
    margin-left: 0;
    padding-top: 6.4vw;
    padding-bottom: 0;
  }
}
.dashiya .tuna .point_txt dl {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .dashiya .tuna .point_txt dl {
    display: block;
  }
}
.dashiya .tuna .point_txt dl + dl {
  margin-top: 21px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .point_txt dl + dl {
    margin-top: 1.5441176471vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .point_txt dl + dl {
    margin-top: 5.8666666667vw;
  }
}
.dashiya .tuna .point_txt dl dt {
  width: 67px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .point_txt dl dt {
    width: 4.9264705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .point_txt dl dt {
    width: 17.8666666667vw;
    margin: 0 auto;
  }
  .dashiya .tuna .point_txt dl dt img {
    width: 100%;
  }
}
.dashiya .tuna .point_txt dl dd {
  flex: 1;
  font-size: 18px;
  line-height: 1.3333333333;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  color: #E6756D;
  padding: 11px 0 0 15px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .point_txt dl dd {
    font-size: 1.3235294118vw;
    padding: 0.8088235294vw 0 0 1.1029411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .point_txt dl dd {
    font-size: 4.8vw;
    line-height: 1.5;
    padding: 1.0666666667vw 0 0;
    text-align: center;
  }
}
.dashiya .tuna .box2 {
  padding-bottom: 34px;
  background: url("../img/tuna_box2_bg.png") no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box2 {
    padding-bottom: 2.5vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box2 {
    margin-top: 24.8vw;
    padding-bottom: 9.8666666667vw;
    background: url("../img/tuna_box2_bg_sp.png") no-repeat center center;
    background-size: 100% 100%;
  }
}
.dashiya .tuna .box2 .ttl img {
  top: -41px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box2 .ttl img {
    top: -3.0147058824vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box2 .ttl img {
    top: -8.8vw;
  }
}
.dashiya .tuna .box2 .txt {
  margin: 32px auto 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box2 .txt {
    margin: 2.3529411765vw auto 0;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box2 .txt {
    margin: 9.0666666667vw auto 0;
  }
}
.dashiya .tuna .box2 .txt dl + dl {
  margin-top: 6px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna .box2 .txt dl + dl {
    margin-top: 0.4411764706vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna .box2 .txt dl + dl {
    margin-top: 6.1333333333vw;
  }
}
.dashiya .tuna_anim {
  position: absolute;
  width: 314px;
  top: -151px;
  left: -120px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .tuna_anim {
    width: 23.0882352941vw;
    top: -11.1029411765vw;
    left: -8.8235294118vw;
  }
}
@media (max-width: 767px) {
  .dashiya .tuna_anim {
    width: 38.9333333333vw;
    top: -10.9333333333vw;
    left: -1.3333333333vw;
  }
}
.dashiya .tuna_anim.animated {
  animation: animTuna 0.5s ease-in-out;
}
@keyframes animTuna {
  0% {
    opacity: 0;
    transform: translate(40px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.dashiya .fish {
  padding-top: 382px;
  margin-top: -33.8970588235vw;
  position: relative;
  padding-bottom: 17.6470588235vw;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish {
    padding-top: 28.0882352941vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish {
    margin-top: -57.3333333333vw;
    padding-top: 60.5333333333vw;
    padding-bottom: 74.6666666667vw;
  }
}
.dashiya .fish::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/fish_bg.png") no-repeat top center;
  background-size: 100% 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  .dashiya .fish::after {
    background: url("../img/fish_bg_sp.png") no-repeat top center;
    background-size: 100% 100%;
  }
}
.dashiya .fish .dashiya_wrapper {
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .dashiya .fish .box_txt {
    padding-top: 75.2vw;
  }
}
.dashiya .fish .box_ttl img {
  width: 642px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .box_ttl img {
    width: 47.2058823529vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .box_ttl img {
    width: 66.1333333333vw;
  }
}
.dashiya .fish .box .info_img {
  width: 562px;
  top: -108px;
  right: -131px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .box .info_img {
    width: 41.3235294118vw;
    top: -7.9411764706vw;
    right: -9.6323529412vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .box .info_img {
    width: 126.4vw;
    top: -33.3333333333vw;
    right: auto;
    left: calc(50% - 63.2vw);
  }
  .dashiya .fish .box .info_img img {
    width: 100%;
  }
}
.dashiya .fish .box .info_tb dl {
  padding: 16px 0 15px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .box .info_tb dl {
    padding: 1.1764705882vw 0 1.1029411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .box .info_tb dl {
    padding: 5.3333333333vw 0 5.6vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .box .info_txt {
    padding-top: 75.2vw;
  }
}
@media (min-width: 768px) {
  .dashiya .fish .box .info_text {
    margin-right: -10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .box .info_text {
    margin-right: -0.7352941176vw;
  }
}
.dashiya .fish .box2 {
  margin-top: 96px;
  background: url("../img/fish_box2_bg.png") no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 37px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .box2 {
    margin-top: 7.0588235294vw;
    padding-bottom: 2.7205882353vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .box2 {
    margin-top: 16.5333333333vw;
    background: url("../img/fish_box2_bg_sp.png") no-repeat center center;
    background-size: 100% 100%;
    padding-bottom: 9.6vw;
  }
}
.dashiya .fish .box2 .ttl img {
  top: -28px;
  width: 117px;
  right: -49px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .box2 .ttl img {
    top: -2.0588235294vw;
    width: 8.6029411765vw;
    right: -3.6029411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .box2 .ttl img {
    top: -5.8666666667vw;
    width: 26.1333333333vw;
    right: -12vw;
  }
}
.dashiya .fish .box2 .txt {
  width: 638px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .box2 .txt {
    width: 46.9117647059vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .box2 .txt {
    width: 100%;
  }
}
.dashiya .fish .box2 .txt dl + dl {
  margin-top: 11px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .box2 .txt dl + dl {
    margin-top: 0.8088235294vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .box2 .txt dl + dl {
    margin-top: 4.5333333333vw;
  }
}
.dashiya .fish .img {
  text-align: center;
  margin-top: 95px;
  display: flex;
  align-items: center;
  padding-left: 67px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .img {
    margin-top: 6.9852941176vw;
    padding-left: 4.9264705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .img {
    margin-top: 16.8vw;
    padding: 0 12.2666666667vw;
    display: block;
  }
}
.dashiya .fish .img img {
  width: 480px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .img img {
    width: 35.2941176471vw;
  }
}
.dashiya .fish .img p {
  font-size: 16px;
  line-height: 2;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  margin-left: 64px;
  text-align: left;
  letter-spacing: 0.15em;
  padding-bottom: 25px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish .img p {
    font-size: 1.1764705882vw;
    margin-left: 4.7058823529vw;
    padding-bottom: 1.8382352941vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish .img p {
    font-size: 4.2666666667vw;
    line-height: 2;
    margin-left: -2.6666666667vw;
    margin-right: -2.6666666667vw;
    text-align: center;
    padding-top: 3.4666666667vw;
    letter-spacing: 0.05em;
  }
}
.dashiya .fish_anim {
  position: absolute;
  width: 282px;
  top: -100px;
  right: -78px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .fish_anim {
    width: 20.7352941176vw;
    top: -7.3529411765vw;
    right: -5.7352941176vw;
  }
}
@media (max-width: 767px) {
  .dashiya .fish_anim {
    width: 37.3333333333vw;
    top: -12.8vw;
    right: 0vw;
  }
}
.dashiya .fish_anim.animated {
  animation: animFish 0.5s ease-in-out;
}
@keyframes animFish {
  0% {
    opacity: 0;
    transform: translate(-40px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.dashiya .bonito {
  padding-top: 161px;
  margin-top: -136px;
  position: relative;
  padding-bottom: 27.8676470588vw;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito {
    padding-top: 11.8382352941vw;
    margin-top: -10vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito {
    padding-top: 27.2vw;
    margin-top: -54.1333333333vw;
    padding-bottom: 69.6vw;
  }
}
.dashiya .bonito::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/bonito_bg.png") no-repeat top center;
  background-size: 100% 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  .dashiya .bonito::after {
    background: url("../img/bonito_bg_sp.png") no-repeat top center;
    background-size: 100% 100%;
  }
}
.dashiya .bonito .dashiya_wrapper {
  position: relative;
  z-index: 3;
}
.dashiya .bonito .box {
  padding: 98px 130px 90px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .box {
    padding: 7.2058823529vw 9.5588235294vw 6.6176470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box {
    padding: 18.9333333333vw 0 21.3333333333vw;
  }
}
.dashiya .bonito .box_ttl img {
  width: 590px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .box_ttl img {
    width: 43.3823529412vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box_ttl img {
    width: 57.0666666667vw;
  }
}
.dashiya .bonito .box .info_img {
  width: 546px;
  top: -105px;
  right: -123px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .box .info_img {
    width: 40.1470588235vw;
    top: -7.7205882353vw;
    right: -9.0441176471vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box .info_img {
    width: 126.4vw;
    top: -35.7333333333vw;
    right: auto;
    left: calc(50% - 63.2vw);
  }
  .dashiya .bonito .box .info_img img {
    width: 100%;
  }
}
.dashiya .bonito .box .info_tb dl {
  padding: 16px 0 15px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .box .info_tb dl {
    padding: 1.1764705882vw 0 1.1029411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box .info_tb dl {
    padding: 5.6vw 0 5.3333333333vw;
  }
}
.dashiya .bonito .list {
  margin-top: 94px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .list {
    margin-top: 6.9117647059vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .list {
    margin-top: 17.0666666667vw;
  }
}
.dashiya .bonito .box2 {
  padding-bottom: 67px;
  background: url("../img/bonito_box2_bg.png") no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .box2 {
    padding-bottom: 4.9264705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box2 {
    padding-bottom: 9.6vw;
    background: url("../img/bonito_box2_bg_sp.png") no-repeat center center;
    background-size: 100% 100%;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box2 .ttl {
    width: 45.8666666667vw;
  }
}
.dashiya .bonito .box2 .ttl img {
  top: -28px;
  width: 117px;
  right: -49px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .box2 .ttl img {
    top: -2.0588235294vw;
    width: 8.6029411765vw;
    right: -3.6029411765vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box2 .ttl img {
    top: -5.8666666667vw;
    width: 26.1333333333vw;
    right: -12vw;
  }
}
.dashiya .bonito .box2 .txt {
  width: 638px;
  margin: 37px auto 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .box2 .txt {
    margin: 2.7205882353vw auto 0;
    width: 46.9117647059vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box2 .txt {
    margin: 5.8666666667vw auto 0;
    width: 100%;
  }
}
.dashiya .bonito .box2 .txt dl dt {
  width: 180px;
  margin-left: 6px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito .box2 .txt dl dt {
    width: 13.2352941176vw;
    margin-left: 0.4411764706vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito .box2 .txt dl dt {
    width: 43.2vw;
    margin-left: 0;
  }
}
.dashiya .bonito_anim {
  position: absolute;
  width: 328px;
  top: -66px;
  left: -101px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .bonito_anim {
    width: 24.1176470588vw;
    top: -4.8529411765vw;
    left: -7.4264705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .bonito_anim {
    width: 48vw;
    top: -22.4vw;
    left: -2.6666666667vw;
  }
}
.dashiya .bonito_anim.animated {
  animation: animBonito 0.5s ease-in-out;
}
@keyframes animBonito {
  0% {
    opacity: 0;
    transform: translate(40px, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.dashiya .varieties {
  padding-top: 390px;
  margin-top: -37.0588235294vw;
  position: relative;
  padding-bottom: 450px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties {
    padding-top: 28.6764705882vw;
    padding-bottom: 33.0882352941vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties {
    padding-top: 64vw;
    margin-top: -85.8666666667vw;
    padding-bottom: 64.5333333333vw;
  }
}
.dashiya .varieties::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/varieties_bg.png") no-repeat top center;
  background-size: 100% 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  .dashiya .varieties::after {
    background: url("../img/varieties_bg_sp.png") no-repeat top center;
    background-size: 100% 100%;
  }
}
.dashiya .varieties .dashiya_wrapper {
  position: relative;
  z-index: 3;
}
.dashiya .varieties_bg {
  width: 1194px;
  position: absolute;
  top: -75px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties_bg {
    width: 87.7941176471vw;
    top: -5.5147058824vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties_bg {
    width: 132.5333333333vw;
    top: auto;
    bottom: -30.9333333333vw;
    margin-left: -2.4vw;
  }
}
.dashiya .varieties .box3 {
  width: 840px;
  margin: 0 auto;
  background: url("../img/varieties_bg_box.png") no-repeat top center;
  background-size: 100% 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 63px 81px 88px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties .box3 {
    width: 61.7647058824vw;
    padding: 4.6323529412vw 5.9558823529vw 6.4705882353vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties .box3 {
    width: 100vw;
    padding: 13.6vw 9.3333333333vw 23.4666666667vw;
    background: url("../img/varieties_bg_box_sp.png") no-repeat top center;
    background-size: 100% 100%;
    margin-left: -2.6666666667vw;
  }
}
.dashiya .varieties .box3 .ttl {
  font-size: 48px;
  line-height: 1.3958333333;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-right: -20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties .box3 .ttl {
    font-size: 3.5294117647vw;
    margin-right: -1.4705882353vw;
    margin-bottom: 1.4705882353vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties .box3 .ttl {
    font-size: 8.5333333333vw;
    margin-right: 0;
    margin-bottom: 5.0666666667vw;
  }
}
.dashiya .varieties .box3 .text {
  font-size: 16px;
  line-height: 2.125;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties .box3 .text {
    font-size: 1.1764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties .box3 .text {
    font-size: 4.2666666667vw;
    line-height: 2;
  }
}
.dashiya .varieties .box3_content {
  display: flex;
}
@media (max-width: 767px) {
  .dashiya .varieties .box3_content {
    display: block;
  }
}
.dashiya .varieties .box3_img {
  width: 229px;
  margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties .box3_img {
    width: 16.8382352941vw;
    margin-right: 0.7352941176vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties .box3_img {
    width: 42.1333333333vw;
    margin: 2.6666666667vw auto 0;
  }
}
.dashiya .varieties .box3_txt {
  flex: 1;
  padding: 21px 21px 65px 8px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties .box3_txt {
    padding: 1.5441176471vw 1.5441176471vw 4.7794117647vw 0.5882352941vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties .box3_txt {
    padding: 0;
  }
}
.dashiya .varieties .box3 .dashiya_btngroup {
  margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties .box3 .dashiya_btngroup {
    margin-top: 0.3676470588vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties .box3 .dashiya_btngroup {
    margin-top: 8vw;
  }
}
.dashiya .varieties .box3 .dashiya_btngroup .dashiya_btn {
  width: 320px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .varieties .box3 .dashiya_btngroup .dashiya_btn {
    width: 23.5294117647vw;
  }
}
@media (max-width: 767px) {
  .dashiya .varieties .box3 .dashiya_btngroup .dashiya_btn {
    width: 79.2vw;
  }
}
.dashiya .howto {
  margin-top: -178px;
  position: relative;
  padding-bottom: 136px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto {
    margin-top: -13.0882352941vw;
    padding-bottom: 10vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto {
    margin-top: -10.9333333333vw;
    padding-bottom: 26.4vw;
  }
}
.dashiya .howto::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(83, 55, 46, 0.08);
  mix-blend-mode: color-burn;
}
.dashiya .howto .dashiya_wrapper {
  position: relative;
  z-index: 2;
}
.dashiya .howto .box4 {
  width: 800px;
  margin: 0 auto;
  background-color: #FFFCDE;
  border-radius: 4px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
  position: relative;
  box-sizing: border-box;
  padding: 28px 100px 52px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .box4 {
    width: 58.8235294118vw;
    border-radius: 0.2941176471vw;
    box-shadow: 0 0.2205882353vw 1.1764705882vw rgba(0, 0, 0, 0.16);
    padding: 2.0588235294vw 7.3529411765vw 3.8235294118vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .box4 {
    width: 89.3333333333vw;
    padding: 4.5333333333vw 6.6666666667vw 22.6666666667vw;
    margin: 0 auto;
    border-radius: 1.0666666667vw;
  }
}
.dashiya .howto .box4::after {
  content: "";
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid rgba(69, 34, 28, 0.6);
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .box4::after {
    width: calc(100% - 0.5882352941vw);
    height: calc(100% - 0.5882352941vw);
    border-radius: 0.1470588235vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .box4::after {
    border: 0.5333333333vw solid rgba(69, 34, 28, 0.6);
    width: calc(100% - 2.1333333333vw);
    height: calc(100% - 2.1333333333vw);
    border-radius: 0.5333333333vw;
  }
}
.dashiya .howto .box4 .ttl {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  text-align: center;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 23px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .box4 .ttl {
    font-size: 1.7647058824vw;
    padding-bottom: 1.1764705882vw;
    margin-bottom: 1.6911764706vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .box4 .ttl {
    font-size: 5.3333333333vw;
    line-height: 1.8;
    padding-bottom: 1.3333333333vw;
    margin-bottom: 4.5333333333vw;
  }
}
.dashiya .howto .box4 .ttl::after {
  content: "";
  width: 100%;
  height: 2px;
  background: url("../img/howto_line.png") repeat-x;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .dashiya .howto .box4 .ttl::after {
    width: 21.3333333333vw;
    height: 0.5333333333vw;
    background: url("../img/howto_line.png") no-repeat center;
    background-size: auto 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.dashiya .howto .box4 .text {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  letter-spacing: 0.09em;
  display: flex;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .box4 .text {
    font-size: 1.1764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .box4 .text {
    font-size: 4.2666666667vw;
    line-height: 1.75;
    letter-spacing: 0.08em;
  }
}
.dashiya .howto .box4 .text .txt {
  flex: 1;
}
.dashiya .howto .box4 .text .txt i {
  font-style: normal;
  color: #DC010B;
}
.dashiya .howto .box4 .text + .text {
  margin-top: -2px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .box4 .text + .text {
    margin-top: -0.1470588235vw;
  }
}
.dashiya .howto .box4 .note {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  letter-spacing: 0.08em;
  position: relative;
  color: #DC010B;
  padding-left: 20px;
  margin-top: 2px;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .box4 .note {
    font-size: 1.1764705882vw;
    padding-left: 1.4705882353vw;
    margin-top: 0.1470588235vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .box4 .note {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    letter-spacing: 0.08em;
    padding-left: 5.3333333333vw;
    margin-top: 1.6vw;
  }
}
.dashiya .howto .box4 .note::after {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
}
.dashiya .howto .box4 .img1 {
  width: 336px;
  position: absolute;
  left: -220px;
  bottom: 62px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .box4 .img1 {
    width: 24.7058823529vw;
    left: -16.1764705882vw;
    bottom: 4.5588235294vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .box4 .img1 {
    width: 57.3333333333vw;
    left: -3.4666666667vw;
    bottom: -19.7333333333vw;
  }
}
.dashiya .howto .box4 .img2 {
  width: 133px;
  position: absolute;
  right: 19px;
  top: 7px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .box4 .img2 {
    width: 9.7794117647vw;
    right: 1.3970588235vw;
    top: 0.5147058824vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .box4 .img2 {
    width: 24vw;
    right: -1.8666666667vw;
    top: auto;
    bottom: -14.1333333333vw;
  }
}
.dashiya .howto .info {
  padding: 0 50px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .info {
    padding: 0 3.6764705882vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .info {
    padding: 0;
  }
}
.dashiya .howto .dashiya_btngroup {
  width: 1140px;
  flex-wrap: wrap;
  margin: 136px auto 0;
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .dashiya_btngroup {
    width: 83.8235294118vw;
    margin: 10vw auto 0;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .dashiya_btngroup {
    width: 100%;
    margin: 46.4vw 0 0;
    padding: 0 6.6666666667vw;
    box-sizing: border-box;
  }
}
.dashiya .howto .dashiya_btngroup .dashiya_btn {
  margin-right: 20px;
  margin-left: 0;
  width: 245px;
  height: auto;
  border-radius: 0;
  display: block;
  background: transparent;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .dashiya .howto .dashiya_btngroup .dashiya_btn {
    margin-right: 1.4705882353vw;
    width: 18.0147058824vw;
  }
}
@media (max-width: 767px) {
  .dashiya .howto .dashiya_btngroup .dashiya_btn {
    width: 100%;
    margin: 0 0 5.3333333333vw;
  }
}
.dashiya .howto .dashiya_btngroup .dashiya_btn:nth-child(3n) {
  margin-right: 0;
}
.dashiya .howto .dashiya_btngroup .dashiya_btn img {
  width: 100%;
}/*# sourceMappingURL=style.css.map */