.sp_block {
  display: none; }
  @media screen and (max-width: 767px) {
    .sp_block {
      display: block; } }

.prescription_wrapper {
  background: #F7F7F7;
  padding-bottom: 110px; }
  .prescription_wrapper .prescription_read {
    background: #63B99E;
    padding: 54px 0;
    margin-bottom: 117px; }
    .prescription_wrapper .prescription_read .inner {
      width: 94%;
      max-width: 1154px;
      margin: 0 auto;
      position: relative; }
      .prescription_wrapper .prescription_read .inner h1 {
        font-size: 44px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        margin-bottom: 17px; }
      .prescription_wrapper .prescription_read .inner p {
        color: #fff;
        font-size: 18px;
        line-height: 2;
        text-align: center; }
      .prescription_wrapper .prescription_read .inner img {
        position: absolute;
        right: 0;
        bottom: -105px; }
        @media screen and (max-width: 1100px) {
          .prescription_wrapper .prescription_read .inner img {
            width: 30%; } }
        @media screen and (max-width: 1023px) {
          .prescription_wrapper .prescription_read .inner img {
            bottom: -50%; } }
  .prescription_wrapper .prescription_wrap {
    width: 94%;
    max-width: 1152px;
    margin: 0 auto 140px; }
    .prescription_wrapper .prescription_wrap .content_container {
      background: #fff;
      border: 1px solid #7C7C7C;
      border-radius: 15px;
      padding: 0 155px 66px;
      margin-bottom: 60px; }
      .prescription_wrapper .prescription_wrap .content_container .ttl_box {
        position: relative;
        padding-top: 65px;
        text-align: center;
        margin-bottom: 46px; }
        .prescription_wrapper .prescription_wrap .content_container .ttl_box span {
          background: #262626;
          padding: 8px 14px;
          color: #fff;
          font-size: 16px;
          font-weight: 500;
          position: absolute;
          display: inline-block;
          top: -20px;
          left: 0;
          right: 0;
          margin: auto;
          width: 364px;
          border-radius: 8px; }
          .prescription_wrapper .prescription_wrap .content_container .ttl_box span::after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 14px 13px 0 13px;
            border-color: #262626 transparent transparent transparent;
            position: absolute;
            bottom: -14px;
            left: 0;
            right: 0;
            margin: auto; }
        .prescription_wrapper .prescription_wrap .content_container .ttl_box h2 {
          font-size: 28px;
          font-weight: 500;
          color: #262626;
          text-align: center;
          position: relative;
          display: inline-block; }
          .prescription_wrapper .prescription_wrap .content_container .ttl_box h2::before {
            content: "";
            background: url("../img/prescription/prescription_img2.png") no-repeat center/100%;
            width: 101px;
            height: 99px;
            position: absolute;
            left: -123px;
            bottom: -20px; }
      .prescription_wrapper .prescription_wrap .content_container .step_content {
        max-width: 840px;
        width: 100%;
        margin: 0 auto 60px;
        display: flex;
        flex-wrap: wrap;
        position: relative; }
        .prescription_wrapper .prescription_wrap .content_container .step_content::before {
          content: "";
          width: 4px;
          height: 70%;
          background: #63B99E;
          position: absolute;
          left: 48px;
          top: 15%; }
        .prescription_wrapper .prescription_wrap .content_container .step_content .single {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          border-top: 1px dotted #B9B9B9;
          max-width: 765px;
          width: 92%;
          margin-left: auto;
          margin-bottom: 40px;
          padding: 40px 20px 0 80px; }
          .prescription_wrapper .prescription_wrap .content_container .step_content .single:last-of-type {
            border-bottom: 1px dotted #B9B9B9;
            padding-bottom: 40px;
            margin-bottom: 0; }
          .prescription_wrapper .prescription_wrap .content_container .step_content .single::before {
            content: ""; }
          .prescription_wrapper .prescription_wrap .content_container .step_content .single.content1::before {
            background: url("../img/prescription/prescription_img3.svg") no-repeat center/100%;
            width: 54px;
            height: 67px; }
          .prescription_wrapper .prescription_wrap .content_container .step_content .single.content2::before {
            background: url("../img/prescription/prescription_img4.svg") no-repeat center/100%;
            width: 71px;
            height: 67px; }
          .prescription_wrapper .prescription_wrap .content_container .step_content .single.content3::before {
            background: url("../img/prescription/prescription_img5.svg") no-repeat center/100%;
            width: 63px;
            height: 51px; }
          .prescription_wrapper .prescription_wrap .content_container .step_content .single.content4 {
            align-items: flex-start; }
            .prescription_wrapper .prescription_wrap .content_container .step_content .single.content4::before {
              background: url("../img/prescription/prescription_img6.svg") no-repeat center/100%;
              width: 64px;
              height: 58px;
              margin-top: 40px; }
          .prescription_wrapper .prescription_wrap .content_container .step_content .single .step_icon {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            position: absolute;
            width: 100px;
            height: 100px;
            border-radius: 100px;
            background: #63B99E;
            left: 0px; }
            .prescription_wrapper .prescription_wrap .content_container .step_content .single .step_icon p {
              color: #fff;
              font-size: 18px; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single .step_icon p span {
                color: inherit;
                font-size: 24px; }
          .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box {
            width: calc(100% - 110px);
            margin-left: auto; }
            .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box h3 {
              font-size: 20px;
              font-weight: 500;
              color: #63B99E;
              margin-bottom: 10px; }
            .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box p {
              font-size: 15px;
              line-height: 1.8;
              margin-bottom: 10px;
              color: #626262; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box p a {
                color: inherit;
                font-weight: 700; }
            .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box small {
              font-size: 13px;
              line-height: 1.5;
              color: #626262;
              display: block;
              margin-bottom: 10px; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box small a {
                color: inherit;
                font-weight: 700; }
      .prescription_wrapper .prescription_wrap .content_container .due_date {
        max-width: 100%;
        box-shadow: 3px 3px 0px #63B99E;
        width: 840px;
        border-radius: 8px;
        border: 2px solid #63B99E;
        padding: 22px 0 25px; }
        .prescription_wrapper .prescription_wrap .content_container .due_date p {
          text-align: center;
          font-size: 25px;
          font-weight: 500; }
          .prescription_wrapper .prescription_wrap .content_container .due_date p span {
            font-size: 30px;
            font-weight: inherit;
            color: #DB5877; }
        .prescription_wrapper .prescription_wrap .content_container .due_date small {
          font-size: 16px;
          font-weight: 500;
          text-align: center;
          display: block; }
    .prescription_wrapper .prescription_wrap .link_btn {
      width: 500px;
      margin: 0 auto;
      background: #69C3A7;
      position: relative;
      line-height: 80px;
      border-radius: 50px;
      text-align: center; }
      .prescription_wrapper .prescription_wrap .link_btn::after {
        content: "";
        width: 6px;
        height: 6px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        position: absolute;
        right: 30px;
        top: calc(50% - 3px); }
      .prescription_wrapper .prescription_wrap .link_btn a {
        display: block;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none; }
    .prescription_wrapper .prescription_wrap.type2 {
      margin-bottom: 0; }
      .prescription_wrapper .prescription_wrap.type2 .content_container {
        margin-bottom: 80px; }
      .prescription_wrapper .prescription_wrap.type2 .step_content::before {
        height: 260px;
        top: 100px; }
      .prescription_wrapper .prescription_wrap.type2 .step_content .content4 .step_icon {
        top: 55%; }
      .prescription_wrapper .prescription_wrap.type2 .due_date {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; }
        .prescription_wrapper .prescription_wrap.type2 .due_date p {
          font-size: 20px;
          margin-bottom: 10px; }
          .prescription_wrapper .prescription_wrap.type2 .due_date p span {
            font-size: inherit; }
        .prescription_wrapper .prescription_wrap.type2 .due_date ul {
          padding: 0;
          margin: 0 auto;
          list-style: none;
          width: auto;
          display: inline-block; }
      .prescription_wrapper .prescription_wrap.type2 .bottom_txt {
        width: 90%;
        max-width: 810px;
        list-style: none;
        margin: 0 auto 110px;
        padding: 0; }
        .prescription_wrapper .prescription_wrap.type2 .bottom_txt li {
          font-size: 15px;
          margin-bottom: 8px;
          color: #222222; }
          .prescription_wrapper .prescription_wrap.type2 .bottom_txt li ul {
            list-style: none;
            padding: 0 15px;
            margin-top: 8px; }
    @media screen and (max-width: 1023px) {
      .prescription_wrapper .prescription_wrap .content_container {
        padding: 0 5% 7%; }
        .prescription_wrapper .prescription_wrap .content_container .ttl_box h2::before {
          width: 81px;
          height: 81px;
          left: -83px; }
        .prescription_wrapper .prescription_wrap .content_container .step_content .single {
          width: 90%; }
      .prescription_wrapper .prescription_wrap.type2 .bottom_txt {
        margin-bottom: 90px; } }
    .prescription_wrapper .prescription_wrap .online_banner {
      max-width: 650px;
      width: 100%;
      margin: 30px auto 0; }
      .prescription_wrapper .prescription_wrap .online_banner a {
        display: block; }
      .prescription_wrapper .prescription_wrap .online_banner p {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .prescription_wrapper .prescription_wrap .online_banner {
          margin-top: 8vw; }
          .prescription_wrapper .prescription_wrap .online_banner p {
            font-size: 3.7333333333vw; } }
  @media screen and (max-width: 767px) {
    .prescription_wrapper {
      padding-bottom: 21.3333333333vw; }
      .prescription_wrapper .prescription_read {
        padding: 8vw 0 0;
        position: relative;
        margin-bottom: 16vw; }
        .prescription_wrapper .prescription_read::before {
          content: "";
          width: 100%;
          position: absolute;
          left: 0;
          bottom: 0;
          height: 10.6666666667vw;
          background: #F7F7F7; }
        .prescription_wrapper .prescription_read .inner {
          position: relative; }
          .prescription_wrapper .prescription_read .inner h1 {
            font-size: 7.4666666667vw;
            margin-bottom: 2.6666666667vw; }
          .prescription_wrapper .prescription_read .inner p {
            font-size: 4vw;
            margin-bottom: 5.3333333333vw; }
          .prescription_wrapper .prescription_read .inner img {
            width: 60.5333333333vw;
            position: static;
            margin: 0 auto; }
      .prescription_wrapper .prescription_wrap {
        margin-bottom: 28vw; }
        .prescription_wrapper .prescription_wrap .content_container {
          padding-bottom: 14.6666666667vw;
          margin-bottom: 13.3333333333vw; }
          .prescription_wrapper .prescription_wrap .content_container .ttl_box {
            padding-top: 17.0666666667vw; }
            .prescription_wrapper .prescription_wrap .content_container .ttl_box span {
              width: 100%;
              font-size: 4.2666666667vw;
              padding: 2.6666666667vw 0;
              top: -9.3333333333vw; }
            .prescription_wrapper .prescription_wrap .content_container .ttl_box h2 {
              font-size: 5.3333333333vw; }
              .prescription_wrapper .prescription_wrap .content_container .ttl_box h2::before {
                width: 15.4666666667vw;
                height: 15.2vw;
                position: static;
                margin: 0 auto 2.6666666667vw;
                display: block; }
          .prescription_wrapper .prescription_wrap .content_container .step_content {
            margin-bottom: 7.2vw; }
            .prescription_wrapper .prescription_wrap .content_container .step_content::before {
              display: none; }
            .prescription_wrapper .prescription_wrap .content_container .step_content .single {
              width: 100%;
              padding: 6.6666666667vw 0 0;
              margin-bottom: 6.6666666667vw; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single:last-of-type {
                padding-bottom: 6.6666666667vw; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single::before {
                display: none; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single .step_icon {
                position: static;
                width: 17.0666666667vw;
                height: 17.0666666667vw;
                border-radius: 8.5333333333vw;
                margin: 0 auto 5.3333333333vw; }
                .prescription_wrapper .prescription_wrap .content_container .step_content .single .step_icon p {
                  font-size: 4.2666666667vw; }
                  .prescription_wrapper .prescription_wrap .content_container .step_content .single .step_icon p span {
                    font-size: inherit; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box {
                width: 100%; }
                .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box h3 {
                  display: flex;
                  flex-wrap: wrap;
                  align-items: center;
                  justify-content: center;
                  font-size: 5.6vw; }
                  .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box h3::before {
                    content: "";
                    display: inline-block;
                    margin-right: 4vw; }
                .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box p {
                  font-size: 4vw;
                  margin-bottom: 3.4666666667vw; }
                .prescription_wrapper .prescription_wrap .content_container .step_content .single .content_box small {
                  font-size: 4vw;
                  margin-bottom: 3.4666666667vw; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single.content1 .content_box h3::before {
                background: url("../img/prescription/sp/prescription_img3.svg") no-repeat center/100%;
                width: 6.9333333333vw;
                height: 8.5333333333vw; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single.content2 .content_box h3::before {
                background: url("../img/prescription/sp/prescription_img4.svg") no-repeat center/100%;
                width: 9.0666666667vw;
                height: 8.5333333333vw; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single.content3 .content_box h3::before {
                background: url("../img/prescription/sp/prescription_img5.svg") no-repeat center/100%;
                width: 8.5333333333vw;
                height: 6.9333333333vw; }
              .prescription_wrapper .prescription_wrap .content_container .step_content .single.content4 .content_box h3::before {
                background: url("../img/prescription/sp/prescription_img6.svg") no-repeat center/100%;
                width: 7.7333333333vw;
                height: 6.9333333333vw; }
          .prescription_wrapper .prescription_wrap .content_container .due_date {
            padding: 6.6666666667vw 0 6.9333333333vw; }
            .prescription_wrapper .prescription_wrap .content_container .due_date p {
              font-size: 4.8vw;
              margin-bottom: 2.6666666667vw; }
              .prescription_wrapper .prescription_wrap .content_container .due_date p span {
                font-size: 5.8666666667vw; }
            .prescription_wrapper .prescription_wrap .content_container .due_date small {
              font-size: 4vw; }
        .prescription_wrapper .prescription_wrap .link_btn {
          width: 74.6666666667vw;
          line-height: 18.6666666667vw; }
          .prescription_wrapper .prescription_wrap .link_btn::after {
            width: 2.1333333333vw;
            height: 2.1333333333vw;
            right: 6.6666666667vw;
            top: calc(50% - 1.065vw); }
          .prescription_wrapper .prescription_wrap .link_btn a {
            font-size: 4.2666666667vw; }
        .prescription_wrapper .prescription_wrap.type2 .content_container {
          margin-bottom: 16vw; }
          .prescription_wrapper .prescription_wrap.type2 .content_container .ttl_box span {
            top: -6vw; }
        .prescription_wrapper .prescription_wrap.type2 .due_date ul {
          padding: 0 5.0666666667vw; }
          .prescription_wrapper .prescription_wrap.type2 .due_date ul li {
            font-size: 4vw;
            margin-bottom: 2.6666666667vw;
            padding-left: 4vw;
            text-indent: -4vw; }
        .prescription_wrapper .prescription_wrap.type2 .bottom_txt {
          margin-bottom: 14.6666666667vw; }
          .prescription_wrapper .prescription_wrap.type2 .bottom_txt li {
            font-size: 4vw;
            margin-bottom: 5.3333333333vw;
            padding-left: 4vw;
            text-indent: -4vw; }
            .prescription_wrapper .prescription_wrap.type2 .bottom_txt li ul {
              padding: 0;
              margin-top: 2.1333333333vw; }
              .prescription_wrapper .prescription_wrap.type2 .bottom_txt li ul li {
                margin-bottom: 1.5vw; } }
  .prescription_wrapper #repeat {
    padding-top: 50px;
    margin-top: -50px; }
    @media screen and (max-width: 1023px) {
      .prescription_wrapper #repeat {
        padding-top: 130px;
        margin-top: -130px; } }
    @media screen and (max-width: 767px) {
      .prescription_wrapper #repeat {
        padding-top: 25vw;
        margin-top: -25vw; } }