@charset "UTF-8";
/*========== set.scss ==========*/
#manapLP {
  font-family: 'Noto Sans JP', sans-serif;
  color: #3b2a13;
  line-height: 1.65;
  font-size: 16px; }
  @media screen and (max-width: 768px) {
    #manapLP {
      font-size: calc(100vw / ( 750 / 26 )); } }
  #manapLP .clearfix:after {
    content: "";
    clear: both;
    display: block; }
  #manapLP img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
  #manapLP a {
    text-decoration: none;
    color: #0f4a86; }
    #manapLP a.txtLink {
      color: #FFC939;
      text-decoration: underline; }
    #manapLP a:hover {
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      opacity: 0.7;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all  0.3s ease; }
  @media screen and (max-width: 768px) {
    #manapLP .noSP {
      display: none !important; } }
  @media screen and (min-width: 769px) {
    #manapLP .noPC {
      display: none !important; } }

@media screen and (max-width: 768px) {
  .page-to-top.fixed {
    bottom: calc(100vw / ( 750 / 150 )); } }

/*========== c-inner.scss ==========*/
@media screen and (max-width: 768px) {
  .c-inner {
    padding-left: calc(100vw / ( 750 / 20 ));
    padding-right: calc(100vw / ( 750 / 20 )); } }
@media screen and (min-width: 769px) {
  .c-inner {
    padding-left: 0;
    padding-right: 0;
    max-width: 1080px;
    margin: auto; } }

/*========== c-bg.scss ==========*/
.c-bg-dot {
  background: url("/product/category/img/manap-se/bg_dot.png") center repeat; }
  @media screen and (max-width: 768px) {
    .c-bg-dot {
      background: url("/product/category/img/manap-se/bg_dot_sp.png") center top repeat-y;
      background-size: 100% auto; } }
.c-bg-gr {
  background: url("/product/category/img/manap-se/bg_gr.png") center repeat; }
.c-bg-lgr {
  background: url("/product/category/img/manap-se/bg_lgr.png") center repeat; }
.c-bg-std {
  background: url("/product/category/img/manap-se/bg_std.png") center repeat; }
.c-bg-bl {
  background-color: #E1F1F9; }
.c-bg-wh {
  background-color: #fff;
  border-radius: 10px;
  padding: 3.7%; }
.c-bg-gy {
  background-color: #f7f7f7; }
.c-bg-check {
  background: url("/product/category/img/manap-se/bg_check.png") 0 0 repeat; }

/*========== c-btn.scss ==========*/
.c-btn-std {
  font-weight: 700;
  display: block;
  border-radius: 6px;
  color: #fff !important;
  position: relative;
  background: url("/product/category/img/manap-se/bg_gr.png") center repeat;
  text-shadow: 0px 0px 8px rgba(25, 25, 25, 0.3);
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  padding: 0 60px 0 1em; }
  @media screen and (max-width: 768px) {
    .c-btn-std {
      font-size: calc(100vw / ( 750 / 30 ));
      height: calc(100vw / ( 750 / 100 ));
      line-height: calc(100vw / ( 750 / 100 ));
      padding-right: calc(100vw / ( 750 / 70 )); } }
  .c-btn-std:after {
    content: "";
    display: block;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    background: url("/product/category/img/manap-se/icon_arrow.png") center no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px; }
    @media screen and (max-width: 768px) {
      .c-btn-std:after {
        width: calc(100vw / ( 750 / 26 ));
        height: calc(100vw / ( 750 / 26 )); } }
  .c-btn-std .icon {
    position: relative; }
    .c-btn-std .icon.forPDF {
      padding-right: 55px; }
      @media screen and (max-width: 768px) {
        .c-btn-std .icon.forPDF {
          padding-right: calc(100vw / ( 750 / 70 )); } }
      .c-btn-std .icon.forPDF:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url("/product/category/img/manap-se/icon_pdf.png") center no-repeat;
        background-size: contain;
        width: 46px;
        height: 46px; }
        @media screen and (max-width: 768px) {
          .c-btn-std .icon.forPDF:after {
            width: calc(100vw / ( 750 / 64 ));
            height: calc(100vw / ( 750 / 64 )); } }
  .c-btn-stdWrap {
    display: flex;
    justify-content: flex-end; }
    @media screen and (min-width: 769px) {
      .c-btn-stdWrap .c-btn-std {
        display: inline-block; } }
    @media screen and (max-width: 768px) {
      .c-btn-stdWrap .c-btn-std {
        width: 100%; } }

/*========== c-title.scss ==========*/
#manapLP .c-title-primary {
  text-align: center;
  color: #0f4a86;
  font-weight: 700;
  margin-bottom: 1em;
  line-height: 1;
  font-size: 38px; }
  @media screen and (max-width: 768px) {
    #manapLP .c-title-primary {
      font-size: calc(100vw / ( 750 / 45 )); } }
  #manapLP .c-title-primary:after {
    content: "";
    display: block;
    margin: 20px auto 0;
    background: url("/product/category/img/manap-se/primary_obj.png") center no-repeat;
    background-size: contain;
    width: 78px;
    height: 6px; }
    @media screen and (max-width: 768px) {
      #manapLP .c-title-primary:after {
        margin-top: calc(100vw / ( 750 / 20 ));
        width: calc(100vw / ( 750 / 82 ));
        height: calc(100vw / ( 750 / 10 )); } }
  #manapLP .c-title-primary .sub {
    color: #fff;
    display: inline-block;
    background-color: #4b85c3;
    border-radius: 1000px;
    position: relative;
    margin-bottom: 1em;
    padding: 0 1em;
    height: 50px;
    line-height: 50px;
    font-size: 60%; }
    @media screen and (max-width: 768px) {
      #manapLP .c-title-primary .sub {
        height: calc(100vw / ( 750 / 60 ));
        line-height: calc(100vw / ( 750 / 60 )); } }
    #manapLP .c-title-primary .sub:after {
      content: "";
      display: block;
      position: absolute;
      left: 30%;
      bottom: -12px;
      background: url("/product/category/img/manap-se/title_primary_sub.png") center bottom no-repeat;
      background-size: contain;
      width: 12px;
      height: 18px; }
      @media screen and (max-width: 768px) {
        #manapLP .c-title-primary .sub:after {
          width: calc(100vw / ( 750 / 24 ));
          height: calc(100vw / ( 750 / 36 ));
          border-bottom: calc(-100vw / ( 750 / 24 )); } }
#manapLP .c-title-secondary {
  text-align: center;
  margin-bottom: 1em;
  line-height: 1.4; }
  #manapLP .c-title-secondary .inBox {
    display: inline-block;
    position: relative;
    font-weight: 700;
    padding: 0 1em;
    font-size: 34px; }
    @media screen and (max-width: 768px) {
      #manapLP .c-title-secondary .inBox {
        font-size: calc(100vw / ( 750 / 42 )); } }
    #manapLP .c-title-secondary .inBox .sub {
      font-size: 70%; }
    #manapLP .c-title-secondary .inBox:before, #manapLP .c-title-secondary .inBox:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      width: 1px;
      height: 100%;
      border-left: 2px dashed #0f4a86; }
    #manapLP .c-title-secondary .inBox:before {
      transform: rotate(-30deg);
      left: 0; }
      @media screen and (max-width: 768px) {
        #manapLP .c-title-secondary .inBox:before {
          transform: rotate(-20deg); } }
    #manapLP .c-title-secondary .inBox:after {
      transform: rotate(30deg);
      right: 0; }
      @media screen and (max-width: 768px) {
        #manapLP .c-title-secondary .inBox:after {
          transform: rotate(20deg); } }
#manapLP .c-title-std {
  text-align: center;
  font-weight: 700;
  margin-bottom: 1.2em;
  font-size: 28px; }
  @media screen and (max-width: 768px) {
    #manapLP .c-title-std {
      font-size: calc(100vw / ( 750 / 35 ));
      line-height: 1.5; } }
  #manapLP .c-title-std:after {
    content: "";
    display: block;
    margin: 10px auto 0;
    background-color: #68b8df;
    height: 3px;
    width: 127px; }
    @media screen and (max-width: 768px) {
      #manapLP .c-title-std:after {
        width: calc(100vw / ( 750 / 100 )); } }

/*========== c-table.scss ==========*/
.c-table-std {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8; }
  .c-table-std th, .c-table-std td {
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 0.5em 1em; }
  .c-table-std th {
    background-color: #4b85c3;
    color: #fff; }
  @media screen and (max-width: 768px) {
    .c-table-std .tate {
      line-height: 1;
      width: 1em;
      -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
      text-align: center; } }

/*========== p-kv.scss ==========*/
@media screen and (min-width: 769px) {
  .p-kv {
    background: url("/product/category/img/manap-se/kv_bg.png") center no-repeat;
    background-size: cover;
    margin: 0 auto;
    max-width: 2560px;
    padding-top: 29px; } }
@media screen and (min-width: 769px) {
  .p-kv__inner {
    margin: 0 auto;
    max-width: 90%; } }
@media screen and (min-width: 1200px) {
  .p-kv__inner {
    max-width: 1200px; } }

/*========== p-nav.scss ==========*/
#manapLP .p-nav.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100; }
@media screen and (max-width: 768px) {
  #manapLP .p-nav .c-inner {
    padding: 0; } }
#manapLP .p-nav-items {
  display: flex;
  flex-wrap: wrap; }
  #manapLP .p-nav-items__item {
    position: relative;
    width: calc(100% / 6); }
    @media screen and (max-width: 768px) {
      #manapLP .p-nav-items__item {
        width: calc(100% / 3);
        border-bottom: 1px solid #cfdbe7;
        border-right: 1px solid #cfdbe7; }
        #manapLP .p-nav-items__item:nth-child(3n) {
          border-right: none; } }
    @media screen and (min-width: 769px) {
      #manapLP .p-nav-items__item:not(:last-child):after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 22px;
        width: 1px;
        height: 52px;
        background-color: rgba(15, 74, 134, 0.2); } }
    #manapLP .p-nav-items__item a {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      height: 96px;
      font-size: 17px; }
      @media screen and (max-width: 768px) {
        #manapLP .p-nav-items__item a {
          height: calc(100vw / ( 750 / 100 ));
          font-size: calc(100vw / ( 750 / 24 )); } }
      #manapLP .p-nav-items__item a .forIcon {
        display: inline-block;
        font-weight: 700; }
        #manapLP .p-nav-items__item a .forIcon:after {
          content: "";
          display: block;
          width: 12px;
          height: 8px;
          margin: 14px auto 0;
          background: url("/product/category/img/manap-se/icon_nav.png") center no-repeat;
          background-size: contain; }
          @media screen and (max-width: 768px) {
            #manapLP .p-nav-items__item a .forIcon:after {
              width: calc(100vw / ( 750 / 16 ));
              height: calc(100vw / ( 750 / 10 ));
              margin-top: calc(100vw / ( 750 / 14 )); } }
#manapLP .p-nav-other {
  margin: calc(100vw / ( 750 / 50 )) 0; }
  @media screen and (min-width: 769px) {
    #manapLP .p-nav-other {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 50px 0; } }
  @media screen and (min-width: 769px) {
    #manapLP .p-nav-other__item {
      width: 33%; } }
  @media screen and (min-width: 769px) {
    #manapLP .p-nav-other__item:not(:last-child) {
      margin-right: 3.7%; } }
  @media screen and (max-width: 768px) {
    #manapLP .p-nav-other__item:not(:last-child) {
      margin-bottom: calc(100vw / ( 750 / 25 )); } }
@media screen and (max-width: 768px) {
  #manapLP .p-nav-fixed {
    display: flex;
    flex-wrap: wrap; } }
#manapLP .p-nav-fixedWrap {
  display: none;
  z-index: 200;
  position: fixed; }
  @media screen and (min-width: 769px) {
    #manapLP .p-nav-fixedWrap {
      right: 0;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 768px) {
    #manapLP .p-nav-fixedWrap {
      left: 0;
      bottom: 0;
      width: 100%; } }
#manapLP .p-nav-fixed__item {
  width: 146px; }
  @media screen and (max-width: 768px) {
    #manapLP .p-nav-fixed__item {
      width: calc(100% / 2); }
      #manapLP .p-nav-fixed__item:not(:last-child) {
        border-right: 1px solid #cfdbe7; } }
  @media screen and (min-width: 769px) {
    #manapLP .p-nav-fixed__item:not(:last-child) {
      margin-bottom: 10px; } }
  #manapLP .p-nav-fixed__item a {
    display: block;
    text-align: center;
    background: url("/product/category/img/manap-se/bg_gr.png") center no-repeat;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 8px rgba(25, 25, 25, 0.3);
    font-size: 18px; }
    @media screen and (min-width: 769px) {
      #manapLP .p-nav-fixed__item a {
        padding: 0.7em 0;
        border-radius: 6px 0 0 6px; } }
    @media screen and (max-width: 768px) {
      #manapLP .p-nav-fixed__item a {
        font-size: calc(100vw / ( 750 / 20 ));
        height: calc(100vw / ( 750 / 100 ));
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center; } }
    #manapLP .p-nav-fixed__item a .ic {
      display: inline-block; }
      @media screen and (min-width: 769px) {
        #manapLP .p-nav-fixed__item a .ic {
          line-height: 1.3; } }
      #manapLP .p-nav-fixed__item a .ic:before {
        content: "";
        display: block;
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 59px;
        height: 52px; }
        @media screen and (max-width: 768px) {
          #manapLP .p-nav-fixed__item a .ic:before {
            width: calc(100vw / ( 750 / 50 ));
            height: calc(100vw / ( 750 / 44 )); } }
      #manapLP .p-nav-fixed__item a .ic.for01:before {
        background-image: url("/product/category/img/manap-se/nav_ic01.png"); }
      #manapLP .p-nav-fixed__item a .ic.for02:before {
        background-image: url("/product/category/img/manap-se/nav_ic02.png"); }
      #manapLP .p-nav-fixed__item a .ic.for03:before {
        background-image: url("/product/category/img/manap-se/nav_ic03.png"); }

/*========== p-news.scss ==========*/
.p-news {
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .p-news {
      padding: calc(100vw / ( 750 / 80 )) 0; } }
  .p-news-items__item {
    border-bottom: 1px solid rgba(183, 183, 183, 0.4);
    display: flex;
    padding: 1em 0; }
    .p-news-items__item .forDate {
      font-family: 'Montserrat', sans-serif;
      width: 7em; }
      @media screen and (min-width: 769px) {
        .p-news-items__item .forDate {
          font-size: 14px; } }
    .p-news-items__item .forTxt {
      color: #261b19 !important;
      width: calc(100% - 7em); }
      @media screen and (min-width: 769px) {
        .p-news-items__item .forTxt {
          font-size: 15px; } }

/*========== p-about.scss ==========*/
.p-about {
  padding: 80px 0;
  border-bottom: 12px solid #b9dced; }
  @media screen and (max-width: 768px) {
    .p-about {
      padding: calc(100vw / ( 750 / 80 )) 0;
      border-bottom-width: 6px; } }
  @media screen and (min-width: 769px) {
    .p-about-flex {
      display: flex;
      align-items: center;
      justify-content: space-between; } }
  .p-about-flex .forTxt {
    background: url("/product/category/img/manap-se/about_bg.png") center no-repeat;
    background-size: contain; }
    @media screen and (min-width: 769px) {
      .p-about-flex .forTxt {
        width: 38%; } }
    .p-about-flex .forTxt p {
      font-size: 20px; }
      @media screen and (max-width: 768px) {
        .p-about-flex .forTxt p {
          font-size: calc(100vw / ( 750 / 30 )); } }
      .p-about-flex .forTxt p:not(:last-child) {
        margin-bottom: 1em; }
  @media screen and (min-width: 769px) {
    .p-about-flex .forMovie {
      width: 56%; } }
  .p-about-flex .forMovie__inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .p-about-flex .forMovie__inner iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }

/*========== p-merit.scss ==========*/
.p-merit {
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .p-merit {
      padding: calc(100vw / ( 750 / 80 )) 0; } }
  .p-merit-items {
    padding: calc(100vw / ( 750 / 50 )) calc(100vw / ( 750 / 30 )) 0; }
    @media screen and (min-width: 769px) {
      .p-merit-items {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 40px; } }
    .p-merit-items__item {
      text-align: center;
      border: 6px solid #e9f3f7;
      border-radius: 6px;
      background-color: #fff;
      position: relative; }
      @media screen and (min-width: 769px) {
        .p-merit-items__item {
          width: 30.5%;
          padding: 50px 2.5% 2.5%; } }
      @media screen and (max-width: 768px) {
        .p-merit-items__item {
          padding: calc(100vw / ( 750 / 70 )) calc(100vw / ( 750 / 50 )) calc(100vw / ( 750 / 50 )); }
          .p-merit-items__item:not(:last-child) {
            margin-bottom: calc(100vw / ( 750 / 90 )); } }
      .p-merit-items__item:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: -40px;
        transform: translateX(-50%);
        width: 80px;
        height: 80px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
        @media screen and (max-width: 768px) {
          .p-merit-items__item:before {
            width: calc(100vw / ( 750 / 100 ));
            height: calc(100vw / ( 750 / 100 ));
            top: calc(-100vw / ( 750 / 50 )); } }
      .p-merit-items__item.for01:before {
        background-image: url("/product/category/img/manap-se/merit_num01.png"); }
      .p-merit-items__item.for02:before {
        background-image: url("/product/category/img/manap-se/merit_num02.png"); }
      .p-merit-items__item.for03:before {
        background-image: url("/product/category/img/manap-se/merit_num03.png"); }
      .p-merit-items__item .txt01 {
        color: #0f4a86;
        line-height: 1.4;
        margin-bottom: 1em;
        font-weight: 700;
        font-size: 24px; }
        @media screen and (max-width: 768px) {
          .p-merit-items__item .txt01 {
            font-size: calc(100vw / ( 750 / 40 )); } }

/*========== p-class.scss ==========*/
.p-class {
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .p-class {
      padding: calc(100vw / ( 750 / 80 )) 0; } }
  .p-class-ttl {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    background-color: #bbdff0;
    color: #4b85c3;
    border-radius: 6px;
    white-space: nowrap;
    line-height: 1;
    text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px;
    font-weight: 700;
    font-size: 30px; }
    @media screen and (max-width: 768px) {
      .p-class-ttl {
        font-size: calc(100vw / ( 750 / 30 ));
        text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; } }
    .p-class-ttl .inBox {
      display: block;
      position: relative;
      padding: 0.7em 1em; }
      .p-class-ttl .inBox:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: -16px;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 13px 0 13px;
        border-color: #bbdff0 transparent transparent transparent; }
        @media screen and (max-width: 768px) {
          .p-class-ttl .inBox:after {
            border-width: calc(100vw / ( 750 / 18 )) calc(100vw / ( 750 / 13 )) 0 calc(100vw / ( 750 / 13 ));
            bottom: calc(-100vw / ( 750 / 16 )); } }
  .p-class .sec2nd {
    text-align: center;
    position: relative; }
    .p-class .sec2nd:not(:last-child) {
      margin-bottom: 40px; }
      @media screen and (max-width: 768px) {
        .p-class .sec2nd:not(:last-child) {
          margin-bottom: calc(100vw / ( 750 / 60 )); } }
    @media screen and (max-width: 768px) {
      .p-class .sec2nd .txt01 {
        text-align: left;
        margin-bottom: 1.5em; } }
    .p-class .sec2nd.firstItem {
      padding-top: 80px; }
      @media screen and (max-width: 768px) {
        .p-class .sec2nd.firstItem {
          padding-top: calc(100vw / ( 750 / 80 )); } }
  .p-class .sec3rd {
    border-radius: 6px;
    padding: 4%; }
    .p-class .sec3rd:not(:last-child) {
      margin-bottom: 33px; }
  .p-class-lead {
    text-align: center;
    margin-bottom: 4.5em;
    font-size: 19px; }
    @media screen and (max-width: 768px) {
      .p-class-lead {
        font-size: calc(100vw / ( 750 / 30 ));
        margin-bottom: 3em; } }
  @media screen and (min-width: 769px) {
    .p-class-table {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      font-size: 15px; } }
  @media screen and (min-width: 769px) {
    .p-class-table .tableBox {
      width: 48.5%; } }
  @media screen and (max-width: 768px) {
    .p-class-table .tableBox .c-table-std.noBT {
      border-top: none; } }
  .p-class-table .tableBox .c-table-std th, .p-class-table .tableBox .c-table-std td {
    vertical-align: middle; }
  .p-class-table .tableBox .c-table-std th {
    text-align: center;
    font-family: "Rubik", sans-serif;
    width: 25%; }
  .p-class-table .tableBox .c-table-std td.withBG {
    text-align: center;
    background-color: #e9f3f7; }
    @media screen and (min-width: 769px) {
      .p-class-table .tableBox .c-table-std td.withBG {
        width: 18%; }
        .p-class-table .tableBox .c-table-std td.withBG.long {
          width: 20%; } }
  @media screen and (max-width: 768px) {
    .p-class-table .tableBox .c-table-std td.cell01 {
      width: 16%; } }
  @media screen and (max-width: 768px) {
    .p-class-table .tableBox .c-table-std td.cell02 {
      width: 16%; } }
  @media screen and (max-width: 768px) {
    .p-class-table .tableBox .c-table-std .tate {
      min-height: 4em; } }
  @media screen and (max-width: 768px) {
    .p-class-table .tableBox .c-table-std .yoko {
      text-orientation: upright; } }
  .p-class-table_note {
    color: #827f7b;
    margin: 1.5em 0;
    font-size: 15px;
    text-align: right; }
    @media screen and (max-width: 768px) {
      .p-class-table_note {
        font-size: calc(100vw / ( 750 / 22 ));
        text-align: center; } }
  @media screen and (min-width: 769px) {
    .p-class-because {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; } }
  .p-class-because_ttl {
    display: block;
    margin: 0 auto 30px;
    max-width: 122px; }
    @media screen and (max-width: 768px) {
      .p-class-because_ttl {
        width: calc(100vw / ( 750 / 150 ));
        margin-bottom: calc(100vw / ( 750 / 40 )); } }
  .p-class-because .boxTxt {
    text-align: left; }
    @media screen and (min-width: 769px) {
      .p-class-because .boxTxt {
        width: 47%; } }
    .p-class-because .boxTxt .forTxt01 {
      color: #0f4a86;
      font-weight: 700;
      margin-bottom: 1em;
      margin-right: -1em;
      line-height: 1.4;
      font-size: 40px; }
      @media screen and (max-width: 768px) {
        .p-class-because .boxTxt .forTxt01 {
          font-size: calc(100vw / ( 750 / 45 ));
          text-align: center; } }
    @media screen and (max-width: 768px) {
      .p-class-because .boxTxt .forBtn01 {
        margin-bottom: 4vw; } }
  @media screen and (min-width: 769px) {
    .p-class-because .boxObj {
      width: 48.5%; } }
  @media screen and (max-width: 768px) {
    .p-class-because .boxObj {
      margin-bottom: 4vw; } }
  @media screen and (min-width: 769px) {
    .p-class-ex {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 30px 0; } }
  @media screen and (min-width: 769px) {
    .p-class-ex__item {
      width: 31%; } }
  @media screen and (max-width: 768px) {
    .p-class-ex__item {
      margin-bottom: 4vw; } }
  .p-class-ex__item .cap {
    padding-top: 0.5em; }
  .p-class-ex_btn {
    margin-bottom: 100px; }
    @media screen and (max-width: 768px) {
      .p-class-ex_btn {
        margin-bottom: calc(100vw / ( 750 / 120 )); } }
    .p-class-ex_btn .c-btn-std {
      padding-right: 90px; }
      @media screen and (max-width: 768px) {
        .p-class-ex_btn .c-btn-std {
          padding-right: calc(100vw / ( 750 / 70 )); } }
  .p-class-school {
    position: relative;
    padding-top: 6% !important; }
    @media screen and (max-width: 768px) {
      .p-class-school {
        padding-top: 8vw !important; } }
    .p-class-school:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, -60%);
      background: url("/product/category/img/manap-se/class_school_ttl.png") center no-repeat;
      background-size: contain;
      width: 324px;
      height: 95px; }
      @media screen and (max-width: 768px) {
        .p-class-school:before {
          width: calc(100vw / ( 750 / 324 ));
          height: calc(100vw / ( 750 / 95 )); } }
    .p-class-school .exampleBox {
      text-align: left;
      margin-top: 25px; }
      .p-class-school .exampleBox_ttl {
        color: #0f4a86;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 1em;
        font-size: 125%; }
      @media screen and (min-width: 769px) {
        .p-class-school .exampleBox_txt {
          display: flex;
          line-height: 2;
          position: relative; } }
      @media screen and (min-width: 769px) {
        .p-class-school .exampleBox_txt dl:not(las-child) {
          margin-right: 5%; } }
      @media screen and (max-width: 768px) {
        .p-class-school .exampleBox_txt dl:not(las-child) {
          margin-bottom: 3vw; } }
      @media screen and (min-width: 769px) {
        .p-class-school .exampleBox_txt .other {
          position: absolute;
          right: 0;
          bottom: 0;
          line-height: 1; } }
      @media screen and (max-width: 768px) {
        .p-class-school .exampleBox_txt .other {
          text-align: right; } }
  @media screen and (min-width: 769px) {
    .p-class-voice .authorBox {
      display: flex;
      justify-content: space-between; } }
  .p-class-voice .authorBox .forPh {
    width: 19%; }
    @media screen and (max-width: 768px) {
      .p-class-voice .authorBox .forPh {
        width: 35vw;
        margin: 0 auto calc(100vw / ( 750 / 30 )); } }
  .p-class-voice .authorBox .forTxt {
    text-align: left; }
    @media screen and (min-width: 769px) {
      .p-class-voice .authorBox .forTxt {
        width: 76%; } }
    .p-class-voice .authorBox .forTxt_ttl {
      color: #0f4a86;
      font-weight: 700;
      margin-bottom: 0.5em;
      font-size: 118.75%; }
      @media screen and (max-width: 768px) {
        .p-class-voice .authorBox .forTxt_ttl {
          text-align: center; } }
    @media screen and (min-width: 769px) {
      .p-class-voice .authorBox .forTxt_txt {
        font-size: 15px;
        line-height: 2; } }

/*========== p-how.scss ==========*/
.p-how {
  text-align: center;
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .p-how {
      padding: calc(100vw / ( 750 / 80 )) 0; } }
  .p-how-lead {
    margin-bottom: 1.5em; }
  .p-how-movie {
    margin: 0 auto; }
    @media screen and (min-width: 769px) {
      .p-how-movie {
        width: 88%; } }
    .p-how-movie__inner {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      .p-how-movie__inner iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%; }

/*========== p-function.scss ==========*/
.p-function {
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .p-function {
      padding: calc(100vw / ( 750 / 80 )) 0; } }
  .p-function-lead {
    margin-bottom: 1.5em; }
    @media screen and (min-width: 769px) {
      .p-function-lead {
        text-align: center; } }
  .p-function-ttl {
    color: #0f4a86;
    font-weight: 700;
    margin-bottom: 0.5em;
    font-size: 22px; }
    @media screen and (max-width: 768px) {
      .p-function-ttl {
        font-size: calc(100vw / ( 750 / 34 )); } }
    .p-function-ttl .num {
      display: inline-block;
      color: #fff;
      background-color: #4b85c3;
      border-radius: 1000px;
      font-family: "Rubik", sans-serif;
      padding: 0 1em;
      margin-bottom: 0.5em;
      height: 28px;
      line-height: 28px;
      font-size: 15px; }
      @media screen and (max-width: 768px) {
        .p-function-ttl .num {
          font-size: calc(100vw / ( 750 / 22 ));
          height: calc(100vw / ( 750 / 42 ));
          line-height: calc(100vw / ( 750 / 42 )); } }
  @media screen and (min-width: 769px) {
    .p-function-point {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .p-function-point:nth-child(even) .forTxt {
        order: 2; }
      .p-function-point:nth-child(even) .forObj {
        order: 1; } }
  .p-function-point:not(:last-child) {
    margin-bottom: 30px; }
  @media screen and (min-width: 769px) {
    .p-function-point .forTxt {
      width: 54%; } }
  @media screen and (min-width: 769px) {
    .p-function-point .forTxt p {
      line-height: 1.9; } }
  @media screen and (max-width: 768px) {
    .p-function-point .forTxt p {
      margin-bottom: 1.5em; } }
  @media screen and (min-width: 769px) {
    .p-function-point .forObj {
      width: 41%; } }

/*========== p-use.scss ==========*/
.p-use {
  text-align: center;
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .p-use {
      padding: calc(100vw / ( 750 / 80 )) 0; } }
  .p-use-lead {
    font-weight: 700;
    margin-bottom: 1em;
    font-size: 22px; }
    @media screen and (max-width: 768px) {
      .p-use-lead {
        font-size: calc(100vw / ( 750 / 30 )); } }
  .p-use-note__item {
    color: #827f7b;
    line-height: 2;
    font-size: 13px; }
    @media screen and (max-width: 768px) {
      .p-use-note__item {
        text-align: left;
        font-size: calc(100vw / ( 750 / 20 ));
        text-indent: -1em;
        margin-left: 1em;
        line-height: 1.6; } }
  .p-use .c-bg-wh:not(:last-child) {
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      .p-use .c-bg-wh:not(:last-child) {
        margin-bottom: calc(100vw / ( 750 / 30 )); } }
  .p-use .c-bg-wh.for03 .p-use-note {
    text-align: left;
    margin-bottom: 15px; }
    .p-use .c-bg-wh.for03 .p-use-note__item {
      color: #3b2a13; }
  .p-use .c-bg-wh.for03 .c-table-std th, .p-use .c-bg-wh.for03 .c-table-std td {
    text-align: center;
    vertical-align: middle; }

/*========== p-faq.scss ==========*/
.p-faq {
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .p-faq {
      padding: calc(100vw / ( 750 / 80 )) 0; } }
  .p-faq-QA {
    border-bottom: 1px solid #c8c8c8; }
    .p-faq-QA .forQ {
      position: relative;
      padding: 1.2em 2.5em 1.2em 4em;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        .p-faq-QA .forQ {
          padding: 1.2em 2.5em 1.2em 3em; } }
      .p-faq-QA .forQ:before {
        content: "Q";
        color: #4b85c3;
        position: absolute;
        font-family: "Rubik", sans-serif;
        font-weight: 500;
        left: 0.3em;
        top: 0;
        font-size: 40px; }
        @media screen and (max-width: 768px) {
          .p-faq-QA .forQ:before {
            font-size: calc(100vw / ( 750 / 50 ));
            top: 0.3em; } }
      .p-faq-QA .forQ:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 1em;
        background: url("/product/category/img/manap-se/icon_toggle.png") center no-repeat;
        background-size: contain;
        width: 26px;
        height: 26px; }
        @media screen and (max-width: 768px) {
          .p-faq-QA .forQ:after {
            width: calc(100vw / ( 750 / 40 ));
            height: calc(100vw / ( 750 / 40 ));
            top: 1.3em; } }
      .p-faq-QA .forQ.active:after {
        transform: rotate(180deg); }
    .p-faq-QA .forA {
      display: none;
      background-color: #f7f7f7;
      position: relative;
      padding: 1.2em 1em 1.2em 4em; }
      @media screen and (max-width: 768px) {
        .p-faq-QA .forA {
          padding-left: 3em; } }
      .p-faq-QA .forA:before {
        content: "A";
        color: #da301f;
        position: absolute;
        font-family: "Rubik", sans-serif;
        font-weight: 500;
        left: 0.3em;
        top: 0;
        font-size: 40px; }
        @media screen and (max-width: 768px) {
          .p-faq-QA .forA:before {
            font-size: calc(100vw / ( 750 / 50 ));
            top: 0.3em; } }
  .p-faq-hide {
    display: none; }
  .p-faq-more {
    display: block;
    margin: 2em auto 0;
    width: 5em;
    cursor: pointer;
    line-height: 1; }
    .p-faq-more:after {
      content: "もっと見る"; }
    .p-faq-more:before {
      content: "";
      display: block;
      margin: 0 auto 0.75em;
      background: url("/product/category/img/manap-se/icon_open.png") center no-repeat;
      background-size: contain;
      width: 46px;
      height: 46px; }
      @media screen and (max-width: 768px) {
        .p-faq-more:before {
          width: calc(100vw / ( 750 / 70 ));
          height: calc(100vw / ( 750 / 70 )); } }
    .p-faq-more.open:after {
      content: "閉じる"; }
    .p-faq-more.open:before {
      background-image: url("/product/category/img/manap-se/icon_close.png"); }

/*========== p-contact.scss ==========*/
.p-contact {
  background: url("/product/category/img/manap-se/bg_gr.png") 0 0 repeat;
  padding: 70px 0; }
  @media screen and (max-width: 768px) {
    .p-contact {
      padding: calc(100vw / ( 750 / 70 )) 0; } }
  .p-contact .c-title-secondary {
    color: #fff57f;
    margin-bottom: 2em !important;
    text-shadow: 0px 0px 8px rgba(25, 25, 25, 0.3); }
    .p-contact .c-title-secondary .inBox {
      font-size: 36px; }
      .p-contact .c-title-secondary .inBox:before, .p-contact .c-title-secondary .inBox:after {
        border-left-color: #fff57f !important; }
    .p-contact .c-title-secondary .u-marker {
      background: linear-gradient(transparent 60%, rgba(16, 124, 49, 0.5) 60%); }
  .p-contact-flex {
    display: flex;
    flex-wrap: wrap; }
    .p-contact-flex .boxTxt {
      color: #fff; }
      @media screen and (min-width: 769px) {
        .p-contact-flex .boxTxt {
          width: 50%; } }
      @media screen and (max-width: 768px) {
        .p-contact-flex .boxTxt {
          width: 100%;
          text-align: center;
          order: 2; } }
      .p-contact-flex .boxTxt_ttl {
        text-shadow: 0px 0px 8px rgba(25, 25, 25, 0.3);
        font-weight: 700;
        display: inline-block;
        border-bottom: 3px solid #fff;
        margin-bottom: 1em;
        padding-bottom: 0.25em;
        font-size: 30px; }
        @media screen and (max-width: 768px) {
          .p-contact-flex .boxTxt_ttl {
            font-size: calc(100vw / ( 750 / 38 ));
            margin-bottom: 0.5em; } }
      .p-contact-flex .boxTxt .forTtl {
        font-weight: 700;
        margin-bottom: 0.5em;
        font-size: 22px; }
        @media screen and (max-width: 768px) {
          .p-contact-flex .boxTxt .forTtl {
            font-size: calc(100vw / ( 750 / 32 )); } }
      .p-contact-flex .boxTxt .forTxt {
        line-height: 1.7; }
        @media screen and (min-width: 769px) {
          .p-contact-flex .boxTxt .forTxt {
            font-size: 18px; } }
    .p-contact-flex .boxBtn {
      width: 50%; }
      @media screen and (max-width: 768px) {
        .p-contact-flex .boxBtn {
          width: 100%;
          order: 1;
          margin-bottom: 5vw; } }
  .p-contact-btn__item:not(:last-child) {
    margin-bottom: 12px; }
  .p-contact-btn__item a {
    display: block;
    background-color: #fff;
    height: 68px;
    line-height: 68px;
    color: #107c31 !important;
    font-weight: 700;
    font-size: 20px;
    padding: 0 1.0em;
    border-radius: 6px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .p-contact-btn__item a {
        height: calc(100vw / ( 750 / 100 ));
        line-height: calc(100vw / ( 750 / 100 ));
        font-size: calc(100vw / ( 750 / 30 )); } }
    .p-contact-btn__item a:after {
      content: "";
      display: block;
      position: absolute;
      right: 1.2em;
      top: 50%;
      transform: translateY(-50%);
      background: url("/product/category/img/manap-se/icon_blank.png") center no-repeat;
      background-size: contain;
      width: 20px;
      height: 20px; }

/*========== p-experience.scss ==========*/
.p-experience {
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .p-experience {
      padding: calc(100vw / ( 750 / 80 )) 0; } }
  .p-experience-lead {
    text-align: center;
    font-weight: 700;
    font-size: 18px; }
    @media screen and (max-width: 768px) {
      .p-experience-lead {
        font-size: calc(100vw / ( 750 / 30 )); } }
    .p-experience-lead .u-att {
      font-size: 130%; }

/*========== p-trial.scss ==========*/
.p-trial-ttl {
  text-align: center; }
  .p-trial-ttl .inBox {
    display: inline-block;
    position: relative;
    font-weight: 700;
    padding: 0 1em;
    line-height: 1;
    font-size: 23px; }
    @media screen and (max-width: 768px) {
      .p-trial-ttl .inBox {
        font-size: calc(100vw / ( 750 / 28 )); } }
    .p-trial-ttl .inBox:before, .p-trial-ttl .inBox:after {
      content: "";
      display: block;
      position: absolute;
      bottom: -0.3em;
      width: 1px;
      height: 150%;
      border-left: 2px dashed #3b2a13; }
    .p-trial-ttl .inBox:before {
      left: 0;
      transform: rotate(-30deg); }
    .p-trial-ttl .inBox:after {
      right: 0;
      transform: rotate(30deg); }
    .p-trial-ttl .inBox .free {
      font-size: 120%; }
      .p-trial-ttl .inBox .free .one {
        position: relative;
        display: inline-block; }
        .p-trial-ttl .inBox .free .one:before {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: -0.3em;
          transform: translateX(-50%);
          width: 5px;
          height: 5px;
          border-radius: 50%;
          background-color: #3b2a13; }
          @media screen and (max-width: 768px) {
            .p-trial-ttl .inBox .free .one:before {
              width: 3px;
              height: 3px; } }
.p-trial-toggle {
  position: relative;
  z-index: 1;
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .p-trial-toggle {
      width: 87.8%;
      cursor: pointer; } }
  .p-trial-toggle:after {
    content: "";
    display: block;
    position: absolute;
    right: 1.5%;
    top: 50%;
    transform: translateY(-50%);
    background: url("/product/category/img/manap-se/icon_open_wh.png") center no-repeat;
    background-size: contain;
    width: 6%;
    height: 60px; }
    @media screen and (max-width: 768px) {
      .p-trial-toggle:after {
        width: calc(100vw / ( 750 / 56 ));
        height: calc(100vw / ( 750 / 56 ));
        top: calc(100vw / ( 750 / 200 ));
        right: calc(100vw / ( 750 / 160 )); } }
  .p-trial-toggle.active:after {
    background-image: url("/product/category/img/manap-se/icon_close_wh.png"); }
.p-trial-toggled {
  display: none;
  padding: 12% 3.7% 3.7%;
  border-radius: 6px; }
  @media screen and (min-width: 769px) {
    .p-trial-toggled {
      transform: translateY(-80px); } }
.p-trial-lead {
  text-align: center;
  line-height: 2; }
  @media screen and (max-width: 768px) {
    .p-trial-lead {
      text-align: left; } }
.p-trial-def {
  padding-top: calc(100vw / ( 750 / 35 )); }
  @media screen and (min-width: 769px) {
    .p-trial-def {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      padding-top: 20px; } }
  .p-trial-def .c-bg-wh {
    text-align: center;
    position: relative;
    padding-top: 7vw; }
    @media screen and (min-width: 769px) {
      .p-trial-def .c-bg-wh {
        width: 44%;
        padding: 5% 2.8% 2.8%; }
        .p-trial-def .c-bg-wh:nth-child(odd) {
          margin-right: 4%; } }
    @media screen and (max-width: 768px) {
      .p-trial-def .c-bg-wh:not(:last-child) {
        margin-bottom: 8vw; } }
    .p-trial-def .c-bg-wh .c-btn-std {
      text-align: left;
      font-size: calc(100vw / ( 750 / 28 )); }
      @media screen and (min-width: 769px) {
        .p-trial-def .c-bg-wh .c-btn-std {
          font-size: 18px;
          height: 56px;
          line-height: 56px;
          padding-right: 50px; } }
      @media screen and (min-width: 769px) {
        .p-trial-def .c-bg-wh .c-btn-std:after {
          right: 19px; } }
  .p-trial-def .forTtl {
    white-space: nowrap;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    border-radius: 1000px;
    color: #fff;
    background-color: #4b85c3;
    font-weight: 700;
    padding: 0 1em;
    height: 40px;
    line-height: 40px;
    font-size: 20px; }
    @media screen and (max-width: 768px) {
      .p-trial-def .forTtl {
        font-size: calc(100vw / ( 750 / 32 ));
        height: calc(100vw / ( 750 / 60 ));
        line-height: calc(100vw / ( 750 / 60 )); } }
  .p-trial-def .forCatch {
    font-weight: 700;
    margin-bottom: 0.5em;
    font-size: 28px; }
    @media screen and (max-width: 768px) {
      .p-trial-def .forCatch {
        font-size: calc(100vw / ( 750 / 40 )); } }
  .p-trial-def .forFeature {
    display: inline-block;
    margin: 1em 0 0.5em; }
    .p-trial-def .forFeature__item {
      line-height: 1;
      text-align: left;
      font-weight: 700;
      font-size: 22px;
      margin-bottom: 1em;
      position: relative;
      padding-left: 2em; }
      @media screen and (max-width: 768px) {
        .p-trial-def .forFeature__item {
          font-size: calc(100vw / ( 750 / 30 )); } }
      .p-trial-def .forFeature__item:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: url("/product/category/img/manap-se/icon_check.png") center no-repeat;
        background-size: contain;
        width: 23px;
        height: 23px; }
        @media screen and (max-width: 768px) {
          .p-trial-def .forFeature__item:before {
            width: calc(100vw / ( 750 / 32 ));
            height: calc(100vw / ( 750 / 32 )); } }
      .p-trial-def .forFeature__item.forTriangle:before {
        background-image: url("/product/category/img/manap-se/icon_triangle.png"); }
      .p-trial-def .forFeature__item.forCtrl {
        margin-top: 1.5em; }
  .p-trial-def .forNote {
    text-align: left;
    color: #827f7b;
    font-size: 90%;
    margin-bottom: 1em; }
    .p-trial-def .forNote__item {
      text-indent: -1em;
      margin-left: 1em; }
.p-trial-flow {
  margin-top: 30px; }
  .p-trial-flow .forItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .p-trial-flow .forItems .item {
      background-color: #4b85c3;
      border-radius: 3px;
      color: #fff;
      font-weight: 700;
      line-height: 1.45;
      font-size: 19px;
      padding: 0.5em 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .p-trial-flow .forItems .item {
          font-size: calc(100vw / ( 750 / 24 )); } }
    .p-trial-flow .forItems.level01 {
      margin-bottom: 50px; }
      @media screen and (max-width: 768px) {
        .p-trial-flow .forItems.level01 {
          margin-bottom: calc(100vw / ( 750 / 50 ));
          position: relative; }
          .p-trial-flow .forItems.level01:after {
            content: "";
            display: block;
            position: absolute;
            left: 50%;
            bottom: calc(-100vw / ( 750 / 50 ));
            transform: translateX(-50%);
            width: calc(100vw / ( 750 / 314 ));
            height: calc(100vw / ( 750 / 50 ));
            background: url("/product/category/img/manap-se/trial_flow_obj01.png") center no-repeat;
            background-size: 100% auto; } }
      .p-trial-flow .forItems.level01 .item.forA {
        width: 100%; }
        @media screen and (min-width: 769px) {
          .p-trial-flow .forItems.level01 .item.forA {
            width: 65.5%;
            position: relative; }
            .p-trial-flow .forItems.level01 .item.forA:after {
              content: "";
              display: block;
              position: absolute;
              left: 50%;
              bottom: -50px;
              transform: translateX(-50%);
              width: 320px;
              height: 50px;
              background: url("/product/category/img/manap-se/trial_flow_obj01.png") center no-repeat;
              background-size: 100% auto; } }
      .p-trial-flow .forItems.level01 .item.forB {
        width: 100%; }
        @media screen and (min-width: 769px) {
          .p-trial-flow .forItems.level01 .item.forB {
            width: 31%;
            position: relative; }
            .p-trial-flow .forItems.level01 .item.forB:after {
              content: "";
              display: block;
              position: absolute;
              left: 50%;
              bottom: -235%;
              transform: translateX(-50%);
              width: 14px;
              height: 235%;
              background: url("/product/category/img/manap-se/trial_flow_obj02.png") center bottom no-repeat;
              background-size: contain; } }
      @media screen and (max-width: 768px) {
        .p-trial-flow .forItems.level01.other:after {
          width: calc(100vw / ( 750 / 18 ));
          height: calc(100vw / ( 750 / 50 ));
          background: url("/product/category/img/manap-se/trial_flow_obj02.png") center bottom no-repeat;
          background-size: 100% auto; } }
    .p-trial-flow .forItems.level02 {
      margin-bottom: calc(100vw / ( 750 / 50 )); }
      @media screen and (min-width: 769px) {
        .p-trial-flow .forItems.level02 {
          width: 65.5%;
          margin-bottom: 50px; } }
      .p-trial-flow .forItems.level02 .item {
        position: relative;
        width: 47.5%; }
        @media screen and (max-width: 768px) {
          .p-trial-flow .forItems.level02 .item {
            width: 48.5%; } }
        .p-trial-flow .forItems.level02 .item:after {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          bottom: -50px;
          transform: translateX(-50%);
          width: 14px;
          height: 50px;
          background: url("/product/category/img/manap-se/trial_flow_obj02.png") center bottom no-repeat;
          background-size: 100% auto; }
          @media screen and (max-width: 768px) {
            .p-trial-flow .forItems.level02 .item:after {
              height: calc(100vw / ( 750 / 50 ));
              bottom: calc(-100vw / ( 750 / 50 ));
              width: calc(100vw / ( 750 / 18 )); } }
    .p-trial-flow .forItems.level03 .item {
      background-color: transparent;
      padding: 0;
      display: block;
      width: 48.5%; }
      @media screen and (min-width: 769px) {
        .p-trial-flow .forItems.level03 .item {
          width: 31%; } }
      .p-trial-flow .forItems.level03 .item .c-btn-std {
        height: auto;
        line-height: 1.5;
        letter-spacing: -0.05em;
        text-align: left;
        padding: 0.7em 1em;
        font-size: 20px; }
        @media screen and (max-width: 768px) {
          .p-trial-flow .forItems.level03 .item .c-btn-std {
            font-size: calc(100vw / ( 750 / 24 )); } }
        @media screen and (max-width: 768px) {
          .p-trial-flow .forItems.level03 .item .c-btn-std .u-sizeS {
            font-size: 78%; } }
        .p-trial-flow .forItems.level03 .item .c-btn-std:after {
          right: 18px; }
          @media screen and (max-width: 768px) {
            .p-trial-flow .forItems.level03 .item .c-btn-std:after {
              right: calc(100vw / ( 750 / 14 )); } }
    @media screen and (max-width: 768px) {
      .p-trial-flow .forItems.level04 .item {
        background-color: transparent;
        padding: 0;
        display: block;
        width: 100%; }
        .p-trial-flow .forItems.level04 .item .c-btn-std {
          font-size: calc(100vw / ( 750 / 24 ));
          height: auto;
          line-height: inherit;
          padding: 1em;
          text-align: left; } }
  .p-trial-flow .forNote {
    padding-top: 1em;
    font-size: 12px; }
    @media screen and (max-width: 768px) {
      .p-trial-flow .forNote {
        font-size: calc(100vw / ( 750 / 18 ));
        margin-bottom: calc(100vw / ( 750 / 40 )); } }
.p-trial-close {
  display: block;
  margin: 2em auto 0;
  width: 5em;
  cursor: pointer;
  line-height: 1; }
  .p-trial-close:before {
    content: "";
    display: block;
    margin: 0 auto 0.75em;
    background: url("/product/category/img/manap-se/icon_open.png") center no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px; }
    @media screen and (max-width: 768px) {
      .p-trial-close:before {
        width: calc(100vw / ( 750 / 70 ));
        height: calc(100vw / ( 750 / 70 )); } }

/*========== u-utility.scss ==========*/
.u-mb1em {
  margin-bottom: 1em !important; }
.u-bold {
  font-weight: 700; }
.u-att {
  color: #da1f46;
  font-weight: 700; }
.u-marker {
  background: linear-gradient(transparent 60%, #fff57f 60%); }
.u-blue {
  color: #0f4a86; }
.u-sizeS {
  font-size: 90%; }