.page-Bp_00_1370 .color-bg-yellow {
  background-image: url(/assets/nose/ope/crooked/images/bg_dot.jpg);
  background-repeat: repeat;
  padding: 10px;
  margin: 0 auto;
  width: 930px; }

.page-Bp_00_1370 .bg-ylwdot {
  background: url(/assets/nose/ope/crooked/images/bg-dot-yellow.png); }

.page-Bp_00_1370 .inline-list .check-list {
  display: inline-block;
  padding-left: 1.3em;
  background: url(/assets/images/common/icon-check-pink.gif) 0 0.3em no-repeat;
  background-size: 1.0em auto; }

.page-Bp_00_1370 .dir-area01 {
  background: url(/assets/nose/ope/crooked/images/main-bg.jpg) no-repeat left #fff; }
  .page-Bp_00_1370 .dir-area01 .img-01 img {
    width: auto; }
  .page-Bp_00_1370 .dir-area01 .img-01 .image-full {
    text-align: right; }

.page-Bp_00_1370 .pc-only {
  display: block; }

.page-Bp_00_1370 .sp-only {
  display: none; }

@media only screen and (min-width: 980px) {
  .page-Bp_00_1370 .ac_ly_001 .imagetext {
    max-width: 870px; } }

@media only screen and (max-width: 979px) {
  .page-Bp_00_1370 .color-bg-yellow {
    width: auto; }
  .page-Bp_00_1370 .inline-list {
    text-align: left !important; }
    .page-Bp_00_1370 .inline-list .check-list {
      width: 100%; }
  .page-Bp_00_1370 .ac_ly_002.-sp-1column ._pull-left,
  .page-Bp_00_1370 .ac_ly_002.-sp-1column ._pull-right {
    float: none !important; }
  .page-Bp_00_1370 .dir-area01 {
    background: #fff; }
    .page-Bp_00_1370 .dir-area01 .img-01 img {
      width: 100%; }
    .page-Bp_00_1370 .dir-area01 .img-01 .image-full {
      text-align: center; }
  .page-Bp_00_1370 ._width-40 {
    width: 45%; }
  .page-Bp_00_1370 ._width-60 {
    width: 55%; }
  .page-Bp_00_1370 .pc-only {
    display: none; }
  .page-Bp_00_1370 .sp-only {
    display: block; } }

#main {
  word-break: break-all; }
  #main .exp_box {
    width: 980px;
    padding: 0;
    margin: 20px auto; }
  #main .exp_box .tit {
    text-align: center;
    background: #eb6a97;
    color: #fff;
    font-size: 20px;
    font-size: 24px;
    padding: 5px 0;
    font-weight: bold;
    margin-bottom: 10px; }
  #main .exp_fl {
    float: left;
    padding-right: 30px; }
  #main .exp_fr {
    font-size: 17px;
    line-height: 1.5; }
  #main .exp_fr .f-pink {
    color: #fb637e;
    margin: 20px 0; }
  @media screen and (max-width: 640px) {
    #main .exp_box {
      width: 100%; }
    #main .exp_box .tit {
      font-size: 20px; }
    #main .exp_inner {
      padding: 0 3%; }
    #main .exp_fl {
      padding: 0 3% 3% 0px;
      width: 35%; }
    #main .exp_fr {
      font-size: 15px; } }
  #main h2.content-title {
    text-align: center;
    font-size: 50px;
    line-height: 1.5;
    margin: 0; }
    #main h2.content-title span.text {
      display: block;
      position: relative;
      padding-top: 1em;
      font-weight: bold;
      text-align: center;
      font-size: 16px; }
      #main h2.content-title span.text::before {
        position: absolute;
        background-color: #000;
        content: "";
        width: 100px;
        height: 2px;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
    @media only screen and (max-width: 979px) {
      #main h2.content-title {
        font-size: 36px; }
        #main h2.content-title span.text {
          padding-top: 15px; } }
  #main h3.h3_txt {
    font-size: 24px; }
    #main h3.h3_txt.heading-line {
      font-size: 28px;
      border-bottom: 2px solid #eb6a97; }
    @media only screen and (max-width: 979px) {
      #main h3.h3_txt {
        font-size: 21px; }
        #main h3.h3_txt.heading-line {
          font-size: 21px; } }
  #main span.point {
    font-weight: bold;
    color: #eb6a97; }
  #main > .nav {
    background-color: #eb6a97;
    margin-top: 0; }
    #main > .nav nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: stretch; }
      #main > .nav nav > a {
        width: calc(100% / 6);
        padding: 10px 5px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media only screen and (min-width: 980px) {
          #main > .nav nav > a {
            border-left: 1px solid #fff; }
            #main > .nav nav > a:last-child {
              border-right: 1px solid #fff; } }
        @media only screen and (max-width: 979px) {
          #main > .nav nav > a {
            width: 50%;
            font-size: 16px;
            padding: 5px;
            margin: 0;
            border-bottom: 1px solid #fff; }
            #main > .nav nav > a:nth-child(odd) {
              border-right: 1px solid #fff; }
            #main > .nav nav > a:last-child {
              width: 100%; } }
  #main .dir-area {
    font-size: 18px;
    color: #000;
    background-color: #fff;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 80px; }
    #main .dir-area.pickup, #main .dir-area.recommend, #main .dir-area.comment, #main .dir-area.warranty {
      background-color: #f7f7f7; }
    #main .dir-area.effect, #main .dir-area.option, #main .dir-area.risk, #main .dir-area.faq, #main .dir-area.price, #main .dir-area.doctor {
      background-color: #f5e9ed; }
  #main > .what h3 {
    display: block;
    padding: 0.5em;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: bold; }
  #main > .what .conditions {
    display: block;
    width: 90%;
    border: 3px solid #eb6a97;
    margin: 1em auto; }
    #main > .what .conditions h4 {
      background-color: #eb6a97;
      color: #fff;
      padding: 10px 10px 10px 20px; }
    #main > .what .conditions ul {
      list-style-type: disc;
      margin-left: 30px;
      padding: 10px; }
  #main > .recommend {
    padding-bottom: 0; }
    #main > .recommend .recommend_list {
      max-width: -moz-fit-content;
      max-width: fit-content;
      margin-left: auto; }
  #main > .reason .reason_cont {
    align-items: center; }
    #main > .reason .reason_cont .heading {
      background-color: #eb6a97;
      padding: 15px 0px;
      color: #fff;
      text-align: center;
      font-size: 21px; }
      @media only screen and (max-width: 979px) {
        #main > .reason .reason_cont .heading {
          padding: 0px; } }
  #main > .reason h3.tc-pk {
    color: #eb6a97; }
  #main > .method h3 {
    display: block;
    background-color: #eb6a97;
    color: #fff;
    text-align: center; }
  #main > .method .arrow-down {
    margin: 10px auto 20px;
    width: 60px; }
  #main > .option #ac02 .ac_ly_002 {
    display: flex; }
  #main > .option .tabacc.-pc-accordion > .contents > .title {
    background-color: #eb6a97; }
  @media only screen and (max-width: 979px) {
    #main > .comment .-sp-reverse {
      flex-direction: column-reverse; } }
  #main > .about .td30 {
    width: 30%;
    text-align: center;
    background-color: #f5e9ed; }
  #main > .faq .faq-box {
    background-color: #fff;
    padding: 1em; }
    #main > .faq .faq-box .question::before, #main > .faq .faq-box .answer::before {
      background-color: #eb6a97; }
  #main > .flow .arrow-down {
    margin: 0 auto 20px;
    width: 60px; }
  #main > .flow .step .inner {
    color: #eb6a97; }
  #main > .price .price_cont {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 24px;
    padding: 20px 10px; }
    #main > .price .price_cont .col {
      display: flex;
      font-weight: bold; }
      #main > .price .price_cont .col.plan {
        width: 40%;
        justify-content: left;
        text-align: center; }
        #main > .price .price_cont .col.plan .txt {
          width: 100%;
          color: #000;
          line-height: 1.2; }
      #main > .price .price_cont .col.menu {
        justify-content: flex-end;
        align-items: center; }
        #main > .price .price_cont .col.menu .course {
          padding: 0 1em; }
        #main > .price .price_cont .col.menu .yen {
          color: #eb6a97;
          margin-left: auto;
          padding-right: 1em; }
          #main > .price .price_cont .col.menu .yen span {
            font-size: 2em;
            line-height: 1.2; }
          #main > .price .price_cont .col.menu .yen ruby {
            font-size: 1.2em; }
            #main > .price .price_cont .col.menu .yen ruby rt {
              font-size: 0.4em; }
    @media only screen and (max-width: 979px) {
      #main > .price .price_cont {
        font-size: 18px; }
        #main > .price .price_cont .col.plan {
          margin-left: auto;
          margin-right: auto;
          width: 50%; }
        #main > .price .price_cont .col.menu {
          justify-content: center;
          margin-left: auto;
          margin-right: auto; }
          #main > .price .price_cont .col.menu .course {
            padding: 0 0.5em; }
          #main > .price .price_cont .col.menu .yen {
            padding-right: 5px; } }
  #main > .price .option_wrap {
    background: #fff;
    padding: 20px 0 25px; }
    #main > .price .option_wrap .option_ttl {
      font-size: 36px;
      text-align: center; }
      @media only screen and (max-width: 979px) {
        #main > .price .option_wrap .option_ttl {
          font-size: 7vw; } }
    #main > .price .option_wrap .clinic_wrap {
      margin-top: 10px; }
      #main > .price .option_wrap .clinic_wrap .modalbtn {
        justify-content: center; }
        #main > .price .option_wrap .clinic_wrap .modalbtn a {
          background-color: #eb6a97;
          min-width: 280px; }
          @media only screen and (max-width: 979px) {
            #main > .price .option_wrap .clinic_wrap .modalbtn a {
              width: 80%; } }
  #main > .more .more_cont {
    margin-top: 40px;
    background-color: #fff;
    border: 1px solid #eb6a97; }
    #main > .more .more_cont .title {
      text-align: center;
      font-size: 21px;
      font-weight: bold; }
      #main > .more .more_cont .title a {
        display: block;
        position: relative;
        background-color: #eb6a97;
        color: #fff;
        padding: 5px 0;
        text-decoration: none; }
        #main > .more .more_cont .title a:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          width: 40px;
          height: 100%;
          background: url(/assets/images/common/ico_chevron-right-invert.png) 50% 50% no-repeat;
          background-size: 9px auto; }
        #main > .more .more_cont .title a span {
          border-bottom: 1px solid #FFF; }
      @media only screen and (max-width: 979px) {
        #main > .more .more_cont .title {
          font-size: 18px; }
          #main > .more .more_cont .title a {
            padding: 5px 35px; } }
    #main > .more .more_cont .more_txt {
      padding: 20px; }
  #main > .warranty .heading-line {
    display: none; }
  #main > .other .navi-links {
    margin: 0; }
  #main > .other .heading-line {
    display: none; }