@charset "UTF-8";
:root {
  --serif: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  --Verdana:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  --notoSans: 'Noto Sans JP', sans-serif;
  --notoSerif: 'Noto Serif JP', serif; }

.d-oil-wrap {
  padding: 0 calc(20/750*100vw) calc(192/750*100vw);
  font-family: var(--notoSans); }

.d-oil-wrap *:not(.d-oil-block6_2 *){
    box-sizing: border-box;
}

.d-oil-block1 {
  margin: calc(173/750*100vw) auto 0; }

.d-oil-block2 {
  margin: calc(280/750*100vw) auto 0; }

.d-oil-block3 {
  margin: calc(208/750*100vw) auto 0;
  padding: 0 calc(20/750*100vw); }

.d-oil-block4 {
  margin: calc(241/750*100vw) auto 0; }

.d-oil-block5 {
  margin: calc(200/750*100vw) auto 0; }

.d-oil-block6 {
  margin: calc(173/750*100vw) auto 0; }

.d-oil-block6_2 {
  margin: calc(173/750*100vw) auto 0; }

.d-oil-block7 {
  margin: calc(192/750*100vw) auto 0;
  padding: 0 calc(20/750*100vw); }

.d-oil-mv {
  display: grid;
  grid-template-columns: calc(540/750*100vw) 1fr;
  gap: calc(21/750*100vw) 0;
  margin: 0 calc(-20/750*100vw); }
  .d-oil-mv__img img {
    width: 100%; }
  .d-oil-mv__ttl {
    display: grid;
    place-items: center; }
    .d-oil-mv__ttl img {
      width: calc(154/750*100vw);
      height: calc(525/750*100vw); }
  .d-oil-mv__link-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(21/750*100vw);
    justify-content: space-between;
    grid-column: span 2;
    padding: 0 calc(20/750*100vw); }
    .d-oil-mv__link-list img {
      width: 100%; }

.d-oil-intro {
  background-color: #fff;
  margin: calc(130/750*100vw) auto 0; }
  .d-oil-intro__inner {
    padding: calc(47/750*100vw) calc(13/750*100vw) calc(85/750*100vw); }
  .d-oil-intro__head-txt {
    text-align: center;
    font-family: var(--serif);
    font-size: calc(30/750*100vw); }
    .d-oil-intro__head-txt p {
      line-height: 1.6; }
  .d-oil-intro__body {
    border-top: 1px solid #000;
    margin-top: calc(42/750*100vw);
    padding: calc(73/750*100vw) 0 0; }
  .d-oil-intro__items {
    display: grid;
    gap: calc(66/750*100vw); }
  .d-oil-intro__item:nth-child(1) .d-oil-intro-module__img {
    position: relative;
    top: calc(-24/750*100vw); }

.d-oil-intro-module {
  display: grid;
  grid-template-columns: calc(216/750*100vw) 1fr;
  gap: calc(14/750*100vw) calc(41/750*100vw);
  place-content: start; }
  .d-oil-intro-module__img {
    grid-row: span 2;
    grid-column: 1/2; }
    .d-oil-intro-module__img img {
      width: 100%; }
  .d-oil-intro-module__ttl {
    grid-row: 1/2;
    grid-column: 2/2;
    font-weight: 700;
    font-size: calc(30/750*100vw); }
  .d-oil-intro-module__txt {
    grid-row: 2/2;
    grid-column: 2/2;
    font-size: calc(28/750*100vw);
    line-height: 1.42;
    letter-spacing: -0.02em; }

.d-oil-items {
  display: grid;
  gap: calc(50/750*100vw); }
  .d-oil-items button {
    background-color: transparent;
    border: none;
    width: 100%; }
  .d-oil-items img {
    width: 100%; }

.d-oil-item__ttl {
  display: block;
  text-align: left;
  margin-top: calc(25/750*100vw);
  font-family: var(--notoSans);
  font-size: calc(30/750*100vw);
  font-weight: 700;
  line-height: 1.26; }
.d-oil-item__txt {
  margin-top: calc(22/750*100vw);
  font-size: calc(28/750*100vw);
  line-height: 1.42; }

.d-oil-module1 {
  display: grid;
  grid-template-columns: calc(54/750*100vw) 1fr;
  gap: calc(65/750*100vw) calc(34/750*100vw);
  margin-left: calc(20/750*100vw); }
  .d-oil-module1 + .d-oil-module1 {
    margin-top: calc(140/750*100vw); }
  .d-oil-module1__ttl img {
    width: 100%; }
  .d-oil-module1__foot-txt {
    max-width: calc(670/750*100vw);
    margin: 0 auto 0 0;
    grid-column: span 2;
    font-size: calc(28/750*100vw);
    font-weight: 500; }
    .d-oil-module1__foot-txt p {
      line-height: 1.42; }
  .d-oil-module1.d-oil-module1--rev {
    grid-template-columns: 1fr calc(54/750*100vw);
    margin-left: 0;
    margin-right: calc(20/750*100vw); }
    .d-oil-module1.d-oil-module1--rev .d-oil-module1__ttl {
      grid-row: 1/1;
      grid-column: 2/2; }
    .d-oil-module1.d-oil-module1--rev .d-oil-module1__content {
      grid-row: 1/1;
      grid-column: 1/2; }
    .d-oil-module1.d-oil-module1--rev .d-oil-module1__foot-txt {
      margin: 0 0 0 auto; }
  .d-oil-module1.d-oil-module1--02 {
    gap: calc(36/750*100vw) calc(45/750*100vw);
    padding: 0 calc(20/750*100vw) 0 calc(10/750*100vw); }
    .d-oil-module1.d-oil-module1--02 .d-oil-module1__foot-txt {
      margin: 0 auto 0 calc(-10/750*100vw); }

.d-oil-module2 {
  text-align: center; }
  .d-oil-module2__ttl img {
    width: auto;
    height: calc(100/750*100vw); }
  .d-oil-module2__ttl-02 img {
    width: auto;
    height: calc(162/750*100vw); }
  .d-oil-module2__items {
    display: grid;
    grid-template-columns: repeat(2, calc(192/750*100vw));
    gap: calc(124/750*100vw);
    place-content: center;
    margin-top: calc(71/750*100vw); }
  .d-oil-module2__link {
    display: block;
    position: relative;
    padding-bottom: calc(86/750*100vw); }
    .d-oil-module2__link::after {
      content: "";
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      background: url(/img/special/dashioil/sp/ico_arrow.svg) no-repeat;
      background-size: contain;
      width: calc(47/750*100vw);
      height: calc(47/750*100vw);
      margin: auto; }
  .d-oil-module2 img {
    width: 100%; }

.d-oil-module3 {
  margin-top: calc(150/750*100vw); }
  .d-oil-module3__img img {
    width: 100%; }
  .d-oil-module3__body {
    display: grid;
    place-content: center;
    gap: calc(20/750*100vw);
    background-color: #fff;
    padding: calc(36/750*100vw); }
  .d-oil-module3__txt {
    font-size: calc(28/750*100vw);
    font-weight: 500;
    line-height: 1.42; }
  .d-oil-module3__note {
    font-size: calc(22/750*100vw);
    white-space: nowrap; }

.d-oil-module4 {
  display: grid;
  grid-template-columns: calc(320/750*100vw) 1fr; }
  .d-oil-module4__body {
    display: grid;
    align-content: center;
    gap: calc(20/750*100vw);
    background-color: #fff;
    padding: calc(20/750*100vw) calc(44/750*100vw) calc(53/750*100vw) calc(53/750*100vw); }
  .d-oil-module4__body.line2 {
    padding: calc(20/750*100vw) calc(44/750*100vw) calc(30/750*100vw) calc(53/750*100vw);
  }
  .d-oil-module4__ttl img {
    width: auto;
    height: calc(30/750*100vw); }
  .d-oil-module4__body.line2 .d-oil-module4__ttl img {
    height: calc(60/750*100vw);
  }
  .d-oil-module4__btn-wrap {
    color: #fff; }
  .d-oil-module4__btn {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    position: relative;
    background-color: #010000;
    width: calc(240/750*100vw);
    height: calc(60/750*100vw);
    padding: calc(10/750*100vw) calc(30/750*100vw);
    font-family: var(--notoSerif);
    font-size: calc(19/750*100vw);
    font-weight: 700; }
  .d-oil-module4__icon {
    position: absolute;
    top: 0;
    right: calc(26/750*100vw);
    bottom: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: calc(12/750*100vw);
    height: calc(12/750*100vw);
    margin: auto;
    transform: rotate(45deg); }

.d-oil-article {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  width: 100%;
  height: 100%;
  transform: translateX(100vw);
  transition: transform 0.5s;
  padding-left: 10.2564102564vw;
  overscroll-behavior: none;
  overflow: auto;
  font-family: var(--notoSerif); }

.d-oil-article.is-show {
  transform: translateX(0); }

.d-oil-article__close {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 301;
  background: rgba(0, 0, 0, 0.8) url("/img/special/dashioil/sp/prev.svg") 4vw 80vh/auto 5.8974358974vw no-repeat;
  width: 100%;
  height: 100%; }

.d-oil-article__main {
  overflow: auto;
  position: relative;
  z-index: 302;
  background: #f2f1ee url("/img/special/dashioil/sp/bg.png");
  height: 100vh;
  height: 100dvh;
  overscroll-behavior: contain; }

.d-oil-article .d-oil-post {
  height: 100vh; }

.d-oil-article article {
  transition: 0.8s opacity; }

.d-oil-post-wrap {
  background: url("/img/special/dashioil/sp/bg.png"); }

.d-oil-post {
  background: url("/img/special/dashioil/sp/bg.png");
  padding-bottom: 23.0769230769vw; }

.d-oil-post__copy {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  writing-mode: vertical-rl;
  padding: 7.6923076923vw;
  width: 100%;
  height: 55;
  font-weight: bold; }

.d-oil-post__copy * {
  font-size: 5.6vw; }

.d-oil-post__visu {
  position: relative; }

.d-oil-post__fig {
  width: 100%;
  height: auto; }

.d-oil-post__fig img {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.d-oil-post__desc {
  margin-bottom: 8vw;
  font-size: 3.4vw; }

.d-oil-post__body {
  padding: 5vw; }

.d-oil-post__body a {
  text-decoration: underline; }

.d-oil-post__mitem {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 3.4;
  border-bottom: 1px solid #ADADAD;
  line-height: 1.5;
  padding: 0.5em 0;
  font-size: 3.4vw; }

.d-oil-post__mitem dt {
  width: 60%; }

.d-oil-post__mitem dd {
  width: 40%;
  text-align: right; }

.d-oil-post__mitem a {
  font-weight: bold;
  color: #1a528e; }

.d-oil-post__recipe {
  margin-top: 10.2564102564vw;
  padding: 5.1282051282vw;
  border: 1px solid #fff; }

.d-oil-post__step {
  list-style: decimal;
  margin-left: 20px;
  font-size: 3.5vw; }

.d-oil-post__txt {
  font-size: 3.5vw; }

.d-oil-post__note {
  font-size: 3.4vw;
  padding: 3vw;
  margin: 3.5vw 0;
  background: #fff; }

.d-oil-coordinator__img img {
  width: 100%; }
.d-oil-coordinator__name {
  margin-top: 5.5vw;
  font-size: calc(30/750*100vw);
  font-weight: 700; }
.d-oil-coordinator__txt {
  text-align: justify;
  margin-top: 4.5vw;
  font-size: calc(28/750*100vw);
  line-height: 1.42; }
.d-oil-coordinator__btn-wrap {
  margin-top: 5.5vw; }
.d-oil-coordinator__btn {
  display: grid;
  place-items: center;
  position: relative;
  border: 1px solid #000;
  background-color: #fff;
  height: calc(140/750*100vw);
  text-align: center;
  font-size: calc(26/750*100vw);
  font-weight: 700;
  line-height: 1.53; }
.d-oil-coordinator__arrow {
  display: grid;
  place-items: center;
  position: absolute;
  top: 0;
  right: 2.5vw;
  bottom: 0;
  border-radius: 50%;
  background-color: #000;
  width: calc(36/750*100vw);
  height: calc(36/750*100vw);
  margin: auto;
  transition: background-color 0.3s; }
  .d-oil-coordinator__arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: calc(8/750*100vw);
    height: calc(8/750*100vw);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg); }

.d-oil-detail__ttl {
  width: calc(502/750*100vw);
  height: auto;
  margin: auto; }
.d-oil-detail__items {
  display: grid;
  gap: calc(40/750*100vw);
  margin-top: calc(70/750*100vw); }

.d-oil-block1 .block_top {
  margin-bottom: calc(70/750*100vw);
}
/*
.d-oil-block1 .block_top > a {
}
.d-oil-block1 .block_top .bnr {
}
.d-oil-block1 .block_top .bnr img {
}
*/