@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap");
#app_txtarea--abtest {
  display: none; }

#tokusyu {
  color: #000;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: .05em;
  overflow: hidden; }
  @media only screen and (max-width: 899px) {
    #tokusyu {
      margin-inline: -10px;
      padding-inline: 10px; } }
  #tokusyu *,
  #tokusyu *:before,
  #tokusyu *:after {
    box-sizing: border-box; }
  #tokusyu i {
    font-style: normal; }
  #tokusyu figure {
    margin: 0; }
  #tokusyu img {
    vertical-align: top;
    width: auto;
    height: auto; }
    @media print, screen and (min-width: 900px) {
      #tokusyu img {
        max-width: 100%; } }
  #tokusyu .p-check-q-btn, #tokusyu .p-retry-btn, #tokusyu .p-other-btn {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  #tokusyu .p-contents {
    background: #fbea6d;
    color: #19535f;
    font-family: 'Noto Sans JP', sans-serif;
    padding-bottom: 80px; }
    @media only screen and (max-width: 899px) {
      #tokusyu .p-contents {
        margin-inline: -10px; } }
  #tokusyu .p-list li {
    text-indent: -1em;
    margin-left: 1em; }
  #tokusyu .p-list-offer {
    font-size: 10px;
    font-size: 0.625rem;
    margin-top: .5em; }
    #tokusyu .p-list-offer li {
      text-indent: -1em;
      margin-left: 1em; }
  #tokusyu .p-link {
    text-decoration: underline;
    color: inherit;
    word-break: break-all; }
  #tokusyu .p-tac {
    text-align: center; }
  #tokusyu .p-mv {
    background: #fff;
    padding-bottom: 40px; }
  #tokusyu .p-mv-shoulder {
    background: #000;
    color: #fff;
    padding: 5px 15px;
    display: flex;
    align-items: center; }
    #tokusyu .p-mv-shoulder img {
      margin-left: 10px; }
  #tokusyu .p-mv-ttl {
    padding-top: 168.53%;
    position: relative;
    overflow: hidden;
    background: #fbea6d; }
    #tokusyu .p-mv-ttl img {
      height: auto;
      position: absolute; }
  #tokusyu .p-mv-catch {
    width: 86.4%;
    top: 3%;
    left: 0;
    z-index: 1;
    opacity: 0;
    transform: translate(-10%, 0); }
  #tokusyu .p-mv-main {
    width: 85.13%;
    top: 14%;
    left: 50%;
    transform: translate(-50%, -10%);
    opacity: 0; }
  #tokusyu .p-mv-before {
    width: 42.66%;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: translate(0, 10%); }
  #tokusyu .p-mv-after {
    width: 53.46%;
    bottom: -1%;
    right: 5%;
    opacity: 0;
    transform: translate(0, 10%); }
  #tokusyu .is-anime .p-mv-catch {
    transition: opacity 1s .5s, transform 1s .5s;
    transform: translate(0, 0);
    opacity: 1; }
  #tokusyu .is-anime .p-mv-main {
    transition: opacity 1s .8s, transform 1s .8s;
    transform: translate(-50%, 0);
    opacity: 1; }
  #tokusyu .is-anime .p-mv-before {
    transition: opacity .5s 1.5s, transform .5s 1.5s;
    transform: translate(0, 0);
    opacity: 1; }
  #tokusyu .is-anime .p-mv-after {
    transition: opacity .5s 1.8s, transform .5s 1.8s;
    transform: translate(0, 0);
    opacity: 1; }
  #tokusyu .p-mv-lead {
    margin: 30px; }
  #tokusyu .p-mv-author {
    margin: 0 15px;
    border-top: 1px solid #19535f;
    border-bottom: 1px solid #19535f;
    padding: 2px 0; }
  #tokusyu .p-mv-author-inr {
    border-top: 2px solid #19535f;
    border-bottom: 2px solid #19535f;
    display: flex;
    align-items: center;
    background: #fbea6d;
    position: relative; }
    #tokusyu .p-mv-author-inr:after {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background: #fff;
      position: absolute;
      bottom: 0;
      left: 0; }
  #tokusyu .p-mv-author-ill {
    padding-top: 30px;
    flex: 0 0 30%;
    text-align: center; }
  #tokusyu .p-mv-author-data {
    flex: 1 1 auto; }
  #tokusyu .p-mv-author-name {
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: .5em; }
    #tokusyu .p-mv-author-name dt {
      font-size: 14px;
      font-size: 0.875rem; }
      @media print, screen and (min-width: 900px) {
        #tokusyu .p-mv-author-name dt {
          font-size: 16px;
          font-size: 1rem; } }
    #tokusyu .p-mv-author-name dd {
      font-size: 16px;
      font-size: 1rem; }
      @media print, screen and (min-width: 900px) {
        #tokusyu .p-mv-author-name dd {
          font-size: 20px;
          font-size: 1.25rem; } }
  #tokusyu .p-mv-author-msg {
    font-size: 11px;
    font-size: 0.6875rem;
    padding-right: 15px; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-mv-author-msg {
        font-size: 14px;
        font-size: 0.875rem; } }
  #tokusyu .p-sec {
    padding: 30px 0 60px; }
  #tokusyu .p-sec-inr {
    margin: 0 15px; }
  #tokusyu .p-check {
    padding-bottom: 10px; }
  #tokusyu .p-check-ttl {
    text-align: center; }
    #tokusyu .p-check-ttl img {
      width: 89.6%;
      margin-right: -3%; }
  #tokusyu .p-check-body {
    border: 2px solid #19535f;
    background: #fff;
    border-radius: 10px;
    padding: 45px 15px 20px;
    position: relative; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-check-body {
        padding-top: 60px; } }
  #tokusyu .p-check-hl {
    background: #fff;
    text-align: center;
    width: 90%;
    padding: 15px;
    border-radius: 100px;
    line-height: 1;
    font-size: 10px;
    font-size: 0.625rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -40%); }
    #tokusyu .p-check-hl img {
      position: relative;
      z-index: 1; }
    #tokusyu .p-check-hl:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: #fbea6d;
      border-radius: 100px;
      position: absolute;
      top: 5px;
      left: 4px; }
    #tokusyu .p-check-hl:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      border: 2px solid #19535f;
      border-radius: 100px;
      position: absolute;
      top: 0;
      left: 0; }
  #tokusyu .p-check-offer {
    font-size: 10px;
    font-size: 0.625rem;
    text-align: center;
    font-weight: bold; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-check-offer {
        font-size: 14px;
        font-size: 0.875rem; } }
  #tokusyu .p-check-q-index {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0; }
    #tokusyu .p-check-q-index li {
      width: 25px;
      height: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1;
      border: 1px solid #19535f;
      border-radius: 100%;
      position: relative; }
      #tokusyu .p-check-q-index li:not(:last-child) {
        margin-right: 12px; }
        #tokusyu .p-check-q-index li:not(:last-child):after {
          content: "";
          display: block;
          width: 14px;
          height: 1px;
          background: #19535f;
          position: absolute;
          top: 50%;
          left: 100%; }
      #tokusyu .p-check-q-index li.is-actv {
        width: 40px;
        height: 40px;
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        background: #19535f;
        color: #fff;
        padding-bottom: 5px; }
        #tokusyu .p-check-q-index li.is-actv:before {
          content: "Q"; }
  #tokusyu .p-check-q-content {
    background: #f4f4f4;
    padding: 15px 15px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 280px; }
  #tokusyu .p-check-q-hl {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 15px;
    line-height: 1.5;
    white-space: nowrap; }
  #tokusyu .p-check-q-ill img {
    max-width: 100%; }
  #tokusyu .p-check-q-exs {
    margin: 5px 0;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-check-q-exs {
        height: 240px; } }
  #tokusyu .p-check-q-ex {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 8px 5px;
    line-height: 1.6;
    min-height: 40%; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-check-q-ex {
        font-size: 16px;
        font-size: 1rem; } }
    #tokusyu .p-check-q-ex:not(:last-child) {
      border-bottom: 1px dotted #bbb; }
    #tokusyu .p-check-q-ex dt {
      display: flex;
      align-items: center;
      font-weight: bold;
      margin-bottom: 5px; }
      #tokusyu .p-check-q-ex dt:before {
        content: "";
        display: block;
        width: 17px;
        height: 17px;
        background: url(../img/icon-check-ex.png) 50% 50%/contain no-repeat;
        margin-right: 5px; }
    #tokusyu .p-check-q-ex dd {
      text-indent: -1em;
      margin-left: 1em; }
  #tokusyu .p-check-q-btns {
    display: flex;
    justify-content: space-between; }
    #tokusyu .p-check-q-btns li {
      flex: 0 0 calc((100% - 14px) / 2); }
  #tokusyu .p-check-q-btn {
    display: block;
    width: 100%;
    height: 80px;
    background: #e85d75;
    border-radius: 8px;
    box-shadow: 0 5px 0 0 #c31c39;
    position: relative; }
    #tokusyu .p-check-q-btn:before {
      content: "";
      display: block;
      width: calc(100% - 12px);
      height: calc(100% - 12px);
      border: 1px solid #fff;
      border-radius: 4px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    #tokusyu .p-check-q-btn:not([disabled]):active {
      background: #e54762;
      transform: translate(0, 3px);
      box-shadow: 0 2px 0 0 #c31c39; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-check-q-btn img {
        height: 26px; } }
  #tokusyu .p-result-ttl {
    text-align: center; }
  #tokusyu .p-result-weakpoint {
    position: relative;
    padding-top: 50px;
    margin-top: -15px; }
  #tokusyu .p-result-weakpoint-hl {
    position: absolute;
    top: 0;
    left: -15px;
    z-index: 1; }
  #tokusyu .p-weakpoint {
    border: 2px solid #19535f;
    background: #fff;
    border-radius: 10px;
    padding: 60px 15px 20px;
    position: relative;
    overflow: hidden; }
    #tokusyu .p-weakpoint:not(:first-child) {
      margin-top: 20px; }
  #tokusyu .p-weakpoint-num {
    position: absolute;
    top: 0;
    right: 0;
    background: #19535f;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 15px 5px;
    border-radius: 0 0 0 10px;
    font-weight: bold;
    font-size: 10px;
    font-size: 0.625rem; }
    #tokusyu .p-weakpoint-num i {
      font-size: 14px;
      font-size: 0.875rem; }
  #tokusyu .p-weakpoint-hl {
    text-align: center;
    margin-bottom: 1.5em; }
  #tokusyu .p-weakpoint-lead {
    font-weight: bold;
    margin: 0 15px; }
    #tokusyu .p-weakpoint-lead i {
      color: #e85d75; }
  #tokusyu .p-result-noweak {
    position: relative;
    padding-top: 30px;
    margin-top: -15px; }
  #tokusyu .p-result-noweak-hl {
    position: absolute;
    top: 0;
    left: -15px;
    z-index: 1; }
  #tokusyu .p-noweak {
    border: 2px solid #19535f;
    background: #fff;
    border-radius: 10px;
    padding: 30px 15px 20px;
    margin-top: 20px;
    position: relative;
    overflow: hidden; }
  #tokusyu .p-noweak-hl {
    text-align: center;
    margin-bottom: 1.5em; }
  #tokusyu .p-noweak-lead {
    font-weight: bold;
    margin: 0 15px 25px; }
  #tokusyu .p-noweak-ill {
    text-align: center;
    margin: 20px 0; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-noweak-ill img {
        width: 70%; } }
  #tokusyu .p-solution {
    margin: 30px 0 10px; }
  #tokusyu .p-solution-hl {
    margin-bottom: 10px; }
  #tokusyu .p-solution-ill {
    text-align: center;
    margin: 20px 0; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-solution-ill img {
        width: 70%; } }
  #tokusyu .p-solution-hl-sub {
    text-align: center;
    margin: 30px 0 10px; }
  #tokusyu .p-solution-list > li {
    position: relative;
    padding: 10px 0 10px 28px; }
    #tokusyu .p-solution-list > li:not(:last-child) {
      border-bottom: 1px dotted #bbb; }
    #tokusyu .p-solution-list > li:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      background: url(../img/icon-solution.png) 50% 50%/contain no-repeat;
      position: absolute;
      top: 12px;
      left: 0; }
  #tokusyu .p-omajinai {
    background: linear-gradient(-45deg, rgba(35, 150, 164, 0.2), rgba(35, 150, 164, 0.2) 25%, rgba(35, 150, 164, 0.1) 25%, rgba(35, 150, 164, 0.1) 50%, rgba(35, 150, 164, 0.2) 50%, rgba(35, 150, 164, 0.2) 75%, rgba(35, 150, 164, 0.1) 75%, rgba(35, 150, 164, 0.1)) 0 0/6px 6px repeat;
    padding: 25px 15px 25px; }
  #tokusyu .p-omajinai-hl {
    text-align: center;
    margin-bottom: 10px; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-omajinai-hl img {
        width: 70%; } }
  #tokusyu .p-omajinai-lead {
    margin: 0 20px; }
  #tokusyu .p-result-btns {
    margin: 30px 15px 0; }
    #tokusyu .p-result-btns li {
      margin-top: 15px; }
  #tokusyu .p-retry-btn {
    width: 100%;
    background: #454545;
    color: #fff;
    text-align: center;
    padding: 15px;
    border-radius: 100px;
    box-shadow: 0 5px 0 0 #2c2c2c;
    line-height: 1.5;
    position: relative; }
    #tokusyu .p-retry-btn:after {
      content: "";
      display: block;
      width: 17px;
      height: 17px;
      background: url(../img/icon-retry.png) 50% 50%/contain no-repeat;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, -50%); }
  #tokusyu .p-other-btn {
    width: 100%;
    background: #e85d75;
    color: #fff;
    text-align: center;
    padding: 15px;
    border-radius: 100px;
    box-shadow: 0 5px 0 0 #c31c39;
    line-height: 1.5;
    position: relative; }
    #tokusyu .p-other-btn:before {
      content: "";
      display: block;
      width: 15px;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, 0); }
    #tokusyu .p-other-btn:after {
      content: "";
      display: block;
      width: 15px;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translate(0, 0) rotate(90deg);
      transition: transform .5s; }
    #tokusyu .p-other-btn.is-open:after {
      transform: translate(0, 0) rotate(0deg); }
  #tokusyu .p-other {
    margin-top: 35px;
    padding-top: 1px; }
  #tokusyu .p-mind-ttl {
    text-align: center; }
    #tokusyu .p-mind-ttl img {
      width: 89.6%;
      margin-right: -3%; }
  #tokusyu .p-mind-head {
    margin: 30px 15px; }
  #tokusyu .p-mind-lead {
    font-weight: bold; }
  #tokusyu .p-step-item {
    border: 2px solid #19535f;
    border-radius: 10px;
    margin-top: 80px;
    position: relative; }
    #tokusyu .p-step-item:before {
      content: "";
      display: block;
      width: 104px;
      height: 104px;
      border-radius: 100%;
      border: 2px solid #19535f;
      background: #fff;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%); }
  #tokusyu .p-step-item-inr {
    background: #fff;
    padding: 75px 30px 20px;
    border-radius: 10px;
    position: relative; }
  #tokusyu .p-step-num {
    width: 80px;
    height: 80px;
    background: #fbea6d;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-step-num img {
        width: 36px;
        height: 36px; } }
  #tokusyu .p-step-hl {
    text-align: center;
    margin-bottom: 1.5em; }
  #tokusyu .p-step-hl-sub {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    padding-left: 10px;
    border-left: 6px solid #19535f;
    margin-bottom: 1em; }
    #tokusyu .p-step-hl-sub i {
      color: #e85d75; }
  #tokusyu .p-step-body i {
    color: #e85d75;
    font-weight: bold; }
  #tokusyu .p-step-body p {
    margin-top: 1em; }
  #tokusyu .p-column {
    -webkit-border-image: url(../img/bg-mind-column.png) 56 stretch round;
    border-style: solid;
    border-width: 25px;
    margin: 20px -15px 0; }
  #tokusyu .p-column-inr {
    margin: 0 -10px;
    padding: 10px 0 10px;
    background: #f0f0f0; }
  #tokusyu .p-column-hl {
    text-align: center;
    margin-bottom: 20px; }
  #tokusyu .p-column-hl-sub {
    background: #61cad7;
    margin: 10px 0; }
  #tokusyu .p-column-list {
    font-size: 12px;
    font-size: 0.75rem; }
    #tokusyu .p-column-list li {
      font-weight: bold;
      padding: 5px 10px;
      border-bottom: 1px dotted #bbb; }
  #tokusyu .p-column-words {
    font-size: 12px;
    font-size: 0.75rem; }
    #tokusyu .p-column-words li {
      padding: 5px 10px 5px 40px;
      min-height: 38px;
      position: relative; }
      #tokusyu .p-column-words li:not(:last-child) {
        border-bottom: 1px dotted #bbb; }
      #tokusyu .p-column-words li:before {
        content: "";
        display: block;
        position: absolute; }
      #tokusyu .p-column-words li img {
        vertical-align: middle; }
  #tokusyu .p-column-words-ng:before {
    width: 28px;
    height: 28px;
    background: url(../img/icon-question.png) 50% 50%/contain no-repeat;
    top: 0;
    left: 0; }
  #tokusyu .p-column-words-ok:before {
    width: 26px;
    height: 26px;
    background: url(../img/icon-smile.png) 50% 50%/contain no-repeat;
    top: 6px;
    left: 2px; }
  #tokusyu .p-column-body {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 10px; }
  #tokusyu .p-conquest-ttl {
    text-align: center; }
    #tokusyu .p-conquest-ttl img {
      width: 89.6%;
      margin-right: -3%; }
  #tokusyu .p-conquest-catch {
    margin: 30px 15px;
    text-align: center; }
  #tokusyu .p-conquest-lead {
    font-weight: bold; }
  #tokusyu .p-point-item {
    border: 2px solid #19535f;
    border-radius: 10px;
    margin-top: 80px;
    position: relative; }
    #tokusyu .p-point-item:before {
      content: "";
      display: block;
      width: 104px;
      height: 104px;
      border-radius: 100%;
      border: 2px solid #19535f;
      background: #fff;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%); }
  #tokusyu .p-point-item-inr {
    background: #fff;
    padding: 75px 30px 20px;
    border-radius: 10px;
    position: relative; }
  #tokusyu .p-point-num {
    width: 80px;
    height: 80px;
    background: #fbea6d;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center; }
    @media print, screen and (min-width: 900px) {
      #tokusyu .p-point-num img {
        width: 36px;
        height: 36px; } }
  #tokusyu .p-point-hl {
    text-align: center;
    margin-bottom: 1.5em; }
  #tokusyu .p-point-body i {
    color: #e85d75;
    font-weight: bold; }
  #tokusyu .p-point-body p {
    margin-top: 1em; }
  #tokusyu .p-author-msg {
    border: 3px solid #19535f;
    border-radius: 10px;
    padding: 30px 30px; }
  #tokusyu .p-author-ill {
    text-align: center; }
  #tokusyu .p-author-hl {
    text-align: center;
    margin: 1.5em 0 1em; }
  #tokusyu .p-author-lead {
    font-weight: bold; }
  #tokusyu .p-author-profile {
    margin: 20px 15px 0; }
  #tokusyu .p-author-name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .5em; }
  #tokusyu .js-slide-vertical {
    transform: translate(0, 50px);
    opacity: 0; }
    #tokusyu .js-slide-vertical.is-anime {
      transition: transform .7s, opacity .7s;
      transform: translate(0, 0);
      opacity: 1; }

@media only screen and (max-width: 899px) {
  .p-dl {
    padding: 40px 0;
    background: radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 30%) 0 0/4px 4px repeat, radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 30%) 2px 2px/4px 4px repeat, url(../img/bg-download-sp.png) 50% 50%/cover no-repeat; } }
@media print, screen and (min-width: 900px) {
  .p-dl {
    padding: 80px 0;
    background: radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 30%) 0 0/4px 4px repeat, radial-gradient(rgba(255, 255, 255, 0.8) 30%, transparent 30%) 2px 2px/4px 4px repeat, url(../img/bg-download-pc.png) 50% 50%/cover no-repeat; } }
.p-dl * {
  box-sizing: border-box; }

.p-dl-lead {
  text-align: center;
  font-weight: bold;
  line-height: 1.8; }
  @media only screen and (max-width: 899px) {
    .p-dl-lead {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media print, screen and (min-width: 900px) {
    .p-dl-lead {
      font-size: 18px;
      font-size: 1.125rem; } }
  .p-dl-lead span {
    display: block; }
    @media only screen and (max-width: 899px) {
      .p-dl-lead span {
        font-size: 18px;
        font-size: 1.125rem; } }
    @media print, screen and (min-width: 900px) {
      .p-dl-lead span {
        font-size: 22px;
        font-size: 1.375rem; } }

.p-dl-inr {
  background: #fff;
  border-radius: 10px; }
  @media only screen and (max-width: 899px) {
    .p-dl-inr {
      margin: 30px 25px 0;
      padding: 25px; } }
  @media print, screen and (min-width: 900px) {
    .p-dl-inr {
      width: 100%;
      max-width: 840px;
      margin: 30px auto 0;
      padding: 50px 0; } }

.p-dl-ttl {
  text-align: center; }
  @media only screen and (max-width: 899px) {
    .p-dl-ttl {
      margin-bottom: 30px; } }
  @media print, screen and (min-width: 900px) {
    .p-dl-ttl {
      margin-bottom: 50px; } }
  .p-dl-ttl img {
    width: auto;
    height: auto; }

@media print, screen and (min-width: 900px) {
  .p-dl-store {
    width: 400px;
    margin: 0 auto; } }

@media print, screen and (min-width: 900px) {
  .p-dl-store-inr {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 55px; } }

@media only screen and (max-width: 899px) {
  .p-dl-store-qr {
    display: none; } }
@media print, screen and (min-width: 900px) {
  .p-dl-store-qr {
    flex: 0 0 150px;
    margin-right: 30px; }
    .p-dl-store-qr dt {
      width: 100%;
      height: 40px;
      position: absolute;
      top: 0;
      left: 0;
      background: #E0057E;
      color: #fff;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      .p-dl-store-qr dt:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border: 5px solid transparent;
        border-bottom: none;
        border-top: 10px solid #E0057E;
        position: absolute;
        top: 100%;
        left: 70px; } }
.p-dl-store-qr dd img {
  width: 100%; }

@media only screen and (max-width: 899px) {
  .p-dl-store-bnr {
    display: flex;
    justify-content: space-between; } }
@media print, screen and (min-width: 900px) {
  .p-dl-store-bnr {
    flex: 1 1 auto; } }
@media only screen and (max-width: 899px) {
  .p-dl-store-bnr li {
    flex: 0 0 calc((100% - 15px) / 2); } }
@media print, screen and (min-width: 900px) {
  .p-dl-store-bnr li:not(:first-child) {
    margin-top: 8px; } }
.p-dl-store-bnr img {
  width: 100%;
  height: auto; }

@media only screen and (max-width: 899px) {
  .p-dl-store-offer {
    margin-top: 1em; } }
@media print, screen and (min-width: 900px) {
  .p-dl-store-offer {
    text-align: center;
    margin-top: 2em; } }

.p-dl-btns {
  z-index: 100;
  transition: opacity .5s 0s, right 0s 0s; }
  @media only screen and (max-width: 899px) {
    .p-dl-btns {
      position: relative;
      height: 0;
      margin-top: 30px;
      right: 0; } }
  @media print, screen and (min-width: 900px) {
    .p-dl-btns {
      position: fixed;
      right: 0;
      bottom: 20px; } }
  .p-dl-btns.is-hidden {
    right: -1000px;
    opacity: 0;
    transition: opacity .5s 0s, right 0s .5s; }

.p-dl-btns-inr {
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 899px) {
    .p-dl-btns-inr {
      padding: 0 25px; } }
  @media only screen and (max-width: 899px) {
    .p-dl-btns-inr.is-fixed {
      position: fixed;
      left: 0;
      bottom: 20px; } }

.p-dl-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e93600;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  padding: .5em;
  line-height: 1.5;
  position: relative; }
  @media only screen and (max-width: 899px) {
    .p-dl-btn {
      border: 3px solid #fff;
      border-radius: 100px;
      padding: .8em; } }
  @media print, screen and (min-width: 900px) {
    .p-dl-btn {
      border: 4px solid rgba(255, 255, 255, 0.8);
      border-radius: 100px 0 0 100px;
      border-right: none;
      padding: .6em 3em .6em 2em;
      background-clip: padding-box; } }
  .p-dl-btn:after {
    content: "";
    display: block;
    background: url(../img/icon-arrow.png) 50% 50%/contain no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); }
    @media only screen and (max-width: 899px) {
      .p-dl-btn:after {
        width: 15px;
        height: 15px;
        right: 20px; } }
    @media print, screen and (min-width: 900px) {
      .p-dl-btn:after {
        width: 20px;
        height: 20px;
        right: 15px; } }

.p-dl-btn-icon {
  width: 50px;
  margin-right: 20px; }

.p-dl-btn-txt {
  color: #fff;
  font-weight: bold; }

/*# sourceMappingURL=index.css.map */