@charset "UTF-8";
@font-face {
  font-family: 'OSP DIN';
  src: url("../font/osp-din/OSP-DIN.eot");
  src: url("../font/osp-din/OSP-DIN.eot?#iefix") format("embedded-opentype"), url("../font/osp-din/OSP-DIN.woff") format("woff"), url("../font/osp-din/OSP-DIN.ttf") format("truetype"), url("../font/osp-din/OSP-DIN.svg#svgFontName") format("svg"); }
.note li span, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

body {
  line-height: 1.4;
  height: 100%;
  min-height: 100%;
  font-family: "ヒラギノ角ゴProW3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,Arial,Helvetica,Verdana,sans-serif,"ＭＳＰゴシック","MSPGothic";
  -webkit-font-smoothing: antialiased;
  background-image: url(../images/pattern.png);
  background-repeat: repeat;
  background-position: 5px; }

ol, ul {
  list-style: none; }

table {
  border-spacing: 0; }

caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none; }

a img {
  border: none; }

* {
  box-sizing: border-box; }

.content_fit, body {
  position: relative; }

.area {
  color: #505050; }

.note {
  overflow: hidden; }

.note li:before {
  content: '＊';
  display: block;
  clear: both;
  float: left;
  width: 3%; }

.note li span {
  float: left;
  width: 95%; }

.button_wrap {
  width: 100%; }

.footer {
  text-align: center; }

a:hover {
  opacity: 0.7;
  display: inline-block; }

@media screen and (max-width: 768px) {
  .pc {
    display: none !important; }

  .sp {
    display: block; } }
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* header */
.headerInner {
  width: 100%;
  padding: 10px 0 8px;
  border-bottom: 2px #dfe0db solid;
  height: 52px; }

.logo {
  display: inline-block;
  vertical-align: middle;
  width: 86px;
  margin-left: 17px;
  margin-top: 4px; }
  .logo img {
    width: 100%;
    height: auto; }

.rightBlock {
  float: right;
  vertical-align: middle;
  padding-right: 8px; }

.tel {
  width: 202px; }
  .tel img {
    width: 100%;
    height: auto; }

.footer {
  padding: 22px 20px 47px;
  line-height: 1.5;
  background: #fffced; }
  .footer .areaText {
    font-size: 12px;
    text-align: left;
    margin-bottom: 32px; }
  .footer nav ul {
    background: #ff0087;
    border-radius: 8px; }
    .footer nav ul li a {
      width: 100%;
      color: #fff;
      font-size: 13px;
      padding: 12px 0;
      text-decoration: none;
      display: inline-block; }
    .footer nav ul li + li {
      border-top: #ffffff solid 1px; }
    .footer nav ul span {
      display: none; }
  .footer .boxSns {
    padding-top: 30px;
    padding-bottom: 20px; }
  .footer hr {
    display: none; }
  .footer .note {
    margin-top: 28px;
    font-size: 12px; }
  .footer .companyList {
    margin-top: 20px; }
    .footer .companyList li {
      margin-top: 16px;
      text-align: left;
      font-size: 12px; }
      .footer .companyList li .company {
        display: block;
        margin-bottom: 7px;
        line-height: 17px;
        font-weight: bold;
        padding-left: 25px;
        background: url("../img/sp/icn_company.png") top left no-repeat;
        background-size: 17px auto; }

.copy {
  text-align: center;
  background: #ff0087;
  display: block;
  padding: 16px 0 20px;
  font-size: 12px;
  font-weight: bold;
  color: #fff; }

.kv {
  background: #ff0087;
  padding: 26px 0 42px;
  position: relative;
  letter-spacing: 0.04em; }
  .kv .kvInner {
    padding: 0 15px; }
  .kv .kvDetail {
    color: #fff;
    text-align: center;
    padding: 10px 0 4px; }
    .kv .kvDetail .title {
      font-size: 27.5px;
      margin-bottom: -3px;
      font-weight: bold;
      margin-bottom: 10px;
      font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
      .kv .kvDetail .title small {
        font-size: 22px; }
    .kv .kvDetail .titAttention {
      font-size: 16.5px;
      background: #fff;
      border-radius: 10px;
      color: #333;
      position: relative;
      font-weight: bold;
      margin-bottom: 12px;
      padding: 3px 0; }
      .kv .kvDetail .titAttention small {
        font-size: 13px; }
      .kv .kvDetail .titAttention::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 50%;
        margin-left: -5px;
        bottom: -18px;
        box-sizing: border-box;
        width: 10px;
        height: 10px;
        border: 10px solid transparent;
        border-top: 10px solid #fff; }
    @media screen and (max-width: 360px), print {
      .kv .kvDetail .title {
        font-size: 24px; }
        .kv .kvDetail .title small {
          font-size: 16px; }
      .kv .kvDetail .datetime {
        font-size: 15px; } }
  .kv .datetime {
    background: #fff;
    color: #ff0087;
    font-weight: bold;
    padding: 8px 0;
    border: #ff0087 solid 2px;
    position: absolute;
    bottom: -34px;
    width: 90%; }
    .kv .datetime small {
      font-size: 14px; }
  .kv .kvFigure {
    display: table;
    width: 100%; }
    .kv .kvFigure small {
      font-size: 10px; }
  .kv figure {
    display: table-cell;
    text-align: center;
    width: 50%; }
  .kv img {
    width: 40vw; }
  .kv figcaption {
    font-weight: bold;
    background: #f7add4;
    display: inline-block;
    color: #333;
    border-radius: 15px;
    padding: 1px 20px;
    font-size: 14px; }
    .kv figcaption small {
      font-size: 21.5px; }

.contInner {
  padding: 0 15px; }

/* txtAbout */
.txtAbout {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.9;
  margin-top: 64px;
  margin-bottom: 45px;
  letter-spacing: 0.08em; }
  @media screen and (max-width: 360px), print {
    .txtAbout {
      letter-spacing: 0.01em; } }
  .txtAbout strong {
    color: #ff0087;
    font-size: 18px;
    background: linear-gradient(transparent 70%, #ffff66 70%); }
  .txtAbout small {
    font-size: 12px; }

.boxSns {
  padding-bottom: 68px; }
  .boxSns .icoList {
    width: auto; }
    .boxSns .icoList li {
      vertical-align: top;
      width: 140px;
      height: 34px; }
      .boxSns .icoList li iframe,
      .boxSns .icoList li .twitter a,
      .boxSns .icoList li .fb-share-button a {
        opacity: 0;
        width: 100% !important;
        height: 100% !important;
        display: inline-block;
        cursor: pointer; }
    .boxSns .icoList li:first-child {
      padding-right: 20px;
      width: 160px; }
    .boxSns .icoList .twitter a,
    .boxSns .icoList .fb-share-button a {
      opacity: 0; }
    .boxSns .icoList .twitter:hover,
    .boxSns .icoList .fb-share-button:hover {
      opacity: 0.7; }
    .boxSns .icoList .twitter {
      background: url(../img/sp/btn_tw_share.png) 0 0 no-repeat;
      background-size: 100% auto;
      display: inline-block;
      width: 100%;
      height: 100%; }
    .boxSns .icoList .fb-share-button {
      background: url(../img/sp/btn_fb_share.png) 0 0 no-repeat;
      background-size: 100% auto;
      display: inline-block;
      width: 100%;
      height: 100%; }
  @media screen and (max-width: 360px), print {
    .boxSns .icoList li {
      width: 120px; }
      .boxSns .icoList li img {
        width: 120px; }
      .boxSns .icoList li:first-child {
        width: 140px; }
      .boxSns .icoList li .twitter {
        background: url(../img/sp/btn_tw_share.png) 0 0 no-repeat;
        background-size: 120px auto;
        width: 120px; }
      .boxSns .icoList li .fb-share-button {
        background: url(../img/sp/btn_fb_share.png) 0 0 no-repeat;
        background-size: 120px auto;
        width: 120px; } }
  .boxSns p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px; }

/* boxHowto */
.boxHowto {
  border: #c1bfbf solid 1px;
  padding: 0 20px 10px;
  margin-bottom: 40px; }
  .boxHowto .howtoTitle {
    background: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 125px;
    margin: -15px auto 0;
    font-size: 22px;
    font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .boxHowto > ol {
    padding-top: 13px; }
    .boxHowto > ol > li {
      padding-bottom: 70px;
      position: relative; }
      .boxHowto > ol > li:last-child {
        padding-bottom: 32px; }
        .boxHowto > ol > li:last-child::before {
          content: none; }
      .boxHowto > ol > li::before {
        content: "";
        position: absolute;
        bottom: 25px;
        left: 50%;
        width: 56px;
        height: 22px;
        margin-left: -28px;
        background: url(../img/pc/img_arrow.png) 0 0 no-repeat;
        background-size: 56px auto; }
  .boxHowto .numStep {
    color: #ff0087;
    text-align: center;
    font-family: 'OSP DIN';
    font-size: 44px;
    letter-spacing: 0.05em;
    vertical-align: middle;
    line-height: 1.2; }
    .boxHowto .numStep span {
      font-size: 25px; }
    .boxHowto .numStep::before, .boxHowto .numStep::after {
      content: "ー";
      font-size: 22px;
      padding: 0 5px; }
  .boxHowto .stepTit {
    color: #ff0087;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 12px; }
  .boxHowto .stepText {
    line-height: 1.8;
    margin-bottom: 21px;
    font-size: 14px;
    letter-spacing: 0.1em; }
    .boxHowto .stepText strong {
      font-weight: bold; }
  .boxHowto .bookList {
    display: table;
    width: 80%;
    margin: 0 auto; }
    .boxHowto .bookList li {
      display: table-cell;
      text-align: center; }
      .boxHowto .bookList li img {
        width: 30vw; }
  .boxHowto .winningArea {
    border-top: #c1bfbf solid 1px;
    padding: 28px 0 0; }
    .boxHowto .winningArea .stepTit::before, .boxHowto .winningArea .stepTit::after {
      content: "ー";
      font-size: 22px;
      padding: 0 5px; }

.icoList {
  display: table;
  width: 80%;
  margin: 0 auto; }
  .icoList li {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
    .icoList li img {
      width: 20vw; }

.btnList li img {
  width: 100%;
  height: auto; }
.btnList li + li {
  margin-top: 10px; }

.snsBox {
  padding-bottom: 50px; }

.snsTit {
  text-align: center; }
  .snsTit img {
    width: 142px; }

.snsSubtit {
  color: #ff0087;
  text-align: center;
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 19px;
  font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.purchaseBox {
  border-top: #c1bfbf solid 1px;
  padding-top: 30px; }
  .purchaseBox .bookList {
    text-align: center; }
  .purchaseBox figure img {
    margin-bottom: 10px;
    width: 165px; }
  .purchaseBox figcaption {
    font-size: 14px;
    margin-bottom: 17px; }
  .purchaseBox .btnBuy {
    display: block;
    background: #ff0087;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    width: 80vw;
    padding: 15px 0;
    margin: 0 auto 50px;
    text-decoration: none; }

.benefitBox {
  border: #c1bfbf solid 1px;
  margin-bottom: 43px; }
  .benefitBox .benefitTit {
    background: #ff0087;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    font-size: 22px;
    position: relative;
    font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    .benefitBox .benefitTit::after {
      content: "";
      display: block;
      background: url(../img/sp/img_ribbon_txt.png) 0 0 no-repeat;
      background-size: 100%;
      width: 137px;
      height: 102px;
      position: absolute;
      top: -5px;
      left: -7px; }
  .benefitBox .benefitSubtit {
    color: #ff0087;
    text-align: center;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 26px;
    position: relative; }
    .benefitBox .benefitSubtit span {
      font-size: 31.5px; }
    .benefitBox .benefitSubtit small {
      font-size: 26px; }
    .benefitBox .benefitSubtit strong {
      font-size: 19px;
      color: #fcff00;
      display: inline-block;
      background: #ff0087;
      border-radius: 25px;
      padding: 4px 15px;
      vertical-align: middle;
      margin: -5px 4px 0; }
    .benefitBox .benefitSubtit::before, .benefitBox .benefitSubtit::after {
      content: "";
      border-left: #ff0087 solid 2px;
      display: inline-block;
      height: 2.6em;
      position: absolute;
      top: 10px; }
    .benefitBox .benefitSubtit::before {
      left: 30px;
      transform: rotate(-40deg); }
    .benefitBox .benefitSubtit::after {
      right: 30px;
      transform: rotate(40deg); }
  .benefitBox .benefitTxt {
    line-height: 1.8;
    font-size: 14px;
    margin: 0 10px 15px; }
  .benefitBox figure img {
    width: 100%;
    height: auto; }

/* attentionBox */
.attentionBox {
  border-top: #c1bfbf solid 1px;
  border-bottom: #c1bfbf solid 1px;
  padding: 30px 0 35px;
  margin-bottom: 30px; }
  .attentionBox .attentionTit {
    text-align: center;
    font-size: 15px;
    margin-bottom: 18px;
    font-weight: bold; }
  .attentionBox .attentionList li {
    margin-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.6; }

/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
@media screen and (min-width: 769px), print {
  .pc {
    display: block; }

  .sp {
    display: none !important; }

  /* header */
  .headerInner {
    width: 1200px;
    margin: 0 auto;
    height: 59px; }

  .headerInner {
    padding: 6px 0 9px;
    border-bottom: none; }

  .desc {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-left: 13px; }

  .logo {
    width: 162px;
    margin-top: 0; }

  .tel {
    width: 218px;
    margin-top: 5px; }
    .tel.pc {
      display: inline-block;
      vertical-align: middle; }

  .rightBlock {
    text-align: right; }

  .btnNet {
    width: 243px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background: #e4007f;
    border-bottom: 5px #9b4875 solid;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-left: 15px; }

  .contInner {
    width: 940px;
    margin: 0 auto;
    padding: 0; }
    .contInner .img {
      text-align: center; }
      .contInner .img img {
        width: auto; }
        .contInner .img img.pc {
          display: inline !important; }
    .contInner .title img {
      width: auto;
      margin: 0 auto; }

  /*footer*/
  .footer {
    padding: 30px;
    font-size: 11px;
    background: #fff; }
    .footer .inner {
      width: 1024px;
      margin: 0 auto;
      padding: 10px 0 60px;
      color: #333; }
    .footer .inner .areaText {
      padding-left: 20px;
      text-align: left;
      margin-bottom: 10px;
      font-size: 12px;
      font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; }
    .footer .inner nav {
      text-align: center;
      margin: 20px 0 10px; }
    .footer .inner nav ul {
      overflow: hidden;
      background-color: #ff0087;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      border-radius: 12px;
      display: inline-block;
      padding: 0 25px 0 40px; }
      .footer .inner nav ul span {
        display: inline-block;
        vertical-align: middle;
        padding-left: 15px; }
    .footer .inner nav ul li {
      display: inline-block;
      vertical-align: middle;
      color: #fff;
      padding: 15px 15px 15px 0px;
      border-top: none; }
    .footer .inner nav ul li a {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      font-size: 18px;
      font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
      padding: 0;
      color: #fff;
      text-decoration: none; }
    .footer .inner .areaText {
      width: 940px;
      margin: 0 auto 30px;
      padding-left: 0; }
    .footer .boxSns {
      padding-top: 0;
      padding-bottom: 70px; }
    .footer hr {
      display: block;
      border: 0;
      height: 1px;
      border-bottom: #c2c2c2 dotted 2px;
      width: 100%;
      margin: 0 auto; }
    .footer .note {
      font-size: 13px;
      margin-bottom: 10px; }
    .footer .companyList {
      width: 920px;
      margin: 40px auto 0;
      display: table;
      padding-left: 50px; }
    .footer .companyList li {
      display: table-cell;
      width: 33%;
      text-align: left;
      font-size: 12px; }
    .footer .companyList li a {
      text-decoration: none; }
    .footer .companyList li .company {
      background-size: 26px auto;
      line-height: 26px;
      padding-left: 35px; }
    .footer .copy {
      text-align: center;
      background: #ff0087;
      display: block;
      padding: 16px 0;
      font-size: 12px;
      font-weight: bold;
      color: #fff; }

  /* content */
  .kv {
    background: #ff0087;
    padding: 44px 0 40px; }
    .kv .kvInner {
      width: 1130px;
      margin: 0 auto;
      display: table;
      padding: 0; }
    .kv .kvDetail {
      display: table-cell;
      vertical-align: middle;
      color: #fff;
      text-align: center;
      width: 560px;
      padding-top: 35px; }
      .kv .kvDetail .title {
        font-size: 45px;
        margin-bottom: -5px;
        margin-bottom: 26px; }
        .kv .kvDetail .title small {
          font-size: 36px; }
      .kv .kvDetail .titAttention {
        font-size: 27.5px;
        background: #fff;
        border-radius: 15px;
        color: #333;
        position: relative;
        font-weight: bold;
        line-height: 1.2;
        padding: 7px 0 3px;
        margin-bottom: 24px; }
        .kv .kvDetail .titAttention small {
          font-size: 22px; }
        .kv .kvDetail .titAttention::before {
          content: "";
          display: inline-block;
          position: absolute;
          left: 50%;
          bottom: -28px;
          box-sizing: border-box;
          width: 15px;
          height: 15px;
          border: 14px solid transparent;
          border-top: 15px solid #fff;
          margin-left: -15px; }
    .kv .datetime {
      position: static;
      width: 100%;
      border: none;
      border-bottom: #dd0483 solid 5px;
      padding: 12px 0; }
      .kv .datetime p {
        font-size: 25px; }
        .kv .datetime p small {
          font-size: 22px; }
    .kv .kvFigure {
      display: table-cell;
      vertical-align: middle;
      width: 570px;
      padding-left: 60px;
      box-sizing: border-box; }
      .kv .kvFigure figure {
        display: table-cell;
        text-align: center; }
        .kv .kvFigure figure img {
          width: 240px; }
        .kv .kvFigure figure figcaption {
          margin-top: 7px;
          font-size: 21px;
          padding: 2px 35px; }
          .kv .kvFigure figure figcaption small {
            font-size: 17px; }

  /* txtAbout */
  .txtAbout {
    font-size: 19px;
    margin-top: 42px;
    margin-bottom: 68px; }
    .txtAbout strong {
      font-size: 24px; }
    .txtAbout small {
      font-size: 16px; }

  .boxSns .icoList li {
    width: 230px;
    height: 55px; }
    .boxSns .icoList li:first-child {
      width: 250px; }

  .btnList {
    text-align: center; }
    .btnList li {
      width: 350px;
      display: inline-block; }
      .btnList li + li {
        margin-left: 40px; }

  .boxHowto {
    margin-bottom: 87px;
    padding: 0 60px 10px; }
    .boxHowto .howtoTitle {
      font-size: 28px;
      width: 180px; }
    .boxHowto > ol {
      padding-top: 0; }
      .boxHowto > ol > li {
        padding: 22px 0 80px;
        text-align: center;
        margin-bottom: 0; }
        .boxHowto > ol > li::before {
          bottom: -2px;
          width: 101px;
          height: 40px;
          margin-left: -51px;
          background: url(../img/pc/img_arrow.png) 0 0 no-repeat; }
        .boxHowto > ol > li:last-child {
          padding-bottom: 55px; }
    .boxHowto .numStep {
      font-size: 58px; }
      .boxHowto .numStep::before, .boxHowto .numStep::after {
        vertical-align: 6px; }
      .boxHowto .numStep span {
        font-size: 34px; }
    .boxHowto .stepTit {
      font-size: 26px;
      padding-top: 10px;
      padding-left: 15px; }
    .boxHowto .numStep,
    .boxHowto .stepTit {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .boxHowto .bookList {
      width: 40%;
      margin-top: -5px; }
      .boxHowto .bookList li img {
        width: 150px; }
      .boxHowto .bookList img {
        width: 150px; }
    .boxHowto .stepText {
      margin-top: 10px;
      font-size: 16px;
      margin-bottom: 40px; }
    .boxHowto .winningArea {
      text-align: center;
      padding: 34px 0 17px; }
      .boxHowto .winningArea .stepTit {
        padding-left: 0;
        padding-bottom: 9px; }

  .icoList {
    width: 30%; }
    .icoList li img {
      width: 70px; }

  .benefitBox {
    position: relative;
    margin-bottom: 80px; }
    .benefitBox::after {
      content: "";
      display: block;
      background: url(../img/sp/img_ribbon.png) 0 0 no-repeat;
      background-size: 100%;
      position: absolute;
      width: 147px;
      height: 147px;
      bottom: -11px;
      right: -11px;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .benefitBox .benefitTit {
      font-size: 26px;
      padding: 17px 0; }
      .benefitBox .benefitTit::after {
        background: url(../img/pc/img_ribbon_txt.png) 0 0 no-repeat;
        width: 210px;
        height: 158px;
        top: -8px;
        left: -11px; }
    .benefitBox .benefitSubtit {
      margin-top: 29px;
      margin-bottom: 22px;
      font-size: 46px;
      letter-spacing: 0.05em; }
      .benefitBox .benefitSubtit span {
        font-size: 45px; }
        .benefitBox .benefitSubtit span::before, .benefitBox .benefitSubtit span::after {
          content: "";
          border-left: #ff0087 solid 2px;
          display: inline-block;
          height: 1.0em;
          position: absolute;
          top: 10px; }
        .benefitBox .benefitSubtit span::before {
          left: 70px;
          transform: rotate(-35deg); }
        .benefitBox .benefitSubtit span::after {
          right: 70px;
          transform: rotate(35deg); }
      .benefitBox .benefitSubtit small {
        font-size: 40px; }
      .benefitBox .benefitSubtit strong {
        font-size: 32px; }
      .benefitBox .benefitSubtit::before, .benefitBox .benefitSubtit::after {
        content: "";
        border-left: #ff0087 solid 2px;
        display: inline-block;
        height: 1.4em;
        position: absolute;
        top: 10px; }
      .benefitBox .benefitSubtit::before {
        left: 60px;
        transform: rotate(-45deg); }
      .benefitBox .benefitSubtit::after {
        right: 60px;
        transform: rotate(45deg); }
    .benefitBox .benefitTxt {
      text-align: center;
      margin: 0 0 5px; }
    .benefitBox figure {
      display: block;
      letter-spacing: -0.4em;
      line-height: 0;
      margin-top: 40px; }
      .benefitBox figure img {
        display: inline-block;
        width: 50%; }

  .snsBox {
    padding-bottom: 115px; }
    .snsBox.footSns {
      padding-bottom: 65px;
      border-bottom: #c1bfbf solid 1px; }

  .snsTit {
    margin-bottom: 10px; }
    .snsTit img {
      width: 202px; }

  .snsSubtit {
    font-size: 26px; }

  .purchaseBox {
    padding-top: 58px; }
    .purchaseBox .bookList {
      display: table;
      width: 90%;
      margin: 0 auto; }
      .purchaseBox .bookList li {
        display: table-cell; }
        .purchaseBox .bookList li img {
          width: 165px; }
    .purchaseBox .btnBuy {
      width: 290px;
      margin: 0 auto 90px; }

  .attentionBox {
    padding: 57px 0 65px;
    margin-bottom: 60px; }
    .attentionBox .attentionTit {
      font-size: 16px;
      margin-bottom: 25px; }
    .attentionBox .attentionList li {
      margin-bottom: 15px; }
      .attentionBox .attentionList li a:hover {
        display: inline; } }

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