@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  word-wrap: break-word; }

body {
  font-size: 1.6rem;
  background-color: #fff;
  margin: 0;
  padding: 0; }

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

h1, h2, h3, h4, div, p, ul, li {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }

a img:hover {
  filter: brightness(1.1); }

.pcOnly {
  display: none; }
  @media only screen and (min-width: 769px) {
    .pcOnly {
      display: inline; } }

.spOnly {
  display: inline; }
  @media only screen and (min-width: 769px) {
    .spOnly {
      display: none; } }

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
.takara-lp {
  background-image: url("../img/wood_bk_sp.jpg");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
  /*.prod*/
  /*.prize*/
  /*.method*/
  /*.terms*/ }
  @media only screen and (min-width: 769px) {
    .takara-lp {
      background-image: url("../img/wood_bk_pc.jpg");
      background-size: auto; } }
  @media only screen and (min-width: 1040px) {
    .takara-lp {
      background-size: 100% auto; } }
  .takara-lp .header {
    width: 100%;
    height: 70.66vw;
    text-indent: -9999px;
    background-image: url("../img/mv_sp.jpg"), url("../img/hd_shadow_sp.png");
    background-size: 100% auto, 100% auto;
    background-position: top center, bottom center;
    background-repeat: no-repeat, no-repeat; }
    @media only screen and (min-width: 769px) {
      .takara-lp .header {
        width: 100%;
        height: calc 74.0384615385vw;
        background-image: url("../img/mv_tb.jpg"), url("../img/hd_shadow_tb.png");
        background-size: 100% auto, auto;
        background-position: top center, bottom center;
        background-repeat: no-repeat, repeat-x; } }
    @media only screen and (min-width: 1040px) {
      .takara-lp .header {
        width: 100%;
        height: 770px;
        padding-bottom: 50px;
        background-image: url("../img/mv_pc.jpg"), url("../img/hd_shadow_pc.png");
        background-size: auto, auto;
        background-position: top center, bottom center;
        background-repeat: no-repeat, repeat-x; } }
    .takara-lp .header-inner {
      width: 100%; }
      @media only screen and (min-width: 769px) {
        .takara-lp .header-inner {
          width: calc( 1000 / 1040 * 100%);
          margin: 0 auto; } }
      @media only screen and (min-width: 1040px) {
        .takara-lp .header-inner {
          width: 1000px;
          margin: 0 auto; } }
  .takara-lp .bbwrap {
    width: 92vw;
    margin: 0 auto;
    background-image: url("../img/blackboard_top_sp.jpg"), url("../img/blackboard_mid_sp.jpg");
    background-size: 100% auto, 100% auto;
    background-repeat: no-repeat, repeat-y;
    background-position: top center, top 11.33vw center; }
    @media only screen and (min-width: 769px) {
      .takara-lp .bbwrap {
        width: calc( 1000 / 1040 * 100%);
        background-image: url("../img/blackboard_top_pc.jpg"), url("../img/blackboard_mid_pc.jpg");
        background-size: 100% auto, 100% auto;
        background-repeat: no-repeat, repeat-y;
        background-position: top center, top calc( 100 / 1040 * 100vw) center; } }
    @media only screen and (min-width: 1040px) {
      .takara-lp .bbwrap {
        width: 1000px;
        background-image: url("../img/blackboard_top_pc.jpg"), url("../img/blackboard_mid_pc.jpg");
        background-size: 100% auto, 100% auto;
        background-repeat: no-repeat, repeat-y;
        background-position: top center, top 100px center; } }
  .takara-lp .bbwrap-ft {
    width: 92vw;
    height: 8.933vw;
    margin: 0 auto;
    background-image: url("../img/blackboard_btm_sp.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (min-width: 769px) {
      .takara-lp .bbwrap-ft {
        width: calc( 1000 / 1040 * 100%);
        height: calc( 76 / 1040 * 100vw);
        background-image: url("../img/blackboard_btm_pc.png"); } }
    @media only screen and (min-width: 1040px) {
      .takara-lp .bbwrap-ft {
        width: 1000px;
        height: 76px;
        background-image: url("../img/blackboard_btm_pc.png"); } }
  .takara-lp .prod {
    margin: 15vw auto 0; }
    @media only screen and (min-width: 769px) {
      .takara-lp .prod {
        margin: calc( 100 / 1040 * 100%) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .takara-lp .prod {
        margin: 100px auto 0; } }
    .takara-lp .prod-inner {
      padding: 13vw 0 5vw; }
      @media only screen and (min-width: 769px) {
        .takara-lp .prod-inner {
          padding: calc( 95 / 1040 * 100%) 0 calc( 50 / 1040 * 100%); } }
      @media only screen and (min-width: 1040px) {
        .takara-lp .prod-inner {
          padding: 95px 0 50px; } }
      .takara-lp .prod-inner-title {
        width: 51.5vw;
        margin: 0 auto; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prod-inner-title {
            width: calc( 484 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prod-inner-title {
            width: 484px; } }
      .takara-lp .prod-inner-text {
        width: 60vw;
        margin: 8vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prod-inner-text {
            width: calc( 599 / 1040 * 100vw);
            margin: calc( 75 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prod-inner-text {
            width: 599px;
            margin: 75px auto 0; } }
      .takara-lp .prod-inner-ph {
        width: 76.26vw;
        margin: 12vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prod-inner-ph {
            width: calc( 762 / 1040 * 100vw);
            margin: calc( 90 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prod-inner-ph {
            width: 762px;
            margin: 90px auto 0; } }
      .takara-lp .prod-inner-note {
        width: 78vw;
        margin: 13.33vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prod-inner-note {
            width: calc( 770 / 1040 * 100vw);
            margin: calc( 140 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prod-inner-note {
            width: 770px;
            margin: 140px auto 0; } }
        .takara-lp .prod-inner-note li {
          color: #fff;
          font-size: 2.9vw;
          line-height: 1;
          margin-bottom: 0.75em; }
          @media only screen and (min-width: 769px) {
            .takara-lp .prod-inner-note li {
              font-size: 1.8rem; } }
          @media only screen and (min-width: 1040px) {
            .takara-lp .prod-inner-note li {
              font-size: 2rem; } }
      .takara-lp .prod-inner-text2 {
        width: 78vw;
        margin: 13.33vw auto 0;
        color: #fff;
        font-size: 2.9vw;
        line-height: 1.6; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prod-inner-text2 {
            width: calc( 770 / 1040 * 100vw);
            margin: calc( 45 / 1040 * 100vw) auto 0;
            font-size: 1.8rem; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prod-inner-text2 {
            width: 770px;
            margin: 45px auto 0;
            font-size: 2rem; } }
  .takara-lp .prize {
    margin: 15vw auto 0; }
    @media only screen and (min-width: 769px) {
      .takara-lp .prize {
        margin: calc( 100 / 1040 * 100%) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .takara-lp .prize {
        margin: 100px auto 0; } }
    .takara-lp .prize-inner {
      padding: 13vw 0 5vw; }
      @media only screen and (min-width: 769px) {
        .takara-lp .prize-inner {
          padding: calc( 95 / 1040 * 100%) 0 calc( 50 / 1040 * 100%); } }
      @media only screen and (min-width: 1040px) {
        .takara-lp .prize-inner {
          padding: 95px 0 50px; } }
      .takara-lp .prize-inner-title {
        width: 51.5vw;
        margin: 0 auto; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prize-inner-title {
            width: calc( 484 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prize-inner-title {
            width: 484px; } }
      .takara-lp .prize-inner-hd {
        width: 76.66vw;
        margin: 8vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prize-inner-hd {
            width: calc( 720 / 1040 * 100vw);
            margin: calc( 75 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prize-inner-hd {
            width: 720px;
            margin: 75px auto 0; } }
      .takara-lp .prize-inner-text {
        width: 78.6vw;
        margin: 8.5vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prize-inner-text {
            width: calc( 789 / 1040 * 100vw);
            margin: calc( 65 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prize-inner-text {
            width: 789px;
            margin: 65px auto 0; } }
      .takara-lp .prize-inner-textnote {
        font-size: 2.66vw;
        color: #fff;
        width: 78.6vw;
        margin: 2.66vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prize-inner-textnote {
            font-size: 1.8rem;
            width: calc( 789 / 1040 * 100vw);
            margin: calc( 18 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prize-inner-textnote {
            font-size: 2rem;
            width: 789px;
            margin: 18px auto 0; } }
      .takara-lp .prize-inner-paybrand {
        width: 80vw;
        margin: 7vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prize-inner-paybrand {
            width: calc( 800 / 1040 * 100vw);
            margin: calc( 60 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prize-inner-paybrand {
            width: 800px;
            margin: 60px auto 0; } }
      .takara-lp .prize-inner-note {
        width: 80vw;
        margin: 6vw auto 0;
        color: #fff;
        font-size: 2.6vw;
        line-height: 1.6; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prize-inner-note {
            width: calc( 790 / 1040 * 100vw);
            margin: calc( 65 / 1040 * 100vw) auto 0;
            font-size: 1.8rem; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prize-inner-note {
            width: 790px;
            margin: 65px auto 0;
            font-size: 2rem; } }
        .takara-lp .prize-inner-note h4 {
          margin-top: 1em;
          font-size: 110%; }
        .takara-lp .prize-inner-note ul {
          margin: 0em 0;
          padding-bottom: 2em;
          border-bottom: 1px solid #fff; }
          .takara-lp .prize-inner-note ul li {
            list-style: disc;
            margin-left: 1em; }
      .takara-lp .prize-inner-text2 {
        width: 78.6vw;
        margin: 6.66vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .prize-inner-text2 {
            width: calc( 790 / 1040 * 100vw);
            margin: calc( 40 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prize-inner-text2 {
            width: 790px;
            margin: 40px auto 0; } }
      .takara-lp .prize-inner-w_chance {
        width: 80vw;
        margin: 5.6vw auto 0;
        padding: 5.3vw 0 4vw;
        background-color: #fff;
        border-radius: 5.3vw; }
        @media only screen and (min-width: 1040px) {
          .takara-lp .prize-inner-w_chance {
            width: 800px;
            margin: 40px auto 0;
            padding: 30px 0 20px;
            border-radius: 40px; } }
        .takara-lp .prize-inner-w_chance h3 {
          width: 59.6vw;
          margin: 0 auto; }
          @media only screen and (min-width: 1040px) {
            .takara-lp .prize-inner-w_chance h3 {
              width: 496px; } }
        .takara-lp .prize-inner-w_chance .w-chance-ph {
          width: 72vw;
          margin: 4.66vw auto 0; }
          @media only screen and (min-width: 1040px) {
            .takara-lp .prize-inner-w_chance .w-chance-ph {
              width: 686px;
              margin: 25px auto 0; } }
        .takara-lp .prize-inner-w_chance .w-chance-subtitle {
          width: 69.3vw;
          margin: 4.66vw auto 0; }
          @media only screen and (min-width: 1040px) {
            .takara-lp .prize-inner-w_chance .w-chance-subtitle {
              width: 555px;
              margin: 33px auto 0; } }
        .takara-lp .prize-inner-w_chance .w-chance-note {
          width: 75vw;
          margin: 4.66vw auto 0;
          color: #000; }
          @media only screen and (min-width: 1040px) {
            .takara-lp .prize-inner-w_chance .w-chance-note {
              width: 700px;
              margin: 25px auto 0; } }
  .takara-lp .method {
    margin: 15vw auto 0; }
    @media only screen and (min-width: 769px) {
      .takara-lp .method {
        margin: calc( 100 / 1040 * 100%) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .takara-lp .method {
        margin: 100px auto 0; } }
    .takara-lp .method-inner {
      padding: 13vw 0 5vw; }
      @media only screen and (min-width: 769px) {
        .takara-lp .method-inner {
          padding: calc( 95 / 1040 * 100%) 0 calc( 50 / 1040 * 100%); } }
      @media only screen and (min-width: 1040px) {
        .takara-lp .method-inner {
          padding: 95px 0 50px; } }
      .takara-lp .method-inner-title {
        width: 51.5vw;
        margin: 0 auto; }
        @media only screen and (min-width: 769px) {
          .takara-lp .method-inner-title {
            width: calc( 484 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .method-inner-title {
            width: 484px; } }
      .takara-lp .method-inner-step {
        width: 87vw;
        margin: 7vw auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .method-inner-step {
            width: calc( 860 / 1040 * 100vw);
            margin: calc( 65 / 1040 * 100vw) auto 0; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .method-inner-step {
            width: 860px;
            margin: 65px auto 0; } }
        @media only screen and (min-width: 769px) {
          .takara-lp .method-inner-step li:last-child {
            margin-right: calc( -30 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .method-inner-step li:last-child {
            margin-right: -30px; } }
  .takara-lp .terms {
    margin: 15vw auto 0; }
    @media only screen and (min-width: 769px) {
      .takara-lp .terms {
        margin: calc( 190 / 1040 * 100vw) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .takara-lp .terms {
        margin: 190px auto 0; } }
    .takara-lp .terms-inner {
      position: relative;
      width: 92vw;
      margin: 0 auto;
      padding: 12vw 0 8vw;
      background-color: #fff; }
      @media only screen and (min-width: 769px) {
        .takara-lp .terms-inner {
          width: calc( 1000 / 1040 * 100vw);
          padding: calc( 100 / 1040 * 100vw) 0 calc( 60 / 1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .takara-lp .terms-inner {
          width: 1000px;
          padding: 100px 0 70px; } }
      .takara-lp .terms-inner-title {
        position: absolute;
        width: 53.3vw;
        top: -4.66vw;
        left: 50%;
        transform: translateX(-50%); }
        @media only screen and (min-width: 769px) {
          .takara-lp .terms-inner-title {
            width: calc( 480 / 1040 * 100vw);
            top: calc( -40 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .terms-inner-title {
            width: 480px;
            top: -40px; } }
      .takara-lp .terms-inner-cont {
        width: 85.33vw;
        height: 112vw;
        overflow-y: auto;
        margin: 0 auto;
        padding: 3vw 3vw 5vw 3vw;
        border: 1px solid #e4e4e4;
        font-size: 2.8vw;
        line-height: 1.65; }
        @media only screen and (min-width: 769px) {
          .takara-lp .terms-inner-cont {
            width: calc( 900 / 1040 * 100vw);
            height: calc( 790 / 1040 * 100vw);
            padding: calc( 30 / 1040 * 100vw) calc( 30 / 1040 * 100vw) calc( 60 / 1040 * 100vw) calc( 30 / 1040 * 100vw);
            font-size: 1.8rem;
            line-height: 1.65; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .terms-inner-cont {
            width: 900px;
            height: 790px;
            padding: 30px 30px 60px 30px;
            font-size: 2rem; } }
        .takara-lp .terms-inner-cont p {
          margin-top: 0.25em; }
        .takara-lp .terms-inner-cont p + h4, .takara-lp .terms-inner-cont ul + h4, .takara-lp .terms-inner-cont p + ul {
          margin-top: 1em; }
        .takara-lp .terms-inner-cont ul {
          margin-top: 0.25em; }
        .takara-lp .terms-inner-cont li {
          padding-left: 1em;
          text-indent: -1em; }
        .takara-lp .terms-inner-cont ul.disc li {
          list-style: disc;
          text-indent: 0;
          margin-left: 1.2em;
          padding-left: 0; }
        .takara-lp .terms-inner-cont ul.step li {
          padding-left: 4em;
          text-indent: -4em; }
        .takara-lp .terms-inner-cont .mt1em {
          margin-top: 1em; }
      .takara-lp .terms-inner-note {
        margin: 4.66vw auto 0;
        width: 79.46vw; }
        @media only screen and (min-width: 769px) {
          .takara-lp .terms-inner-note {
            margin: calc( 42 / 1040 * 100vw) auto 0;
            width: calc( 680 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .terms-inner-note {
            margin: 42px auto 0;
            width: 680px; } }
      .takara-lp .terms-inner-btn {
        margin: 7.86vw auto 0;
        width: 69.33vw; }
        @media only screen and (min-width: 769px) {
          .takara-lp .terms-inner-btn {
            margin: calc( 56 / 1040 * 100vw) auto 0;
            width: calc( 520 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .terms-inner-btn {
            margin: 56px auto 0;
            width: 520px; } }
        .takara-lp .terms-inner-btn a {
          pointer-events: none;
          opacity: 0.3;
          transition: opacity 0.2s linear; }
        .takara-lp .terms-inner-btn.active a {
          pointer-events: inherit;
          opacity: 1; }
      .takara-lp .terms-inner .note {
        text-align: center;
        font-size: 2.8vw;
        line-height: 1.5;
        margin: 1.5em auto 0; }
        @media only screen and (min-width: 769px) {
          .takara-lp .terms-inner .note {
            font-size: 1.7rem; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .terms-inner .note {
            font-size: 1.8rem; } }
  .takara-lp .footer {
    margin: 20vw 0 0;
    width: 100%;
    color: #fff;
    background-color: #2d2d2d; }
    @media only screen and (min-width: 769px) {
      .takara-lp .footer {
        margin: calc( 150 / 1040 * 100vw) 0 0; } }
    @media only screen and (min-width: 1040px) {
      .takara-lp .footer {
        margin: 150px 0 0; } }
    .takara-lp .footer-inner {
      position: relative;
      width: 92vw;
      margin: 0 auto;
      padding: 20vw 0 35vw; }
      @media only screen and (min-width: 769px) {
        .takara-lp .footer-inner {
          width: calc( 1000 / 1040 * 100vw);
          padding: calc( 150 / 1040 * 100vw) 0 calc( 150 / 1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .takara-lp .footer-inner {
          width: 1000px;
          padding: 150px 0 150px; } }
      .takara-lp .footer-inner-hd {
        width: 73.3vw;
        margin: 0 auto; }
        @media only screen and (min-width: 769px) {
          .takara-lp .footer-inner-hd {
            width: calc( 659 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .footer-inner-hd {
            width: 659px; } }
      .takara-lp .footer-inner-title {
        margin: 8.8vw auto 0;
        font-size: 3.46vw;
        font-weight: bold;
        line-height: 2;
        text-align: center; }
        @media only screen and (min-width: 769px) {
          .takara-lp .footer-inner-title {
            margin: calc( 82 / 1040 * 100vw) auto 0;
            font-size: 2.6rem; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .footer-inner-title {
            margin: 82px auto 0;
            font-size: 2.8rem; } }
      .takara-lp .footer-inner-text {
        margin: 4vw auto 0;
        font-size: 2.8vw;
        line-height: 2;
        text-align: center; }
        @media only screen and (min-width: 769px) {
          .takara-lp .footer-inner-text {
            margin: calc( 25 / 1040 * 100vw) auto 0;
            font-size: 2.4rem; } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .footer-inner-text {
            margin: 25px auto 0;
            font-size: 2.6rem; } }
      .takara-lp .footer-inner-banner {
        margin: 11vw auto 0;
        width: 80.26vw; }
        @media only screen and (min-width: 769px) {
          .takara-lp .footer-inner-banner {
            margin: calc( 80 / 1040 * 100vw) auto 0;
            width: calc( 720 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .footer-inner-banner {
            margin: 80px auto 0;
            width: 720px; } }
      .takara-lp .footer-inner .ptop {
        position: absolute;
        bottom: 10vw;
        right: 0;
        width: 13.33vw; }
        @media only screen and (min-width: 769px) {
          .takara-lp .footer-inner .ptop {
            bottom: calc( 30 / 1040 * 100vw);
            width: calc( 100 / 1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .takara-lp .footer-inner .ptop {
            bottom: 30px;
            width: 100px; } }

/*.takara-lp*/
.takara-lp_close {
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width: 769px) {
    .takara-lp_close {
      width: calc( 960 / 1040 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .takara-lp_close {
      width: 960px; } }