@charset "UTF-8";
/**▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼　デバイス毎の条件分岐　▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼**/
/**▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ デバイス毎の条件分岐（触らない） ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲**/
/* ------------------------------------------------- *
 *        ＠LP
 * ------------------------------------------------- */
.l-lp-mainvisual {
  border-bottom: 1px solid #D5E6FF;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 767px) {
    .l-lp-mainvisual {
      margin-bottom: 0; } }
  .l-lp-mainvisual img {
    margin: 0 auto; }

.block-ranking {
  margin-bottom: 4rem; }
  .block-ranking .title-ranking {
    background: #060D5D;
    font-size: 2rem;
    font-weight: 700;
    margin: 3rem 0 2rem;
    padding: 2rem 1.5rem; }
    @media only screen and (max-width: 767px) {
      .block-ranking .title-ranking {
        padding: 1.5rem; } }
    .block-ranking .title-ranking::after {
      border-top-color: #060D5D; }
  .block-ranking .box-rank {
    border: 1px solid #bfbfbf;
    box-shadow: 0 2px 4px #ddd;
    margin-bottom: 2rem;
    /*楽天証券用注釈*/ }
    @media only screen and (max-width: 767px) {
      .block-ranking .box-rank {
        border: none;
        border-bottom: 1px solid #bfbfbf;
        border-top: 1px solid #bfbfbf; } }
    .block-ranking .box-rank.rank01 .title {
      border-bottom: 5px solid #E6B526; }
    .block-ranking .box-rank.rank02 .title {
      border-bottom: 5px solid #898989; }
    .block-ranking .box-rank.rank03 .title {
      border-bottom: 5px solid #983D0B; }
    .block-ranking .box-rank .box {
      margin-bottom: 2rem;
      padding: .5rem 1.5rem; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .box {
          margin-bottom: 0;
          padding: .5rem 1.5rem 3rem; } }
      .block-ranking .box-rank .box h4 {
        font-size: 2rem;
        line-height: 1.5;
        margin-bottom: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .box h4 {
            font-size: 1.6rem; } }
      .block-ranking .box-rank .box .reason {
        margin: 2rem 0 1.5rem; }
        .block-ranking .box-rank .box .reason dt {
          background: #1a3e86;
          color: #fff;
          font-size: 1.6rem;
          font-weight: 700;
          padding: 0.6rem 1rem;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .box .reason dt {
              font-size: 1.4rem; } }
        .block-ranking .box-rank .box .reason dd {
          border: 1px solid #1a3e86;
          padding: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .box .reason dd {
              padding: 1rem; } }
          .block-ranking .box-rank .box .reason dd ul {
            background: none;
            padding: 0; }
    .block-ranking .box-rank .banner {
      padding: 0 1.5rem 1.5rem 0; }
    .block-ranking .box-rank .title {
      border-bottom: 5px solid #1B53C2;
      margin-bottom: 1rem;
      padding: 1.5rem 1.5rem .5rem; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .title {
          padding: 1rem; } }
      .block-ranking .box-rank .title h3 {
        font-size: 2.8rem;
        line-height: 1.6;
        padding-left: 6.5rem;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .title h3 {
            font-size: 2.2rem;
            padding-left: 5.5rem; } }
        .block-ranking .box-rank .title h3 .icon-rank {
          display: block;
          left: 0;
          position: absolute;
          top: -1rem; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .title h3 .icon-rank {
              top: -.5rem; } }
          .block-ranking .box-rank .title h3 .icon-rank img {
            display: inline-block; }
            @media only screen and (max-width: 767px) {
              .block-ranking .box-rank .title h3 .icon-rank img {
                width: 75%; } }
        .block-ranking .box-rank .title h3 a {
          color: #2a2929;
          text-decoration: none; }
      .block-ranking .box-rank .title .star-pc {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.2; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .title .star-pc {
            margin-top: .5rem; } }
        .block-ranking .box-rank .title .star-pc strong {
          color: #d40720;
          font-size: 2.2rem; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .title .star-pc strong {
              font-size: 1.5rem; } }
          .block-ranking .box-rank .title .star-pc strong img {
            display: inline-block;
            margin: .5rem 1rem 0 0;
            width: 50%; }
    .block-ranking .box-rank .catch {
      margin-bottom: .5rem; }
      .block-ranking .box-rank .catch h4 {
        font-size: 2rem;
        line-height: 1.5;
        margin-bottom: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .catch h4 {
            font-size: 1.6rem; } }
    .block-ranking .box-rank .check {
      background: #FFFDD9;
      border-radius: 5px;
      margin-bottom: 1rem;
      padding: 1.3rem 1rem; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .check {
          padding: 1rem 0.8rem; } }
      .block-ranking .box-rank .check li {
        background: url(../img/icon/icon-check.png) left -0.3rem no-repeat;
        background-size: 28px 28px;
        font-size: 1.4rem;
        line-height: 1.5;
        margin-bottom: 1rem;
        padding: 0 0 0 3rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .check li {
            background: url(../img/icon/icon-check.png) left top no-repeat;
            background-size: 20px 20px;
            font-size: 1.3rem;
            padding: 0 0 0 2rem; } }
        .block-ranking .box-rank .check li:last-child {
          margin-bottom: 0; }
    .block-ranking .box-rank .commission {
      border: 1px solid #bfbfbf;
      margin-bottom: 1.5rem; }
      .block-ranking .box-rank .commission dt {
        background: #fafafa;
        border-bottom: 1px solid #bfbfbf;
        font-size: 1.5rem;
        font-weight: 700;
        padding: .5rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .commission dt {
            font-size: 1.3rem; } }
        .block-ranking .box-rank .commission dt small {
          color: #626262;
          font-size: 1.2rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .commission dt small {
              font-size: 1.1rem; } }
      .block-ranking .box-rank .commission dd {
        font-size: 2rem;
        font-weight: 700;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .commission dd {
            padding: .5rem; } }
        .block-ranking .box-rank .commission dd strong {
          font-size: 3rem;
          margin-right: .3rem; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .commission dd strong {
              font-size: 2rem; } }
        .block-ranking .box-rank .commission dd .price {
          margin: 0 auto;
          padding: 0 2rem;
          position: relative;
          text-align: right; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .commission dd .price {
              font-size: 1.4rem; } }
          .block-ranking .box-rank .commission dd .price:nth-child(2) {
            border-left: 1px solid #bfbfbf; }
          .block-ranking .box-rank .commission dd .price .tag {
            background: #f1f6ff;
            color: #1b53c2;
            font-size: 1.2rem;
            font-weight: 700;
            left: 2rem;
            margin-right: 1.5rem;
            padding: .3rem 1rem;
            position: absolute;
            top: 20%; }
            @media only screen and (max-width: 767px) {
              .block-ranking .box-rank .commission dd .price .tag {
                font-size: 1.1rem; } }
    .block-ranking .box-rank table {
      border-left: 1px solid #bfbfbf;
      border-top: 1px solid #bfbfbf;
      margin-bottom: 1.5rem;
      width: 100%; }
      .block-ranking .box-rank table th {
        background: #f8f8f8;
        border-bottom: 1px solid #bfbfbf;
        border-right: 1px solid #bfbfbf;
        font-size: 1.6rem;
        font-weight: 700;
        padding: .5rem 1rem;
        text-align: center;
        width: 16.6%;
        vertical-align: middle; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank table th {
            font-size: 1.1rem;
            padding: .5rem .2rem; } }
        .block-ranking .box-rank table th.th-sub {
          background: #fcfcfc;
          font-size: 1.2rem;
          font-weight: normal; }
      .block-ranking .box-rank table td {
        border-bottom: 1px solid #bfbfbf;
        border-right: 1px solid #bfbfbf;
        font-size: 1.4rem;
        padding: .8rem 1rem;
        text-align: center;
        vertical-align: middle; }
        .block-ranking .box-rank table td .icon {
          margin: 0 auto; }
    .block-ranking .box-rank .table-fx th {
      font-size: 1.3rem; }
      .block-ranking .box-rank .table-fx th small {
        font-size: 1.1rem; }
    .block-ranking .box-rank .swap th {
      width: 14.2%; }
    .block-ranking .box-rank .box-spec {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .block-ranking .box-rank .box-spec table {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .box-spec table {
            width: 100%; } }
        .block-ranking .box-rank .box-spec table .th-title {
          background: #1b53c2;
          color: #fff; }
        .block-ranking .box-rank .box-spec table .th-main {
          font-size: 1.2rem;
          width: 40%; }
    .block-ranking .box-rank .table-commission th {
      font-size: 1.3rem;
      width: 20%; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .table-commission th {
          font-size: 1.1rem; } }
      .block-ranking .box-rank .table-commission th small {
        font-size: 1rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .table-commission th small {
            display: block; } }
    .block-ranking .box-rank .table-commission td {
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .table-commission td {
          font-size: 1.1rem;
          padding: .5rem; } }
      .block-ranking .box-rank .table-commission td strong {
        font-size: 1.8rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .table-commission td strong {
            font-size: 1.5rem; } }
    .block-ranking .box-rank .table-information th {
      font-size: 1.5rem;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .table-information th {
          font-size: 1.1rem; } }
    .block-ranking .box-rank .table-information td {
      text-align: left;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .table-information td {
          font-size: 1.2rem; } }
    .block-ranking .box-rank .campaign {
      background: url(../img/icon/img-campaign.png) 2rem center no-repeat;
      background-size: 36px 54px;
      border: 2px solid #FA6F19;
      border-radius: 3px;
      margin-bottom: 1.5rem;
      min-height: 7rem;
      padding: 1rem 1rem 1rem 2rem; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .campaign {
          background: url(../img/icon/img-campaign-sp.png) 1.5rem 0.6rem no-repeat;
          background-size: 45px 23px;
          padding: 3.5rem 1rem 1rem;
          position: relative; } }
      .block-ranking .box-rank .campaign .text-campaign {
        font-weight: 700;
        padding: 0 1rem 0 5rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .campaign .text-campaign {
            padding: 0 1rem; } }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .campaign .text-campaign p {
            font-size: 1.3rem;
            line-height: 1.5; } }
      .block-ranking .box-rank .campaign .btn-campaign {
        position: relative;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .campaign .btn-campaign {
            position: inherit; } }
        .block-ranking .box-rank .campaign .btn-campaign a {
          background: #cf0f1d;
          background: linear-gradient(180deg, #cf0f1d 0%, #d40720 100%);
          border-radius: 6px;
          bottom: 0;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 700;
          height: 4rem;
          left: 0;
          margin: auto;
          padding: 1rem;
          position: absolute;
          right: 0;
          text-decoration: none;
          top: 0;
          width: 80%; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .campaign .btn-campaign a {
              border-radius: 5px;
              bottom: inherit;
              display: inline-block;
              font-size: 1.3rem;
              height: auto;
              left: inherit;
              padding: .5rem;
              top: -6.5rem;
              width: 30%; } }
    .block-ranking .box-rank .box-content {
      margin: 4rem 0 5rem; }
      .block-ranking .box-rank .box-content h2 {
        border-left: 5px solid #666;
        font-size: 2rem;
        line-height: 1.5;
        margin: 4rem 0 2.5rem;
        padding: .5rem 1rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .box-content h2 {
            font-size: 1.8rem; } }
      .block-ranking .box-rank .box-content p {
        margin-bottom: 1.5rem; }
        .block-ranking .box-rank .box-content p span {
          background-color: #FFFFB6;
          color: #EB5404;
          font-weight: 700; }
    .block-ranking .box-rank .txt-caution {
      margin: 4rem 0 0; }
      .block-ranking .box-rank .txt-caution li {
        color: #666;
        font-size: 1.2rem;
        line-height: 1.3;
        list-style: none;
        margin-bottom: .5rem; }
        .block-ranking .box-rank .txt-caution li:last-child {
          margin-bottom: 0; }
    .block-ranking .box-rank .campaign-detail {
      background: #FFFDD9;
      border-radius: 6px;
      margin: 2rem 0;
      padding: 1.5rem 2rem; }
      .block-ranking .box-rank .campaign-detail .title-campaign {
        font-size: 1.6rem;
        font-weight: 700; }
      .block-ranking .box-rank .campaign-detail dl dt {
        border-radius: 4px;
        color: #FA6F19;
        font-weight: 700;
        margin: 1.5rem 0; }
    .block-ranking .box-rank .review {
      background: #f7f7f7;
      border: 1px solid #ccc;
      border-radius: 5px;
      margin-bottom: 1.5rem;
      padding: 1rem 2rem; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .review {
          padding: 1.3rem 1rem; } }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .review .list-review {
          position: relative; } }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .review .list-review li img {
          padding-right: 1rem; } }
      .block-ranking .box-rank .review .list-review .box-review {
        padding: 0 1rem 0 1.5rem; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .review .list-review .box-review {
            padding: 0; } }
      .block-ranking .box-rank .review .reviewer {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: .8rem; }
        .block-ranking .box-rank .review .reviewer small {
          font-size: 1.1rem;
          font-weight: normal; }
        .block-ranking .box-rank .review .reviewer .star {
          display: inline-block;
          margin: 0 0 0 1rem;
          width: 9rem; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .review .reviewer .star {
              margin: 0 0 0 .5rem; } }
          .block-ranking .box-rank .review .reviewer .star img {
            display: inline-block; }
            @media only screen and (max-width: 767px) {
              .block-ranking .box-rank .review .reviewer .star img {
                padding-right: 0; } }
        .block-ranking .box-rank .review .reviewer strong {
          color: #d40720;
          font-size: 1.4rem;
          margin-left: 1rem; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .review .reviewer strong {
              margin-left: .5rem; } }
      .block-ranking .box-rank .review .review_purpose {
        display: flex;
        margin: .5rem 0;
        flex-wrap: wrap; }
        .block-ranking .box-rank .review .review_purpose dt {
          background: #1a3e86;
          border-radius: 4px;
          color: #fff;
          font-size: 1.2rem;
          font-weight: 700;
          margin-right: 1%;
          text-align: center;
          width: 6%; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .review .review_purpose dt {
              margin-right: 2%;
              width: 12%; } }
        .block-ranking .box-rank .review .review_purpose dd {
          width: 93%; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .review .review_purpose dd {
              width: 86%; } }
      .block-ranking .box-rank .review p {
        font-size: 1.3rem; }
      .block-ranking .box-rank .review .btn-review {
        position: relative;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .review .btn-review {
            position: inherit; } }
        .block-ranking .box-rank .review .btn-review a {
          background: #023691;
          background: linear-gradient(180deg, #023691 0%, #022a77 100%);
          border-radius: 6px;
          bottom: 0;
          color: #fff;
          font-size: 1.4rem;
          font-weight: 700;
          height: 3.5rem;
          left: 0;
          margin: auto;
          margin-left: 1rem;
          padding: 1rem;
          position: absolute;
          right: 0;
          text-decoration: none;
          top: 0; }
          @media only screen and (max-width: 767px) {
            .block-ranking .box-rank .review .btn-review a {
              border-radius: 5px;
              bottom: inherit;
              font-size: 1.1rem;
              height: auto;
              left: inherit;
              margin-left: 0;
              padding: .5rem 1rem;
              top: -.3rem; } }
    .block-ranking .box-rank .box-btn {
      margin-top: 2rem; }
      .block-ranking .box-rank .box-btn .btn-shosai a {
        border: 1px solid #1a3e86;
        border-radius: 6px;
        bottom: 0;
        color: #1a3e86;
        display: block;
        font-size: 1.8rem;
        font-weight: 700;
        margin-top: .3rem;
        padding: 1.8rem 1rem;
        text-align: center;
        text-decoration: none;
        width: 90%; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .box-btn .btn-shosai a {
            font-size: 1.6rem;
            padding: 1.6rem 1rem; } }
      .block-ranking .box-rank .box-btn .btn-cv a {
        background: #cf0f1d;
        background: linear-gradient(180deg, #cf0f1d 0%, #d40720 100%);
        box-shadow: 0 4px 0 #a10b0c;
        border-radius: 6px;
        bottom: 0;
        color: #fff;
        display: block;
        font-size: 2.2rem;
        font-weight: 700;
        padding: 1.8rem 1rem;
        text-align: center;
        text-decoration: none; }
        @media only screen and (max-width: 767px) {
          .block-ranking .box-rank .box-btn .btn-cv a {
            font-size: 1.8rem; } }
    .block-ranking .box-rank .table_caution {
      font-size: 1.2rem;
      text-align: right;
      margin: -1rem auto 1rem;
      color: #6e6e6e; }
      @media only screen and (max-width: 767px) {
        .block-ranking .box-rank .table_caution {
          font-size: 1rem; } }

.box-survey {
  color: #888;
  margin-bottom: 4rem; }
  @media only screen and (max-width: 767px) {
    .box-survey {
      padding: 0 1rem; } }
  .box-survey dt {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0.5rem; }
  .box-survey dd {
    font-size: 1.2rem; }
  .box-survey ul {
    margin-left: 2rem; }
    .box-survey ul li {
      font-size: 1.2rem;
      list-style: disc; }

.title-ranking {
  background: #1b53c2;
  border-bottom: none;
  color: #fff;
  display: block;
  font-size: 2rem;
  margin: 3rem 0 2rem;
  padding: 2rem 1.5rem;
  position: relative;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .title-ranking {
      padding: 1.5rem; } }
  .title-ranking span {
    padding-left: 3rem;
    position: relative; }
  .title-ranking img {
    display: inline-block;
    margin-right: .5rem;
    position: absolute;
    width: 24px; }
  @media only screen and (max-width: 767px) {
    .title-ranking {
      font-size: 1.8rem;
      margin: 0 0 2rem;
      white-space: nowrap; } }
  .title-ranking::after {
    border: solid transparent;
    border-color: rgba(128, 195, 77, 0);
    border-top-color: #1b53c2;
    border-width: 8px;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    pointer-events: none;
    top: 100%;
    width: 0; }

.block-ranking.popular {
  border: 8px solid #f1f6ff;
  outline: 1px solid #1b53c2;
  outline-offset: -8px; }
  .block-ranking.popular .box-rank {
    border: none;
    box-shadow: none;
    margin-bottom: 1rem; }
  .block-ranking.popular .title {
    background: #f1f6ff;
    border-bottom: 5px solid #1b53c2;
    margin-bottom: 1rem;
    padding: 1.2rem 1.5rem .6rem; }
    @media only screen and (max-width: 767px) {
      .block-ranking.popular .title {
        padding: 1rem 1.5rem; } }
  .block-ranking.popular .box {
    border-bottom: none;
    margin-bottom: 0;
    padding: .5rem 1.5rem 2rem; }

.block-review .box-rank {
  border: none;
  box-shadow: none; }

/*lp 看板無い場合*/
.l-lp-mainvisual .mainvisual-bg {
  background: url(../img/visual/main-bg-lp.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  .l-lp-mainvisual .mainvisual-bg p {
    text-align: center;
    font-size: 7.5rem;
    font-weight: bold;
    line-height: 1.2;
    padding: 6.5rem 0rem;
    text-shadow: 4px 2px 3px #808080;
    -webkit-text-stroke: 1px #fff; }
    .l-lp-mainvisual .mainvisual-bg p span {
      color: #DB1E25;
      display: block; }
.l-lp-mainvisual .mainvisual-bg-sp {
  background: url(../img/visual/main-bg-lp-sp.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  .l-lp-mainvisual .mainvisual-bg-sp p {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.2;
    padding: 3.5rem 0rem;
    text-shadow: 2px 2px 2px #808080;
    -webkit-text-stroke: 0px #fff; }
    .l-lp-mainvisual .mainvisual-bg-sp p span {
      color: #DB1E25;
      display: block; }

/*LP追加枠*/
.lp .light-txt {
  font-size: 1.6rem;
  letter-spacing: .05rem;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 767px) {
    .lp .light-txt {
      margin: 1.5rem 0.5rem; } }
.lp h2.osusume {
  color: #fff;
  background: #060D5D;
  font-size: 2rem;
  font-weight: 700;
  margin: 3rem 0 2rem;
  padding: 2rem 1.5rem;
  text-align: center;
  position: relative; }
  .lp h2.osusume::after {
    border: solid transparent;
    border-color: rgba(128, 195, 77, 0);
    border-top-color: #060D5D;
    border-width: 8px;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    pointer-events: none;
    top: 100%;
    width: 0; }
.lp .lp-osusume {
  margin-bottom: 2rem; }
  .lp .lp-osusume h3 {
    background: #f1f6ff;
    border-bottom: 3px solid #1a3e86;
    font-size: 1.8rem;
    line-height: 1.6;
    margin: 3rem 0 2rem;
    padding: 1rem; }
  .lp .lp-osusume h4 {
    color: #1a3e86;
    font-size: 1.7rem;
    line-height: 1.6;
    margin: 2rem 0 1rem; }
    @media only screen and (max-width: 767px) {
      .lp .lp-osusume h4 {
        padding: 0rem 0.5rem; } }
  .lp .lp-osusume p {
    letter-spacing: .05rem; }
    @media only screen and (max-width: 767px) {
      .lp .lp-osusume p {
        padding: 0rem 0.5rem; } }

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