.d-collapsed-block { display: none; }

.collapsed .d-collapsed-block { display: block; }

.d-collapsed-none { display: block; }

.collapsed .d-collapsed-none { display: none; }

.dfwocs__mw0 { min-width: 0%; }

.dfwocs__anchor { display: block; pointer-events: none; padding-top: 67px; margin-top: -67px; }

@media (min-width: 768px) { .dfwocs__anchor { padding-top: 81px; margin-top: -81px; } }

.dfwocs__shadow { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); }

.dfwocs__shadow.btn { -webkit-transition: 0.1s; transition: 0.1s; }

.dfwocs__shadow.btn:focus, .dfwocs__shadow.btn:hover { -webkit-box-shadow: 0 0 0 black; box-shadow: 0 0 0 black; }

.dfwocs__header { border-top: #680717 solid 3px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); padding: 0 11px; }

@media (min-width: 768px) { .dfwocs__header { border-top: #680717 solid 5px; padding: 0 17px 0 0; } }

.dfwocs__header .btn-outline-danger { border-color: #680717; color: #680717; }

.dfwocs__header .btn-outline-danger:active, .dfwocs__header .btn-outline-danger:hover, .dfwocs__header .btn-outline-danger:focus { background: #fff !important; border-color: #c22112 !important; color: #c22112 !important; }

@media (min-width: 768px) { .dfwocs__header .order-1 { padding: 0 0 0 20px; } }

.dfwocs__header .order-2 { padding: 0 12px 0 0; }

.dfwocs__header__logo { display: block; width: 167px; height: 41px; }

@media (min-width: 768px) { .dfwocs__header__logo__wrap { padding: 18px 25px 17px 21px; border-right: 1px solid #c5c5c5; } }

.dfwocs__header__txt1 { font-weight: bold; font-size: 14px; line-height: 18px; margin: 0 0 6px; }

.dfwocs__header__txt1__x { position: relative; display: inline-block; vertical-align: middle; margin: -0.25em 0.2em 0; }

.dfwocs__header__txt1__x::after, .dfwocs__header__txt1__x::before { content: ""; display: block; width: 19.8px; height: 1px; background: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50%; transform-origin: 50%; }

.dfwocs__header__txt1__x::after { margin: -1px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.dfwocs__header__txt2 { font-weight: bold; margin: 14px 0; font-size: 12px; line-height: 18px; }

@media (min-width: 768px) { .dfwocs__header__txt2 { margin: 0; font-size: 14px; line-height: 18px; } }

.dfwocs__header__txt3 { font-weight: bold; margin: 0; font-size: 10px; line-height: 18px; }

.dfwocs__header__txt3 br { display: none; }

@media (min-width: 375px) { .dfwocs__header__txt3 { width: auto; margin: 0; font-size: 11.5px; line-height: 18px; }
  .dfwocs__header__txt3 br { display: inline; } }

@media (min-width: 375px) and (min-width: 768px) { .dfwocs__header__txt3 { margin: 0; font-size: 14px; line-height: 24px; } }

.dfwocs__header__btn { padding: 5px 0 0 0; }

.dfwocs__type__c .dfwocs__header__btn { margin: 5px 0 6px; }

@media (min-width: 992px) { .dfwocs__header__btn { margin: 10px 0; border-width: 2px; }
  .dfwocs__header__btn.btn-danger { padding: 6px 16px 6px 9px; }
  .dfwocs__header__btn.btn-outline-danger { padding: 5px 14px; } }

.dfwocs__header__btn .dfwocsicon-column { font-size: 24px; line-height: 26px; }

@media (min-width: 992px) { .dfwocs__header__btn .dfwocsicon-column { font-size: 26px; line-height: 26px; margin: 0 10px 0 0; } }

.dfwocs__header__btn .dfwocsicon-chart-circle { font-size: 26px; line-height: 26px; }

@media (min-width: 992px) { .dfwocs__header__btn .dfwocsicon-chart-circle { font-size: 38px; line-height: 38px; margin: 0 10px 0 0; } }

.dfwocs__header__btn__txt { font-weight: 500; font-size: 10px; line-height: 20px; }

@media (min-width: 992px) { .btn-outline-danger .dfwocs__header__btn__txt { font-weight: bold; font-size: 14px; line-height: 21px; }
  .btn-danger .dfwocs__header__btn__txt { font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: 0.06em; }
  .btn-danger .dfwocs__header__btn__txt .small { font-size: 12px; line-height: 16px; letter-spacing: 0.02em; } }

.dfwocs__mv { padding: 18px 0 136px; background: url(../img/bg_mv.jpg) no-repeat center bottom; background-size: auto 442px; }

@media (min-width: 442px) { .dfwocs__mv { background-size: cover; } }

@media (min-width: 1280px) { .dfwocs__mv { background: url(../img/bg_mv_xl.jpg) repeat-x center bottom; } }

@media (min-width: 768px) { .dfwocs__mv { padding: 33px 0 256px; } }

.dfwocs__mv.dfwocs__type__c { padding: 18px 0 170px; background-size: auto 100%; }

@media (min-width: 442px) { .dfwocs__mv.dfwocs__type__c { background-size: cover; } }

@media (min-width: 768px) { .dfwocs__mv.dfwocs__type__c { padding: 26px 0 220px; } }

@media (min-width: 992px) { .dfwocs__mv.dfwocs__type__c { padding: 26px 0 24px; background: url(../img/bg_mv_xl_c.jpg) repeat-x center bottom; } }

.dfwocs__mv__ttl { text-align: center; font-weight: bold; font-size: 14px; line-height: 18px; margin: 0 0 15px; }

@media (min-width: 768px) { .dfwocs__mv__ttl { font-size: 20px; line-height: 22px; } }

@media (min-width: 992px) { .dfwocs__mv__ttl { margin: 0 0 4px; }
  .dfwocs__type__c .dfwocs__mv__ttl { margin: 0 0 21px; } }

.dfwocs__mv__ttl__x { position: relative; display: inline-block; vertical-align: middle; margin: -0.25em 0.2em 0; }

.dfwocs__mv__ttl__x::after, .dfwocs__mv__ttl__x::before { content: ""; display: block; width: 19.8px; height: 1px; background: #680717; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50%; transform-origin: 50%; }

@media (min-width: 768px) { .dfwocs__mv__ttl__x::after, .dfwocs__mv__ttl__x::before { width: 31px; } }

.dfwocs__mv__ttl__x::after { margin: -1px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.dfwocs__mv__txt { text-align: center; font-weight: bold; border-top: solid 1.5px #000; border-bottom: solid 1.5px #000; padding: 8px 15px; margin: 0 0 10px; }

.dfwocs__type__c .dfwocs__mv__txt { font-size: 16px; line-height: 1.5; }

@media (min-width: 768px) { .dfwocs__type__c .dfwocs__mv__txt { font-size: 21px; } }

@media (min-width: 992px) { .dfwocs__type__c .dfwocs__mv__txt { font-size: 24px; } }

@media (min-width: 768px) { .dfwocs__mv__txt { border-top: solid 3px #000; border-bottom: solid 3px #000; padding: 17px 15px; margin: 0 0 15px; } }

@media (min-width: 992px) { .dfwocs__mv__txt { margin: 0 60px; } }

.dfwocs__mv__txt__1 { font-size: 12px; line-height: 20px; letter-spacing: 0.05em; }

@media (min-width: 768px) { .dfwocs__mv__txt__1 { font-size: 24px; line-height: 38px; } }

.dfwocs__mv__txt__1 .dfwocsicon-yen, .dfwocs__mv__txt__1 .dfwocsicon-point { font-size: 16.75px; margin: 0 3px 0 0; }

@media (min-width: 768px) { .dfwocs__mv__txt__1 .dfwocsicon-yen, .dfwocs__mv__txt__1 .dfwocsicon-point { font-size: 32px; margin: 0 7px 0 0; } }

.dfwocs__mv__txt__1 .dfwocsicon-upgrade { font-size: 20px; margin: 0 4px; }

@media (min-width: 768px) { .dfwocs__mv__txt__1 .dfwocsicon-upgrade { font-size: 38px; margin: 0 8px; } }

.dfwocs__mv__txt__2 { margin: 4px 0 0; font-size: 16px; line-height: 24px; }

@media (min-width: 768px) { .dfwocs__mv__txt__2 { margin: 8px 0 0; font-size: 32px; line-height: 42px; letter-spacing: 0.05em; } }

.dfwocs__mv__bbl { background: #fff; position: relative; font-weight: bold; text-align: center; width: 80px; margin: 0 6px 8px; font-size: 10px; line-height: 14px; padding: 8px 0 4px; }

@media (min-width: 768px) { .dfwocs__mv__bbl { width: 134px; margin: 0 6px 26px; font-size: 14px; line-height: 18px; padding: 14px 0 15px; } }

@media (min-width: 992px) { .dfwocs__mv__bbl { margin: 0 0 26px; } }

.dfwocs__mv__bbl__img { height: auto; margin: 0 auto 3px; width: 64px; }

@media (min-width: 768px) { .dfwocs__mv__bbl__img { margin: 0 auto 5px; width: 118px; } }

.dfwocs__mv__bbl > * { position: relative; z-index: 3; }

.dfwocs__mv__bbl, .dfwocs__mv__bbl::after { border-radius: 6px; }

@media (min-width: 768px) { .dfwocs__mv__bbl, .dfwocs__mv__bbl::after { border-radius: 16px; } }

.dfwocs__mv__bbl, .dfwocs__mv__bbl::before { -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); }

@media (min-width: 768px) { .dfwocs__mv__bbl, .dfwocs__mv__bbl::before { -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); } }

.dfwocs__mv__bbl::before { background: #fff; content: ""; position: absolute; z-index: 1; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg) skew(18.5deg, 18.5deg); transform: translateX(-50%) rotate(45deg) skew(18.5deg, 18.5deg); width: 24px; height: 24px; bottom: 2px; }

@media (min-width: 768px) { .dfwocs__mv__bbl::before { width: 41px; height: 41px; bottom: -8px; } }

.dfwocs__mv__bbl::after { background: #fff; content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; }

.dfwocs__mv__lead { text-align: center; font-weight: bold; letter-spacing: 0.06em; margin: 6px 0 0; font-size: 22px; line-height: 33px; }

@media (min-width: 768px) { .dfwocs__mv__lead { margin: 19px 0 0; font-size: 32px; line-height: 48px; } }

@media (min-width: 992px) { .dfwocs__mv__lead { margin: 19px 0 0; font-size: 42px; line-height: 49px; } }

.dfwocs__type__c .dfwocs__mv__lead { font-size: 21px; line-height: 30px; }

.dfwocs__type__c .dfwocs__mv__lead br { display: none; }

@media (min-width: 375px) { .dfwocs__type__c .dfwocs__mv__lead br { display: inline; } }

@media (min-width: 576px) { .dfwocs__type__c .dfwocs__mv__lead br { display: none; } }

@media (min-width: 768px) { .dfwocs__type__c .dfwocs__mv__lead { font-size: 32px; line-height: 48px; } }

@media (min-width: 992px) { .dfwocs__type__c .dfwocs__mv__lead { font-size: 36px; line-height: 1.5; } }

@media (min-width: 1200px) { .dfwocs__type__c .dfwocs__mv__lead { font-size: 38px; line-height: 63px; } }

.dfwocs__mv__sub { text-align: center; font-weight: bold; font-size: 16px; line-height: 1.5; text-align: center; letter-spacing: 0.06em; margin: 9px 0 0; }

@media (min-width: 768px) { .dfwocs__mv__sub { font-size: 18px; } }

@media (min-width: 992px) { .dfwocs__mv__sub { font-size: 20px; } }

.dfwocs__mv__btns { background: #e6dec9; padding: 15px 0 7px; }

.dfwocs__mv__btns__txt { font-size: 12px; line-height: 18px; text-align: center; color: #7e7e7e; margin: 15px 0 0; }

@media (min-width: 992px) { .dfwocs__mv__btns__txt { margin: 2px 0 6px; } }

.dfwocs__mv__performance { margin: 17px auto 0; }

@media (min-width: 992px) { .dfwocs__mv__performance { margin: 25px auto 0; } }

@media (min-width: 1200px) { .dfwocs__mv__performance__in { width: 625px; max-width: 100%; } }

.dfwocs__mv__performance sup { font-size: 8px; }

.dfwocs__mv__performance__ttl { font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.08em; padding: 0 0 3px; border-bottom: 1px solid #680717; margin: 0 auto 8px; }

@media (min-width: 768px) { .dfwocs__mv__performance__ttl { font-size: 15px; line-height: 21px; padding: 0 0 4px; } }

@media (min-width: 992px) { .dfwocs__mv__performance__ttl { font-size: 16px; line-height: 23px; padding: 0 0 4px; } }

.dfwocs__mv__performance__item { margin: 0 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); border: 2px solid #680717; width: 100px; height: 100px; }

@media (min-width: 768px) { .dfwocs__mv__performance__item { width: 136px; height: 136px; } }

@media (min-width: 992px) { .dfwocs__mv__performance__item { width: 174px; height: 174px; } }

.dfwocs__mv__performance__item__lbl { margin: 0 0 3px; font-weight: bold; font-size: 12px; line-height: 17px; text-align: center; letter-spacing: 0.08em; color: #000; }

@media (min-width: 768px) { .dfwocs__mv__performance__item__lbl { font-size: 14px; line-height: 21px; margin: 0 0 4px; } }

@media (min-width: 992px) { .dfwocs__mv__performance__item__lbl { font-size: 16px; line-height: 23px; margin: 0 0 4px; } }

.dfwocs__mv__performance__item__val { margin: 0; font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 500; font-size: 24px; line-height: 28px; text-align: center; letter-spacing: -0.01em; color: #680717; }

@media (min-width: 768px) { .dfwocs__mv__performance__item__val { font-size: 36px; line-height: 42px; } }

@media (min-width: 992px) { .dfwocs__mv__performance__item__val { font-size: 48px; line-height: 56px; } }

.dfwocs__mv__performance__item__val__unit { font-weight: bold; font-size: 12px; line-height: 18px; }

@media (min-width: 768px) { .dfwocs__mv__performance__item__val__unit { font-size: 15px; line-height: 1.5; } }

@media (min-width: 992px) { .dfwocs__mv__performance__item__val__unit { font-size: 18px; line-height: 27px; } }

.dfwocs__mv__performance__item__val sup { color: #000; vertical-align: super; }

.dfwocs__mv__type__d { overflow: hidden; background: radial-gradient(63.07% 109.59% at 25.27% 20.84%, #ffffff 0%, #ebe2d6 100%); }

@media (min-width: 768px) { .dfwocs__mv__type__d { padding: 51px 0 0; } }

.dfwocs__mv__type__d__in { width: 1280px; max-width: 100%; margin: 0 auto; position: relative; }

.dfwocs__mv__type__d__contents { position: relative; z-index: 2; padding: 20px 0 4px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__contents { padding: 0 0 60px; } }

@media (min-width: 1200px) { .dfwocs__mv__type__d__contents { padding: 0 0 60px 57px; } }

.dfwocs__mv__type__d__btm { position: relative; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 226, 216, 0)), color-stop(40.41%, #ece2d7)); background: linear-gradient(180deg, rgba(237, 226, 216, 0) 0%, #ece2d7 40.41%); padding: 22px 0 15px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__btm { background: none; padding: 0 0 26px; } }

.dfwocs__mv__type__d__img { position: absolute; left: 65%; top: 0; z-index: 1; }

.dfwocs__mv__type__d__img .swiper-slide { padding: 16px 0 0 32px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__img .swiper-slide { padding: 0 0 16px 17px; } }

.dfwocs__mv__type__d__img .swiper-slide .position-relative { width: 824px; height: 444px; opacity: 0; -webkit-transition: 0.5s opacity; transition: 0.5s opacity; }

.dfwocs__mv__type__d__img .swiper-slide.swiper-slide-active .position-relative { opacity: 1; }

@media (min-width: 768px) { .dfwocs__mv__type__d__img { left: 55%; } }

@media (min-width: 992px) { .dfwocs__mv__type__d__img { left: 46.875%; } }

.dfwocs__mv__type__d__img__sp { position: absolute; bottom: 0; left: -32px; display: block; height: auto; width: 157px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__img__sp { left: -17px; bottom: -16px; width: 177px; } }

.dfwocs__mv__type__d__img__pc { display: block; height: auto; width: 824px; }

.dfwocs__mv__type__d__h1 { text-align: center; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; color: #000; margin: 0 auto 18px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__h1 { font-weight: bold; font-size: 20px; line-height: 22px; margin: 0 auto 26px; } }

.dfwocs__mv__type__d__h1__x { position: relative; display: block; margin: 0 0.3em; }

.dfwocs__mv__type__d__h1__x::before, .dfwocs__mv__type__d__h1__x::after { content: ""; display: block; width: 18.8px; height: 1px; background: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50%; transform-origin: 50%; }

@media (min-width: 768px) { .dfwocs__mv__type__d__h1__x::before, .dfwocs__mv__type__d__h1__x::after { width: 31px; background: #680717; } }

.dfwocs__mv__type__d__h1__x::after { margin: -1px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.dfwocs__mv__type__d__tooltip { position: relative; background: #850b00; color: #fff; border-radius: 8px; padding: 6px 11px 5px; margin: 0 auto 15px; font-weight: bold; font-size: 14px; line-height: 21px; letter-spacing: 0.06em; }

@media (min-width: 768px) { .dfwocs__mv__type__d__tooltip { margin: 0 auto 21px; } }

.dfwocs__mv__type__d__tooltip::after { content: ""; position: absolute; bottom: -9px; left: 50%; display: block; border-top: 14px solid #850b00; border-left: 7px solid transparent; border-right: 7px solid transparent; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.dfwocs__mv__type__d__h2 { font-weight: bold; color: #c22112; font-size: 20px; line-height: 30px; letter-spacing: 0.06em; margin: 0 0 21px; }

@media (min-width: 375px) { .dfwocs__mv__type__d__h2 { min-width: 327px; } }

@media (min-width: 768px) { .dfwocs__mv__type__d__h2 { font-size: 30px; line-height: 40px; letter-spacing: 0; margin: 0 0 30px; } }

@media (min-width: 992px) { .dfwocs__mv__type__d__h2 { font-size: 32px; line-height: 1.5; letter-spacing: 0.06em; } }

@media (min-width: 1200px) { .dfwocs__mv__type__d__h2 { font-size: 36px; line-height: 48px; letter-spacing: 0.06em; } }

.dfwocs__mv__type__d__performance { width: 90px; height: 90px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); border: 2px solid #680717; }

.dfwocs__mv__type__d__performance + .dfwocs__mv__type__d__performance { margin: 0 0 0 8px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__performance { width: 130px; height: 130px; }
  .dfwocs__mv__type__d__performance + .dfwocs__mv__type__d__performance { margin: 0 0 0 16px; } }

.dfwocs__mv__type__d__performance__ttl { font-style: normal; font-weight: 500; text-align: center; letter-spacing: 0.08em; color: #000; border-bottom: 1px solid #680717; padding: 0 0 4px; font-size: 13px; line-height: 19px; margin: 0 auto 8px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__performance__ttl { font-size: 16px; line-height: 23px; margin: 0 auto 14px; } }

.dfwocs__mv__type__d__performance__ttl__sup { margin: 0 0 0 2px; font-weight: 500; font-size: 8px; line-height: 131.3%; text-align: center; color: #000; }

@media (min-width: 768px) { .dfwocs__mv__type__d__performance__ttl__sup { font-size: 10px; line-height: 14px; } }

.dfwocs__mv__type__d__performance__lbl { font-style: normal; font-weight: bold; text-align: center; letter-spacing: 0.08em; color: #000; margin: 0 0 3px; font-size: 12px; line-height: 17px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__performance__lbl { font-size: 14px; line-height: 20px; } }

.dfwocs__mv__type__d__performance__val { font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 500; text-align: center; letter-spacing: -0.01em; color: #680717; margin: 0; font-size: 20px; line-height: 23px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__performance__val { font-size: 32px; line-height: 37px; } }

.dfwocs__mv__type__d__performance__val__unit { font-weight: bold; font-size: 12px; line-height: 18px; letter-spacing: 0.08em; }

@media (min-width: 768px) { .dfwocs__mv__type__d__performance__val__unit { font-size: 18px; line-height: 27px; } }

.dfwocs__mv__type__d__performance__val__sup { font-weight: 500; font-size: 8px; line-height: 24px; text-align: center; color: #000; vertical-align: top; }

@media (min-width: 768px) { .dfwocs__mv__type__d__performance__val__sup { font-size: 10px; line-height: 30px; } }

.dfwocs__mv__type__d__btn { width: 280px; max-width: 100%; border-radius: 6px; padding: 8px 13px; margin: 0 auto 12px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__btn { width: 320px; padding: 12px 10px; margin: 0 auto; } }

.dfwocs__mv__type__d__btn__wrap { margin: 0 -12px; }

.dfwocs__mv__type__d__btn__wrap > .col-auto { padding: 0 12px; }

.dfwocs__mv__type__d__btn__txt { display: block; font-weight: bold; text-align: center; letter-spacing: 0.08em; margin: 0 auto 4px; font-size: 12px; line-height: 17px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__btn__txt { margin: 0 auto 6px; font-size: 14px; line-height: 20px; } }

.dfwocs__mv__type__d__btn__ttl { display: block; font-weight: bold; text-align: center; margin: 0 auto; font-size: 18px; line-height: 21px; }

@media (min-width: 768px) { .dfwocs__mv__type__d__btn__ttl { font-size: 24px; line-height: 28px; } }

.dfwocs__mv__type__d__btn__note { font-weight: normal; font-size: 12px; line-height: 18px; color: #7e7e7e; margin: 18px 0 0; }

@media (min-width: 768px) { .dfwocs__mv__type__d__btn__note { margin: 11px 0 0; line-height: 30px; } }

.dfwocs__btns__row { margin: 0 -12px; }

.dfwocs__sec08 .dfwocs__btns__row { margin: 0 -12px -15px; }

.dfwocs__sec03 .dfwocs__btns__row { margin: 0 -12px -15px; }

@media (min-width: 768px) { .dfwocs__sec03 .dfwocs__btns__row { margin: 0 -12px 11px; } }

.dfwocs__btns__row .col-auto { padding: 0 12px; min-width: 0%; margin: 0 0 15px; }

.dfwocs__btns__btn { width: 320px; max-width: 100%; font-weight: bold; padding: 13px 6px; }

.dfwocs__btns__btn__txt { font-size: 12px; line-height: 14px; letter-spacing: 0.08em; display: block; margin: 0 0 8px; }

@media (min-width: 768px) { .dfwocs__btns__btn__txt { font-size: 14px; line-height: 16px; } }

.dfwocs__btns__btn__ttl { font-size: 20px; line-height: 24px; display: block; }

@media (min-width: 768px) { .dfwocs__btns__btn__ttl { font-size: 24px; line-height: 28px; } }

.dfwocs__cashback { background: #680717; color: #fff; padding: 8px 0; }

.dfwocs__cashback.dfwocs__type__c { background: #f3f1ec; }

@media (min-width: 768px) { .dfwocs__cashback { padding: 18px 0; } }

.dfwocs__cashback .d-flex > .d-block { min-width: 0%; }

.dfwocs__cashback__txt { font-weight: bold; font-size: 12px; line-height: 18px; margin: 0 0 6px; }

@media (min-width: 768px) { .dfwocs__cashback__txt { margin: 0; }
  .dfwocs__cashback__txt__01 { font-weight: bold; font-size: 16px; line-height: 37px; border: solid 2px #fff; border-radius: 6px; position: relative; padding: 0 6px; margin: 0 18px 0 0; }
  .dfwocs__cashback__txt__01 img { position: absolute; right: -9px; top: 11px; width: 11px; height: 13px; }
  .dfwocs__cashback__txt__02 { font-weight: bold; font-size: 14px; line-height: 21px; margin: 0 12px 0 0; } }

.dfwocs__cashback__ttl { font-weight: bold; text-align: center; border: 1px solid #fff; font-size: 14px; line-height: 24px; padding: 5.5px 3px; margin: 0 auto; width: 375px; max-width: 100%; }

@media (min-width: 768px) { .dfwocs__cashback__ttl { margin: 13px auto 0; width: auto; max-width: none; font-size: 24px; line-height: 32px; padding: 3.5px 14px; } }

@media (min-width: 992px) { .dfwocs__cashback__ttl { margin: 0; } }

@media (min-width: 375px) { .dfwocs__cashback__ttl__02__unit { font-family: "Roboto", "Noto Sans JP", sans-serif; font-size: 12px; line-height: 12px; } }

@media (min-width: 768px) { .dfwocs__cashback__ttl__02__unit { font-size: 24px; line-height: 32px; } }

@media (min-width: 375px) { .dfwocs__cashback__ttl__02__val { font-family: "Roboto", "Noto Sans JP", sans-serif; font-size: 24px; line-height: 1; } }

@media (min-width: 768px) { .dfwocs__cashback__ttl__02__val { font-size: 32px; } }

.dfwocs__cashback__btn { font-weight: 500; text-decoration: underline; margin: 5px 0 0; font-size: 12px; line-height: 21px; }

@media (min-width: 768px) { .dfwocs__cashback__btn { margin: 13px 0 0; font-size: 14px; line-height: 21px; } }

.dfwocs__cashback__collapse { padding: 16px 0; }

@media (min-width: 768px) { .dfwocs__cashback__collapse { padding: 26px 0; } }

.dfwocs__cashback__collapse__ttl { width: 321px; max-width: 100%; margin: 0 auto 10px; }

@media (min-width: 768px) { .dfwocs__cashback__collapse__ttl { width: 752px; margin: 0 auto 23px; } }

.dfwocs__cashback__collapse__ttl__line { border-top: 1px solid rgba(255, 255, 255, 0.5); height: 0; }

.dfwocs__cashback__collapse__ttl__txt { font-weight: bold; font-size: 18px; line-height: 21px; margin: 0 21px; }

.dfwocs__cashback__collapse__ul { width: 321px; max-width: 100%; margin: 0 auto; }

@media (min-width: 768px) { .dfwocs__cashback__collapse__ul { width: 656px; margin: 0 auto 30px; } }

.dfwocs__cashback__collapse__li { margin: 0 0 16px; font-weight: bold; }

.dfwocs__cashback__collapse__li__ttl { font-size: 14px; line-height: 21px; margin: 0 9px 0 0; }

@media (min-width: 768px) { .dfwocs__cashback__collapse__li__ttl { font-size: 16px; line-height: 21px; } }

@media (min-width: 768px) { .dfwocs__cashback__collapse__li__line { border-top: 1px dashed rgba(255, 255, 255, 0.5); height: 0; } }

.dfwocs__cashback__collapse__li__val { font-family: "Roboto", "Noto Sans JP", sans-serif; font-size: 16px; line-height: 21px; margin: 0 0 0 9px; }

@media (min-width: 768px) { .dfwocs__cashback__collapse__li__val__unit { font-size: 16px; line-height: 16px; }
  .dfwocs__cashback__collapse__li__val__num { font-size: 24px; line-height: 24px; } }

.dfwocs__cashback__collapse__li__txt { font-size: 16px; line-height: 21px; margin: 0 0 0 6px; }

.dfwocs__cashback__collapse__txt { width: 321px; max-width: 100%; margin: 3px auto 0; font-size: 12px; line-height: 21px; }

@media (min-width: 768px) { .dfwocs__cashback__collapse__txt { width: auto; font-size: 14px; line-height: 21px; } }

.dfwocs__sec01 { background: #680717; }

.dfwocs__sec01__top { padding: 36px 0 0; background: #f3f1ec; }

.dfwocs__ab__b .dfwocs__sec01__top { padding: 30px 0 33px; }

.dfwocs__sec01__btm { background: #680717; }

.dfwocs__sec01__btm img { height: 54px; width: auto; }

@media (min-width: 768px) { .dfwocs__sec01__btm img { height: 91px; } }

.dfwocs__sec01__ttl { text-align: center; font-weight: bold; font-size: 12px; line-height: 14px; margin: 0 0 14px; }

@media (min-width: 768px) { .dfwocs__sec01__ttl { font-size: 18px; line-height: 21px; margin: 0 0 24px; } }

.dfwocs__sec01__btn { padding: 8px 10px; margin: 0 auto; width: 280px; max-width: 100%; border-radius: 6px; }

@media (min-width: 768px) { .dfwocs__sec01__btn { padding: 11px 10px; width: 600px; max-width: 100%; } }

.dfwocs__sec01__btn__ttl { display: block; font-weight: bold; margin: 0 0 3px; font-size: 15px; line-height: 18px; }

@media (min-width: 768px) { .dfwocs__sec01__btn__ttl { margin: 0 0 6px; font-size: 24px; line-height: 28px; } }

.dfwocs__sec01__btn__txt { display: block; font-weight: 500; font-size: 11px; line-height: 22px; letter-spacing: 0.08em; }

@media (min-width: 768px) { .dfwocs__sec01__btn__txt { font-size: 14px; line-height: 22px; } }

.dfwocs__sec01__btn__txt__badge { background: #fff; padding: 0 2px; margin-right: 4px; color: #c22112; }

.dfwocs__sec01__dots { margin: 24px 0 12px; }

@media (min-width: 768px) { .dfwocs__sec01__dots { margin: 35px 0 46px; } }

.dfwocs__sec01__dots__dot { margin: 0 auto 16px; display: block; height: 16px; width: 16px; border-radius: 50%; background: #c4c4c4; }

.dfwocs__sec01__dots__dot + .dfwocs__sec01__dots__dot { margin: 0 auto 16px; display: block; height: 12px; width: 12px; border-radius: 50%; background: #c4c4c4; }

.dfwocs__sec01__dots__dot + .dfwocs__sec01__dots__dot + .dfwocs__sec01__dots__dot { margin: 0 auto; display: block; height: 8px; width: 8px; border-radius: 50%; background: #c4c4c4; }

.dfwocs__sec01__fig { position: relative; width: 968px; max-width: 100%; margin: 0 auto -11px; background: url(../img/img_sec01_m.png) no-repeat center top; background-size: auto 370px; padding: 23px 0 37px; }

@media (min-width: 768px) { .dfwocs__sec01__fig { background: url(../img/img_sec01_m.png) no-repeat center bottom; background-size: 714px auto; padding: 0 0 69px; margin: 0 auto -35px; } }

.dfwocs__sec01__fig__ttl { text-align: center; font-weight: bold; font-size: 18px; line-height: 24px; padding: 0 0 8px; border-bottom: 3px solid #680717; margin: 0 0 196px; }

@media (min-width: 768px) { .dfwocs__sec01__fig__ttl { font-size: 26px; line-height: 32px; padding: 0 0 11px; margin: 0; } }

.dfwocs__sec01__fig__txt { color: #680717; font-weight: bold; font-size: 14px; line-height: 21px; text-align: center; letter-spacing: 0.06em; width: 280px; max-width: 100%; padding: 9px; background: #e5dfd3; border-radius: 8px; margin: 8px auto 0; position: relative; }

.dfwocs__sec01__fig__txt img { position: absolute; width: auto; }

@media (min-width: 768px) { .dfwocs__sec01__fig__txt { font-size: 16px; line-height: 24px; width: 280px; padding: 13px 9px; }
  .dfwocs__sec01__fig__txt__01 { margin: 61px auto 0; }
  .dfwocs__sec01__fig__txt__01 img { height: 45px; left: 66px; bottom: -31px; }
  .dfwocs__sec01__fig__txt__02 { margin: 57px auto 0; }
  .dfwocs__sec01__fig__txt__02 img { height: 28px; top: 29px; right: -55px; }
  .dfwocs__sec01__fig__txt__03 { margin: 57px auto 0; }
  .dfwocs__sec01__fig__txt__03 img { height: 28px; top: 29px; left: -55px; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }
  .dfwocs__sec01__fig__txt__04 { margin: 65px auto 0; }
  .dfwocs__sec01__fig__txt__04 img { height: 49px; top: -5px; right: -45px; }
  .dfwocs__sec01__fig__txt__05 { margin: 65px auto 0; }
  .dfwocs__sec01__fig__txt__05 img { height: 49px; top: -5px; left: -45px; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } }

@media (min-width: 992px) { .dfwocs__sec01__fig__txt { font-size: 20px; line-height: 30px; width: 316px; } }

.dfwocs__sec01__fig__lead { font-weight: bold; font-size: 14px; line-height: 24px; padding: 6px 0; text-align: center; margin: 15px 0 0; }

@media (min-width: 768px) { .dfwocs__sec01__fig__lead { font-size: 22px; line-height: 36px; padding: 0; } }

@media (min-width: 768px) { .dfwocs__sec01__fig__lead { margin: 73px 0 0; } }

.dfwocs__sec01__fig__lead + .dfwocs__sec01__fig__lead { margin: 6px 0 0; }

@media (min-width: 768px) { .dfwocs__sec01__fig__lead + .dfwocs__sec01__fig__lead { margin: 5px 0 0; } }

.dfwocs__sec02 { padding: 14px 0 0; background: #680717; color: #fff; }

.dfwocs__sec02.dfwocs__ab__b .d-flex > .d-block { min-width: 0%; }

@media (min-width: 768px) { .dfwocs__sec02 { padding: 40px 0 0; }
  .dfwocs__sec02.dfwocs__ab__b { padding: 37px 0 0; } }

.dfwocs__sec02__ttl { text-align: center; font-weight: bold; letter-spacing: 0.17em; font-size: 16px; line-height: 24px; margin: 0 0 21px; }

@media (min-width: 768px) { .dfwocs__sec02__ttl { font-size: 22px; line-height: 33px; margin: 0 0 26px; } }

.dfwocs__sec02__img { width: 262px; height: auto; margin: 0 auto 25px; }

@media (min-width: 768px) { .dfwocs__sec02__img { width: 350px; margin: 0 auto 60px; } }

.dfwocs__sec02__top__img { margin: 0 auto 16px; }

@media (min-width: 768px) { .dfwocs__sec02__top__img { margin: 0 auto 63px; } }

.dfwocs__sec02__btm__img { margin: 0 auto -90px; }

@media (min-width: 768px) { .dfwocs__sec02__btm__img { margin: -254px auto 0; height: 307px; width: 1600px; max-width: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; } }

.dfwocs__sec02__card { position: relative; z-index: 1; width: 250px; margin: 0 auto 40px; text-align: center; }

@media (min-width: 992px) { .dfwocs__sec02__card { width: 330px; } }

.dfwocs__sec02__card__img { width: 180px; height: 180px; margin: 0 auto 18px; }

.order-2 .dfwocs__sec02__card__img { width: 220px; height: 220px; }

.dfwocs__sec02__card__txt { font-weight: bold; font-size: 16px; line-height: 24px; margin: 0 auto 18px; }

.dfwocs__sec02__card__btn { display: block; font-weight: bold; font-size: 18px; line-height: 21px; color: #fff; border: 1px solid #fff; background: rgba(0, 0, 0, 0.8); text-decoration: none; width: 182px; line-height: 38px; border-radius: 50px; margin: 0 auto; }

.dfwocs__sec02__card__btn:focus, .dfwocs__sec02__card__btn:hover { color: #fff; text-decoration: none; background: black; }

.dfwocs__sec02__and__txt { position: relative; font-weight: bold; font-size: 16px; line-height: 36px; color: #680717; border: 2px solid #680717; background: #fff; padding: 0 26px; border-radius: 50px; margin: 9px 0 -20px; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); }

@media (min-width: 768px) { .dfwocs__sec02__and__txt { margin: -20px 0; } }

.dfwocs__sec02__type__d { background-color: #680717; color: #fff; padding: 21px 0 23px; }

@media (min-width: 768px) { .dfwocs__sec02__type__d { padding: 11px 0 28px; } }

.dfwocs__sec02__type__d__ttl { font-weight: bold; text-align: center; letter-spacing: 0.06em; font-size: 16px; line-height: 19px; margin: 0 0 19px; }

@media (min-width: 768px) { .dfwocs__sec02__type__d__ttl { font-size: 18px; line-height: 57px; margin: 0 0 7px; } }

.dfwocs__sec02__type__d__img { display: block; margin: 0 auto; width: 230px; height: auto; max-width: 100%; }

@media (min-width: 768px) { .dfwocs__sec02__type__d__img { width: 276.65px; } }

.dfwocs__ol { background: #680717; padding: 6px; }

@media (min-width: 768px) { .dfwocs__ol { padding: 16px; } }

.dfwocs__ol__in { background: #fff; width: 1248px; max-width: 100%; margin: 0 auto; }

.dfwocs__sec03 { padding: 51px 0; }

.dfwocs__sec03__row { width: 910px; max-width: 100%; margin: 0 auto; }

@media (min-width: 992px) { .dfwocs__ab__b .dfwocs__sec03__row { margin: 0 auto 35px; } }

.dfwocs__sec03__wrap { width: 480px; max-width: 100%; margin: 0 auto; }

.dfwocs__sec03__ttl { font-weight: bold; border-bottom: 3px solid #680717; text-align: center; font-size: 18px; line-height: 24px; padding: 0 0 8px; margin: 0 0 23px; }

.dfwocs__ab__b .dfwocs__sec03__ttl { padding: 0 8px 8px; }

@media (min-width: 768px) { .dfwocs__sec03__ttl { font-size: 26px; line-height: 30px; padding: 0 0 15px; margin: 0 0 48px; }
  .dfwocs__ab__b .dfwocs__sec03__ttl { padding: 0 15px 15px; margin: 0 0 35px; } }

@media (min-width: 992px) { .dfwocs__sec03__ttl { padding: 20px 0 15px; }
  .dfwocs__ab__b .dfwocs__sec03__ttl { padding: 20px 15px 15px; } }

.dfwocs__sec03__txt { font-weight: 500; font-size: 16px; line-height: 24px; margin: 0 0 48px; }

.dfwocs__ab__b .dfwocs__sec03__txt { font-size: 18px; line-height: 28px; text-align: center; }

@media (min-width: 992px) { .dfwocs__sec03__txt { margin: 0 0 35px; }
  .dfwocs__ab__b .dfwocs__sec03__txt { margin: 0 0 60px; } }

.dfwocs__sec03__img { width: 120px; height: auto; margin: 0 7px; }

@media (min-width: 375px) { .dfwocs__sec03__img { width: 133px; } }

@media (min-width: 768px) { .dfwocs__sec03__img { width: 181px; } }

@media (min-width: 992px) { .dfwocs__sec03__img { margin: 0; } }

.dfwocs__sec03__dots { margin: 0 auto 28px; }

@media (min-width: 768px) { .dfwocs__sec03__dots { margin: 0 auto 41px; }
  .dfwocs__ab__b .dfwocs__sec03__dots { margin: 0 auto 28px; } }

@media (min-width: 768px) and (min-width: 992px) { .dfwocs__ab__b .dfwocs__sec03__dots { margin: 0 auto 13px; } }

.dfwocs__sec03__dots__dot { display: block; margin: 23px auto 0; height: 8px; width: 8px; border-radius: 50%; background: #680717; }

.dfwocs__sec03__dots__dot + .dfwocs__sec03__dots__dot { margin: 16px auto 0; height: 12px; width: 12px; background: #b01630; }

.dfwocs__sec03__dots__dot + .dfwocs__sec03__dots__dot + .dfwocs__sec03__dots__dot { margin: 16px auto 0; height: 16px; width: 16px; background: #c22112; }

.dfwocs__sec03__btn { width: 280px; max-width: 100%; font-weight: bold; font-size: 14px; line-height: 21px; text-align: center; padding: 7px; border: 2px solid #c22112; border-radius: 6px; margin: 14px 0 0; }

@media (min-width: 768px) { .dfwocs__sec03__btn { width: auto; font-size: 18px; line-height: 20px; padding: 11px 26px; } }

@media (min-width: 768px) { .dfwocs__sec03__btn { margin: 20px 0 0; } }

.dfwocs__sec03__lead { text-align: center; font-weight: bold; font-size: 12px; line-height: 14px; margin: 0 0 14px; }

@media (min-width: 768px) { .dfwocs__sec03__lead { margin: 0 0 20px; font-size: 18px; line-height: 21px; } }

.dfwocs__hr__dot { border-top: 1px dashed #7e7e7e; margin: 0 16px; }

@media (min-width: 768px) { .dfwocs__hr__dot { margin: 0; } }

.dfwocs__sec00__sub { font-weight: bold; text-align: center; font-size: 14px; line-height: 16px; margin: 0 auto 12px; }

@media (min-width: 768px) { .dfwocs__sec00__sub { font-size: 18px; line-height: 23px; margin: 0 auto 20px; } }

.dfwocs__sec00__ttl { color: #680717; font-weight: bold; text-align: center; font-size: 20px; line-height: 30px; margin: 0 auto 18px; }

@media (min-width: 768px) { .dfwocs__sec00__ttl { font-size: 32px; line-height: 36px; margin: 0 auto 28px; } }

.dfwocs__sec00__ttl__mb { margin: 0 auto 36px; }

@media (min-width: 768px) { .dfwocs__sec00__ttl__mb { margin: 0 auto 48px; } }

.dfwocs__sec00__lead { font-weight: bold; font-size: 14px; line-height: 21px; text-align: center; margin: 0 0 36px; }

@media (min-width: 768px) { .dfwocs__sec00__lead { font-size: 16px; line-height: 24px; } }

.dfwocs__sec13 .dfwocs__sec00__lead { margin: 31px 0 36px; }

@media (min-width: 768px) { .dfwocs__sec13 .dfwocs__sec00__lead { margin: 31px 0 80px; } }

.dfwocs__sec00__ttl2 { font-weight: bold; font-size: 18px; line-height: 24px; margin: 0 0 12px; }

@media (min-width: 768px) { .dfwocs__sec00__ttl2 { font-size: 22px; line-height: 36px; margin: 0 0 21px; } }

.dfwocs__sec00__txt { font-weight: 500; font-size: 14px; line-height: 21px; margin: 0; }

.dfwocs__ab__b .dfwocs__sec00__txt { font-weight: 400; font-size: 18px; line-height: 28px; }

.dfwocs__sec00__wrap { width: 960px; max-width: 100%; margin: 0 auto; padding: 48px 0; }

@media (min-width: 768px) { .dfwocs__sec00__wrap { padding: 64px 0; } }

.dfwocs__sec00__img { display: block; height: auto; width: 375px; max-width: 100%; margin: 0 auto 21px; }

.dfwocs__sec00__cap { font-weight: 500; font-size: 13px; line-height: 19px; letter-spacing: 0.08em; margin: 0 0 8px; }

.dfwocs__sec00__note { font-weight: 500; font-size: 12px; line-height: 18px; color: #7e7e7e; margin: 16px 0 0; letter-spacing: 0.06em; }

.dfwocs__sec00__num { color: #680717; text-align: center; }

.dfwocs__sec00__num__lbl { font-weight: bold; font-size: 14px; line-height: 16px; margin: 0; }

.dfwocs__sec00__num__val { font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: bold; font-size: 36px; line-height: 57px; margin: 0 0 20px; }

@media (min-width: 768px) { .dfwocs__sec00__num__val { font-size: 48px; line-height: 57px; margin: 0 0 20px; } }

.dfwocs__sec04 { padding: 51px 0 0; }

@media (min-width: 768px) { .dfwocs__sec04 { padding: 74px 0 0; } }

.dfwocs__sec04__ttl { font-weight: bold; border-bottom: 3px solid #680717; text-align: center; font-size: 18px; line-height: 24px; padding: 0 0 8px; margin: 0 0 23px; }

@media (min-width: 768px) { .dfwocs__sec04__ttl { font-size: 26px; line-height: 36px; padding: 0 0 9px; margin: 0 0 64px; } }

@media (min-width: 768px) { .dfwocs__sec04__img__01 { width: 345px; max-width: none; margin: 0 30px 0 0; } }

@media (min-width: 992px) { .dfwocs__sec04__img__01 { width: 480px; max-width: none; margin: 0 36px 0 0; } }

@media (min-width: 768px) { .dfwocs__sec04__img__02 { width: 345px; max-width: none; margin: 0 0 0 30px; } }

@media (min-width: 992px) { .dfwocs__sec04__img__02 { width: 395px; max-width: none; margin: 0 0 0 32px; } }

@media (min-width: 768px) { .dfwocs__sec04__img__03 { width: 345px; max-width: none; margin: 0 30px 0 0; } }

@media (min-width: 992px) { .dfwocs__sec04__img__03 { width: 275px; max-width: none; margin: 0 25px 0 0; } }

.dfwocs__sec04__tab { margin: 0 0 15px; }

.dfwocs__sec04__tab__nav { margin: 19px 0 0; }

@media (min-width: 768px) { .dfwocs__sec04__tab { width: auto; max-width: none; } }

@media (min-width: 992px) { .dfwocs__sec04__tab { width: 448px; max-width: none; margin: 0 0 0 52px; } }

.dfwocs__sec04__tab__li__btn { display: block; text-align: center; font-weight: 500; padding: 8px; width: 104px; border-radius: 6px; margin: 0 0 10px; }

@media (min-width: 576px) { .dfwocs__sec04__tab__li__btn { margin: 0 4px 10px; } }

.dfwocs__sec04__tab__li__btn:focus, .dfwocs__sec04__tab__li__btn:hover { text-decoration: none; background: #f1f1f1; }

.dfwocs__sec04__tab__li__btn:active, .dfwocs__sec04__tab__li__btn.active { background: #e1e1e1; }

.dfwocs__sec04__tab__li__btn__ttl { display: block; font-size: 12px; line-height: 21px; margin: 0 0 4px; color: #000; }

.dfwocs__sec04__tab__li__btn__txt { display: block; font-size: 11px; line-height: 14px; margin: 0 0 3px; color: #c22112; }

.dfwocs__sec04__tab__li__btn__val { font-family: "Roboto", "Noto Sans JP", sans-serif; color: #c22112; display: block; font-size: 20px; line-height: 34px; margin: 0; }

.dfwocs__sec04__tab__li__btn__val__num { font-size: 28px; }

.dfwocs__sec04__tab__content { width: 852px; max-width: 100%; margin: 16px auto 0; }

.dfwocs__sec04__note { max-width: 100%; margin: 10px auto 0; font-weight: 500; font-size: 12px; line-height: 18px; color: #7e7e7e; }

.dfwocs__sec04__row__01 { margin: 0 0 42px; }

@media (min-width: 768px) { .dfwocs__sec04__row__01 { margin: 0 0 42px; } }

@media (min-width: 992px) { .dfwocs__sec04__row__01 { margin: 0 0 43px; } }

.dfwocs__sec04__row__02 { margin: 0 0 42px; }

@media (min-width: 768px) { .dfwocs__sec04__row__02 { margin: 0 0 42px; } }

@media (min-width: 992px) { .dfwocs__sec04__row__02 { margin: 0 0 52px; } }

.dfwocs__sec04__row__03 { margin: 0 0 42px; }

@media (min-width: 768px) { .dfwocs__sec04__row__03 { margin: 0 0 42px; } }

@media (min-width: 992px) { .dfwocs__sec04__row__03 { margin: 0 0 58px; } }

.dfwocs__sec04__row__04 { margin: 0; }

@media (min-width: 768px) { .dfwocs__sec06__img { width: 306px; max-width: none; margin: 0 43px 0 0; } }

.dfwocs__sec07__row { margin: 0 0 36px; }

.dfwocs__ab__b .dfwocs__sec07__row { margin: 0 auto 36px; width: 778px; max-width: 100%; }

.dfwocs__sec07__txt { font-size: 18px; line-height: 28px; margin: 0; }

@media (min-width: 768px) { .dfwocs__sec07__img { width: 310px; max-width: none; margin: 0 0 0 43px; } }

.dfwocs__sec07__contact { border-radius: 8px; background: #f3f1ec; color: #680717; text-align: center; padding: 16px; }

.dfwocs__sec07__contact__ttl { font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0.08em; margin: 0 0 4px; }

.dfwocs__sec07__contact__num { font-family: "Source Serif Pro", serif; font-size: 32px; line-height: 44px; color: inherit; text-align: center; letter-spacing: 0.08em; margin: 0; }

@media (min-width: 768px) { .dfwocs__sec07__contact__num { font-weight: 600; } }

.dfwocs__sec07__contact__num__ico { font-size: 25px; line-height: 44px; margin: 0 9px 0 0; }

.dfwocs__sec07__contact__note { font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0.08em; margin: 5px 0 0; }

.dfwocs__sec08 { padding: 0 0 23px; }

@media (min-width: 768px) { .dfwocs__sec08 { padding: 0; } }

.dfwocs__sec08__row { margin: 0 -6px; }

.dfwocs__sec08__row .col-12 { padding: 0 6px; }

.dfwocs__sec08__row .col-12.order-0 { margin: 0 0 12px; }

@media (min-width: 992px) { .dfwocs__sec08__row .col-12.order-0 { margin: 0; } }

.dfwocs__sec08__media { border: 1px solid #680717; border-radius: 5px; overflow: hidden; padding: 12px 16px; }

@media (min-width: 768px) { .dfwocs__sec08__media { padding: 12px 12px 12px 32px; } }

.dfwocs__sec08__media__img { width: 48px; height: auto; margin: 0 16px 0 0; }

@media (min-width: 768px) { .dfwocs__sec08__media__img { margin: 0 25px 0 0; width: 64px; } }

.dfwocs__sec08__media__txt { font-weight: 500; font-size: 14px; line-height: 21px; letter-spacing: 0.08em; margin: 0; padding: 0; }

@media (min-width: 768px) { .dfwocs__sec08__media__txt { font-size: 20px; line-height: 34px; } }

.order-0 .dfwocs__sec08__media__txt { padding: 30px 0 0; }

@media (min-width: 768px) { .order-0 .dfwocs__sec08__media__txt { padding: 27px 0 0; } }

.dfwocs__sec08__media__txt__num { font-family: "Roboto", "Noto Sans JP", sans-serif; color: #680717; display: inline-block; font-weight: 500; font-size: 48px; line-height: 1; margin: -27px -5px 0; }

@media (min-width: 768px) { .dfwocs__sec08__media__txt__num { font-size: 64px; margin: -30px -5px 0; } }

.dfwocs__sec08__media__txt__unit { color: #680717; }

.dfwocs__sec08__media__txt__ul { background: url(../img/bg_sec08.png) repeat-x bottom left; }

.dfwocs__sec08__note { font-size: 12px; line-height: 17px; letter-spacing: 0.08em; color: #666666; margin: 6px 0 0; }

.dfwocs__sec09 { padding: 0 0 38px; }

@media (min-width: 768px) { .dfwocs__sec09 { padding: 0 0 110px; } }

.dfwocs__sec09__ttl { font-weight: 500; border-bottom: 1px solid #000000; font-size: 20px; line-height: 29px; letter-spacing: 0.08em; padding: 0 0 10px; margin: 0 0 32px; }

.dfwocs__voice__row { margin: 0 -12px; }

.dfwocs__voice__col { padding: 0 12px; margin: 0 0 16px; }

.dfwocs__voice__col__spacer { margin: 0 0 36px; }

.dfwocs__voice__txt { background: #f3f1ec; border-radius: 5px; padding: 10px 15px; font-size: 13px; line-height: 19px; position: relative; }

@media (min-width: 768px) { .dfwocs__voice__txt { padding: 13px 16px; font-size: 15px; line-height: 22px; } }

.flex-grow-1.order-0 .dfwocs__voice__txt { margin: 0 14px 0 0; }

@media (min-width: 768px) { .flex-grow-1.order-0 .dfwocs__voice__txt { margin: 0; } }

.flex-grow-1.order-0 .dfwocs__voice__txt::before { position: absolute; content: ""; top: 16px; right: -14px; border-left: 14px solid #f3f1ec; border-bottom: 12px solid transparent; border-top: 0; border-right: 0; }

@media (min-width: 768px) { .flex-grow-1.order-0 .dfwocs__voice__txt::before { position: absolute; top: auto; bottom: -14px; left: auto; right: 48px; border-top: 14px solid #f3f1ec; border-bottom: 0; border-right: 12px solid transparent; border-left: 0; } }

.flex-grow-1.order-1 .dfwocs__voice__txt { margin: 0 0 0 14px; }

@media (min-width: 768px) { .flex-grow-1.order-1 .dfwocs__voice__txt { margin: 0; } }

.flex-grow-1.order-1 .dfwocs__voice__txt::before { position: absolute; content: ""; top: 16px; left: -14px; border-right: 14px solid #f3f1ec; border-bottom: 12px solid transparent; border-top: 0; border-left: 0; }

@media (min-width: 768px) { .flex-grow-1.order-1 .dfwocs__voice__txt::before { position: absolute; top: auto; bottom: -14px; left: auto; right: 48px; border-top: 14px solid #f3f1ec; border-bottom: 0; border-right: 12px solid transparent; border-left: 0; } }

.dfwocs__voice__author { text-align: center; }

.dfwocs__voice__author__ico { color: #ded6c7; font-size: 56px; line-height: 1; margin: 0 6px 6px 0; }

@media (min-width: 768px) { .dfwocs__voice__author__ico { font-size: 72px; margin: 16px 8px 0 0; } }

.dfwocs__voice__author__ttl { color: #666666; font-size: 12px; line-height: 17px; }

@media (min-width: 768px) { .dfwocs__voice__author__ttl { font-size: 14px; line-height: 20px; } }

.dfwocs__sec10 { background: #e6dec9; }

@media (min-width: 768px) { .dfwocs__sec10__img { width: 345px; max-width: none; margin: 0 0 0 30px; } }

@media (min-width: 992px) { .dfwocs__sec10__img { width: 420px; max-width: none; margin: 0 0 0 36px; } }

.dfwocs__sec10__img .dfwocs__sec00__note { margin: 4px 0 0; }

.dfwocs__sec12 { background: #f3f1ec; }

@media (min-width: 768px) { .dfwocs__sec12__img { width: 345px; max-width: none; margin: 0 30px 0 0; } }

@media (min-width: 992px) { .dfwocs__sec12__img { width: 498px; max-width: none; margin: 0 36px 0 0; } }

.dfwocs__sec12__btm { text-align: center; padding: 10px 0 21px; }

@media (min-width: 768px) { .dfwocs__sec12__btm { padding: 14px 0 12px; } }

.dfwocs__sec12__btm__txt { font-weight: bold; font-size: 14px; line-height: 18px; color: #383838; margin: 20px 0 0; }

.dfwocs__sec12__btm__btn { margin: 46px 0 0; font-weight: bold; text-align: center; -webkit-text-decoration-line: underline; text-decoration-line: underline; font-size: 16px; line-height: 24px; }

.dfwocs__type__c .dfwocs__sec12__btm__btn { margin: 24px 0 0; }

@media (min-width: 768px) { .dfwocs__sec13__img { width: 345px; max-width: none; margin: 0 30px 0 0; } }

@media (min-width: 992px) { .dfwocs__sec13__img { width: 448px; max-width: none; margin: 0 43px 0 0; } }

@media (min-width: 768px) { .dfwocs__sec14__img { width: 345px; max-width: none; margin: 0 30px 0 0; } }

@media (min-width: 992px) { .dfwocs__sec14__img { width: 418px; max-width: none; margin: 0 43px 0 0; } }

.dfwocs__sec15.dfwocs__ab__b { padding: 90px 0 0; }

.dfwocs__sec15__txt { font-weight: 500; font-size: 12px; line-height: 18px; color: #7e7e7e; }

.dfwocs__sec15__txt p { margin: 0 0 24px; }

.dfwocs__foot__txt__01 { font-size: 12px; line-height: 18px; letter-spacing: 0.08em; margin: 0 0 15px; }

.dfwocs__foot__txt__02 { font-size: 12px; line-height: 18px; letter-spacing: 0.08em; margin: 0; }

.dfwocs__conversion__sub { background: #680717; color: #fff; border-radius: 4px; font-weight: bold; font-size: 14px; line-height: 20px; padding: 10px; margin: 0 0 20px; }

@media (min-width: 375px) { .dfwocs__conversion__sub { font-size: 16px; padding: 10px 16px; } }

@media (min-width: 768px) { .dfwocs__conversion__sub { margin: 0 0 30px; } }

@media (min-width: 992px) { .dfwocs__conversion__sub { font-size: 18px; } }

.dfwocs__conversion__ttl { font-weight: 500; font-size: 17px; line-height: 25px; text-align: center; letter-spacing: 0.185em; color: #680717; padding: 0; margin: 0 0 20px; }

.dfwocs__conversion__logo { width: 214px; margin: 0 auto 24px; }

@media (min-width: 768px) { .dfwocs__conversion__logo { width: 262px; margin: 0 auto 28px; } }

.dfwocs__conversion__txt { font-weight: bold; font-size: 14px; line-height: 1.5; text-align: center; letter-spacing: 0.08em; padding: 0; margin: 0 0 24px; }

@media (min-width: 768px) { .dfwocs__conversion__txt { font-size: 16px; margin: 0 0 41px; } }

.dfwocs__conversion__btn { display: block; max-width: 100%; margin: 0; font-weight: bold; text-align: center; letter-spacing: 0.06em; padding: 17px; border-radius: 5px; opacity: 0.9; }

@media (min-width: 992px) { .dfwocs__conversion__btn { width: 437px; font-size: 20px; line-height: 30px; } }

.dfwocs__sec__d { width: 960px; max-width: 100%; margin: 0 auto; padding: 0 0 60px; }

@media (min-width: 992px) { .dfwocs__sec__d { padding: 66px 0 102px; }
  .dfwocs__sec14 .dfwocs__sec__d { padding: 18px 0 82px; } }

.dfwocs__sec__d__img { display: block; width: 181px; height: auto; max-width: 100%; margin: 0; }

.dfwocs__sec__d__img__wrap .order-0, .dfwocs__sec__d__img__wrap .order-1 { min-width: 0%; }

.dfwocs__sec__d__img__wrap .order-0 { margin-right: 7.5px; }

@media (min-width: 992px) { .dfwocs__sec__d__img__wrap .order-0 { margin-right: 0; } }

.dfwocs__sec__d__img__wrap .order-1 { margin-left: 7.5px; }

@media (min-width: 992px) { .dfwocs__sec__d__img__wrap .order-1 { margin-left: -100px; } }

.dfwocs__sec__d__logo { display: block; width: 262px; height: auto; max-width: 100%; margin: 0 auto 45px; }

.dfwocs__sec__d__ttl { background: #680717; border-radius: 4px; font-weight: bold; font-size: 16px; line-height: 20px; text-align: center; color: #fff; padding: 10px 17px; margin: 0 auto 18px; }

@media (min-width: 768px) { .dfwocs__sec__d__ttl { font-size: 18px; line-height: 20px; } }

.dfwocs__sec__d__txt { font-weight: 500; font-size: 17px; line-height: 25px; letter-spacing: 0.185em; color: #680717; margin: 0 auto 21px; }

.dfwocs__pr__d { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1030; }

.dfwocs__pr__d__btn { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: -32px; left: 50%; width: 32px; height: 32px; border: 0; border-radius: 50%; padding: 8.5px 0; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }

@media (min-width: 992px) { .dfwocs__pr__d__btn { left: auto; right: -30px; top: 1px; } }

.dfwocs__pr__d__btn__ico { display: block; height: 15px; width: 15px; margin: 0 auto; }

.dfwo-footer.js-has-pr { -webkit-transition: all 0.5s; transition: all 0.5s; padding-bottom: 120px !important; }

@media (min-width: 576px) { .dfwo-footer.js-has-pr { padding-bottom: 150px !important; } }

@media (min-width: 992px) { .dfwo-footer.js-has-pr { padding-bottom: 120px !important; } }