@charset "UTF-8";
body {
  margin: 0 !important;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Osaka, 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic'; }

html {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 750px) {
    html {
      font-size: 1.3333333333vw; } }
  @media (min-width: 750px) {
    html {
      font-size: 1.3333333333vw; } }
  @media only screen and (min-width: 1025px) {
    html {
      font-size: 0.5vw; } }
  @media (min-width: 2000px) {
    html {
      font-size: 10px; } }

.pokemon *,
.pokemon *::before,
.pokemon *::after {
  box-sizing: border-box; }
.pokemon h1,
.pokemon h2,
.pokemon h3,
.pokemon h4,
.pokemon h5,
.pokemon div,
.pokemon p,
.pokemon ul,
.pokemon li {
  margin: 0;
  padding: 0; }
.pokemon li {
  list-style: none; }
.pokemon img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }
.pokemon a:hover img {
  filter: saturate(130%);
  opacity: 1; }
.pokemon .pcOnly {
  display: none; }
  @media only screen and (min-width: 1025px) {
    .pokemon .pcOnly {
      display: inline; } }
.pokemon .spOnly {
  display: inline; }
  @media only screen and (min-width: 1025px) {
    .pokemon .spOnly {
      display: none; } }
@media only screen and (min-width: 420px) {
  .pokemon a[href*='tel:'] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

.pokemon {
  /******* キービジュアル*******/ }
  .pokemon .keyvisual {
    position: relative;
    width: 100%;
    background-color: #e50012;
    padding: 2.5rem 0 0 0; }
    .pokemon .keyvisual .logo-pokemon {
      width: 44.1rem;
      margin: 0 auto; }
    .pokemon .keyvisual .kv-title {
      width: 63.9rem;
      margin: 2.5rem auto 0; }
    .pokemon .keyvisual .kv-ph {
      background-image: url("../img/bg_kv_prod.png");
      background-position: top center;
      background-size: cover;
      width: 100%;
      height: 69.2rem;
      margin: 0.5rem auto 0;
      padding: 0rem 0 0 0; }

/******* イントロ *******/
.intro {
  position: relative;
  background-color: #ffffdc;
  padding: 8.7em 0 7.3rem !important; }
  .intro .intro-logo {
    width: 29.7rem;
    margin: 0 auto 0; }
  .intro .intro-md {
    width: 70rem;
    margin: 6rem auto 0; }
  .intro .intro-text {
    width: 100%;
    margin: 2.2rem auto 0; }

.pokemon {
  /**************/
  /**************/ }
  .pokemon .package {
    background-image: url("../img/bg_prod_furill.png"), url("../img/bg_prod.png");
    background-repeat: no-repeat,repeat-y;
    background-size: 100% auto,100% auto;
    background-position: top center ,top center;
    padding: 26.7rem 0 14.7rem; }
    .pokemon .package .package-cont {
      position: relative;
      background: #FFF;
      width: 67.4rem;
      border: solid #e50012 0.8rem;
      border-radius: 2rem;
      margin: 0 auto;
      padding: 18rem 0 6.4rem; }
    .pokemon .package .package-ti {
      position: absolute;
      width: 70.9rem;
      top: -12rem;
      left: -2rem; }
    .pokemon .package .package-md {
      width: 59.1rem;
      margin: 0rem auto 0; }
    .pokemon .package .package-list {
      width: 60.5rem;
      margin: 4rem auto 0;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .pokemon .package .package-list li {
        width: 29.2rem;
        margin: 0 0 2.3rem; }
    .pokemon .package .package02, .pokemon .package .package03 {
      margin-top: 8.9rem; }
    .pokemon .package .bt_recipe {
      width: 66.2rem;
      margin: 10rem auto 0;
      filter: drop-shadow(0 1.4rem 0 rgba(229, 0, 18, 0.3)); }

.pokemon {
  /**************/
  /**************/ }
  .pokemon .outline_red {
    position: relative;
    background-color: #e50012;
    background-image: url("../img/bg_outline_ball.png"), url("../img/bg_outline_red_b.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto,100% auto;
    background-position: top center,bottom center;
    padding: 19.2rem 0 17rem; }
    .pokemon .outline_red .outline-lead {
      width: 66.6rem;
      margin: 0rem auto 0; }
    .pokemon .outline_red .outline-ti {
      width: 100%;
      margin: 4.5rem auto 0; }
  .pokemon .outline_blue {
    position: relative;
    background-color: #004098;
    padding: 3.5rem 0 11.4rem; }
    .pokemon .outline_blue .outline-prod {
      width: 64.1rem;
      margin: 0rem auto 0; }
    .pokemon .outline_blue .outline-method-cont {
      position: relative;
      width: 66rem;
      margin: 12.7rem auto 0;
      background: #FFF;
      border-radius: 2rem;
      padding: 5rem 0 7.1rem; }
      .pokemon .outline_blue .outline-method-cont .method-nyahoja {
        position: absolute;
        width: 63.1rem;
        top: -10.6rem;
        left: 5.4rem; }
      .pokemon .outline_blue .outline-method-cont .method-pochama {
        position: absolute;
        width: 69.5rem;
        bottom: -11.4rem;
        left: -0.6rem; }
      .pokemon .outline_blue .outline-method-cont .method-ti {
        width: 23.3rem;
        margin: 0 auto; }
      .pokemon .outline_blue .outline-method-cont .method-text {
        width: 62.5rem;
        margin: 4.7rem auto 0; }
      .pokemon .outline_blue .outline-method-cont .method-period01 {
        width: 59.4rem;
        margin: 5.3rem auto 0; }
      .pokemon .outline_blue .outline-method-cont .method-period02 {
        width: 59.4rem;
        margin: 6rem auto 0; }
    .pokemon .outline_blue .goods-cont {
      position: relative;
      background: #00204c;
      border-radius: 2rem;
      width: 66rem;
      margin: 22.3rem auto 0;
      padding: 10.2rem 0 4.8rem; }
      .pokemon .outline_blue .goods-cont .goods-ti {
        position: absolute;
        width: 69.1rem;
        top: -12.9rem;
        left: -1.7rem; }
      .pokemon .outline_blue .goods-cont .goods_text {
        width: 46rem;
        margin: 0 auto; }

.pokemon {
  /******* お問い合わせ先 *******/ }
  .pokemon .contact {
    width: 100%;
    background-color: #7c230c;
    position: relative;
    padding: 6.1rem 0 7.5rem 0; }
    .pokemon .contact .contact_ill {
      position: absolute;
      width: 69rem;
      top: -8.7rem;
      left: 4.8rem; }
    .pokemon .contact .contact-ti {
      width: 32.5rem;
      margin: 0rem auto 0; }
    .pokemon .contact .contact_cont {
      background: #FFF;
      width: 68rem;
      border-radius: 2rem;
      margin: 3.4rem auto 0;
      padding: 3.6rem 0 3.7rem; }
    .pokemon .contact .contact-name {
      width: 58.7rem;
      margin: 0rem auto 0; }
    .pokemon .contact .contact-freecall {
      width: 47.2rem;
      margin: 2.9rem auto 0; }
    .pokemon .contact .contact-period {
      width: 59.5rem;
      margin: 2.8rem auto 0; }
    .pokemon .contact .logo_pokemon_en {
      width: 22.4rem;
      margin: 4rem auto 0; }
    .pokemon .contact .copyright {
      text-align: center;
      color: #FFF;
      font-size: 1.6rem;
      margin: 3.2rem auto 0; }
  .pokemon .nippun {
    height: 15rem;
    background: #ffffdc;
    display: flex;
    justify-content: center;
    align-items: center; }
    .pokemon .nippun img {
      width: 22.4rem; }
    @media only screen and (min-width: 1025px) {
      .pokemon .nippun {
        display: none; } }

.pokemon {
  background-color: #004098;
  /******* PC表示用 *******/ }
  .pokemon .pc-left,
  .pokemon .pc-right {
    display: none; }
  @media only screen and (min-width: 1025px) {
    .pokemon .contents-wrap {
      width: 100%; } }
  @media only screen and (min-width: 1025px) and (min-width: 1025px) {
    .pokemon .contents-wrap {
      background-image: url("../img/bg_white.png");
      background-size: 77rem;
      background-position: top center;
      background-repeat: repeat-y; } }
  @media only screen and (min-width: 1025px) {
    .pokemon .lp-contents {
      margin: 0 auto;
      width: 75rem; }
    .pokemon .pc-left {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      width: calc(50% - 37.5rem);
      height: 100%; }
      .pokemon .pc-left .pc-logo-omay {
        position: absolute;
        width: 24rem;
        top: 4.2rem;
        left: 3.6rem; }
      .pokemon .pc-left .pc-left-cont {
        background-image: url("../img/bg_pc_left.png");
        background-size: 61.5rem auto;
        background-position: top center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%; }
    .pokemon .pc-right {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      right: 0;
      width: calc(50% - 37.5rem);
      height: 100%; }
      .pokemon .pc-right .pc-logo-nippn {
        position: absolute;
        width: 22.3rem;
        top: 6rem;
        right: 5.5rem; }
      .pokemon .pc-right .pc-right-cont {
        background-image: url("../img/bg_pc_right.png");
        background-size: 61.5rem auto;
        background-position: top center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%; }
        .pokemon .pc-right .pc-right-cont .pc-right-nav {
          width: 37.7rem;
          margin: auto auto;
          padding: 19.2rem 0 0 0; }
          .pokemon .pc-right .pc-right-cont .pc-right-nav li {
            height: 4.8rem; }
            .pokemon .pc-right .pc-right-cont .pc-right-nav li img {
              height: 100%;
              width: auto; }
            .pokemon .pc-right .pc-right-cont .pc-right-nav li a:hover img {
              filter: brightness(150%) hue-rotate(30deg);
              opacity: 1; }
          .pokemon .pc-right .pc-right-cont .pc-right-nav li + li {
            margin-top: 4.2rem; } }

.fadeIn {
  opacity: 0; }
  .fadeIn.active {
    animation: fadeIn 1s ease-in-out forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }