@charset "UTF-8";
/*
* main.css
*
*/
/* ------------------------
  reset
------------------------ */
html,
body {
  height: 100%;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

pre,
textarea {
  overflow: auto;
}

[hidden],
template {
  display: none;
}

details,
main,
summary {
  display: block;
}

input[type=number] {
  width: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

textarea {
  resize: vertical;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio:not([controls]) {
  display: none;
}

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

button,
input,
select,
textarea {
  min-height: 1.5em;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input {
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border-style: none;
  cursor: pointer;
  background-color: transparent;

  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

ol,
ul {
  list-style: none;
}

select {
     -moz-appearance: none;
  -webkit-appearance: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

fieldset {
  border: 0;
}

/* ------------------------
  Base Settings
------------------------ */
html {
  font-size: 16px;
}

body {
  background-color: #fff;
  word-wrap: break-word;
  color: #333;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.6875;

  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a {
  text-decoration: underline;
  color: #00f;
}

a:visited {
  color: #000080;
}

a:hover {
  text-decoration: none;
  color: #f00;
}

a:active {
  text-decoration: none;
  color: #ff8000;
}

a[href^="tel:"]:hover {
  color: #00f;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    cursor: text;
    text-decoration: none;
  }
}

/* --------------------------------
   BASE
-------------------------------- */
body {
  color: #000;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 3.46667vw;
}

@media (min-width: 768px) {
  body {
    font-size: 1.75781vw;
  }
}

@media (min-width: 1170px) {
  body {
    font-size: 18px;
  }
}

body sup {
  font-size: 70%;
}

body sub {
  bottom: 0;
  vertical-align: baseline;
}

@media (min-width: 768px) {
  body img {
    image-rendering: -webkit-optimize-contrast;
  }
}

body section,
body div,
body li {
  outline: none;
}

a {
  transition: all 0.3s ease;
  text-decoration: none;
}

@media (min-width: 768px) {
  a:hover {
    opacity: 0.8;
  }
}

/* 下からフェードイン */
.js-fade-in,
.js-step-fadein,
.js-point-fadein {
  opacity: 0;
  transition: all 1.2s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.js-fade-in.is-show,
.js-step-fadein.is-show,
.js-point-fadein.is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.font-kosugi {
  font-family: "Kosugi", sans-serif;
}

.color-orange {
  color: #e95513;
}

.color-pink {
  color: #e86092;
}

.color-green {
  color: #1dab4b;
}

/* --------------------------------
   HEADER
-------------------------------- */
.header {
  display: -ms-grid;
  display: grid;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  padding: 3.73333vw 5.33333vw;
  width: 100%;
  transition: all 0.3s ease-out;
  background: #ffc000;

  -ms-grid-columns: auto 1fr auto;

  grid-template-columns: auto 1fr auto;
}

@media (min-width: 768px) {
  .header {
    padding: 1.42857vw 2.14286vw 1.35714vw;
  }
}

@media (min-width: 1170px) {
  .header {
    padding: 20px 50px 19px;
  }
}

.header.is-hidden {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.header.is-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.header.is-fixed {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}

.header .logo {
  width: 28.26667vw;
  height: 8.53333vw;
}

@media (min-width: 768px) {
  .header .logo {
    width: 9.57143vw;
    height: 2.92857vw;
  }
}

@media (min-width: 1170px) {
  .header .logo {
    padding: 5px 0 0;
    width: 134px;
    height: 41px;
  }
}

.header .sns {
  display: flex;
  align-items: center;
  margin: auto 4.66667vw auto auto;

  -webkit-column-gap: 3.46667vw;

     -moz-column-gap: 3.46667vw;

          column-gap: 3.46667vw;
}

@media (min-width: 768px) {
  .header .sns {
    margin: auto 1.78571vw auto auto;

    -webkit-column-gap: 1.85714vw;

       -moz-column-gap: 1.85714vw;

            column-gap: 1.85714vw;
  }
}

@media (min-width: 1170px) {
  .header .sns {
    margin: 0;
    padding: 0 0 0 40px;

    -webkit-column-gap: 17px;

       -moz-column-gap: 17px;

            column-gap: 17px;
  }
}

.header .sns li {
  line-height: 1;
}

.header .sns .tw {
  padding-top: 0.26667vw;
  width: 5.2vw;
}

@media (min-width: 768px) {
  .header .sns .tw {
    padding-top: 0.14286vw;
    width: 2.78571vw;
  }
}

@media (min-width: 1170px) {
  .header .sns .tw {
    padding-top: 2px;
    width: 25px;
  }
}

.header .sns .fb {
  width: 6.13333vw;
}

@media (min-width: 768px) {
  .header .sns .fb {
    width: 3.28571vw;
  }
}

@media (min-width: 1170px) {
  .header .sns .fb {
    width: 30px;
  }
}

.header .btn_hamburger {
  position: relative;
  width: 5.86667vw;
  height: 5.86667vw;
}

@media (min-width: 768px) {
  .header .btn_hamburger {
    width: 3.14286vw;
    height: 3.14286vw;
  }
}

@media (min-width: 1170px) {
  .header .btn_hamburger {
    display: none;
  }
}

.header .btn_hamburger span {
  display: block;
  position: absolute;
  margin: auto;
  border-radius: 9999vw;
  width: 5.86667vw;
  height: 0.53333vw;
  transition: opacity 0.18s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.18s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.18s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.18s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.18s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.18s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.18s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: #000;

  inset: 0;
  will-change: transform;
}

@media (min-width: 768px) {
  .header .btn_hamburger span {
    width: 3.14286vw;
    height: 0.28571vw;
  }
}

.header .btn_hamburger span:first-child {
  -webkit-transform: translateY(2.13333vw);
          transform: translateY(2.13333vw);
}

@media (min-width: 768px) {
  .header .btn_hamburger span:first-child {
    -webkit-transform: translateY(1.14286vw);
            transform: translateY(1.14286vw);
  }
}

.header .btn_hamburger span:last-child {
  -webkit-transform: translateY(-2.13333vw);
          transform: translateY(-2.13333vw);
}

@media (min-width: 768px) {
  .header .btn_hamburger span:last-child {
    -webkit-transform: translateY(-1.14286vw);
            transform: translateY(-1.14286vw);
  }
}

.header .btn_hamburger.is-active span {
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header .btn_hamburger.is-active span:first-child {
  opacity: 1;
  transition: -webkit-transform 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.28s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header .btn_hamburger.is-active span:last-child {
  opacity: 1;
  transition: -webkit-transform 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.28s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.header .navi_menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 16vw;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: all 0.3s ease-out;
  background: rgba(255, 174, 0, 0.8);
}

@media (min-width: 768px) {
  .header .navi_menu {
    top: 5.92857vw;
  }
}

.header .navi_menu.is-active {
  visibility: visible;
  opacity: 1;
}

.header .navi_menu li {
  text-align: center;
}

.header .navi_menu li + li {
  margin: 0.53333vw 0 0;
}

@media (min-width: 768px) {
  .header .navi_menu li + li {
    margin: 0.28571vw 0 0;
  }
}

.header .navi_menu li a {
  display: block;
  padding: 6.8vw;
  background: #fff;
  color: #000;
  font-size: 5.06667vw;
  font-weight: bold;
  line-height: 1;
}

@media (min-width: 768px) {
  .header .navi_menu li a {
    padding: 2.14286vw;
    font-size: 1.71429vw;
  }
}

.header .pc-navi_menu {
  display: none;
}

@media (min-width: 1170px) {
  .header .pc-navi_menu {
    display: block;
    width: 100%;
  }
}

.header .pc-navi_menu ul {
  display: flex;
  justify-content: flex-end;
  letter-spacing: 0.03em;
  font-size: 0.625rem;
}

@media (min-width: 1170px) {
  .header .pc-navi_menu ul {
    font-size: 14px;
  }
}

.header .pc-navi_menu ul li {
  margin: 0 0 0 2.14286vw;
}

@media (min-width: 1170px) {
  .header .pc-navi_menu ul li {
    margin: 0 0 0 20px;
  }
}

.header .pc-navi_menu a {
  color: #000;
  font-weight: bold;
}

.header .pc-navi_menu a:hover {
  opacity: 1;
  color: #de4a09;
}

/* --------------------------------
   MAIN
-------------------------------- */
.main {
  overflow: hidden;
}

.mv-block {
  padding: 16vw 0 0;
  background: #ffc000;
}

@media (min-width: 768px) {
  .mv-block {
    padding: 5.71429vw 0 0;
  }
}

@media (min-width: 1170px) {
  .mv-block {
    padding: 80px 0 0;
  }
}

.mv-block .mv-block_title {
  display: block;
}

@media (min-width: 768px) {
  .mv-block .mv-block_title {
    margin: auto;
    width: 35.71429vw;
  }
}

@media (min-width: 1170px) {
  .mv-block .mv-block_title {
    width: 500px;
  }
}

.mv-block .mv-block_img {
  display: block;
  padding: 1.06667vw 0 0 4.53333vw;
}

@media (min-width: 768px) {
  .mv-block .mv-block_img {
    margin: auto;
    padding: 1vw 0 0 1.21429vw;
    width: 32.14286vw;
  }
}

@media (min-width: 1170px) {
  .mv-block .mv-block_img {
    padding: 14px 0 0 17px;
    width: 450px;
  }
}

.mv-block .mv-block_obj {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 6.66667vw 0 0;
}

@media (min-width: 768px) {
  .mv-block .mv-block_obj {
    display: block;
    position: relative;
    padding: 0;
  }
}

.mv-block .mv-block_obj li {
  width: 49%;
}

@media (min-width: 768px) {
  .mv-block .mv-block_obj li {
    position: absolute;
    top: 0;
    left: 50%;
  }
}

.mv-block .mv-block_obj .mv-block_obj01 {
  position: relative;
  top: -3.2vw;
  left: -0.66667vw;
  width: 50%;
}

@media (min-width: 768px) {
  .mv-block .mv-block_obj .mv-block_obj01 {
    position: absolute;
    top: -30.21429vw;
    left: 50%;
    margin: 0 0 0 -35.57143vw;
    width: 15.85714vw;
  }
}

@media (min-width: 1170px) {
  .mv-block .mv-block_obj .mv-block_obj01 {
    top: -423px;
    margin: 0 0 0 -498px;
    width: 222px;
  }
}

@media (min-width: 768px) {
  .mv-block .mv-block_obj .mv-block_obj02 {
    top: -13.42857vw;
    margin: 0 0 0 -32.35714vw;
    width: 15.35714vw;
  }
}

@media (min-width: 1170px) {
  .mv-block .mv-block_obj .mv-block_obj02 {
    top: -188px;
    margin: 0 0 0 -453px;
    width: 215px;
  }
}

@media (min-width: 768px) {
  .mv-block .mv-block_obj .mv-block_obj03 {
    top: -28.42857vw;
    margin: 0 0 0 18.78571vw;
    width: 16.71429vw;
  }
}

@media (min-width: 1170px) {
  .mv-block .mv-block_obj .mv-block_obj03 {
    top: -398px;
    margin: 0 0 0 263px;
    width: 234px;
  }
}

@media (min-width: 768px) {
  .mv-block .mv-block_obj .mv-block_obj04 {
    top: -13.85714vw;
    margin: 0 0 0 17.35714vw;
    width: 17.28571vw;
  }
}

@media (min-width: 1170px) {
  .mv-block .mv-block_obj .mv-block_obj04 {
    top: -194px;
    margin: 0 0 0 243px;
    width: 242px;
  }
}

.mv-block .js-mv-target {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.mv-block .js-mv_logo-target {
  opacity: 0;
  transition: all 0.6s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

.mv-block.js-animated .js-mv_logo-target {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.mv-block.js-animated .js-mv-target {
  opacity: 1;
  -webkit-animation: bounceAnime 0.6s linear both;
          animation: bounceAnime 0.6s linear both;
}

.mv-block.js-animated .mv-block_img {
  transition-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.mv-block.js-animated .mv-block_obj01 {
  transition-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.mv-block.js-animated .mv-block_obj02 {
  transition-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.mv-block.js-animated .mv-block_obj03 {
  transition-delay: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.mv-block.js-animated .mv-block_obj04 {
  transition-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

@-webkit-keyframes bounceAnime {
  0% {
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes bounceAnime {
  0% {
    -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.pickup-bnr {
  overflow: hidden;
  position: relative;
  margin: -1px 0 0;
  padding: 9.33333vw 0 0;
  background: #ffc000;
}

@media (min-width: 768px) {
  .pickup-bnr {
    padding: 1.57143vw 0 0;
  }
}

@media (min-width: 1170px) {
  .pickup-bnr {
    padding: 22px 0 0;
  }
}

@media (min-width: 768px) {
  .pickup-bnr .pickup-slider {
    position: relative;
    z-index: 1;
    margin: auto;
    width: 58.57143vw;
  }
}

@media (min-width: 1170px) {
  .pickup-bnr .pickup-slider {
    width: 820px;
  }
}

.pickup-bnr .pickup-slider_item {
  margin: 0 auto 4vw;
  width: 77.33333vw;
}

@media (min-width: 768px) {
  .pickup-bnr .pickup-slider_item {
    margin: 0 auto;
    width: 17.14286vw;
  }
}

@media (min-width: 1170px) {
  .pickup-bnr .pickup-slider_item {
    width: 240px;
  }
}

@media (min-width: 768px) {
  .pickup-bnr .slick-list {
    margin: 0 -1.78571vw;
    padding: 0 !important;
  }
}

@media (min-width: 1170px) {
  .pickup-bnr .slick-list {
    margin: 0 -25px;
  }
}

.pickup-bnr .slick-slide {
  margin: 0 4vw;
}

@media (min-width: 768px) {
  .pickup-bnr .slick-slide {
    margin: 0 1.78571vw;
  }
}

@media (min-width: 1170px) {
  .pickup-bnr .slick-slide {
    margin: 0 25px;
  }
}

.pickup-bnr .slick-slide img {
  width: 100%;
}

.pickup-bnr .slick-dots {
  display: none;
  justify-content: center;
  padding: 4.26667vw 0 0;
}

@media (min-width: 768px) {
  .pickup-bnr .slick-dots {
    display: none;
  }
}

.pickup-bnr .slick-dots > li {
  margin: 0 2.66667vw;
  border-radius: 50%;
  width: 2.66667vw;
  height: 2.66667vw;
  background: #ffe27c;
  font-size: 0;
}

.pickup-bnr .slick-dots > li.slick-active {
  border: #ad1e1f 2px solid;
  background: #ffc000;
}

.pickup-bnr .pickup-bnr_illust {
  padding: 7.33333vw 0 0;
}

@media (min-width: 768px) {
  .pickup-bnr .pickup-bnr_illust {
    display: none;
  }
}

.l-section {
  padding: 13.86667vw 0 0;
}

@media (min-width: 768px) {
  .l-section {
    padding: 7.85714vw 0 0;
  }
}

@media (min-width: 1170px) {
  .l-section {
    padding: 110px 0 0;
  }
}

.l-section .section-title {
  margin: 0 0 8vw;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 3.73333vw;
}

@media (min-width: 768px) {
  .l-section .section-title {
    margin: 0 0 4.28571vw;
    font-size: 1.71429vw;
  }
}

@media (min-width: 1170px) {
  .l-section .section-title {
    margin: 0 0 60px;
    font-size: 24px;
  }
}

.l-section .section-title .font-big {
  display: inline-block;
  position: relative;
  letter-spacing: 0.08em;
  font-size: 5.33333vw;
  font-weight: bold;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .l-section .section-title .font-big {
    font-size: 2.71429vw;
  }
}

@media (min-width: 1170px) {
  .l-section .section-title .font-big {
    font-size: 38px;
  }
}

.l-section .section-title .font-big::before,
.l-section .section-title .font-big::after {
  content: "";
  position: absolute;
  bottom: -1.33333vw;
  left: -13.33333vw;
  width: 9.46667vw;
  height: 15.46667vw;
  background: url(../images/sec_tit_left.png) no-repeat 0 0/contain;
}

@media (min-width: 768px) {
  .l-section .section-title .font-big::before,
  .l-section .section-title .font-big::after {
    bottom: -1.07143vw;
    left: -7.14286vw;
    width: 5.07143vw;
    height: 8.28571vw;
  }
}

@media (min-width: 1170px) {
  .l-section .section-title .font-big::before,
  .l-section .section-title .font-big::after {
    bottom: -15px;
    left: -100px;
    width: 71px;
    height: 116px;
  }
}

.l-section .section-title .font-big::after {
  right: -12vw;
  left: auto;
  background-image: url(../images/sec_tit_right.png);
}

@media (min-width: 768px) {
  .l-section .section-title .font-big::after {
    right: -6.42857vw;
  }
}

@media (min-width: 1170px) {
  .l-section .section-title .font-big::after {
    right: -90px;
  }
}

.l-section .section-title.obj-white .font-big::before {
  background-image: url(../images/sec_tit_white_left.png);
}

.l-section .section-title.obj-white .font-big::after {
  right: -12vw;
  left: auto;
  background-image: url(../images/sec_tit_white_right.png);
}

@media (min-width: 768px) {
  .l-section .section-title.obj-white .font-big::after {
    right: -6.42857vw;
  }
}

@media (min-width: 1170px) {
  .l-section .section-title.obj-white .font-big::after {
    right: -90px;
  }
}

.sec01 {
  position: relative;
  z-index: 1;
  padding-top: 20vw;
}

@media (min-width: 768px) {
  .sec01 {
    padding-top: 11.78571vw;
  }
}

@media (min-width: 1170px) {
  .sec01 {
    padding-top: 165px;
  }
}

.sec01 .sec01-timing {
  position: relative;
  padding-bottom: 16vw;
}

@media (min-width: 768px) {
  .sec01 .sec01-timing {
    overflow: hidden;
    position: relative;
    margin: -21.28571vw 0 0;
    padding: 21.28571vw 0 8.57143vw;
  }
}

@media screen and (min-width: 1400px) {
  .sec01 .sec01-timing {
    margin: -298px 0 0;
    padding: 298px 0 120px;
  }
}

@media (min-width: 768px) {
  .sec01 .sec01-timing .sec01-img {
    margin: auto;
    width: 47.14286vw;
  }
}

@media screen and (min-width: 1400px) {
  .sec01 .sec01-timing .sec01-img {
    width: 660px;
  }
}

.sec01 .sec01-sankaku_text {
  margin: 0 auto;
  padding: 4.66667vw 0 0;
  width: 77.6vw;
  height: 38.66667vw;
  background: url(../images/bg_sankaku.jpg) no-repeat center 0/100%;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.53333;
}

@media (min-width: 768px) {
  .sec01 .sec01-sankaku_text {
    padding: 3.57143vw 0 0;
    width: 41.57143vw;
    height: 20.71429vw;
    font-size: 2vw;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-sankaku_text {
    padding: 50px 0 0;
    width: 582px;
    height: 290px;
    font-size: 28px;
  }
}

.sec01 .sec01-howto {
  position: relative;
  padding: 13.33333vw 0 0;
  background: #ffc000;
}

@media (min-width: 768px) {
  .sec01 .sec01-howto {
    padding: 9.28571vw 0 0;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto {
    padding: 130px 0 0;
  }
}

.sec01 .sec01-howto .sec01-howto_title {
  position: absolute;
  z-index: 2;
  top: -13.6vw;
  margin: 0 4.8vw 0 4.53333vw;
}

@media (min-width: 768px) {
  .sec01 .sec01-howto .sec01-howto_title {
    top: -4.42857vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 42.85714vw;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto .sec01-howto_title {
    top: -62px;
    width: 600px;
  }
}

.sec01 .sec01-howto_box {
  overflow: hidden;
  border-radius: 2vw;
}

@media (min-width: 768px) {
  .sec01 .sec01-howto_box {
    display: flex;
    margin: auto;
    width: 58.57143vw;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto_box {
    width: 820px;
  }
}

@media (min-width: 768px) {
  .sec01 .sec01-howto_box_img {
    min-width: 20.57143vw;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto_box_img {
    min-width: 288px;
  }
}

.sec01 .sec01-howto_box_img img {
  width: 100%;
}

.sec01 .sec01-howto_box_text {
  padding: 6.4vw;
  background: #fff;
}

@media (min-width: 768px) {
  .sec01 .sec01-howto_box_text {
    padding: 3.21429vw;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto_box_text {
    padding: 45px;
  }
}

.sec01 .sec01-howto_box_text dt {
  font-size: 4.53333vw;
  font-weight: bold;
  line-height: 1.29412;
}

@media (min-width: 768px) {
  .sec01 .sec01-howto_box_text dt {
    font-size: 2.14286vw;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto_box_text dt {
    font-size: 30px;
  }
}

.sec01 .sec01-howto_box_text dd {
  margin: 1.33333vw 0 0;
  font-size: 3.46667vw;
  line-height: 1.76923;
}

@media (min-width: 768px) {
  .sec01 .sec01-howto_box_text dd {
    font-size: 1.28571vw;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto_box_text dd {
    font-size: 18px;
  }
}

.sec01 .sec01-howto_text {
  position: relative;
  margin: 0 0 -6.66667vw;
  padding: 9.33333vw 0 0;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec01 .sec01-howto_text {
    margin: 0 0 -3.21429vw;
    padding: 4.64286vw 0 0;
    font-size: 1.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto_text {
    margin: 0 0 -45px;
    padding: 65px 0 0;
    font-size: 24px;
  }
}

.sec01 .sec01-howto_text::before {
  content: "";
  position: absolute;
  bottom: -13.33333vw;
  left: 0;
  width: 86.66667vw;
  height: 29.46667vw;
  background: url(../images/bg_sec01_howto_text_sm.png) no-repeat 0 center/contain;
}

@media (min-width: 768px) {
  .sec01 .sec01-howto_text::before {
    right: 0;
    bottom: -5.71429vw;
    margin: auto;
    width: 54.92857vw;
    height: 15.78571vw;
    background-image: url(../images/bg_sec01_howto_text_lg.png);
  }
}

@media (min-width: 1170px) {
  .sec01 .sec01-howto_text::before {
    bottom: -80px;
    width: 769px;
    height: 221px;
  }
}

.sec01 .sec01-howto_text span {
  position: relative;
}

.sec02 {
  position: relative;
  z-index: 1;
}

.sec02 .sec02-img {
  margin: 0 -3.2vw 0 0;
  padding: 0 0 0 2.66667vw;
}

@media (min-width: 768px) {
  .sec02 .sec02-img {
    margin: 0 auto;
    padding: 0 0 0 11.42857vw;
    width: 60vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-img {
    padding: 0 0 0 160px;
    width: 840px;
  }
}

.sec02 .sec02-text {
  padding: 4vw 0 0;
  text-align: center;
  font-size: 4.66667vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec02 .sec02-text {
    padding: 4.28571vw 0 0;
    font-size: 2vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-text {
    padding: 50px 0 0;
    font-size: 32px;
  }
}

.sec02 .sec02-feature_list {
  margin-top: 2.66667vw;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list {
    margin: 1.42857vw auto 0;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list {
    margin: 20px auto 0;
  }
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list ul {
    display: -ms-grid;
    display: grid;
    align-items: end;
    justify-content: center;

    -ms-grid-columns: 1fr 2.88462vw 1fr;

    grid-template-columns: 1fr 1fr;
    gap: 2.88462vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list ul {
    gap: 30px;
  }
}

.sec02 .sec02-feature_list li {
  border-radius: 8vw;
  background: #fff;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li {
    margin: 0;
    border-radius: 4.28571vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list li {
    border-radius: 60px;
  }
}

@media (max-width: 767.98px) {
  .sec02 .sec02-feature_list li + li {
    margin: 3.2vw 0 0;
  }
}

.sec02 .sec02-feature_list li dl {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li .sec02-feature_dl_01 {
    padding-top: 0.92857vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list li .sec02-feature_dl_01 {
    padding-top: 13px;
  }
}

.sec02 .sec02-feature_list li .sec02-feature_dl_01 {
  padding-bottom: 1.33333vw;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li .sec02-feature_dl_01 {
    padding-bottom: 0;
  }
}

.sec02 .sec02-feature_list li dt {
  padding-bottom: 1.33333vw;
  text-align: center;
  color: #ffc000;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li dt {
    padding-bottom: 0.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list li dt {
    padding-bottom: 10px;
  }
}

.sec02 .sec02-feature_list li dt .sec02-feature_num_01 {
  display: block;
  margin-left: 5.33333vw;
  font-size: 9.86667vw;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li dt .sec02-feature_num_01 {
    margin-left: 3.57143vw;
    font-size: 6.28571vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list li dt .sec02-feature_num_01 {
    margin-left: 50px;
    font-size: 88px;
  }
}

.sec02 .sec02-feature_list li dt .sec02-feature_num {
  display: block;
  margin-left: 5.33333vw;
  font-size: 9.86667vw;
  font-weight: 400;
  line-height: 1;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li dt .sec02-feature_num {
    margin-left: 3.57143vw;
    font-size: 3.28571vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list li dt .sec02-feature_num {
    margin-left: 50px;
    font-size: 72px;
  }
}

.sec02 .sec02-feature_list li dd {
  display: flex;
  align-items: center;
  padding: 2vw 1.33333vw 2vw 4vw;
  width: 100%;
  min-height: 18.66667vw;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li dd {
    padding: 1.07143vw 0.71429vw 1.07143vw 1.42857vw;
    border-radius: 0 1.07143vw 1.07143vw 0;
    min-height: 8vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list li dd {
    padding: 15px 10px 15px 20px;
    border-radius: 0 15px 15px 0;
    min-height: 112px;
  }
}

.sec02 .sec02-feature_list li dd .sec02-feature_text_01 {
  font-size: 4vw;
  line-height: 1.4285em;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li dd .sec02-feature_text_01 {
    margin-left: 12.14286vw;
    font-size: 1.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list li dd .sec02-feature_text_01 {
    margin-left: 170px;
    font-size: 24px;
  }
}

.sec02 .sec02-feature_list li dd .sec02-feature_text {
  font-size: 3.73333vw;
  line-height: 1.4285em;
}

@media (min-width: 768px) {
  .sec02 .sec02-feature_list li dd .sec02-feature_text {
    font-size: 1.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-feature_list li dd .sec02-feature_text {
    font-size: 24px;
  }
}

.sec02 .sec02-feature_list .sec02-annotation {
  background-color: unset;
  font-weight: unset;
}

.sec02 .sec02-annotation_text {
  margin-top: 4vw;
  font-size: 2.4vw;
  line-height: 1.444;
}

@media (min-width: 768px) {
  .sec02 .sec02-annotation_text {
    margin-top: 0;
    padding: 0 0.85714vw;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 0.85714vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-annotation_text {
    padding: 0 12px;
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  .sec02 .pc-flex {
    display: flex;
    justify-content: space-between;
  }
}

.sec02 .sec02-each_block {
  margin: 4vw 0 2.66667vw;
  padding: 5.33333vw;
  border-radius: 8vw;
  background: #fff;
}

@media (min-width: 768px) {
  .sec02 .sec02-each_block {
    margin: 6.07143vw 0 0;
    padding: 2.5vw 1.78571vw;
    border-radius: 4.28571vw;
    width: 35.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-each_block {
    margin-top: 85px 0 0;
    padding: 35px 25px;
    border-radius: 60px;
    width: 500px;
  }
}

.sec02 .sec02-each_block .sec02-each_block_title {
  position: relative;
  margin: 0 0 3.73333vw;
  padding: 2.66667vw;
  border-radius: 8.93333vw;
  background: #ffcb40;
  text-align: center;
  font-size: 3.46667vw;
  line-height: 1.31;
}

@media (min-width: 768px) {
  .sec02 .sec02-each_block .sec02-each_block_title {
    margin: 0 0 2.14286vw;
    padding: 2.28571vw;
    border-radius: 4.78571vw;
    font-size: 1.85714vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-each_block .sec02-each_block_title {
    margin: 0 0 30px;
    padding: 32px 0;
    border-radius: 67px;
    font-size: 26px;
    line-height: 1.3;
  }
}

.sec02 .sec02-each_block .sec02-each_block_title.__second {
  margin-bottom: 6.66667vw;
  padding: 1.86667vw;
  line-height: 1.31;
}

@media (min-width: 768px) {
  .sec02 .sec02-each_block .sec02-each_block_title.__second {
    margin-bottom: 3.42857vw;
    padding: 1.07143vw 0;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-each_block .sec02-each_block_title.__second {
    margin-bottom: 48px;
    padding: 15px 0;
  }
}

.sec02 .sec02-each_block .sec02-each_block_title::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3.33333vw;
  left: 0;
  margin: auto;
  border-width: 3.46667vw 2vw 0 2vw;
  border-style: solid;
  border-color: #ffcb40 transparent transparent transparent;
  width: 0;
  height: 0;
}

@media (min-width: 768px) {
  .sec02 .sec02-each_block .sec02-each_block_title::before {
    bottom: -1.57143vw;
    border-width: 1.64286vw 0.85714vw 0 0.85714vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-each_block .sec02-each_block_title::before {
    bottom: -22px;
    border-width: 23px 12px 0 12px;
  }
}

@media (min-width: 768px) {
  .sec02 .sec02-each_block .sec02-each_block_title sup {
    font-size: 60%;
  }
}

.sec02 .sec02-each_block .sec02-each_block_title_sub {
  font-size: 2.93333vw;
  line-height: 1.727;
}

@media (min-width: 768px) {
  .sec02 .sec02-each_block .sec02-each_block_title_sub {
    font-size: 1.57143vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-each_block .sec02-each_block_title_sub {
    font-size: 22px;
  }
}

.sec02 .sec02-each_block .sec02-each_block_caption {
  margin: 2.66667vw 2vw 0 0;
  font-size: 2.4vw;
}

@media (min-width: 768px) {
  .sec02 .sec02-each_block .sec02-each_block_caption {
    margin: 1.64286vw 0 0;
    font-size: 12px;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-each_block .sec02-each_block_caption {
    margin: 23px 0 0;
  }
}

.sec02 .sec02-each_block .sec02-each_block_img {
  display: -ms-grid;
  display: grid;

  row-gap: 0.8vw;
}

.sec02 .sec02-each_block .sec02-each_block_img .l-sec02_img img {
  width: 100%;
}

.sec02 .sec02-each_block:nth-of-type(2) .sec02-each_block_img {
  margin: 0;
}

@media (min-width: 768px) {
  .sec02 .sec02-each_block:nth-of-type(2) .sec02-each_block_img {
    margin: 0 auto;
    width: 27.85714vw;
  }
}

@media (min-width: 1170px) {
  .sec02 .sec02-each_block:nth-of-type(2) .sec02-each_block_img {
    margin: 0 auto;
    width: 390px;
  }
}

.sec03 {
  padding-top: 13.86667vw;
  padding-bottom: 16vw;
}

@media (min-width: 768px) {
  .sec03 {
    padding-top: 7.85714vw;
    padding-bottom: 10vw;
  }
}

@media (min-width: 1170px) {
  .sec03 {
    padding-top: 110px;
    padding-bottom: 140px;
  }
}

.sec03 .sec03_img {
  position: relative;
  margin: 0 2vw;
}

@media (min-width: 768px) {
  .sec03 .sec03_img {
    margin: 0 auto;
    width: 58.57143vw;
  }
}

@media (min-width: 1170px) {
  .sec03 .sec03_img {
    width: 1040px;
  }
}

.sec03 .sec03_img::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -62.66667vw;
  left: -6.66667vw;
  width: 31.73333vw;
  height: 93.33333vw;
  background: url(../images/deco_img02_sm.png) no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .sec03 .sec03_img::before {
    top: -1.07143vw;
    left: -7.14286vw;
    width: 25.71429vw;
    height: 75.71429vw;
    background: url(../images/deco_img02_lg.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 1170px) {
  .sec03 .sec03_img::before {
    top: -15px;
    left: -100px;
    width: 360px;
    height: 1060px;
  }
}

.sec03 .sec03_img::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 69.33333vw;
  right: -8vw;
  width: 31.73333vw;
  height: 93.33333vw;
  background: url(../images/deco_img02_sm.png) no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .sec03 .sec03_img::after {
    top: 30.07143vw;
    right: -18.57143vw;
    width: 46.07143vw;
    height: 135.71429vw;
    background: url(../images/deco_img03_lg.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 1170px) {
  .sec03 .sec03_img::after {
    top: 421px;
    right: -260px;
    width: 645px;
    height: 1900px;
  }
}

.sec03 .sec03_img img {
  width: 100%;
}

.sec03 .sec03-msg_block {
  padding: 9.33333vw 0 0;
}

.sec03 .sec03-msg_block li + li {
  margin: 8vw 0 0;
}

.sec03 .sec03-msg_block li:nth-child(2) dl {
  flex-direction: row-reverse;
}

.sec03 .sec03-msg_block li:nth-child(2) dt {
  margin: 0 -1.33333vw 0 4vw;
}

.sec03 .sec03-msg_block li:nth-child(2) dd::before {
  right: -2.66667vw;
  left: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sec03 .sec03-msg_block dl {
  display: flex;
  align-items: center;
}

.sec03 .sec03-msg_block dt {
  margin: 0 4vw 0 -1.33333vw;
  min-width: 18.66667vw;
}

.sec03 .sec03-msg_block dd {
  position: relative;
  padding: 5.33333vw;
  border-radius: 2.4vw;
  background: #fff;
  font-size: 3.46667vw;
  line-height: 1.76923;
}

.sec03 .sec03-msg_block dd::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2.66667vw;
  margin: auto;
  border-width: 1.6vw 2.66667vw 1.6vw 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  width: 0;
  height: 0;
}

.sec03 .sec03-msg_block dd .color-orange {
  font-weight: bold;
}

.sec03 .manga-list-wrap {
  margin: 8vw 0 0;
}

.sec03 .manga-list-title {
  text-align: center;
  letter-spacing: 0.08em;
  color: #fff;
  font-size: 4.66667vw;
  font-weight: bold;
  line-height: 1.28571;
}

@media (min-width: 768px) {
  .sec03 .manga-list-title {
    font-size: 2vw;
  }
}

@media (min-width: 1170px) {
  .sec03 .manga-list-title {
    font-size: 28px;
  }
}

@media (min-width: 768px) {
  .sec03 .manga-list {
    display: flex;
    justify-content: space-between;
    margin: 1.78571vw 0 0;
  }
}

@media (min-width: 1170px) {
  .sec03 .manga-list {
    margin: 25px 0 0;
  }
}

.sec03 .manga-list li {
  margin: 5.33333vw 0 0;
  padding: 0 0 3.2vw;
  border-radius: 1.33333vw;
  background: #ffe27c;
}

@media (min-width: 768px) {
  .sec03 .manga-list li {
    margin: 0 -1.73333vw;
    padding: 0;
    border-radius: 0;
    width: 23.28571vw;
    background: rgba(0, 0, 0, 0);
  }
}

@media (min-width: 1170px) {
  .sec03 .manga-list li {
    margin: 0 -13px;
    width: 326px;
  }
}

.sec03 .manga-title {
  padding: 5.06667vw 0 2vw;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .sec03 .manga-title {
    padding: 1.85714vw 0 1.57143vw;
    border-radius: 8px;
    font-size: 1.42857vw;
  }
}

@media (min-width: 1170px) {
  .sec03 .manga-title {
    padding: 26px 0 22px;
    font-size: 20px;
  }
}

.sec03 .body-accordion {
  display: none;
}

@media (min-width: 768px) {
  .sec03 .body-accordion {
    display: block !important;
  }
}

.sec03 .body-accordion.is-opened {
  display: block;
}

.sec03 .body-accordion .manga-img {
  padding: 1.33333vw 7.73333vw 0;
}

@media (min-width: 768px) {
  .sec03 .body-accordion .manga-img {
    padding: 1.28571vw 0.92857vw 0;
  }
}

@media (min-width: 1170px) {
  .sec03 .body-accordion .manga-img {
    padding: 18px 13px 0;
  }
}

.sec03 .body-accordion .manga-fukidashi {
  position: relative;
  margin: 2.66667vw 0 0;
  padding: 6vw 0 0;
}

@media (min-width: 768px) {
  .sec03 .body-accordion .manga-fukidashi {
    margin: 0.57143vw 0.85714vw 0;
    padding: 1.42857vw 0 0;
  }
}

@media (min-width: 1170px) {
  .sec03 .body-accordion .manga-fukidashi {
    margin: 8px 12px 0;
    padding: 20px 0 0;
  }
}

.sec03 .body-accordion .manga-fukidashi::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 10.13333vw;
  height: 10vw;
  background: url(../images/fukidashi.png) no-repeat 0 0/100%;
}

@media (min-width: 768px) {
  .sec03 .body-accordion .manga-fukidashi::before {
    width: 2.64286vw;
    height: 2.57143vw;
  }
}

@media (min-width: 1170px) {
  .sec03 .body-accordion .manga-fukidashi::before {
    width: 37px;
    height: 36px;
  }
}

.sec03 .body-accordion .manga-fukidashi-inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 2.53333vw 7.33333vw 6vw;
  border-radius: 1.33333vw;
  background: #fff;
}

@media (min-width: 768px) {
  .sec03 .body-accordion .manga-fukidashi-inner {
    align-content: flex-start;
    padding: 1.07143vw 1.42857vw 5.71429vw;
    border-radius: 8px;
  }
}

@media (min-width: 1170px) {
  .sec03 .body-accordion .manga-fukidashi-inner {
    padding: 15px 20px 80px;
  }
}

.sec03 .body-accordion .manga-fukidashi-title {
  margin: 4vw 6vw 0 0;
  letter-spacing: 0.06em;
  font-size: 2.93333vw;
  font-weight: bold;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .sec03 .body-accordion .manga-fukidashi-title {
    margin: 0;
    width: 100%;
    height: 9.57143vw;
    font-size: 0;
  }
}

@media (min-width: 1170px) {
  .sec03 .body-accordion .manga-fukidashi-title {
    height: 134px;
  }
}

.sec03 .body-accordion .manga-fukidashi-title span {
  display: block;
  margin: 1.33333vw 0 0;
  letter-spacing: 0.1em;
  font-size: 3.2vw;
}

@media (min-width: 768px) {
  .sec03 .body-accordion .manga-fukidashi-title span {
    margin: 0;
    font-size: 0;
  }
}

.sec03 .body-accordion .manga-fukidashi-img {
  width: 17.6vw;
}

@media (min-width: 768px) {
  .sec03 .body-accordion .manga-fukidashi-img {
    display: none;
  }
}

.sec03 .body-accordion .manga-fukidashi-text {
  margin: 2vw 0 0;
  width: 100%;
  font-size: 2.93333vw;
}

@media (min-width: 768px) {
  .sec03 .body-accordion .manga-fukidashi-text {
    margin: 0.71429vw 0 0;
    font-size: 1vw;
  }
}

@media (min-width: 1170px) {
  .sec03 .body-accordion .manga-fukidashi-text {
    margin: 10px 0 0;
    font-size: 14px;
  }
}

.sec03 .body-accordion a {
  display: block;
  position: relative;
  margin: 5.33333vw auto 0;
  padding: 2.66667vw;
  border-radius: 2.4vw;
  width: 52vw;
  background: #ad1e1f;
  text-align: center;
  color: #fff;
  font-size: 3.2vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec03 .body-accordion a {
    position: absolute;
    bottom: 1.78571vw;
    left: 1.42857vw;
    margin: 0;
    padding: 0.5vw 1.42857vw;
    border-radius: 2.14286vw;
    width: calc(100% - 2.85714vw);
    font-size: 1.14286vw;
  }
}

@media (min-width: 1170px) {
  .sec03 .body-accordion a {
    bottom: 25px;
    left: 20px;
    padding: 7px 20px;
    border-radius: 30px;
    width: calc(100% - 40px);
    font-size: 16px;
  }
}

.sec03 .body-accordion a::after {
  content: "▼";
  position: absolute;
  top: 0;
  right: -0.66667vw;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media (min-width: 768px) {
  .sec03 .body-accordion a::after {
    right: 0.28571vw;
    font-size: 1vw;
  }
}

@media (min-width: 1170px) {
  .sec03 .body-accordion a::after {
    right: 4px;
    font-size: 14px;
  }
}

.sec03 .manga-caution {
  margin: 2vw 0 0;
  font-size: 2.93333vw;
  line-height: 1.44444;
}

@media (min-width: 768px) {
  .sec03 .manga-caution {
    margin: 1.42857vw 0 0;
    font-size: 0.85714vw;
  }
}

@media (min-width: 1170px) {
  .sec03 .manga-caution {
    margin: 20px 0 0;
    font-size: 12px;
  }
}

.sec03 .btn-accordion {
  margin: 3.2vw 0 0;
  text-align: center;
}

@media (min-width: 768px) {
  .sec03 .btn-accordion {
    display: none;
  }
}

.sec03 .btn-accordion .manga-anchor {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2.13333vw 0 3.73333vw;
  border-radius: 6.66667vw;
  width: 66.66667vw;
  background: #fff;
  color: #333;
  font-size: 3.46667vw;
}

.sec03 .btn-accordion .manga-anchor::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2vw;
  left: 0;
  margin: auto;
  width: 3.2vw;
  height: 1.33333vw;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(../images/arrow.png) no-repeat 0 0/100%;
}

.sec03 .btn-accordion.is-active .manga-anchor {
  padding: 3.46667vw 0 2.4vw;
  font-size: 0;
}

.sec03 .btn-accordion.is-active .manga-anchor::before {
  content: "閉じる";
  font-size: 3.46667vw;
}

.sec03 .btn-accordion.is-active .manga-anchor::after {
  top: 2vw;
  bottom: auto;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.sec03 .manga01 .manga-title {
  background: url(../images/manga_title_01_sm.png) no-repeat 0 0/100%;
}

@media (min-width: 768px) {
  .sec03 .manga01 .manga-title {
    background: url(../images/manga_title_01_lg.png) no-repeat 0 0/100%;
  }
}

@media (min-width: 768px) {
  .sec03 .manga01 .manga-fukidashi-title {
    background: url(../images/manga_item_01_lg.png) no-repeat 0 0/100%;
  }
}

.sec03 .manga02 .manga-title {
  background: url(../images/manga_title_02_sm.png) no-repeat 0 0/100%;
}

@media (min-width: 768px) {
  .sec03 .manga02 .manga-title {
    background: url(../images/manga_title_02_lg.png) no-repeat 0 0/100%;
  }
}

@media (min-width: 768px) {
  .sec03 .manga02 .manga-fukidashi-title {
    background: url(../images/manga_item_02_lg.png) no-repeat 0 0/100%;
  }
}

.sec03 .manga03 .manga-title {
  background: url(../images/manga_title_03_sm.png) no-repeat 0 0/100%;
}

@media (min-width: 768px) {
  .sec03 .manga03 .manga-title {
    background: url(../images/manga_title_03_lg.png) no-repeat 0 0/100%;
  }
}

@media (min-width: 768px) {
  .sec03 .manga03 .manga-fukidashi-title {
    background: url(../images/manga_item_03_lg.png) no-repeat 0 0/100%;
  }
}

.section-korasemate {
  overflow: hidden;
  position: relative;
  margin: -1px 0 0;
  padding: 25.33333vw 0 0;
  background: url(../images/bg_korasemate_sm.png) no-repeat 0 0/100%;
  background-position: 0 16vw;
}

@media (min-width: 768px) {
  .section-korasemate {
    padding: 13.57143vw 0 0;
    background: url(../images/bg_korasemate_lg.png) no-repeat center 0;
    background-position: center 8.57143vw;
    background-size: 94.57143vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate {
    padding: 190px 0 0;
    background-position: center 120px;
    background-size: 1324px;
  }
}

.section-korasemate::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -8vw;
  left: 50%;
  border-radius: 30%;
  width: 120%;
  height: 80vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #ffc000;
}

@media (min-width: 768px) {
  .section-korasemate::before {
    top: -14.28571vw;
    border-radius: 50%;
    height: 60vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate::before {
    top: -200px;
    height: 840px;
  }
}

.section-korasemate .section-title .font-big::before,
.section-korasemate .section-title .font-big::after {
  content: "";
  left: -9.33333vw;
}

@media (min-width: 768px) {
  .section-korasemate .section-title .font-big::before,
  .section-korasemate .section-title .font-big::after {
    left: -7.14286vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .section-title .font-big::before,
  .section-korasemate .section-title .font-big::after {
    left: -100px;
  }
}

.section-korasemate .section-title .font-big::after {
  right: -8vw;
  left: auto;
}

@media (min-width: 768px) {
  .section-korasemate .section-title .font-big::after {
    right: -6.42857vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .section-title .font-big::after {
    right: -90px;
  }
}

.section-korasemate .fukidashi {
  padding: 10.66667vw 5.33333vw 0;
}

@media (min-width: 768px) {
  .section-korasemate .fukidashi {
    margin: auto;
    padding: 6.42857vw 0 0;
    width: 53.42857vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .fukidashi {
    padding: 90px 0 0;
    width: 748px;
  }
}

.section-korasemate .fukidashi-text {
  padding: 2vw 0 0;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 3.73333vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .section-korasemate .fukidashi-text {
    padding: 1.07143vw 0 0;
    font-size: 1.85714vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .fukidashi-text {
    padding: 15px 0 0;
    font-size: 26px;
  }
}

.section-korasemate .korasemate-title {
  padding: 3.33333vw 2.66667vw 2.66667vw;
}

@media (min-width: 768px) {
  .section-korasemate .korasemate-title {
    margin: auto;
    padding: 2.14286vw 0 0;
    width: 54.14286vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .korasemate-title {
    padding: 30px 0 0;
    width: 758px;
  }
}

.section-korasemate .iframe-wrap {
  margin: 4.66667vw auto 0;
  width: 94%;
  max-width: 800px;
}

@media (min-width: 768px) {
  .section-korasemate .iframe-wrap {
    margin: 2.5vw auto 0;
    width: 57.14286vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .iframe-wrap {
    margin: 35px auto 0;
    width: 800px;
  }
}

.section-korasemate .iframe-wrap .iframe-inner {
  position: relative;
  padding-top: 56.25%;
  height: 0;
}

.section-korasemate .iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-korasemate .korasemate-read {
  padding: 1.33333vw 0 0;
  text-align: center;
  font-size: 3.2vw;
}

@media (min-width: 768px) {
  .section-korasemate .korasemate-read {
    padding: 1.78571vw 0 0;
    font-size: 1.28571vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .korasemate-read {
    padding: 25px 0 0;
    font-size: 18px;
  }
}

.section-korasemate .howto-made {
  position: relative;
  padding: 18.93333vw 0 5.33333vw;
}

@media (min-width: 768px) {
  .section-korasemate .howto-made {
    padding: 9.28571vw 0 3.57143vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .howto-made {
    padding: 130px 0 50px;
  }
}

.section-korasemate .howto-made-title {
  padding: 0 9.33333vw;
}

@media (min-width: 768px) {
  .section-korasemate .howto-made-title {
    margin: auto;
    padding: 2.14286vw 0 0;
    width: 35vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .howto-made-title {
    padding: 30px 0 0;
    width: 490px;
  }
}

.section-korasemate .howto-made-step {
  padding: 4vw 4.66667vw 0;
}

@media (min-width: 768px) {
  .section-korasemate .howto-made-step {
    margin: auto;
    padding: 3.21429vw 0 0;
    width: 64.28571vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .howto-made-step {
    padding: 45px 0 0;
    width: 900px;
  }
}

.section-korasemate .howto-made-caution {
  padding: 2vw 5.33333vw 0;
  font-size: 2.66667vw;
}

@media (min-width: 768px) {
  .section-korasemate .howto-made-caution {
    margin: auto;
    padding: 1.07143vw 0 0;
    width: 64.28571vw;
    font-size: 0.85714vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .howto-made-caution {
    padding: 15px 0 0;
    width: 900px;
    font-size: 12px;
  }
}

.section-korasemate .howto-made-circle {
  padding: 4vw 5.33333vw 0;
}

@media (min-width: 768px) {
  .section-korasemate .howto-made-circle {
    margin: auto;
    padding: 1.78571vw 0 0;
    width: 42.85714vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .howto-made-circle {
    padding: 25px 0 0;
    width: 600px;
  }
}

.section-korasemate .bg_korasemate_01 {
  position: absolute;
  top: 137.33333vw;
  left: -6.66667vw;
  width: 12.13333vw;
  pointer-events: none;
}

@media (min-width: 768px) {
  .section-korasemate .bg_korasemate_01 {
    display: none;
  }
}

.section-korasemate .howto-made-point {
  overflow: hidden;
  padding: 8.66667vw 2.66667vw 6.66667vw;
}

@media (min-width: 768px) {
  .section-korasemate .howto-made-point {
    display: flex;
    justify-content: center;
    padding: 2.85714vw 0 4.71429vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .howto-made-point {
    padding: 40px 0 66px;
  }
}

.section-korasemate .howto-made-point li {
  width: 48.53333vw;
}

@media (min-width: 768px) {
  .section-korasemate .howto-made-point li {
    margin: 0 1.5vw;
    width: 19.85714vw;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .howto-made-point li {
    margin: 0 21px;
    width: 278px;
  }
}

@media (max-width: 767.98px) {
  .section-korasemate .howto-made-point li:nth-child(2) {
    float: right;
  }
}

@media (min-width: 768px) {
  .section-korasemate .howto-made-point li:nth-child(2) {
    padding: 4.28571vw 0 0;
  }
}

@media (min-width: 1170px) {
  .section-korasemate .howto-made-point li:nth-child(2) {
    padding: 60px 0 0;
  }
}

@media (max-width: 767.98px) {
  .section-korasemate .howto-made-point li:nth-child(3) {
    float: left;
  }
}

@media (max-width: 767.98px) {
  .section-korasemate .howto-made-point li:not(:first-of-type) {
    margin: -9.6vw 0 0;
  }
}

.sec04 {
  position: relative;
  padding-top: 13.33333vw;
  padding-bottom: 18.66667vw;
}

@media (min-width: 768px) {
  .sec04 {
    padding-top: 6.42857vw;
    padding-bottom: 8.57143vw;
  }
}

@media (min-width: 1400px) {
  .sec04 {
    padding-top: 90px;
    padding-bottom: 120px;
  }
}

.sec04::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 63.46667vw;
  background: url(../images/sec04_deco_img_sm.jpg) repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .sec04::after {
    height: 419px;
    background: url(../images/sec04_deco_img_lg.jpg) repeat;
    background-size: auto;
  }
}

.sec04 .sec04-each_block_title {
  text-align: center;
  font-size: 5.86667vw;
  line-height: 1.136;
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_title {
    font-size: 2.42857vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .sec04-each_block_title {
    font-size: 34px;
  }
}

.sec04 .sec04-each_block_title span {
  font-size: 3.46667vw;
  line-height: 1.307;
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_title span {
    font-size: 1.28571vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .sec04-each_block_title span {
    font-size: 18px;
  }
}

.sec04 .sec04-each_block_text {
  margin: 4vw 0 5.33333vw;
  text-align: center;
  font-size: 3.73333vw;
  font-weight: normal;
  line-height: 1.607;
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_text {
    margin: 1.42857vw 0 2.85714vw;
    font-size: 1.14286vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .sec04-each_block_text {
    margin: 20px 0 40px;
    font-size: 16px;
  }
}

.sec04 .jelly_text,
.sec04 .liquid_text {
  margin: 3.46667vw 0 2.66667vw;
  text-align: center;
  color: #000;
  font-size: 3.46667vw;
  font-weight: normal;
  line-height: 1.607;
}

@media (min-width: 768px) {
  .sec04 .jelly_text,
  .sec04 .liquid_text {
    margin: 1.42857vw 0 2.14286vw;
    font-size: 1.14286vw;
  }
}

@media (min-width: 768px) {
  .sec04 .jelly_text,
  .sec04 .liquid_text {
    margin: 20px 0 30px;
    font-size: 16px;
  }
}

.sec04 .flex {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 6.93333vw 0 0;

  row-gap: 10.66667vw;
}

@media (min-width: 768px) {
  .sec04 .flex {
    flex-direction: unset;
    margin: 3.92857vw 0 0;
  }
}

@media (min-width: 1170px) {
  .sec04 .flex {
    margin: 55px 0 0;
  }
}

.sec04 .sec04-each_block_btn-list {
  display: flex;
  justify-content: center;
  margin: 5.33333vw 0 0;
  text-align: center;

  grid-gap: 2.66667vw;
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_btn-list {
    margin: 2.85714vw 0 0;

    grid-gap: 1.78571vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .sec04-each_block_btn-list {
    margin: 40px 0 0;

    grid-gap: 25px;
  }
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_btn-list.__second {
    display: block;
  }
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_btn-list.__second li {
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_btn-list.__second li + li {
    margin-top: 0.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .sec04-each_block_btn-list.__second li + li {
    margin-top: 10px;
  }
}

.sec04 .sec04-each_block_btn-list li {
  width: 38.66667vw;
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_btn-list li {
    width: 17.14286vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .sec04-each_block_btn-list li {
    width: 240px;
  }
}

.sec04 .sec04-each_block_btn-list a {
  display: block;
  position: relative;
  padding: 2.66667vw 2.66667vw 2.66667vw 0;
  border: 0.53333vw solid #000;
  border-radius: 2.4vw;
  background: #fff;
  color: #000;
  font-size: 3.2vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_btn-list a {
    padding: 0.57143vw 1.42857vw;
    border: 2px solid #000;
    border-radius: 0.57143vw;
    font-size: 1.14286vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .sec04-each_block_btn-list a {
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 16px;
  }
}

.sec04 .sec04-each_block_btn-list a:hover {
  border: 0.53333vw solid #e95513;
  color: #e95513;
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_btn-list a:hover {
    border: 2px solid #e95513;
  }
}

.sec04 .sec04-each_block_btn-list a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 2.4vw;
  bottom: 0;
  margin: auto;
  width: 3.46667vw;
  height: 3.46667vw;
  background: url(../images/btn_arrow.svg) no-repeat;
  background-size: contain;
}

@media (min-width: 768px) {
  .sec04 .sec04-each_block_btn-list a::before {
    right: 1.07143vw;
    width: 1.28571vw;
    height: 1.28571vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .sec04-each_block_btn-list a::before {
    right: 15px;
    width: 18px;
    height: 18px;
  }
}

.sec04 .block01 {
  margin-top: 6.66667vw;
}

@media (min-width: 768px) {
  .sec04 .block01 {
    margin-top: 3vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .block01 {
    margin-top: 42px;
  }
}

.sec04 .block01 .sec04-each_block_img {
  margin: 0 4vw;
}

@media (min-width: 768px) {
  .sec04 .block01 .sec04-each_block_img {
    margin: 0 auto;
    width: 55.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .block01 .sec04-each_block_img {
    width: 780px;
  }
}

.sec04 .block01 .sec04-each_block_img img {
  width: 100%;
}

.sec04 .block02 .sec04-each_block_img {
  margin: 5.33333vw 0 0;
}

@media (min-width: 768px) {
  .sec04 .block02 .sec04-each_block_img {
    margin: 0 auto;
    width: 32.78571vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .block02 .sec04-each_block_img {
    width: 459px;
  }
}

.sec04 .block02 .sec04-each_block_img img {
  width: 100%;
}

.sec04 .block03 {
  transition-delay: 0.2s;
}

.sec04 .block03 .sec04-each_block_img {
  margin: 0 8vw;
  padding: 1.33333vw 0 0;
}

@media (min-width: 768px) {
  .sec04 .block03 .sec04-each_block_img {
    margin: 0 auto 3.57143vw;
    padding: 1.07143vw 0 0.28571vw;
    width: 26.07143vw;
  }
}

@media (min-width: 1170px) {
  .sec04 .block03 .sec04-each_block_img {
    margin-bottom: 53px;
    padding: 22px 0 4px;
    width: 365px;
  }
}

.sec04 .block03 .sec04-each_block_img img {
  width: 100%;
}

.sec05 {
  position: relative;
  padding-top: 10.66667vw;
  padding-bottom: 11.33333vw;
}

@media (min-width: 768px) {
  .sec05 {
    padding-top: 8.92857vw;
    padding-bottom: 8.57143vw;
  }
}

@media (min-width: 1170px) {
  .sec05 {
    padding-top: 125px;
    padding-bottom: 120px;
  }
}

.sec05-inner {
  width: 93.33333vw;

  margin-inline: auto;
}

@media (min-width: 768px) {
  .sec05-inner {
    padding: 0 2.85714vw;
    width: 100vw;
  }
}

@media (min-width: 1400px) {
  .sec05-inner {
    padding: 0 40px;
    max-width: 1400px;
  }
}

.l-sec05_title_img {
  position: relative;
  margin: 0 auto;
  width: 67.86667vw;
}

@media (min-width: 768px) {
  .l-sec05_title_img {
    width: 34.85714vw;
  }
}

@media (min-width: 1400px) {
  .l-sec05_title_img {
    width: 488px;
  }
}

.l-sec05_title_img .sec05-title_deco_left {
  position: absolute;
  top: -10.66667vw;
  left: -16vw;
  width: 36.53333vw;
}

@media (min-width: 768px) {
  .l-sec05_title_img .sec05-title_deco_left {
    top: -3.21429vw;
    left: -24.64286vw;
    width: 21.71429vw;
  }
}

@media (min-width: 1400px) {
  .l-sec05_title_img .sec05-title_deco_left {
    top: -45px;
    left: -345px;
    width: 304px;
  }
}

.l-sec05_title_img .sec05-title_deco_right {
  position: absolute;
  top: -10.66667vw;
  right: -16vw;
  width: 31.73333vw;
}

@media (min-width: 768px) {
  .l-sec05_title_img .sec05-title_deco_right {
    top: -2.5vw;
    right: -25vw;
    width: 22.14286vw;
  }
}

@media (min-width: 1400px) {
  .l-sec05_title_img .sec05-title_deco_right {
    top: -35px;
    right: -350px;
    width: 310px;
  }
}

.sec05-title_text {
  margin-top: 4.66667vw;
  text-align: center;
  font-size: 3.2vw;
  line-height: 1.539;
}

@media (min-width: 768px) {
  .sec05-title_text {
    margin-top: 2.35714vw;
    font-size: 1.57143vw;
    line-height: 1.8;
  }
}

@media (min-width: 1400px) {
  .sec05-title_text {
    margin-top: 33px;
    font-size: 22px;
  }
}

.sec05-content_wrap {
  position: relative;
  padding: 13.33333vw 4vw 28.66667vw;
  border-radius: 8vw;
  background-color: #b3f0ff;
}

@media (min-width: 768px) {
  .sec05-content_wrap {
    padding: 6.42857vw 5.71429vw 11.78571vw;
    border-radius: 5.71429vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content_wrap {
    padding: 90px 80px 165px;
    border-radius: 80px;
  }
}

.sec05-content_wrap .sec05-bottom_deco {
  position: absolute;
  bottom: 5.86667vw;
  left: -3.33333vw;
  width: 100vw;
}

@media (min-width: 768px) {
  .sec05-content_wrap .sec05-bottom_deco {
    bottom: 3.28571vw;
    left: 2.5vw;
    width: 87vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content_wrap .sec05-bottom_deco {
    bottom: 46px;
    left: 35px;
    width: 1218px;
  }
}

.sec05-content01_wrap {
  position: relative;
  margin-top: 14.66667vw;
  padding: 9.33333vw 5.33333vw;
  border-radius: 8vw;
  background-color: #fff;
}

@media (min-width: 768px) {
  .sec05-content01_wrap {
    margin-top: 5.71429vw;
    padding: 3.57143vw 9.28571vw 4.28571vw;
    border-radius: 4.28571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content01_wrap {
    margin-top: 80px;
    padding: 50px 130px 60px;
    border-radius: 60px;
  }
}

.sec05-content02_wrap {
  position: relative;
  margin-top: 14.66667vw;
  padding: 9.33333vw 5.33333vw;
  border-radius: 8vw;
  background-color: #fff;
}

@media (min-width: 768px) {
  .sec05-content02_wrap {
    margin-top: 5.71429vw;
    padding: 3.57143vw 4.28571vw 4.28571vw;
    border-radius: 4.28571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_wrap {
    margin-top: 80px;
    padding: 50px 60px 60px;
    border-radius: 60px;
  }
}

.sec05-content01_title {
  position: absolute;
  top: -6vw;
  left: 50%;
  width: 57.06667vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 768px) {
  .sec05-content01_title {
    top: -2.5vw;
    width: 27.14286vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content01_title {
    top: -35px;
    width: 380px;
  }
}

.sec05-content01_title img {
  width: 100%;
}

.sec05-content02_sub {
  position: absolute;
  top: -6vw;
  left: 50%;
  width: 73.06667vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 768px) {
  .sec05-content02_sub {
    top: -2.5vw;
    width: 39.71429vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_sub {
    top: -35px;
    width: 556px;
  }
}

.sec05-content02_sub img {
  width: 100%;
}

.sec05-content01_illust_wrap {
  display: -ms-grid;
  display: grid;
  align-items: center;
}

@media (max-width: 767.98px) {
  .sec05-content01_illust_wrap {
    row-gap: 5.33333vw;
    -ms-grid-rows: 1fr 5.33333vw 1fr 5.33333vw 1fr;
    grid-template-rows: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .sec05-content01_illust_wrap {
    justify-content: center;
    margin-top: 2.14286vw;

    -ms-grid-columns: 15.07143vw 7.85714vw 15.35714vw 7.85714vw 13.78571vw;

    grid-template-columns: 15.07143vw 15.35714vw 13.78571vw;
    -webkit-column-gap: 7.85714vw;
       -moz-column-gap: 7.85714vw;
            column-gap: 7.85714vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content01_illust_wrap {
    margin-top: 30px;

    -ms-grid-columns: 211px 110px 215px 110px 193px;

    grid-template-columns: 211px 215px 193px;
    -webkit-column-gap: 110px;
       -moz-column-gap: 110px;
            column-gap: 110px;
  }
}

.sec05-content01_illust_item {
  display: -ms-grid;
  display: grid;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .sec05-content01_illust_item {
    padding-left: 5.33333vw;

    -ms-grid-columns: 1fr 5.33333vw 1fr;

    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 5.33333vw;
       -moz-column-gap: 5.33333vw;
            column-gap: 5.33333vw;
  }
}

@media (min-width: 768px) {
  .sec05-content01_illust_item {
    -ms-grid-rows: 9.71429vw auto;
    grid-template-rows: 9.71429vw auto;
  }
}

@media (min-width: 1400px) {
  .sec05-content01_illust_item {
    -ms-grid-rows: 136px auto;
    grid-template-rows: 136px auto;
  }
}

.sec05-content01_illust_text {
  font-size: 3.2vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec05-content01_illust_text {
    text-align: center;
    font-size: 1.28571vw;
    line-height: 1.5;
  }
}

@media (min-width: 1400px) {
  .sec05-content01_illust_text {
    font-size: 18px;
  }
}

.sec05-content01_text {
  position: relative;
  margin-top: 6.66667vw;
  text-align: center;
  font-size: 5.12vw;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .sec05-content01_text {
    margin-top: 1.78571vw;
    font-size: 2.28571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content01_text {
    margin-top: 25px;
    font-size: 32px;
  }
}

.sec05-content01_text span {
  color: #e95513;
}

.sec05-content01_text .sec05-content01_deco_left {
  position: absolute;
  top: -0.26667vw;
  left: -0.66667vw;
  width: 18.66667vw;
}

@media (min-width: 768px) {
  .sec05-content01_text .sec05-content01_deco_left {
    top: -0.57143vw;
    left: 3.92857vw;
    width: 11.42857vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content01_text .sec05-content01_deco_left {
    top: -8px;
    left: 55px;
    width: 160px;
  }
}

.sec05-content01_text .sec05-content01_deco_right {
  position: absolute;
  top: -0.93333vw;
  right: -2.66667vw;
  width: 16.4vw;
}

@media (min-width: 768px) {
  .sec05-content01_text .sec05-content01_deco_right {
    top: -0.5vw;
    right: 0.57143vw;
    width: 11.85714vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content01_text .sec05-content01_deco_right {
    top: -7px;
    right: 8px;
    width: 166px;
  }
}

.sec05-content02_title {
  position: relative;
  margin: 0 auto;
  width: 63.06667vw;
}

@media (min-width: 768px) {
  .sec05-content02_title {
    width: 31.42857vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_title {
    width: 440px;
  }
}

.sec05-content02_title .sec05-content02_deco_left {
  position: absolute;
  top: 0vw;
  left: -7.2vw;
  width: 5.33333vw;
}

@media (min-width: 768px) {
  .sec05-content02_title .sec05-content02_deco_left {
    top: 0vw;
    left: -3.57143vw;
    width: 2.85714vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_title .sec05-content02_deco_left {
    top: 0px;
    left: -50px;
    width: 40px;
  }
}

.sec05-content02_title .sec05-content02_deco_right {
  position: absolute;
  top: 0vw;
  right: -6.13333vw;
  width: 5.33333vw;
}

@media (min-width: 768px) {
  .sec05-content02_title .sec05-content02_deco_right {
    top: 0vw;
    right: -3.71429vw;
    width: 2.85714vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_title .sec05-content02_deco_right {
    top: 0px;
    right: -52px;
    width: 40px;
  }
}

.sec05-content02_step {
  display: -ms-grid;
  display: grid;
  margin-top: 6.66667vw;
}

@media (max-width: 767.98px) {
  .sec05-content02_step {
    row-gap: 8vw;
  }
}

@media (min-width: 768px) {
  .sec05-content02_step {
    margin-top: 3.57143vw;

    -ms-grid-columns: 1fr 4.64286vw 1fr 4.64286vw 1fr;

    grid-template-columns: 1fr 1fr 1fr;
    -webkit-column-gap: 4.64286vw;
       -moz-column-gap: 4.64286vw;
            column-gap: 4.64286vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step {
    margin-top: 50px;

    -webkit-column-gap: 65px;

       -moz-column-gap: 65px;

            column-gap: 65px;
  }
}

.sec05-content02_step_item {
  position: relative;
  border-radius: 8vw;
  background-color: #ffc000;
}

@media (max-width: 767.98px) {
  .sec05-content02_step_item {
    display: -ms-grid;
    display: grid;

    -ms-grid-columns: 1fr 34.26667vw;

    grid-template-columns: 1fr 34.26667vw;
  }
}

@media (min-width: 768px) {
  .sec05-content02_step_item {
    border-radius: 4.28571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_item {
    border-radius: 60px;
  }
}

.sec05-content02_step_item img {
  border-radius: 8vw 0 0 8vw;
}

@media (min-width: 768px) {
  .sec05-content02_step_item img {
    border-radius: 0 0 4.28571vw 4.28571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_item img {
    border-radius: 0 0 60px 60px;
  }
}

.sec05-content02_step_item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -7.33333vw;
  left: 0;
  margin: auto;
  width: 4.66667vw;
  height: 6.53333vw;
  background: url(../images/sec05_step_arrow.svg) no-repeat;
  background-size: 100% 100%;

  rotate: 90deg;
}

@media (min-width: 768px) {
  .sec05-content02_step_item:not(:last-child)::after {
    right: -3.57143vw;
    bottom: 48%;
    left: unset;
    width: 2.35714vw;
    height: 3.21429vw;

    rotate: unset;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_item:not(:last-child)::after {
    right: -50px;
    width: 33px;
    height: 45px;
  }
}

@media (min-width: 768px) {
  .sec05-content02_step_item.__step03 .sec05-content02_step_text {
    padding-top: 0.71429vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_item.__step03 .sec05-content02_step_text {
    padding-top: 10;
  }
}

.sec05-content02_step_img {
  overflow: hidden;
  border-radius: 8vw;
}

@media (max-width: 767.98px) {
  .sec05-content02_step_img {
    order: 2;
    margin-right: -0.13333vw;
  }
}

@media (min-width: 768px) {
  .sec05-content02_step_img {
    margin-top: -1px;
    border-radius: 4.28571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_img {
    border-radius: 60px;
  }
}

.sec05-content02_step_img img {
  width: 100%;
}

.sec05-content02_step_textBlock {
  text-align: center;
}

@media (min-width: 768px) {
  .sec05-content02_step_textBlock {
    margin-top: 0.71429vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_textBlock {
    margin-top: 10px;
  }
}

.sec05-content02_step_num {
  display: inline-block;
  padding: 4vw 0 0;
  border-bottom: 2px solid #fff;
  letter-spacing: 0.1em;
  color: #fff;
  font-size: 2.93333vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec05-content02_step_num {
    padding: 0;
    letter-spacing: 0.1em;
    font-size: 1.14286vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_num {
    font-size: 16px;
  }
}

.sec05-content02_step_num span {
  padding-bottom: 1.06667vw;
  font-size: 4.62667vw;
  line-height: 1.034;
}

@media (min-width: 768px) {
  .sec05-content02_step_num span {
    padding-bottom: 0.35714vw;
    padding-left: 0.21429vw;
    letter-spacing: 0;
    font-size: 1.80714vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_num span {
    padding-bottom: 5px;
    padding-left: 3px;
    font-size: 25.3px;
  }
}

.sec05-content02_step_text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64%;
  letter-spacing: 0.06em;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .sec05-content02_step_text {
    margin-top: 0.57143vw;
    padding: 0 1.42857vw 2vw;
    font-size: 1.28571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_text {
    margin-top: 8px;
    padding: 0 20px 28px;
    font-size: 18px;
  }
}

.sec05-content02_step_text strong {
  font-size: 3.73333vw;
}

@media (min-width: 768px) {
  .sec05-content02_step_text strong {
    font-size: 1.57143vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_step_text strong {
    font-size: 22px;
  }
}

.sec05-content02_text {
  position: relative;
  margin-top: 5.33333vw;
  text-align: center;
  letter-spacing: 0.06em;
  font-size: 3.73333vw;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .sec05-content02_text {
    margin-top: 3.57143vw;
    font-size: 1.71429vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_text {
    margin-top: 50px;
    font-size: 24px;
  }
}

.sec05-content02_text span {
  color: #e95513;
}

.sec05-content02_text .sec05-content02_text_deco_left {
  position: absolute;
  top: 9.73333vw;
  left: -1.73333vw;
  width: 14vw;
}

@media (min-width: 768px) {
  .sec05-content02_text .sec05-content02_text_deco_left {
    top: -0.71429vw;
    left: 0vw;
    width: 7.35714vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_text .sec05-content02_text_deco_left {
    top: -10px;
    left: 0px;
    width: 103px;
  }
}

.sec05-content02_text .sec05-content02_text_deco_right {
  position: absolute;
  top: 9.86667vw;
  right: -1.2vw;
  width: 14.13333vw;
}

@media (min-width: 768px) {
  .sec05-content02_text .sec05-content02_text_deco_right {
    top: -1.57143vw;
    right: 0.64286vw;
    width: 6.78571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-content02_text .sec05-content02_text_deco_right {
    top: -22px;
    right: 9px;
    width: 95px;
  }
}

.sec05-point {
  padding-top: 14.66667vw;
}

@media (min-width: 768px) {
  .sec05-point {
    padding-top: 6.42857vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point {
    padding-top: 90px;
  }
}

.sec05-point_title {
  position: relative;
  text-align: center;
  font-size: 5.12vw;
  font-weight: bold;
  line-height: 1.3125;
}

@media (min-width: 768px) {
  .sec05-point_title {
    font-size: 2.28571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_title {
    font-size: 32px;
  }
}

@media (max-width: 767.98px) {
  .sec05-point_title span {
    margin-left: -2.66667vw;
  }
}

.sec05-point_title .sec05-point_title_deco_left {
  position: absolute;
  top: -2.93333vw;
  left: -3.33333vw;
  width: 15.86667vw;
}

@media (min-width: 768px) {
  .sec05-point_title .sec05-point_title_deco_left {
    top: -3.21429vw;
    left: 15.92857vw;
    width: 10vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_title .sec05-point_title_deco_left {
    top: -45px;
    left: 223px;
    width: 140px;
  }
}

.sec05-point_title .sec05-point_title_deco_right {
  position: absolute;
  top: -2.66667vw;
  right: -2.8vw;
  width: 16vw;
}

@media (min-width: 768px) {
  .sec05-point_title .sec05-point_title_deco_right {
    top: -3.21429vw;
    right: 15.78571vw;
    width: 10vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_title .sec05-point_title_deco_right {
    top: -45px;
    right: 221px;
    width: 140px;
  }
}

.sec05-point_content {
  display: -ms-grid;
  display: grid;
  margin-top: 8vw;
}

@media (max-width: 767.98px) {
  .sec05-point_content {
    padding-left: 5.33333vw;

    row-gap: 4.66667vw;
  }
}

@media (min-width: 768px) {
  .sec05-point_content {
    justify-content: center;
    margin-top: 4.28571vw;

    -ms-grid-columns: 24.28571vw 0.71429vw 24.28571vw 0.71429vw 24.28571vw;

    grid-template-columns: 24.28571vw 24.28571vw 24.28571vw;
    -webkit-column-gap: 0.71429vw;
       -moz-column-gap: 0.71429vw;
            column-gap: 0.71429vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_content {
    margin-top: 60px;

    -ms-grid-columns: 340px 10px 340px 10px 340px;

    grid-template-columns: 340px 340px 340px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}

.sec05-point_item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 6.66667vw 4vw;
  border-radius: 19.2vw;
  min-height: 37.33333vw;
  background-color: #fff;
  text-align: center;
}

@media (max-width: 767.98px) {
  .sec05-point_item {
    width: 51.33333vw;
  }
}

@media (min-width: 768px) {
  .sec05-point_item {
    padding: 2.14286vw;
    border-radius: 9.28571vw;
    min-height: 18.57143vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item {
    padding: 30px;
    border-radius: 130px;
    min-height: 260px;
  }
}

@media (max-width: 767.98px) {
  .sec05-point_item:nth-child(even) {
    position: relative;
    left: 28.66667vw;
  }
}

.sec05-point_item:first-of-type::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -32.93333vw;
  left: -10.4vw;
  width: 35.2vw;
  height: 24.93333vw;
  background: url(../images/deco_img01.png) no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 768px) {
  .sec05-point_item:first-of-type::before {
    bottom: 10.71429vw;
    left: -17.64286vw;
    width: 18.14286vw;
    height: 12.78571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item:first-of-type::before {
    bottom: 150px;
    left: -247px;
    width: 254px;
    height: 179px;
  }
}

.sec05-point_item:first-of-type::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 11.06667vw;
  left: 54.53333vw;
  width: 23.2vw;
  height: 16.4vw;
  background: url(../images/deco_img02.png) no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 768px) {
  .sec05-point_item:first-of-type::after {
    bottom: 2.35714vw;
    left: -12.14286vw;
    width: 10.07143vw;
    height: 7.14286vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item:first-of-type::after {
    bottom: 33px;
    left: -170px;
    width: 141px;
    height: 100px;
  }
}

.sec05-point_item:last-of-type::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: -25.33333vw;
  bottom: -22.4vw;
  width: 35.86667vw;
  height: 25.46667vw;
  background: url(../images/deco_img04.png) no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 768px) {
  .sec05-point_item:last-of-type::before {
    right: -6.92857vw;
    bottom: -10vw;
    width: 18.14286vw;
    height: 12.78571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item:last-of-type::before {
    right: -97px;
    bottom: -140px;
    width: 254px;
    height: 179px;
  }
}

.sec05-point_item:last-of-type::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -34vw;
  bottom: 18.8vw;
  width: 23.2vw;
  height: 16.26667vw;
  background: url(../images/deco_img03.png) no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 768px) {
  .sec05-point_item:last-of-type::after {
    right: -13.92857vw;
    bottom: 3.21429vw;
    width: 10.07143vw;
    height: 7.14286vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item:last-of-type::after {
    right: -195px;
    bottom: 45px;
    width: 141px;
    height: 100px;
  }
}

@media (min-width: 768px) {
  .sec05-point_item.__point01 .sec05-point_text {
    padding-top: 1.07143vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item.__point01 .sec05-point_text {
    padding-top: 15px;
  }
}

.sec05-point_item .sec05-item_deco01 {
  position: absolute;
  top: 4vw;
  left: 10.4vw;
  width: 31.6vw;
}

@media (min-width: 768px) {
  .sec05-point_item .sec05-item_deco01 {
    top: 1.92857vw;
    left: 3.85714vw;
    width: 16.92857vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item .sec05-item_deco01 {
    top: 27px;
    left: 54px;
    width: 237px;
  }
}

.sec05-point_item .sec05-item_deco02 {
  position: absolute;
  top: 7.2vw;
  left: 2.66667vw;
  width: 43.86667vw;
}

@media (min-width: 768px) {
  .sec05-point_item .sec05-item_deco02 {
    top: 2.07143vw;
    left: 1.35714vw;
    width: 19.35714vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item .sec05-item_deco02 {
    top: 29px;
    left: 19px;
    width: 271px;
  }
}

.sec05-point_item .sec05-item_deco03 {
  position: absolute;
  top: 5.86667vw;
  left: 12.26667vw;
  width: 35.46667vw;
}

@media (min-width: 768px) {
  .sec05-point_item .sec05-item_deco03 {
    top: 1.71429vw;
    left: 5.07143vw;
    width: 18.21429vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_item .sec05-item_deco03 {
    top: 24px;
    left: 71px;
    width: 255px;
  }
}

.sec05-point_num {
  display: flex;
  align-items: center;
  position: absolute;
  top: -2.66667vw;
  padding: 0 2.66667vw;
  border-radius: 999px;
  background-color: #06aeec;
  letter-spacing: 0.1em;
  color: #fff;
  font-size: 2.16933vw;
  font-weight: bold;
  line-height: 1.896;
}

@media (min-width: 768px) {
  .sec05-point_num {
    top: -1.28571vw;
    padding: 0 1.42857vw;
    font-size: 1vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_num {
    top: -18px;
    padding: 0 20px;
    font-size: 14px;
  }
}

.sec05-point_num span {
  padding-bottom: 0.26667vw;
  padding-left: 0.93333vw;
  font-size: 3.97733vw;
}

@media (min-width: 768px) {
  .sec05-point_num span {
    padding-bottom: 0.14286vw;
    padding-left: 0.35714vw;
    font-size: 1.83571vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_num span {
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 25.7px;
  }
}

.sec05-point_textBlock.__nutrition {
  z-index: 1;
}

@media (min-width: 768px) {
  .sec05-point_textBlock.__nutrition {
    margin-top: 0.71429vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_textBlock.__nutrition {
    margin-top: 10px;
  }
}

.sec05-point_text {
  letter-spacing: 0.06em;
  font-size: 3.46667vw;
  font-weight: bold;
  line-height: 1.385;
}

@media (min-width: 768px) {
  .sec05-point_text {
    margin-bottom: 0.35714vw;
    font-size: 1.60714vw;
    line-height: 1.444;
  }
}

@media (min-width: 1400px) {
  .sec05-point_text {
    margin-bottom: 5px;
    font-size: 22.5px;
  }
}

.sec05-point_nutrition {
  padding-top: 1.06667vw;
}

@media (min-width: 768px) {
  .sec05-point_nutrition {
    padding-top: 5px;
  }
}

.sec05-point_nutrition li {
  display: inline-block;
  padding: 1.33333vw;
  border-radius: 2.66667vw;
  background-color: #ffcb40;
  font-size: 2.4vw;
  font-weight: bold;
  line-height: 1;
}

@media (min-width: 768px) {
  .sec05-point_nutrition li {
    margin-bottom: 0.35714vw;
    padding: 0.71429vw 1.07143vw;
    font-size: 1.14286vw;
  }
}

@media (min-width: 1400px) {
  .sec05-point_nutrition li {
    margin-bottom: 5px;
    padding: 10px 15px;
    font-size: 16px;
  }
}

.footer_slider {
  z-index: 1;
  margin-bottom: -26.66667vw;
}

@media (min-width: 768px) {
  .footer_slider {
    margin-bottom: -16.07143vw;
  }
}

@media (min-width: 1170px) {
  .footer_slider {
    margin-bottom: -225px;
  }
}

.footer_slider .splide__slide {
  overflow: hidden;
  border-radius: 120px;
  width: 45.33333vw !important;
}

@media (min-width: 768px) {
  .footer_slider .splide__slide {
    border-radius: 8.57143vw;
    width: 24.28571vw !important;
  }
}

@media (min-width: 1170px) {
  .footer_slider .splide__slide {
    border-radius: 120px;
    width: 340px !important;
  }
}

.footer_slider .splide__slide img {
  width: 100%;
  height: auto;
}

.bnr-block {
  position: relative;
  margin-top: 12vw;
  padding: 30vw 0 5.33333vw;
  border-bottom: 1px solid #cfcfcf;
  background: #ffc000;
}

@media (min-width: 768px) {
  .bnr-block {
    margin-top: 7.14286vw;
    padding: 13.92857vw 0 5vw;
  }
}

@media (min-width: 1170px) {
  .bnr-block {
    margin-top: 100px;
    padding: 195px 0 70px;
  }
}

.bnr-block .pagetop {
  margin: 8vw auto 0;
  width: 10.66667vw;
}

@media (min-width: 768px) {
  .bnr-block .pagetop {
    position: absolute;
    right: 12px;
    bottom: 15px;
    margin: 0;
    width: 3.78571vw;
  }
}

@media (min-width: 1170px) {
  .bnr-block .pagetop {
    width: 53px;
  }
}

.specialclass-bnr-block {
  padding: 13.33333vw 0 4vw;
  border-bottom: 1px solid #cfcfcf;
  background: #ffc000;
}

@media (min-width: 768px) {
  .specialclass-bnr-block {
    position: relative;
    padding: 3.57143vw 0;
  }
}

@media (min-width: 1170px) {
  .specialclass-bnr-block {
    padding: 50px 0;
  }
}

.specialclass-bnr-block > p {
  margin: auto;
  width: 50.13333vw;
}

@media (min-width: 768px) {
  .specialclass-bnr-block > p {
    width: 20.28571vw;
  }
}

@media (min-width: 1170px) {
  .specialclass-bnr-block > p {
    width: 284px;
  }
}

.specialclass-bnr-block .pagetop {
  margin: 8vw auto 0;
  width: 10.66667vw;
}

@media (min-width: 768px) {
  .specialclass-bnr-block .pagetop {
    position: absolute;
    right: 12px;
    bottom: 15px;
    margin: 0;
    width: 3.78571vw;
  }
}

@media (min-width: 1170px) {
  .specialclass-bnr-block .pagetop {
    width: 53px;
  }
}

.bnr-flex {
  display: flex;
  flex-direction: column;

  row-gap: 4vw;
}

@media (min-width: 768px) {
  .bnr-flex {
    flex-direction: unset;
    margin: 0 auto;
    max-width: 65vw;

    row-gap: 0;
    grid-gap: 2.14286vw;
  }
}

@media (min-width: 1170px) {
  .bnr-flex {
    max-width: 910px;

    grid-gap: 30px;
  }
}

.bnr-flex > p {
  margin: auto;
  width: 74.66667vw;
}

@media (min-width: 768px) {
  .bnr-flex > p {
    width: 20.28571vw;
  }
}

@media (min-width: 1170px) {
  .bnr-flex > p {
    width: 284px;
  }
}

.bnr-flex > p:hover {
  opacity: 0.7;
}

.bnr-flex > p img {
  width: 100%;
}

/* --------------------------------
   CONTENTS
-------------------------------- */
.l-inner {
  padding: 0 6.66667vw 1px;
}

@media (min-width: 768px) {
  .l-inner {
    margin: auto;
    padding: 0 0.71429vw 1px;
    width: 74.28571vw;
  }
}

@media (min-width: 1170px) {
  .l-inner {
    padding: 0 0 1px;
    width: 1040px;
  }
}

/* --------------------------------
   footer
-------------------------------- */
footer {
  padding: 5.33333vw 0;
  background: #fff;
}

@media (min-width: 768px) {
  footer {
    padding: 0.97656vw;
  }
}

@media (min-width: 1170px) {
  footer {
    padding: 10px 50px;
  }
}

footer .logo {
  text-align: center;
}

@media (min-width: 768px) {
  footer .logo {
    margin: auto;
    width: 100%;
    max-width: 1200px;
    text-align: right;
  }
}

footer .logo img {
  width: 28.26667vw;
  height: 6.13333vw;
}

@media (min-width: 768px) {
  footer .logo img {
    width: 9.78571vw;
    height: 2.57143vw;
  }
}

@media (min-width: 1170px) {
  footer .logo img {
    width: 137px;
    height: 36px;
  }
}

footer .logo a {
  display: inline-block;
}

.modal-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 4vw 0 0;
  width: auto;
  max-width: 640px;
}

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

.modal-wrapper .modal-inner {
  padding: 6.66667vw 4vw;
  background: #fdd65f;
  text-align: center;
}

@media (min-width: 768px) {
  .modal-wrapper .modal-inner {
    padding: 40px 30px;
  }
}

.modal-wrapper .modal-title {
  margin: 0 0 2.66667vw;
}

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

.modal-wrapper .modal-list {
  margin: auto;
  width: 60%;
}

.modal-wrapper .mfp-close {
  opacity: 1;
  top: -30px;
  right: 0;
  color: #fff;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 30px;
}

@media (min-width: 768px) {
  .modal-wrapper .mfp-close {
    top: -40px;
    font-size: 50px;
  }
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.l-bg_color {
  background: #ffc000;
}

.c-img_inner {
  overflow: hidden;
  margin: 0 auto;
  border-radius: 0 0 8vw 8vw;
  max-width: 1680px;
}

@media (min-width: 768px) {
  .c-img_inner {
    border-radius: 0 0 80px 80px;
  }
}

@media (min-width: 768px) {
  .c-img_inner img {
    width: 100%;
  }
}

.l-lead {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: -12vw;
  text-align: center;
}

@media (min-width: 768px) {
  .l-lead {
    margin-top: -9.07143vw;
  }
}

@media (min-width: 1170px) {
  .l-lead {
    margin-top: -127px;
  }
}

.l-lead_title {
  border-radius: 8vw;
  background-color: #ffc000;
  letter-spacing: -0.11em;
  font-size: 7.33333vw;
}

@media (min-width: 768px) {
  .l-lead_title {
    border-radius: 5.71429vw;
    font-size: 7vw;
  }
}

@media (min-width: 1170px) {
  .l-lead_title {
    border-radius: 80px;
    font-size: 98px;
  }
}

.l-lead_title::before {
  content: "";
  display: block;
  margin: 6.66667vw 10.66667vw 0;
  width: 60vw;
  height: 14.13333vw;
  background: url(../images/title_img01_sm.svg) no-repeat;
  background-size: contain;
}

@media (min-width: 768px) {
  .l-lead_title::before {
    margin: 1.85714vw 20.71429vw 0;
    width: 32.57143vw;
    height: 5.21429vw;
    background: url(../images/title_img01_lg.svg) no-repeat;
  }
}

@media (min-width: 1170px) {
  .l-lead_title::before {
    margin: 26px 290px 0;
    width: 456px;
    height: 73px;
  }
}

.l-lead_text {
  margin-top: 6.66667vw;
  font-size: 4.53333vw;
  font-weight: 500;
  line-height: 1.818;
}

@media (min-width: 768px) {
  .l-lead_text {
    margin-top: 2.85714vw;
    font-size: 1.57143vw;
  }
}

@media (min-width: 1170px) {
  .l-lead_text {
    margin-top: 40px;
    font-size: 22px;
  }
}

.l-lead_img {
  margin-top: 3.33333vw;
  width: 81.33333vw;
}

@media (min-width: 768px) {
  .l-lead_img {
    margin: 0 auto;
    width: 61.42857vw;
    line-height: 0.826;
  }
}

@media (min-width: 1170px) {
  .l-lead_img {
    width: 860px;
  }
}

.puppet_img {
  position: relative;
  margin: 0 auto;
  width: 73.33333vw;
}

@media (min-width: 768px) {
  .puppet_img {
    width: 35vw;
  }
}

@media (min-width: 1170px) {
  .puppet_img {
    width: 490px;
  }
}

.puppet_img img {
  width: 100%;
}

.puppet_img::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50.66667vw;
  left: -42.66667vw;
  width: 86vw;
  height: 346.4vw;
  background: url(../images/deco_img01_sm.png) no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .puppet_img::before {
    top: -5.71429vw;
    left: -40.71429vw;
    width: 46.07143vw;
    height: 118.07143vw;
    background: url(../images/deco_img01_lg.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 1170px) {
  .puppet_img::before {
    top: -80px;
    left: -570px;
    width: 645px;
    height: 1653px;
  }
}

.puppet_img::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 94.66667vw;
  right: -13.33333vw;
  width: 31.73333vw;
  height: 93.33333vw;
  background: url(../images/deco_img02_sm.png) no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .puppet_img::after {
    top: 28.57143vw;
    right: -35.71429vw;
    width: 25.71429vw;
    height: 75.71429vw;
    background: url(../images/deco_img02_lg.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 1170px) {
  .puppet_img::after {
    top: 400px;
    right: -500px;
    width: 360px;
    height: 1060px;
  }
}

.bl_slider .blank-popup:hover {
  opacity: unset;
}

.bl_slider .modal-img {
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  border-radius: 8vw;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .bl_slider .modal-img {
    border-radius: 4.28571vw;
  }
}

@media (min-width: 1170px) {
  .bl_slider .modal-img {
    border-radius: 60px;
  }
}

.bl_slider .modal-img img {
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;

  will-change: filter;
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

.bl_slider .modal-img:hover img {
  opacity: unset;

  -webkit-filter: brightness(0.7);

          filter: brightness(0.7);
}

.bl_slider .modal-img:hover .play-icon {
  width: 9.2vw;
  height: 9.2vw;
  background: url(../images/icon_play_hover.png) no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .bl_slider .modal-img:hover .play-icon {
    width: 6.78571vw;
    height: 6.78571vw;
  }
}

@media (min-width: 1170px) {
  .bl_slider .modal-img:hover .play-icon {
    width: 95px;
    height: 95px;
  }
}

.bl_slider .modal-img .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9.2vw;
  height: 9.2vw;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/icon_play.png) no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .bl_slider .modal-img .play-icon {
    width: 6.78571vw;
    height: 6.78571vw;
  }
}

@media (min-width: 1170px) {
  .bl_slider .modal-img .play-icon {
    width: 95px;
    height: 95px;
  }
}

.bl_slider .splide__track {
  padding: 0 calc((100% - (82.666666vw + 18px)) / 2) !important;
  height: 56vw;
}

@media (min-width: 768px) {
  .bl_slider .splide__track {
    padding: 0 calc((100% - (71.42857vw + 37px)) / 2) !important;
    height: unset;
  }
}

@media (min-width: 1170px) {
  .bl_slider .splide__track {
    padding: 0 calc((100% - 1037px) / 2) !important;
  }
}

.bl_slider .splide__slide {
  width: 41.33333vw !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media (min-width: 768px) {
  .bl_slider .splide__slide {
    width: 35.71429vw !important;
  }
}

@media (min-width: 1170px) {
  .bl_slider .splide__slide {
    width: 500px !important;
  }
}

.bl_slider .splide__arrows {
  position: absolute;
  z-index: 1;
  top: 50.66667vw;
  left: 50%;
  width: 32vw;
  height: 2.57143vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (min-width: 768px) {
  .bl_slider .splide__arrows {
    top: 42%;
    left: 50%;
    width: 80.71429vw;
    height: 4vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media (min-width: 1170px) {
  .bl_slider .splide__arrows {
    width: 1130px;
    height: 56px;
  }
}

.bl_slider .splide__arrows .splide__arrow {
  opacity: 1;
  width: 9.6vw;
  height: 9.6vw;
  pointer-events: auto;
}

@media (min-width: 768px) {
  .bl_slider .splide__arrows .splide__arrow {
    width: 4vw;
    height: 4vw;
  }
}

@media (min-width: 1170px) {
  .bl_slider .splide__arrows .splide__arrow {
    width: 56px;
    height: 56px;
  }
}

.bl_slider .splide__arrows .splide__arrow--next {
  opacity: 1;
  width: 9.6vw;
  height: 9.6vw;
  transition: all 0.3s ease;
  background: url(../images/arrow-img_next.png) no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .bl_slider .splide__arrows .splide__arrow--next {
    width: 4vw;
    height: 4vw;
  }
}

@media (min-width: 1170px) {
  .bl_slider .splide__arrows .splide__arrow--next {
    width: 56px;
    height: 56px;
  }
}

.bl_slider .splide__arrows .splide__arrow--next:hover {
  background: url(../images/arrow-img_next_hover.png) no-repeat;
  background-size: cover;
}

.bl_slider .splide__arrows .splide__arrow--prev {
  opacity: 1;
  width: 9.6vw;
  height: 9.6vw;
  transition: all 0.3s ease;
  background: url(../images/arrow-img_prev.png) no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .bl_slider .splide__arrows .splide__arrow--prev {
    width: 4vw;
    height: 4vw;
  }
}

@media (min-width: 1170px) {
  .bl_slider .splide__arrows .splide__arrow--prev {
    width: 56px;
    height: 56px;
  }
}

.bl_slider .splide__arrows .splide__arrow--prev:hover {
  background: url(../images/arrow-img_prev_hover.png) no-repeat;
  background-size: cover;
}

.slider_title {
  margin-top: 2.66667vw;
  text-align: center;
  font-size: 3.73333vw;
  line-height: 1.4285;
}

@media (min-width: 768px) {
  .slider_title {
    font-size: 1.28571vw;
  }
}

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

.l-sec_sub_img {
  margin: 0 auto;
  width: 68vw;
}

@media (min-width: 768px) {
  .l-sec_sub_img {
    width: 36.14286vw;
  }
}

@media (min-width: 1170px) {
  .l-sec_sub_img {
    width: 506px;
  }
}

.l-sec_sub_img img {
  width: 100%;
}

.l-sec03_sub_img {
  margin: 0 auto;
  width: 48vw;
}

@media (min-width: 768px) {
  .l-sec03_sub_img {
    width: 26.07143vw;
  }
}

@media (min-width: 1170px) {
  .l-sec03_sub_img {
    width: 365px;
  }
}

.l-sec03_sub_img img {
  width: 100%;
}

.l-sec04_sub_img {
  margin: 0 auto;
  width: 60vw;
}

@media (min-width: 768px) {
  .l-sec04_sub_img {
    width: 36.07143vw;
  }
}

@media (min-width: 1170px) {
  .l-sec04_sub_img {
    width: 505px;
  }
}

.l-sec04_sub_img img {
  width: 100%;
}

.l-sec_title_img {
  margin: 2.66667vw auto 0;
  width: 68vw;
}

@media (min-width: 768px) {
  .l-sec_title_img {
    margin: 1.07143vw auto 0;
    width: 67.28571vw;
  }
}

@media (min-width: 1170px) {
  .l-sec_title_img {
    margin: 15px auto 0;
    width: 942px;
  }
}

.l-sec_title_img img {
  width: 100%;
}

.l-sec03_title_img {
  margin: 2.66667vw auto 0;
  width: 85.33333vw;
}

@media (min-width: 768px) {
  .l-sec03_title_img {
    margin: 1.07143vw auto 0;
    width: 42.85714vw;
  }
}

@media (min-width: 1170px) {
  .l-sec03_title_img {
    margin: 15px auto 0;
    width: 600px;
  }
}

.l-sec03_title_img img {
  width: 100%;
}

.l-sec04_title_img {
  margin: 2.66667vw auto 0;
  width: 61.33333vw;
}

@media (min-width: 768px) {
  .l-sec04_title_img {
    margin: 0.92857vw auto 0;
    width: 50vw;
  }
}

@media (min-width: 1170px) {
  .l-sec04_title_img {
    margin: 13px auto 0;
    width: 700px;
  }
}

.l-sec04_title_img img {
  width: 100%;
}

.sec02_title {
  margin-bottom: 5.33333vw;
}

@media (min-width: 768px) {
  .sec02_title {
    margin-bottom: 3.57143vw;
  }
}

@media (min-width: 1170px) {
  .sec02_title {
    margin-bottom: 50px;
  }
}

.sec03_title {
  position: relative;
  z-index: 1;
  margin-bottom: 5.33333vw;
}

@media (min-width: 768px) {
  .sec03_title {
    margin-bottom: 2.85714vw;
  }
}

@media (min-width: 1170px) {
  .sec03_title {
    margin-bottom: 40px;
  }
}

.sec02-img_inner {
  position: relative;
  padding: 5.33333vw 5.33333vw 12vw;
  border-radius: 8vw;
  width: 100%;
  background-color: #fff;
}

@media (min-width: 768px) {
  .sec02-img_inner {
    margin: 0 auto;
    padding: 2.14286vw 2.14286vw 7.5vw;
    border-radius: 4.28571vw;
    max-width: 74.28571vw;
  }
}

@media (min-width: 1170px) {
  .sec02-img_inner {
    margin: 0 auto;
    padding: 30px 30px 105px;
    border-radius: 60px;
    max-width: 1040px;
  }
}

.sec02-img_inner .sec02-top_img {
  border-radius: 8vw;
}

@media (min-width: 768px) {
  .sec02-img_inner .sec02-top_img {
    border-radius: 4.28571vw;
  }
}

@media (min-width: 1170px) {
  .sec02-img_inner .sec02-top_img {
    border-radius: 60px;
  }
}

.sec02-img_inner .sec02-img_arrow {
  position: absolute;
  bottom: -12vw;
  left: 50%;
  width: 41.73333vw;
  height: 15.73333vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 768px) {
  .sec02-img_inner .sec02-img_arrow {
    bottom: -6.57143vw;
    width: 21.71429vw;
    height: 8.78571vw;
  }
}

@media (min-width: 1170px) {
  .sec02-img_inner .sec02-img_arrow {
    bottom: -92px;
    width: 304px;
    height: 123px;
  }
}

.sec02-img_inner .sec02-img_arrow_text {
  position: absolute;
  top: 4.26667vw;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  letter-spacing: 0.08em;
  color: #fff;
  font-size: 3.2vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec02-img_inner .sec02-img_arrow_text {
    top: 2.28571vw;
    font-size: 1.66714vw;
  }
}

@media (min-width: 1170px) {
  .sec02-img_inner .sec02-img_arrow_text {
    top: 32px;
    font-size: 23.34px;
  }
}

.sec02-img_content {
  text-align: center;
}

.sec02-content_ttl {
  margin-top: 3.33333vw;
  color: #e95513;
  font-size: 4.53333vw;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .sec02-content_ttl {
    margin-top: 1.78571vw;
    font-size: 2.28571vw;
    line-height: 1.2375;
  }
}

@media (min-width: 1170px) {
  .sec02-content_ttl {
    margin-top: 25px;
    font-size: 32px;
  }
}

.sec02-content_txt {
  margin-top: 1.86667vw;
  font-size: 3.73333vw;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .sec02-content_txt {
    margin-top: 1.28571vw;
    font-size: 1.57143vw;
    line-height: 1.8;
  }
}

@media (min-width: 1170px) {
  .sec02-content_txt {
    margin-top: 18px;
    font-size: 22px;
  }
}

.sec02-timing_ttl {
  margin-top: 11.06667vw;
  font-size: 4.53333vw;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .sec02-timing_ttl {
    margin-top: 4.64286vw;
    font-size: 2.28571vw;
    line-height: 1.3125;
  }
}

@media (min-width: 1170px) {
  .sec02-timing_ttl {
    margin-top: 65px;
    font-size: 32px;
  }
}

.sec02-timing_txt {
  margin-top: 4vw;
  letter-spacing: 0.06em;
  font-size: 3.73333vw;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .sec02-timing_txt {
    margin-top: 2.28571vw;
    font-size: 1.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec02-timing_txt {
    margin-top: 32px;
    font-size: 24px;
  }
}

.sec02-timing_txt span {
  color: #e95513;
}

.sec02-content_table {
  display: -ms-grid;
  display: grid;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 4vw;
}

@media (max-width: 1169.98px) {
  .sec02-content_table {
    row-gap: 2vw;
  }
}

@media (min-width: 768px) {
  .sec02-content_table {
    margin-top: 2.14286vw;

    -ms-grid-columns: auto 1.78571vw auto 1.78571vw auto;

    grid-template-columns: auto auto auto;
    -webkit-column-gap: 1.78571vw;
       -moz-column-gap: 1.78571vw;
            column-gap: 1.78571vw;
  }
}

@media (min-width: 1170px) {
  .sec02-content_table {
    margin-top: 30px;

    -webkit-column-gap: 25px;

       -moz-column-gap: 25px;

            column-gap: 25px;
  }
}

@media (max-width: 767.98px) {
  .sec02-content_table .sec02-icon_plus {
    margin: auto;
    width: 7.6vw;
  }
}

.sec02-table_text {
  margin-top: 2vw;
  font-size: 3.2vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .sec02-table_text {
    margin-top: 0.57143vw;
    font-size: 1.57143vw;
  }
}

@media (min-width: 1170px) {
  .sec02-table_text {
    margin-top: 8px;
    font-size: 22px;
  }
}

.sec02-table_text span {
  display: inline-flex;
  margin-left: 1.33333vw;
  padding: 1.06667vw 2.4vw 1.2vw;
  border-radius: 2.66667vw;
  background-color: #ffc000;
  line-height: 1;
}

@media (min-width: 768px) {
  .sec02-table_text span {
    margin-left: 0.57143vw;
    padding: 0.5vw 1.07143vw 0.57143vw;
    border-radius: 1.21429vw;
  }
}

@media (min-width: 1170px) {
  .sec02-table_text span {
    margin-left: 8px;
    padding: 6px 15px 8px;
    border-radius: 17px;
  }
}

.sec02_table_img {
  overflow: hidden;
  margin: 0 auto;
  border-radius: 8vw;
  width: 43.33333vw;
}

@media (min-width: 768px) {
  .sec02_table_img {
    border-radius: 4.28571vw;
    width: 20vw;
  }
}

@media (min-width: 1170px) {
  .sec02_table_img {
    border-radius: 60px;
    width: 280px;
  }
}

.sec02_table_img img {
  width: 100%;
}

.sec02-illust_inner {
  position: relative;
  margin-top: 16.13333vw;
}

@media (min-width: 768px) {
  .sec02-illust_inner {
    margin-top: 9.71429vw;
  }
}

@media (min-width: 1170px) {
  .sec02-illust_inner {
    margin-top: 136px;
  }
}

@media (min-width: 768px) {
  .sec02-illust_inner::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: -14.28571vw;
    left: -3.92857vw;
    width: 25.71429vw;
    height: 75.71429vw;
    background: url(../images/sec02_bg_deco01.png) no-repeat;
    background-size: cover;
    background-size: cover;
  }
}

@media (min-width: 1170px) {
  .sec02-illust_inner::before {
    top: -200px;
    left: -55px;
    width: 360px;
    height: 1060px;
  }
}

.sec02-illust_title {
  position: relative;
  width: 72.26667vw;

  margin-inline: auto;
}

@media (min-width: 768px) {
  .sec02-illust_title {
    width: 42.14286vw;
  }
}

@media (min-width: 1170px) {
  .sec02-illust_title {
    width: 590px;
  }
}

.sec02-illust_title img {
  width: 100%;
}

.sec02-illust_deco_left {
  position: absolute;
  top: 3.33333vw;
  left: -11.46667vw;
  width: 16.66667vw;
}

@media (min-width: 768px) {
  .sec02-illust_deco_left {
    top: -1.92857vw;
    left: -14.42857vw;
    width: 11.42857vw;
  }
}

@media (min-width: 1170px) {
  .sec02-illust_deco_left {
    top: -27px;
    left: -202px;
    width: 160px;
  }
}

.sec02-illust_deco_right {
  position: absolute;
  top: 2.26667vw;
  right: -11.73333vw;
  width: 16.13333vw;
}

@media (min-width: 768px) {
  .sec02-illust_deco_right {
    top: -2vw;
    right: -13.35714vw;
    width: 11.42857vw;
  }
}

@media (min-width: 1170px) {
  .sec02-illust_deco_right {
    top: -28px;
    right: -187px;
    width: 160px;
  }
}

.sec02-illust_img {
  margin-top: 5.33333vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;

  margin-inline: auto;
}

@media (min-width: 768px) {
  .sec02-illust_img {
    margin-top: 3.07143vw;
    padding-left: 2.14286vw;
  }
}

@media (min-width: 1170px) {
  .sec02-illust_img {
    margin-top: 43px;
    padding-left: 30px;
  }
}

.sec02-img02_inner {
  margin: 0 auto;
  width: 68.93333vw;
}

@media (min-width: 768px) {
  .sec02-img02_inner {
    width: 37.14286vw;
  }
}

@media (min-width: 1170px) {
  .sec02-img02_inner {
    width: 520px;
  }
}

.section_hidden {
  overflow: hidden;
}

.video-modal-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 4vw 0 0;
  width: auto;
  width: 85.33333vw;
}

@media (min-width: 768px) {
  .video-modal-wrapper {
    width: 51.42857vw;
  }
}

@media (min-width: 1170px) {
  .video-modal-wrapper {
    max-width: 720px;
  }
}

.video-modal-wrapper iframe {
  border: unset;
  width: 85.33333vw;
  height: 48vw;
}

@media (min-width: 768px) {
  .video-modal-wrapper iframe {
    width: 51.42857vw;
    height: 28.92857vw;
  }
}

@media (min-width: 1170px) {
  .video-modal-wrapper iframe {
    max-width: 720px;
    max-height: 405px;
  }
}

.video-modal-wrapper .mfp-close {
  opacity: 1;
  top: -5.33333vw;
  right: 0;
  color: #fff;
  font-family: "Noto Sans JP", Meiryo, sans-serif;
  font-size: 8vw;
}

@media (min-width: 768px) {
  .video-modal-wrapper .mfp-close {
    top: 0;
    font-size: 3.57143vw;
  }
}

@media (min-width: 1170px) {
  .video-modal-wrapper .mfp-close {
    font-size: 50px;
  }
}

/* ------------------------
  utilities Classes
------------------------ */
.u-hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-up-sm {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1169.98px) {
  .u-hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .u-hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1169.98px) {
  .u-hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1170px) {
  .u-hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1170px) {
  .u-hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-down-lg {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* --------------------------------
  Splide
-------------------------------- */
.bl_slider {
  position: relative;
  z-index: 2;
  margin-top: 5.33333vw;
}

@media (min-width: 768px) {
  .bl_slider {
    margin: min(2.14286vw, 30px) auto 0;
  }
}

.bl_slider_list {
  display: flex !important;
  justify-content: center;
}

.bl_slider_list > .splide__slide {
  width: 57.6vw;
}

@media (min-width: 768px) {
  .bl_slider_list > .splide__slide {
    width: min(17.14286vw, 240px);
  }
}

.bl_slider_pagination {
  position: relative;
  bottom: -2.66667vw;
  margin: auto;
  padding: 0;

  gap: 4.26667vw;
}

.bl_slider_pagination_item {
  border: solid 0.53333vw #fff;
  border-radius: 50%;
  width: 3.46667vw;
  height: 3.46667vw;
  min-height: auto;
  background: #ffe27c;
}

.bl_slider_pagination_item.is-active {
  border-color: #ad1e1f;
}

/* ------------------------
  Print Styles
------------------------ */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}