@charset "UTF-8";
@media screen and (max-width: 767px) {
  .allwrap {
    min-width: 0; }
    .allwrap.top {
      min-width: 0; }

  header {
    padding: 10px 0;
    height: auto; }
    header .header_inner {
      width: 100%; }
      header .header_inner div.logo {
        display: inline-block;
        font-size: 0; }
      header .header_inner img#ttl_main {
        width: 60%;
        margin: 0 0 0 4%; }
      header .header_inner .header_right {
        width: 100%;
        display: block;
        margin: 0 0 0 4%; }
        header .header_inner .header_right #logo_mochida {
          display: none; }
        header .header_inner .header_right h4.supervision {
          margin: 5px 0 0;
          font-size: 12px;
          text-align: left; }
        header .header_inner .header_right ul#fontsize {
          display: none; }
      header .header_inner .navbtn_sp {
        display: block;
        padding: 12px 10px;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 9;
        background: #007e63;
        border: 1px solid #fff; }
      header .header_inner .navbtn_sp span {
        display: block;
        margin: 4px 0;
        width: 28px;
        height: 2px;
        background-color: #fff;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        border-radius: 4px; }
      header .header_inner .animated .line01 {
        transform: translateY(6px) rotateZ(45deg); }
      header .header_inner .animated .line02 {
        opacity: 0; }
      header .header_inner .animated .line03 {
        transform: translateY(-6px) rotateZ(-45deg); }
    header nav.nav_pc {
      display: none; }
    header nav.nav_sp {
      width: 100%;
      z-index: 9999; }
      header nav.nav_sp ul {
        width: 100%;
        margin-top: 10px; }
        header nav.nav_sp ul li {
          background: #fcfdf9;
          border-bottom: 1px solid #007e63;
          padding: 5px 4%;
          color: #007e63;
          font-size: 1.8rem;
          font-weight: bold; }
          header nav.nav_sp ul li small {
            font-size: 1.4rem; }
          header nav.nav_sp ul li:first-child {
            border-top: 2px solid #007e63; }
          header nav.nav_sp ul li:last-child {
            border-bottom: 2px solid #007e63; }
          header nav.nav_sp ul li.inactive {
            color: #ccc; }
          header nav.nav_sp ul li a {
            display: block;
            height: 100%;
            width: 100%; }
        header nav.nav_sp ul li.current {
          background: #007e63;
          color: #fff; }
        header nav.nav_sp ul ul.sub {
          margin: 0;
          border: none; }
          header nav.nav_sp ul ul.sub li {
            color: #333333;
            font-weight: normal;
            background: #fff url(/nikko-kakukasho/images/arwright_small.png) left 12px center no-repeat;
            border-bottom: 1px dashed #80beb1;
            font-size: 1.5rem;
            padding-left: 3.2rem; }
            header nav.nav_sp ul ul.sub li:first-child {
              border-top: none; }
            header nav.nav_sp ul ul.sub li:last-child {
              border-bottom: 1px solid #007e63; }
            header nav.nav_sp ul ul.sub li.current {
              color: #007e63;
              font-weight: bold;
              background: #e5f2ef url(/nikko-kakukasho/images/arwright_small.png) left 12px center no-repeat; }

  .wrapper {
    padding-bottom: 185px; }
    .wrapper #mainvisual {
      width: 100%;
      min-width: 0;
      max-width: 768px;
      margin: 0 auto 20px;
      overflow: hidden; }
      .wrapper #mainvisual #slide {
        height: 70vw;
        margin: 0 auto; }
        .wrapper #mainvisual #slide img {
          position: absolute;
          left: 0;
          top: 0; }
      .wrapper #mainvisual .mainvisual_inner {
        position: relative;
        width: 100%;
        box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); }
        .wrapper #mainvisual .mainvisual_inner img {
          width: 100%; }
        .wrapper #mainvisual .mainvisual_inner .mainvisual_content {
          width: 100%;
          top: 5vw;
          left: 5vw; }
          .wrapper #mainvisual .mainvisual_inner .mainvisual_content #catch_main {
            width: 60%;
            margin-bottom: 60px; }
      .wrapper #mainvisual ul.btn_main {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background: #fff;
        padding: 15px 0;
        margin: 10px auto 0;
        border-top: 2px solid #d9ece8;
        border-bottom: 2px solid #d9ece8; }
        .wrapper #mainvisual ul.btn_main li {
          width: 46%;
          margin: 0 2%;
          max-width: 202px;
          font-size: 0; }
          .wrapper #mainvisual ul.btn_main li img {
            width: 100%; }
    .wrapper #container {
      width: 96%;
      margin: 0 2%; }
      .wrapper #container #main {
        margin: 0 auto;
        font-size: 1.4rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .wrapper #container #main .content_body {
          width: 100%;
          padding: 20px 3%; }
          .wrapper #container #main .content_body.right_body {
            width: 100%;
            max-width: none; }
          .wrapper #container #main .content_body h1 {
            font-size: 2.4rem; }
            .wrapper #container #main .content_body h1 span.sub {
              font-size: 1.4rem;
              font-weight: bold;
              margin-bottom: 5px; }
            .wrapper #container #main .content_body h1 span.large {
              font-size: 3rem;
              font-weight: bold; }
          .wrapper #container #main .content_body h2,
          .wrapper #container #main .content_body h3,
          .wrapper #container #main .content_body h4 {
            margin-bottom: 15px; }
          .wrapper #container #main .content_body h2 {
            font-size: 1.8rem; }
          .wrapper #container #main .content_body section.content_inner {
            margin-bottom: 20px; }
          .wrapper #container #main .content_body p {
            font-size: 1.4rem;
            line-height: 1.6;
            width: 96%;
            margin: auto; }
            .wrapper #container #main .content_body p.lead {
              margin-bottom: 20px; }
            .wrapper #container #main .content_body p.caption {
              font-size: 1.2rem;
              padding: 0; }
            .wrapper #container #main .content_body p.caution {
              font-size: 1.8rem;
              text-align: left; }
              .wrapper #container #main .content_body p.caution.top {
                font-size: 1.8rem; }
              .wrapper #container #main .content_body p.caution .large {
                font-size: 3rem;
                margin: auto 1.5rem;
                letter-spacing: -0.7rem; }
            .wrapper #container #main .content_body p.period {
              font-size: 2rem; }
              .wrapper #container #main .content_body p.period .small {
                font-size: 1.5rem; }
              .wrapper #container #main .content_body p.period .large {
                font-size: 2.8rem; }
              .wrapper #container #main .content_body p.period.has_indent {
                text-align: center;
                padding: 0; }
            .wrapper #container #main .content_body p.highlight {
              text-align: left; }
            .wrapper #container #main .content_body p.pht {
              width: 100%;
              padding: 0;
              margin-bottom: 10px; }
              .wrapper #container #main .content_body p.pht span.index_cap {
                right: 2.5%;
                bottom: 4vw;
                width: 95%;
                font-size: 3vw;
                line-height: 1.2; }
            .wrapper #container #main .content_body p.zoom {
              display: block;
              width: 60%;
              max-width: 300px;
              background: #fff;
              text-align: center;
              color: #007e63;
              font-size: 1.8rem;
              font-weight: bold;
              border: 1px solid #007e63;
              border-radius: 3px;
              margin: 0 auto 20px;
              padding: 5px 10px; }
              .wrapper #container #main .content_body p.zoom a {
                display: block;
                width: 100%;
                height: 100%; }
            .wrapper #container #main .content_body p.btn.product {
              margin: 10px auto; }
              .wrapper #container #main .content_body p.btn.product.prev, .wrapper #container #main .content_body p.btn.product.next {
                text-align: center; }
                .wrapper #container #main .content_body p.btn.product.prev a, .wrapper #container #main .content_body p.btn.product.next a {
                  padding: 9px 0 11px; }
          .wrapper #container #main .content_body .top_attention {
            padding: 10px 0 15px; }
            .wrapper #container #main .content_body .top_attention .btn {
              margin: 10px auto 0; }
          .wrapper #container #main .content_body .top_split {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 20px; }
            .wrapper #container #main .content_body .top_split.treatment {
              align-items: flex-start; }
          .wrapper #container #main .content_body .box_top_round {
            background: #fff;
            border: 1px solid #ebf3d9;
            border-radius: 10px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap; }
            .wrapper #container #main .content_body .box_top_round h3 {
              background: none;
              color: #007e63;
              font-size: 2rem;
              padding: 0; }
              .wrapper #container #main .content_body .box_top_round h3.underline {
                border-bottom: 1px solid #a6d2c8; }
              .wrapper #container #main .content_body .box_top_round h3.circle {
                width: 110px;
                height: 110px;
                font-size: 20px;
                margin: 0 auto 10px; }
            .wrapper #container #main .content_body .box_top_round.about {
              width: 100%;
              padding: 15px;
              min-height: 25rem; }
              .wrapper #container #main .content_body .box_top_round.about .about_txt {
                width: 100%; }
              .wrapper #container #main .content_body .box_top_round.about .about_pht {
                margin: 10px auto 0; }
            .wrapper #container #main .content_body .box_top_round.treatment {
              width: 100%;
              margin-bottom: 20px; }
              .wrapper #container #main .content_body .box_top_round.treatment h3 {
                font-size: 1.8rem;
                padding: 5px 0; }
              .wrapper #container #main .content_body .box_top_round.treatment p.higher {
                font-size: 1.4rem; }
              .wrapper #container #main .content_body .box_top_round.treatment .treatment_inner {
                padding: 2rem 15px;
                min-height: 0; }
                .wrapper #container #main .content_body .box_top_round.treatment .treatment_inner.surgery {
                  align-items: flex-start; }
                .wrapper #container #main .content_body .box_top_round.treatment .treatment_inner .surgery_inner {
                  width: 100%; }
                  .wrapper #container #main .content_body .box_top_round.treatment .treatment_inner .surgery_inner h4 {
                    border: none;
                    color: #339882;
                    padding: 0;
                    margin-bottom: 0; }
                  .wrapper #container #main .content_body .box_top_round.treatment .treatment_inner .surgery_inner p.freeze {
                    min-height: 75px;
                    padding-right: 81px;
                    margin-bottom: 15px; }
                  .wrapper #container #main .content_body .box_top_round.treatment .treatment_inner .surgery_inner p.ablation {
                    min-height: 55px;
                    padding-right: 81px; }
              .wrapper #container #main .content_body .box_top_round.treatment p.higher {
                width: 100%;
                line-height: 1.5;
                margin-bottom: 10px; }
              .wrapper #container #main .content_body .box_top_round.treatment p.pht_treatment {
                width: 100%; }
            .wrapper #container #main .content_body .box_top_round .box_movie {
              max-width: 550px;
              margin: 10px auto 0;
              padding-bottom: 0; }
              .wrapper #container #main .content_body .box_top_round .box_movie .movie_txt {
                width: 100%; }
                .wrapper #container #main .content_body .box_top_round .box_movie .movie_txt h3 {
                  font-size: 1.7rem;
                  letter-spacing: -0.1rem;
                  margin-bottom: 0;
                  text-align: center; }
                .wrapper #container #main .content_body .box_top_round .box_movie .movie_txt .btn {
                  max-width: 300px;
                  text-align: center; }
                  .wrapper #container #main .content_body .box_top_round .box_movie .movie_txt .btn a {
                    font-size: 14px;
                    background: none;
                    padding: 5px 0; }
                .wrapper #container #main .content_body .box_top_round .box_movie .movie_txt:after {
                  text-align: center;
                  position: relative;
                  right: 0;
                  display: block;
                  margin: 0 auto; }
          .wrapper #container #main .content_body .box_top_arw {
            min-height: 25px;
            width: 100%;
            background: url(/nikko-kakukasho/images/arwlarge_down.png) center center no-repeat;
            margin: 10px auto; }
          .wrapper #container #main .content_body ul.pht_list li {
            width: 100%;
            margin-bottom: 25px; }
            .wrapper #container #main .content_body ul.pht_list li .pht_box {
              margin: 0 auto;
              background: #fff;
              border-radius: 10px;
              border: 1px solid #ebf3d9;
              margin-bottom: 15px;
              padding: 10px;
              text-align: center; }
              .wrapper #container #main .content_body ul.pht_list li .pht_box p {
                font-size: 1.8rem; }
            .wrapper #container #main .content_body ul.pht_list li.split3 {
              margin: 0 2% 20px;
              width: 46%;
              max-width: 315px; }
              .wrapper #container #main .content_body ul.pht_list li.split3:nth-child(3) {
                margin: 0 auto 20px; }
              .wrapper #container #main .content_body ul.pht_list li.split3:last-child {
                margin: 0 auto 20px 2%; }
              .wrapper #container #main .content_body ul.pht_list li.split3 .pht_box p {
                font-size: 1.8rem; }
              .wrapper #container #main .content_body ul.pht_list li.split3 img {
                width: 100%;
                max-width: 192px; }
            .wrapper #container #main .content_body ul.pht_list li.split5 {
              width: 46%;
              margin: 0 2%; }
              .wrapper #container #main .content_body ul.pht_list li.split5:nth-child(5) {
                margin: 0 2% 20px; }
              .wrapper #container #main .content_body ul.pht_list li.split5 .pht_box p {
                font-size: 1.4rem; }
              .wrapper #container #main .content_body ul.pht_list li.split5 img {
                width: 100%;
                max-width: 192px; }
          .wrapper #container #main .content_body .box_list {
            padding: 20px 2%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            .wrapper #container #main .content_body .box_listno_pd {
              padding: 20px 2%; }
            .wrapper #container #main .content_body .box_list ul li {
              font-size: 1.5rem; }
            .wrapper #container #main .content_body .box_list .box_txt {
              width: 100%;
              max-width: none;
              margin-bottom: 20px; }
              .wrapper #container #main .content_body .box_list .box_txt .course {
                padding: 2.6rem 0;
                padding-left: 90px;
                min-height: 80px;
                font-size: 2rem;
                text-align: left; }
                .wrapper #container #main .content_body .box_list .box_txt .course.course01 {
                  background: url(/nikko-kakukasho/product/images/icn_course01.png) left center no-repeat; }
                .wrapper #container #main .content_body .box_list .box_txt .course.course02 {
                  background: url(/nikko-kakukasho/product/images/icn_course02.png) left center no-repeat; }
            .wrapper #container #main .content_body .box_list .box_pht {
              width: 95%;
              margin: 0 auto; }
              .wrapper #container #main .content_body .box_list .box_pht img {
                max-width: 100%;
                display: block;
                margin: 0 auto; }
          .wrapper #container #main .content_body .box_attention {
            padding: 20px 2%; }
          .wrapper #container #main .content_body .box_split .split2 {
            width: 100%;
            max-width: 320px;
            margin: 0 auto; }
            .wrapper #container #main .content_body .box_split .split2.half_sp {
              width: 48%; }
            .wrapper #container #main .content_body .box_split .split2.column, .wrapper #container #main .content_body .box_split .split2.column_caption {
              width: 100%; }
            .wrapper #container #main .content_body .box_split .split2.column {
              margin-bottom: 20px; }
          .wrapper #container #main .content_body table.prevalence {
            font-size: 1.2rem; }
            .wrapper #container #main .content_body table.prevalence span {
              font-size: 1rem; }
            .wrapper #container #main .content_body table.prevalence tbody tr th {
              padding: 5px; }
            .wrapper #container #main .content_body table.prevalence tbody tr td.indent {
              text-indent: 0; }
          .wrapper #container #main .content_body .box_treatment {
            max-width: none;
            background: #f7faf0;
            border: 1px solid #e1edc4;
            border-radius: 5px;
            padding: 10px 2%; }
            .wrapper #container #main .content_body .box_treatment p {
              text-align: left;
              font-size: 1.5rem; }
            .wrapper #container #main .content_body .box_treatment .bg_first,
            .wrapper #container #main .content_body .box_treatment .bg_second {
              display: block;
              top: 0;
              right: 0;
              position: relative;
              margin: 10px auto -10px; }
            .wrapper #container #main .content_body .box_treatment.consult p {
              width: 100%;
              text-align: center;
              font-size: 1.4rem; }
              .wrapper #container #main .content_body .box_treatment.consult p span {
                display: inline-block;
                font-size: 2rem; }
          .wrapper #container #main .content_body .treatment_strong {
            font-size: 1.8rem;
            text-align: center;
            text-indent: 0; }
          .wrapper #container #main .content_body .box_confirm {
            border: 3px solid #99cbc1;
            border-radius: 3px;
            padding: 20px 4%;
            margin-bottom: 20px; }
            .wrapper #container #main .content_body .box_confirm h1 {
              width: 100%;
              margin: 0 auto 40px;
              padding: 10px 0;
              text-align: left;
              font-size: 2rem;
              line-height: 1.4;
              border-bottom: 2px dotted #007e63; }
              .wrapper #container #main .content_body .box_confirm h1:before {
                display: none; }
            .wrapper #container #main .content_body .box_confirm p.lead_confirm {
              font-size: 1.5rem;
              text-align: left; }
            .wrapper #container #main .content_body .box_confirm .btn_box {
              margin: 0 auto;
              width: 100%;
              display: flex;
              flex-wrap: wrap;
              justify-content: center; }
              .wrapper #container #main .content_body .box_confirm .btn_box .btn {
                margin: 10px auto; }
        .wrapper #container #main .box_top_consult {
          padding: 20px 10px; }
          .wrapper #container #main .box_top_consult .consult_inner {
            background: #fff;
            padding: 50px 3% 20px; }
            .wrapper #container #main .box_top_consult .consult_inner h1 {
              font-size: 2.8rem;
              line-height: 1.3;
              margin-bottom: 30px; }
            .wrapper #container #main .box_top_consult .consult_inner p.txt_consult_sp {
              max-width: none;
              font-size: 1.5rem;
              line-height: 1.5;
              border-bottom: none;
              background: url(/nikko-kakukasho/images/bg_txt_consult.png) top left repeat-y; }
            .wrapper #container #main .box_top_consult .consult_inner .btn_container {
              position: relative;
              display: flex;
              flex-wrap: wrap;
              justify-content: space-around;
              margin-top: 10px; }
              .wrapper #container #main .box_top_consult .consult_inner .btn_container .btn {
                position: relative;
                max-width: 130px;
                z-index: 5; }
              .wrapper #container #main .box_top_consult .consult_inner .btn_container #btn_check {
                top: 0;
                left: 0;
                margin: 0 auto; }
              .wrapper #container #main .box_top_consult .consult_inner .btn_container #btn_hospital {
                top: 0;
                left: 0;
                margin: 0 auto; }
              .wrapper #container #main .box_top_consult .consult_inner .btn_container #btn_product {
                top: 0;
                left: 0;
                margin: 0 auto; }
              .wrapper #container #main .box_top_consult .consult_inner .btn_container a {
                z-index: 10; }
            .wrapper #container #main .box_top_consult .consult_inner p.pht {
              margin-left: auto;
              margin-top: -100px; }
        .wrapper #container #main .box_check {
          padding: 15px; }
          .wrapper #container #main .box_check .check_inner {
            padding: 30px 15px 20px; }
            .wrapper #container #main .box_check .check_inner h3 {
              font-size: 1.5rem;
              font-weight: bold; }
              .wrapper #container #main .box_check .check_inner h3 span {
                margin-right: 5px; }
            .wrapper #container #main .box_check .check_inner .check_item {
              padding: 10px; }
              .wrapper #container #main .box_check .check_inner .check_item ul li {
                font-size: 1.4rem;
                margin-bottom: 5px;
                text-indent: -1.6em;
                padding-left: 1.6em; }
                .wrapper #container #main .box_check .check_inner .check_item ul li input {
                  margin-right: 5px;
                  vertical-align: baseline; }
            .wrapper #container #main .box_check .check_inner .check_caution {
              font-size: 1.4rem;
              text-align: center;
              margin-bottom: 20px; }
              .wrapper #container #main .box_check .check_inner .check_caution span {
                display: inline-block;
                width: 30px;
                height: 30px;
                margin: 0 5px; }
                .wrapper #container #main .box_check .check_inner .check_caution span:first-child {
                  margin-left: 0; }
                .wrapper #container #main .box_check .check_inner .check_caution span img {
                  width: 100%; }
                .wrapper #container #main .box_check .check_inner .check_caution span.large {
                  width: 100%;
                  height: auto;
                  font-size: 1.8rem;
                  margin: 0 auto 3px; }
            .wrapper #container #main .box_check .check_inner .doctor {
              font-size: 1.2rem; }
        .wrapper #container #main .nav_local {
          display: none; }
        .wrapper #container #main .map_inner {
          padding: 20px 2%; }
          .wrapper #container #main .map_inner.sick {
            padding: 20px 2%; }
          .wrapper #container #main .map_inner h3 {
            font-size: 1.8rem;
            color: #333333;
            background: none;
            padding: 0;
            margin-bottom: 15px; }
          .wrapper #container #main .map_inner ul {
            padding: 0; }
            .wrapper #container #main .map_inner ul li {
              font-size: 1.6rem;
              width: 100%;
              max-width: 320px;
              margin-right: 0;
              margin-bottom: 5px; }
              .wrapper #container #main .map_inner ul li.single {
                width: 100%; }
              .wrapper #container #main .map_inner ul li:last-child {
                margin-bottom: 0; }
              .wrapper #container #main .map_inner ul li:nth-child(3n) {
                margin-right: 0; }
              .wrapper #container #main .map_inner ul li:before {
                content: "＞";
                vertical-align: top;
                font-weight: bold;
                color: #80beb1; }
              .wrapper #container #main .map_inner ul li a {
                color: #007e63; }
              .wrapper #container #main .map_inner ul li a:visited {
                color: #007e63; }
    .wrapper .breadcrumb {
      display: none; }

  footer aside ul {
    margin: 20px auto;
    justify-content: center; }
    footer aside ul li {
      font-size: 1.6rem;
      margin: 0 1em; }
  footer aside .page-top {
    width: auto;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 200px;
    font-size: 1.5rem;
    text-align: center; }
  footer p.copyright {
    font-size: 1.4rem; }

  .pc_view {
    display: none !important; }

  .sp_view {
    display: block; } }

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