@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
.mhlw-risk-single {
  background-color: #fff;
  color: #666 !important; }

.dir-area01 {
  background: #ff7b9d; }
  .dir-area01 .nav-pc {
    display: flex;
    margin: 0 10%;
    padding: 15px 0; }
  .dir-area01 li {
    width: 25%;
    text-align: center;
    border-left: 1px solid #fff; }
  .dir-area01 li:last-child {
    border-right: 1px solid #fff; }
  .dir-area01 a {
    text-decoration: none;
    padding: 8px 0;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; }

.dir-area02 .txt-oval {
  width: 525px;
  margin: 0 auto 10px;
  font-weight: bold;
  font-family: serif;
  font-size: 38px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 45px;
  line-height: 1.5; }

.dir-area02 .txt-oval span {
  font-size: 58px;
  font-weight: bold; }

.dir-area03 .hdr-pink {
  display: block;
  background: #ff7b9d;
  text-align: center;
  color: #fff;
  font-size: 32px;
  margin-bottom: 30px; }

.dir-area04 .hdr-block {
  background: #ff7b9d;
  color: #fff;
  font-size: 29px; }

.dir-area04 .col {
  border: 1px solid #ff7b9d;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.dir-area04 .process .process_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .dir-area04 .process .process_cont .process_cont_inner {
    width: 32%;
    padding: 10px;
    margin-top: 20px;
    position: relative; }
    .dir-area04 .process .process_cont .process_cont_inner:not(:last-child):after {
      content: "";
      background: url(/assets/images/common/ico_chevron-right.png) center no-repeat;
      background-size: cover;
      position: absolute;
      width: 20px;
      height: 30px;
      top: 30%;
      right: 0; }
    .dir-area04 .process .process_cont .process_cont_inner .img {
      text-align: center; }

.dir-area05 th,
.dir-area05 td {
  border: 1px solid #ff9ac0;
  background: #fff0f5 !important;
  padding: 25px 10px; }
  .dir-area05 th a.loan-pop,
  .dir-area05 td a.loan-pop {
    background-color: #ff8ba5;
    color: #ffffff;
    border-radius: 15px;
    padding: 5px 15px; }
  .dir-area05 th .price,
  .dir-area05 td .price {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    line-height: 1; }
    .dir-area05 th .price > span,
    .dir-area05 td .price > span {
      font-size: 30px;
      font-weight: bold;
      margin-left: 3px;
      font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
      position: relative; }
      .dir-area05 th .price > span > span,
      .dir-area05 td .price > span > span {
        font-size: 12px;
        white-space: nowrap;
        position: absolute;
        left: 50%;
        bottom: 35px;
        transform: translate(-50%, 0); }

.dir-area05 .clinic_wrap {
  margin-top: 2px; }
  .dir-area05 .clinic_wrap .modalbtn {
    justify-content: center; }
    .dir-area05 .clinic_wrap .modalbtn a {
      font-size: 12px !important; }
      @media only screen and (max-width: 979px) {
        .dir-area05 .clinic_wrap .modalbtn a {
          font-size: 2.7vw !important; } }

.bg-sec01 {
  background: url(/assets/nose/ope/tip/images/mainimg_bg.jpg) no-repeat center bottom; }

.bg-sec02 {
  background: url(/assets/nose/ope/tip/images/bg01.jpg) 0 0 repeat; }

.bg-sec03 {
  background: #ffdde6; }

.bg-sec04 {
  background: #ff9ac0; }

.ovr-comp01 .item {
  font-size: 28px; }

.mod-ttl {
  font-size: 57px; }
  .mod-ttl span {
    font-size: 32px;
    color: #000; }

.mod-ttl-white {
  font-size: 57px;
  color: #fff; }
  .mod-ttl-white span {
    font-size: 32px;
    color: #fff; }

.bc_00_019 .faq-box {
  background-color: #fff; }
  .bc_00_019 .faq-box .answer {
    background-color: #fff; }

@media only screen and (max-width: 979px) {
  .sp-fz-14 {
    font-size: 14px !important; }
  .sp-fz-16 {
    font-size: 16px !important; }
  .sp-align-left {
    text-align: left !important; }
  .dir-area01 {
    background: #fff; }
    .dir-area01 .nav-sp {
      display: flex !important;
      flex-wrap: wrap;
      justify-content: flex-start; }
    .dir-area01 li {
      background: #ff7b9d;
      margin: 0 0.5% 1%;
      border-radius: 5px;
      width: 49%; }
    .dir-area01 a {
      width: 100%;
      position: relative; }
    .dir-area01 a:before {
      background: url(https://www.s-b-c.sbs/contents_nose/img/nose_3_nose_tip/arrow01.png) 0 0 no-repeat;
      background-size: 100%;
      width: 10px;
      height: 6px;
      top: 50%;
      right: 5px;
      transform: translateY(-50%);
      content: "";
      z-index: 2;
      position: absolute; }
  .dir-area02 .txt-oval {
    width: auto;
    font-size: 24px;
    margin: 0 20px; }
  .dir-area02 .txt-oval span {
    font-size: 24px; }
  .dir-area03 .image {
    display: none;
    order: 2;
    margin-top: 10px; }
  .dir-area03 .hdr-pink {
    font-size: 20px;
    margin-bottom: 20px; }
  .dir-area04 .hdr-block {
    font-size: 18px; }
  .dir-area04 .process .process_cont .process_cont_inner {
    width: 50%; }
    .dir-area04 .process .process_cont .process_cont_inner:not(:last-child):after {
      top: 20%; }
  .dir-area05 .table-box {
    margin: 0; }
    .dir-area05 .table-box table th,
    .dir-area05 .table-box table td {
      font-size: 3.5vw;
      padding: 3vw 1.5vw !important; }
      .dir-area05 .table-box table th .price,
      .dir-area05 .table-box table td .price {
        font-size: 9.5vw; }
        .dir-area05 .table-box table th .price > span,
        .dir-area05 .table-box table td .price > span {
          font-size: 5.5vw;
          margin-left: 0.5vw; }
          .dir-area05 .table-box table th .price > span > span,
          .dir-area05 .table-box table td .price > span > span {
            font-size: 2.5vw;
            bottom: 6.5vw; }
  .bg-sec01 {
    background: none; }
  .ovr-comp01 .item {
    font-size: 18px; }
  .ovr-comp01 .image {
    width: 18px; }
  .mod-ttl {
    font-size: 38px; }
    .mod-ttl span {
      font-size: 16px; }
  .mod-ttl-white {
    font-size: 38px;
    color: #fff; }
    .mod-ttl-white span {
      font-size: 16px;
      color: #fff; } }

.exp_box {
  padding: 30px;
  margin: 10px auto 60px;
  width: 900px;
  background: #f3f3f3; }
  .exp_box .exp_tit {
    font-size: 30px;
    font-weight: bold;
    padding: 20px;
    text-align: center; }
    .exp_box .exp_tit span {
      color: #f17a8c; }
  .exp_box .exparel_cont {
    display: flex; }
    .exp_box .exparel_cont .exp_fl {
      width: 240px; }
    .exp_box .exparel_cont .exp_fr {
      width: 600px;
      padding-left: 20px;
      line-height: 1.5; }
      .exp_box .exparel_cont .exp_fr .f-pink {
        color: #f17a8c;
        margin: 20px 0; }
  @media only screen and (max-width: 979px) {
    .exp_box {
      width: 100%;
      padding: 5%; }
      .exp_box .exp_tit {
        font-size: 20px;
        padding: 2%; }
      .exp_box .exparel_cont {
        flex-direction: column; }
        .exp_box .exparel_cont .exp_fl {
          width: 100%;
          text-align: center; }
        .exp_box .exparel_cont .exp_fr {
          width: 100%;
          padding: 0; }
          .exp_box .exparel_cont .exp_fr .f-pink {
            margin: 10px 0 5px; } }

h2.pink {
  text-align: center;
  font-size: 32px;
  color: #ff7b9d;
  font-weight: bold; }

#cause {
  background-color: #ffffff; }
  #cause .cause {
    background-color: #fffee4;
    padding: 30px;
    display: flex; }
    #cause .cause .arrow {
      width: 120px;
      text-align: center; }
    #cause .cause .cause_cont {
      width: 800px;
      display: flex;
      flex-direction: column; }
      #cause .cause .cause_cont .cause_cont_inner {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #cause .cause .cause_cont .cause_cont_inner .img {
          width: 280px; }
        #cause .cause .cause_cont .cause_cont_inner .txt_cont {
          width: 500px; }
          #cause .cause .cause_cont .cause_cont_inner .txt_cont .title {
            color: #ff7b9d;
            font-size: 30px;
            font-weight: bold; }
          #cause .cause .cause_cont .cause_cont_inner .txt_cont .txt {
            font-size: 21px; }
    @media only screen and (max-width: 979px) {
      #cause .cause {
        width: 100%;
        align-items: center;
        padding: 15px; }
        #cause .cause .arrow {
          width: 10%; }
        #cause .cause .cause_cont {
          width: 90%;
          margin-top: auto; }
          #cause .cause .cause_cont .cause_cont_inner .img {
            width: 40%; }
          #cause .cause .cause_cont .cause_cont_inner .txt_cont {
            width: 70%; }
            #cause .cause .cause_cont .cause_cont_inner .txt_cont .title {
              font-size: 21px; }
            #cause .cause .cause_cont .cause_cont_inner .txt_cont .txt {
              font-size: 16px; } }
  #cause .hanasaki {
    display: flex;
    align-items: center;
    margin-top: 0; }
    #cause .hanasaki .img {
      width: 335px; }
    #cause .hanasaki .txt {
      width: 645px; }

#kouka {
  background-color: #fff9fa; }

#about {
  background-color: #ededed; }
  #about table th,
  #about table td {
    padding: 10px; }
  #about table th {
    background-color: #fff9fa;
    font-weight: bold;
    white-space: nowrap;
    width: 30%; }

#flow .step-box {
  margin-top: 30px; }

#qa .bc_00_019.bc-item .faq-box {
  padding: 30px; }
  #qa .bc_00_019.bc-item .faq-box > .question > h3 {
    font-size: 21px !important;
    font-weight: bold; }
  #qa .bc_00_019.bc-item .faq-box .answer {
    font-size: 18px; }
  @media only screen and (max-width: 979px) {
    #qa .bc_00_019.bc-item .faq-box {
      padding: 20px 15px; }
      #qa .bc_00_019.bc-item .faq-box > .question > h3 {
        font-size: 18px !important; }
      #qa .bc_00_019.bc-item .faq-box .answer .answer-inner {
        padding: 0; } }

.dir-area02 + .dir-area02 {
  margin-top: 20px; }

.dir-area02 .txt-oval {
  width: 640px;
  font-size: 30px;
  border-radius: 80px;
  padding: 10px 0;
  margin-bottom: 0; }
  .dir-area02 .txt-oval span {
    line-height: 1; }
  .dir-area02 .txt-oval span.ttl {
    display: block;
    font-size: 34px;
    width: 100%;
    margin-bottom: 6px; }
    .dir-area02 .txt-oval span.ttl span {
      font-size: 28px; }

@media only screen and (max-width: 979px) {
  .dir-area02 + .dir-area02 {
    margin-top: 10px; }
  .dir-area02 .txt-oval {
    width: auto;
    font-size: 20px;
    padding: 8px 0 4px; }
    .dir-area02 .txt-oval span {
      font-size: 26px; }
    .dir-area02 .txt-oval span.ttl {
      font-size: 22px;
      margin-bottom: 4px; }
      .dir-area02 .txt-oval span.ttl span {
        font-size: 20px; } }