@charset "UTF-8";
:root {
  --main-bg-color: #000000;
}

body {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 500;
  width: 100%;
  max-width: 500px;
  margin: auto;
  background-color: #f7f8f6;
  text-align: center;
}

body img {
  width: 100%;
}

.lp_css {
  font-size: 1.1em;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 500;
  background-color: #ffffff;
  text-align: center;
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 1em;
  line-height: 2.0em;
}

.lp_css tbody {
  width: 100%;
}

.lp_css tbody td {
  border: #333333 1px solid;
  padding: 0.3em;
  width: 100%;
}

.lp_css tbody td tr:first-child {
  width: 30%;
  font-size: small;
}

.lp_css img {
  width: 100%;
}

.lp_css div {
  margin: 10px;
  padding: 10px;
}

.lp_css h1, .lp_css h2, .lp_css h3 {
  color: #d40000;
}

.lp_css .wordleft {
  text-align: left;
}

.lp_css .highlight {
  background: #ffecec;
  padding: 10px;
  border-left: 4px solid #ff6b6b;
  margin: 20px 0;
  line-height: 1.3em;
}

.lp_css .red_font {
  color: red;
}

.lp_css .pur_font {
  color: purple;
}

.lp_css .blu_font {
  color: #0066ff;
}

.lp_css .gre_font {
  color: green;
}

.lp_css .y_marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff9));
  background: linear-gradient(transparent 60%, #ff9 60%);
}

.lp_css .red_line {
  border-bottom: 2px solid red;
}

.lp_css .l_font {
  font-size: large;
}

.lp_css .xl_font {
  font-size: x-large;
}

.lp_css .button {
  display: inline-block;
  background-color: #28a745;
  color: #fff;
  padding: 12px 20px;
  margin: 20px 0;
  font-size: 1.2rem;
  border-radius: 8px;
  text-decoration: none;
  text-align: center;
}

.lp_css .section {
  margin: 40px 0;
}

.lp_css .emoji {
  font-size: 1.4em;
  margin-right: 8px;
}

.lp_css .testimonial {
  background: #f4f4f4;
  padding: 15px;
  border-radius: 10px;
  margin: 20px 0;
  font-style: italic;
}

.lp_css .note {
  font-size: 0.85em;
  color: #888;
}

.lp_css .cta {
  font-weight: bold;
  font-size: 1.3rem;
  color: #d40000;
  margin: 20px 0;
}

@media (max-width: 768px) {
  .lp_css {
    font-size: 1rem;
    padding: 10px;
  }
  .lp_css .button {
    font-size: 1rem;
    width: 100%;
  }
}

.ugoki {
  display: block;
  -webkit-animation: katakata 6s infinite ease-in-out alternate;
          animation: katakata 6s infinite ease-in-out alternate;
}

@-webkit-keyframes katakata {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  21% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  22% {
    -webkit-transform: translate(0, 0) rotate(-3deg);
            transform: translate(0, 0) rotate(-3deg);
  }
  23% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
            transform: translate(0, -1px) rotate(0deg);
  }
  24% {
    -webkit-transform: translate(0, -1px) rotate(3deg);
            transform: translate(0, -1px) rotate(3deg);
  }
  25% {
    -webkit-transform: translate(1px, 0) rotate(-2deg);
            transform: translate(1px, 0) rotate(-2deg);
  }
  26% {
    -webkit-transform: translate(0, 1px) rotate(0deg);
            transform: translate(0, 1px) rotate(0deg);
  }
  27% {
    -webkit-transform: translate(0, 0) rotate(3deg);
            transform: translate(0, 0) rotate(3deg);
  }
  28% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}

@keyframes katakata {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  21% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  22% {
    -webkit-transform: translate(0, 0) rotate(-3deg);
            transform: translate(0, 0) rotate(-3deg);
  }
  23% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
            transform: translate(0, -1px) rotate(0deg);
  }
  24% {
    -webkit-transform: translate(0, -1px) rotate(3deg);
            transform: translate(0, -1px) rotate(3deg);
  }
  25% {
    -webkit-transform: translate(1px, 0) rotate(-2deg);
            transform: translate(1px, 0) rotate(-2deg);
  }
  26% {
    -webkit-transform: translate(0, 1px) rotate(0deg);
            transform: translate(0, 1px) rotate(0deg);
  }
  27% {
    -webkit-transform: translate(0, 0) rotate(3deg);
            transform: translate(0, 0) rotate(3deg);
  }
  28% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}

img.btn_animate01 {
  margin: 0 auto;
  -webkit-animation: fuwafuwa 1s ease 0s infinite alternate;
          animation: fuwafuwa 1s ease 0s infinite alternate;
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
}

@-webkit-keyframes fuwafuwa {
  from {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes fuwafuwa {
  from {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

img.btn_animate02 {
  margin: 0 auto;
  -webkit-animation: skew 2.3s linear infinite;
          animation: skew 2.3s linear infinite;
  -webkit-transform-origin: center;
          transform-origin: center;
  cursor: pointer;
}

/* skewの動きをここで設定 */
@-webkit-keyframes skew {
  0% {
    -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
  }
  5% {
    -webkit-transform: skew(2deg, 2.2deg);
            transform: skew(2deg, 2.2deg);
  }
  10% {
    -webkit-transform: skew(-1deg, -1deg);
            transform: skew(-1deg, -1deg);
  }
  15% {
    -webkit-transform: skew(0.5deg, 1.2deg);
            transform: skew(0.5deg, 1.2deg);
  }
  20% {
    -webkit-transform: skew(-2deg, -1.5deg);
            transform: skew(-2deg, -1.5deg);
  }
  25% {
    -webkit-transform: skew(0.9deg, 0.9deg);
            transform: skew(0.9deg, 0.9deg);
  }
  30% {
    -webkit-transform: skew(-0.6deg, -0.6deg);
            transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    -webkit-transform: skew(0.3deg, 0.3deg);
            transform: skew(0.3deg, 0.3deg);
  }
  40% {
    -webkit-transform: skew(-0.2deg, -0.2deg);
            transform: skew(-0.2deg, -0.2deg);
  }
  45% {
    -webkit-transform: skew(0.1deg, 0.1deg);
            transform: skew(0.1deg, 0.1deg);
  }
  50% {
    -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
  }
}
@keyframes skew {
  0% {
    -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
  }
  5% {
    -webkit-transform: skew(2deg, 2.2deg);
            transform: skew(2deg, 2.2deg);
  }
  10% {
    -webkit-transform: skew(-1deg, -1deg);
            transform: skew(-1deg, -1deg);
  }
  15% {
    -webkit-transform: skew(0.5deg, 1.2deg);
            transform: skew(0.5deg, 1.2deg);
  }
  20% {
    -webkit-transform: skew(-2deg, -1.5deg);
            transform: skew(-2deg, -1.5deg);
  }
  25% {
    -webkit-transform: skew(0.9deg, 0.9deg);
            transform: skew(0.9deg, 0.9deg);
  }
  30% {
    -webkit-transform: skew(-0.6deg, -0.6deg);
            transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    -webkit-transform: skew(0.3deg, 0.3deg);
            transform: skew(0.3deg, 0.3deg);
  }
  40% {
    -webkit-transform: skew(-0.2deg, -0.2deg);
            transform: skew(-0.2deg, -0.2deg);
  }
  45% {
    -webkit-transform: skew(0.1deg, 0.1deg);
            transform: skew(0.1deg, 0.1deg);
  }
  50% {
    -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
  }
}

.heading-16 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333333;
}

.heading-16::before,
.heading-16::after {
  width: 3px;
  height: 40px;
  background-color: #2589d0;
  content: '';
}

.heading-16::before {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
  margin-right: 30px;
}

.heading-16::after {
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  margin-left: 30px;
}

.heading-21 {
  position: relative;
  padding: .5em .7em .4em;
  border-bottom: 3px solid #c525d0;
  color: #333333;
}

.heading-21::before,
.heading-21::after {
  position: absolute;
  left: 30px;
  bottom: -15px;
  width: 30px;
  height: 15px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
}

.heading-21::before {
  background-color: #c525d0;
}

.heading-21::after {
  bottom: -11px;
  background-color: #fff;
}

.heading-9 {
  position: relative;
  padding: .5em .7em;
  border-radius: 10px;
  background-color: #ff0062;
  color: #fff;
}

.heading-9::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 30px;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-top: 11px solid #ff0062;
}

.heading-9_w {
  position: relative;
  padding: .5em .7em;
  border-radius: 10px;
  background-color: #f7f7f7;
  color: #202020;
}

.heading-9_w::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 30px;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-top: 11px solid #f7f7f7;
}

.heading-41 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .5em .7em;
  background-color: #fffdb8;
  color: #9f500f;
}

.heading-41::before {
  display: inline-block;
  width: 5px;
  height: 1.5em;
  margin-right: .5em;
  background-color: #ffa200;
  content: '';
}

.box-011 {
  position: relative;
  max-width: 400px;
  margin: 1.9em auto 0 !important;
  padding: 1em 1.5em;
  border-top: 2px solid #ff2957;
  border-bottom: 2px solid #ff2957;
  border-radius: 3px;
}

.box-011 span {
  position: absolute;
  top: -1.9em;
  left: 30%;
  padding: .2em 2em;
  border-radius: 500px;
  background-color: #ff2957;
  color: #fff;
}

.box-011 p {
  margin: 0;
  color: #333;
}

.list-3 {
  list-style-type: none;
  padding: 0.5em;
  border: 2px solid #2589d0;
}

.list-3 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 5px;
  padding: .3em;
}

.list-3 li::before {
  display: inline-block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #ff2470;
  border-left: 2px solid #ff2470;
  -webkit-transform: rotate(-45deg) translateY(-1.5px);
          transform: rotate(-45deg) translateY(-1.5px);
  content: '';
}

.heading-31 {
  position: relative;
  padding: .3em 0 .2em 1em;
  border-bottom: 3px solid #ff2e93;
  color: #333333;
}

.heading-31::before {
  position: absolute;
  top: 0;
  left: .3em;
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
  height: 11px;
  width: 12px;
  background: #ff2e93;
  content: '';
}

.heading-31::after {
  position: absolute;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  top: .6em;
  left: 0;
  height: 8px;
  width: 8px;
  background: #ff2e93;
  content: '';
}

.box-013 {
  margin: 0 auto;
  border: 1px solid #ff2e93;
  border-radius: 3px;
}

.box-013 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .5em;
  background-color: #ff2e93;
  color: #fff;
  font-weight: 600;
  line-height: 1.2em;
}

.box-013 p {
  margin: 0;
  padding: .5em;
  color: #333;
  text-align: left;
  line-height: 1.5em;
}

.box-013 .tyuui {
  font-size: x-small;
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.4em;
  color: #ababab;
}

.box-004 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 .7em;
  margin: 0 auto;
  padding: 1em;
  border-radius: 5px;
  background-color: #ffebee;
  color: #333333;
}

.box-004::before {
  width: 24px;
  height: 24px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}

.box-004 strong {
  margin: 0;
  padding: 0 0 0 .7em;
  border-left: 1px solid #f06060;
  color: #f06060;
}

.box-005 {
  margin: 0 auto;
  border: 2px solid #f06060;
  border-radius: 5px;
  color: #333333;
}

.box-005 div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
          column-gap: 4px;
  position: relative;
  top: -26px;
  left: 0px;
  margin: 0 7px;
  padding: 0 8px;
  background: #fff;
  color: #f06060;
  font-weight: 600;
  vertical-align: top;
}

.box-005 div::before {
  width: 22px;
  height: 22px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}

.box-005 p {
  margin: 0;
  padding: 0 .5em .5em;
  line-height: 1.3em;
  text-align: left;
}

.box-018 {
  position: relative;
  margin: 0 auto;
  padding: 1em calc(1.5em + 9px);
  border-top: 1px solid #2589d0;
  border-bottom: 1px solid #2589d0;
  color: #333;
}

.box-018::before,
.box-018::after {
  position: absolute;
  width: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: calc(100% + 20px);
  background-color: #2589d0;
  content: '';
}

.box-018::before {
  left: 9px;
}

.box-018::after {
  right: 9px;
}

.heading-10 {
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  padding: .5em .7em;
  border-left: 2px dotted rgba(0, 0, 0, 0.1);
  border-right: 2px dotted rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.01);
  color: #ff0000;
  font-size: 1.5em;
}

.footer-001 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 10px 10px;
  background-color: #00bd06;
}

.footer-001 a span {
  font-weight: bolder;
  color: white;
}

.footer-001__logo {
  width: 130px;
  height: 30px;
}

.footer-001__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.5em;
  list-style-type: none;
  margin: 0 0 .5em;
  padding: .5em;
}

.footer-001__link {
  color: #fff;
  font-weight: 200;
  text-decoration: none;
}

.footer-001__copyright {
  margin: 0;
  color: #ffffffb3;
  font-weight: 200;
  font-size: .8em;
}
/*# sourceMappingURL=style.css.map */