@charset "UTF-8";
/* スムーバー */
h4.smv_features-kadai-ttl, h4.smv_features-kaiketsu-ttl {
  line-height: 1.5;
  margin: 0 0 20px;
  display: flex;
  position: relative;
  font-weight: 500;
  font-size: 131%; }
  h4.smv_features-kadai-ttl span, h4.smv_features-kaiketsu-ttl span {
    padding: 7px 15px; }
  h4.smv_features-kadai-ttl span:first-child, h4.smv_features-kaiketsu-ttl span:first-child {
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center; }

.smv_features-kadai .smv_features-kadai-ttlSet {
  position: relative; }
  .smv_features-kadai .smv_features-kadai-ttlSet p {
    color: #e73828;
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 108%; }
  .smv_features-kadai .smv_features-kadai-ttlSet figure {
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 5px; }
    .smv_features-kadai .smv_features-kadai-ttlSet figure img {
      max-height: 40px;
      width: auto; }
.smv_features-kadai h4.smv_features-kadai-ttl {
  background: url("../images/products/excretion_support/smoover/ttl_bg_gray_sp.png") no-repeat right bottom;
  background-size: cover; }
  .smv_features-kadai h4.smv_features-kadai-ttl span:first-child {
    background-color: #e73828; }
  .smv_features-kadai h4.smv_features-kadai-ttl span:last-child {
    color: #e73828;
    padding-right: 100px;
    display: flex;
    flex-direction: column; }
    .smv_features-kadai h4.smv_features-kadai-ttl span:last-child em {
      font-style: normal; }
    .smv_features-kadai h4.smv_features-kadai-ttl span:last-child ul {
      margin: 5px 0 0 1.5em;
      padding-left: 0;
      font-size: 77%; }

.smv_features-kaiketsu h4.smv_features-kaiketsu-ttl {
  background: url("../images/products/excretion_support/smoover/ttl_bg_green_sp.png") no-repeat right bottom;
  background-size: cover; }
  .smv_features-kaiketsu h4.smv_features-kaiketsu-ttl span:first-child {
    background-color: #4c5f37; }
  .smv_features-kaiketsu h4.smv_features-kaiketsu-ttl span:last-child {
    color: #4c5f37;
    display: flex;
    flex-direction: column; }
    .smv_features-kaiketsu h4.smv_features-kaiketsu-ttl span:last-child em {
      font-style: normal; }
    .smv_features-kaiketsu h4.smv_features-kaiketsu-ttl span:last-child ul {
      margin: 5px 0 0 1.5em;
      padding-left: 0;
      font-size: 77%; }

.smv_features-kadai1 {
  flex-direction: column;
  gap: 2px;
  padding-left: 55px; }
  .smv_features-kadai1 + p.note {
    margin-left: 55px;
    margin-bottom: 20px; }
  .smv_features-kadai1 dl {
    margin: 0; }
  .smv_features-kadai1 > dt, .smv_features-kadai1 > dd {
    background-color: #dbdcdc;
    padding: 20px 25px; }
  .smv_features-kadai1 > dt {
    position: relative;
    padding-left: 75px; }
    .smv_features-kadai1 > dt span:first-child {
      position: absolute;
      left: -55px;
      top: -11px;
      width: 119px; }
    .smv_features-kadai1 > dt span:last-child {
      font-size: 131%; }
    .smv_features-kadai1 > dt b {
      display: block; }
  .smv_features-kadai1 > dd {
    margin-left: 0; }
    .smv_features-kadai1 > dd ol {
      list-style-type: none;
      margin: 0;
      padding-left: 0; }
      .smv_features-kadai1 > dd ol dd {
        margin-left: 1.2em;
        font-weight: bold;
        color: #e73828;
        padding-left: 1.2em;
        text-indent: -1.2em; }
        .smv_features-kadai1 > dd ol dd sup {
          color: #000; }
    .smv_features-kadai1 > dd p {
      margin: 0;
      font-size: 108%; }
      .smv_features-kadai1 > dd p b {
        font-weight: 500;
        font-size: 123.1%; }

.smv_features-kaiketsu1 .flex-box-pc {
  margin-bottom: 20px; }
  .smv_features-kaiketsu1 .flex-box-pc figure {
    margin-left: 0;
    margin-right: 0; }
  .smv_features-kaiketsu1 .flex-box-pc .txt h5 {
    font-weight: 500;
    color: #4c5f37;
    margin: 0 0 10px;
    font-size: 123.1%; }
  .smv_features-kaiketsu1 .flex-box-pc .txt ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0; }
    .smv_features-kaiketsu1 .flex-box-pc .txt ul li {
      font-size: 108%;
      position: relative;
      padding-left: 22px; }
      .smv_features-kaiketsu1 .flex-box-pc .txt ul li::before {
        content: '';
        width: 15px;
        height: 15px;
        border-radius: 100px;
        background-color: #4c5f37;
        position: absolute;
        left: 0;
        top: 5px; }

.smv_features-kaiketsu-merit dl {
  align-items: center;
  gap: 15px; }

.smv_features-kaiketsu-merit dl:first-child {
  margin-bottom: 30px; }

.smv_features-kaiketsu-merit dt {
  background-color: #e6f7fd;
  color: #08aee9;
  border-radius: 200px;
  font-weight: bold;
  text-align: center;
  font-size: 116%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 130px;
  aspect-ratio: 1; }

.smv_features-kaiketsu-merit dd {
  width: calc(100% - 130px - 15px);
  margin-left: 0;
  position: relative;
  padding-left: 23px;
  box-sizing: border-box; }
  .smv_features-kaiketsu-merit dd::before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background-color: #4c5f37;
    position: absolute;
    left: 0;
    top: 5px; }

.smv_features-arrow {
  text-align: center; }

.smv_features-target {
  border: 1px solid #4c5f37;
  color: #4c5f37;
  padding: 20px 15px; }
  .smv_features-target .txt {
    margin-bottom: 20px; }
    .smv_features-target .txt p {
      margin-top: 0;
      font-size: 108%;
      display: flex;
      position: relative;
      align-items: center;
      gap: 15px; }
      .smv_features-target .txt p::after {
        content: '';
        width: 100%;
        height: 1px;
        flex: 1;
        background-color: #4c5f37;
        position: relative;
        display: block; }
    .smv_features-target .txt ol {
      list-style-type: none;
      padding-left: 0;
      font-weight: 500;
      margin-bottom: 20px;
      font-size: 108%; }
      .smv_features-target .txt ol li {
        padding-left: 1.2em;
        text-indent: -1.2em; }

.kadai2-flow {
  margin-bottom: 30px; }
  .kadai2-flow > .flex-box {
    gap: 10px; }
    .kadai2-flow > .flex-box > div:first-child {
      width: calc(100% - 53.333% - 10px); }
    .kadai2-flow > .flex-box > div:last-child {
      width: 53.333%; }
    .kadai2-flow > .flex-box figure {
      margin: 0; }
      .kadai2-flow > .flex-box figure img {
        width: 100%; }
      .kadai2-flow > .flex-box figure figcaption {
        text-align: center;
        font-weight: 500;
        margin-bottom: 10px;
        background-color: #dbdcdc;
        padding: 10px;
        font-size: 116%;
        line-height: 1.5; }
    .kadai2-flow > .flex-box:first-child > div:first-child > div {
      width: calc((100% - 10px) / 2);
      background-color: #dbdcdc; }
    .kadai2-flow > .flex-box:first-child > div:first-child .txt {
      writing-mode: vertical-rl;
      text-align: center;
      padding: 20px 0;
      display: flex;
      align-items: center;
      font-size: 131%;
      width: 100%; }
      .kadai2-flow > .flex-box:first-child > div:first-child .txt b {
        color: #e75297;
        font-size: 131%; }
    .kadai2-flow > .flex-box:first-child > div:first-child .asan .txt b {
      color: #00aeeb; }
    .kadai2-flow > .flex-box:first-child > div:first-child .bsan .txt b {
      color: #e75297; }
    .kadai2-flow > .flex-box:first-child > div:first-child figure {
      position: relative; }
      .kadai2-flow > .flex-box:first-child > div:first-child figure::before {
        content: '';
        width: 100%;
        height: 50%;
        background-color: #fff;
        z-index: 0;
        position: absolute;
        left: 0;
        top: 0; }
      .kadai2-flow > .flex-box:first-child > div:first-child figure img {
        position: relative;
        z-index: 1; }
    .kadai2-flow > .flex-box:last-child {
      margin-top: 10px; }
      .kadai2-flow > .flex-box:last-child > div:first-child > div {
        width: calc((100% - 10px) / 2);
        flex-direction: column;
        background-color: #dbdcdc;
        align-items: center;
        /*justify-content: flex-start;*/
        flex-wrap: nowrap;
        gap: 11px; }
        .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div {
          /*height: calc((100% - 66px) / 7);*/
          height: calc(100% / 7 - 11px);
          /*height: 14.285%;*/
          /*height: calc((100% - 55px) / 7);*/
          white-space: nowrap; }
          .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:nth-child(2) {
            height: calc((100% / 7 - 11px) * 2);
            width: calc(100% - 20px);
            position: relative;
            border-bottom: 5px solid #3e3a39; }
            .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:nth-child(2)::before {
              content: '';
              width: 20px;
              height: calc(100% - 25px);
              background: #3e3a39;
              position: absolute;
              top: 0;
              left: 50%;
              margin-left: -10px; }
            .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:nth-child(2)::after {
              content: '';
              width: 40px;
              height: 30px;
              background-color: #3e3a39;
              clip-path: polygon(50% 30px, 0% 0%, 40px 0%);
              position: absolute;
              bottom: 0;
              left: 50%;
              margin-left: -20px; }
          .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:nth-child(3) {
            height: calc((100% / 7 - 11px) * 2); }
          .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:last-child {
            width: calc(100% - 20px);
            position: relative; }
            .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:last-child::before {
              content: '';
              width: 20px;
              height: calc(100% - 25px);
              background: #3e3a39;
              position: absolute;
              top: 0;
              left: 50%;
              margin-left: -10px; }
            .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:last-child::after {
              content: '';
              width: 40px;
              height: 30px;
              background-color: #3e3a39;
              clip-path: polygon(50% 30px, 0% 0%, 40px 0%);
              position: absolute;
              bottom: 0;
              left: 50%;
              margin-left: -20px; }
        .kadai2-flow > .flex-box:last-child > div:first-child > div.bsan > div {
          height: calc(100% / 7 - 11px);
          white-space: nowrap; }
          .kadai2-flow > .flex-box:last-child > div:first-child > div.bsan > div:first-child {
            height: calc((14.2857% - 11px) * 3); }
        .kadai2-flow > .flex-box:last-child > div:first-child > div div {
          box-sizing: border-box;
          padding: 0;
          font-size: 116%;
          font-weight: 500;
          color: #e50012;
          line-height: 1.5;
          text-align: center;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .kadai2-flow > .flex-box:last-child > div:first-child > div div span {
            writing-mode: vertical-rl;
            display: inline-block; }
      .kadai2-flow > .flex-box:last-child > div:last-child {
        flex-direction: column;
        gap: 11px;
        flex-wrap: nowrap; }
        .kadai2-flow > .flex-box:last-child > div:last-child figure {
          height: calc(100% / 7 - 11px); }

/*_::-webkit-full-page-media, _:future, :root .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div {
    height: 14.286%;
}
_::-webkit-full-page-media, _:future, :root .kadai2-flow > .flex-box:last-child > div:first-child > div.bsan > div {
    height: 14.286%;
}*/
.kadai2-asan {
  border: 2px solid #e60012;
  border-radius: 10px;
  padding: 20px 15px; }
  .kadai2-asan > .flex-box:first-child {
    align-items: center; }
    .kadai2-asan > .flex-box:first-child .txt {
      width: calc(100% - 20% - 20px);
      margin-bottom: 15px; }
      .kadai2-asan > .flex-box:first-child .txt dl {
        margin: 0; }
      .kadai2-asan > .flex-box:first-child .txt dt {
        font-size: 116%;
        margin-bottom: 10px; }
        .kadai2-asan > .flex-box:first-child .txt dt em {
          font-size: 123.1%;
          font-style: normal;
          font-weight: 500; }
          .kadai2-asan > .flex-box:first-child .txt dt em b {
            color: #00aeeb; }
      .kadai2-asan > .flex-box:first-child .txt dd {
        margin-left: 0; }
        .kadai2-asan > .flex-box:first-child .txt dd b {
          font-weight: 500;
          color: #e50012;
          text-decoration: underline; }
    .kadai2-asan > .flex-box:first-child figure {
      margin: 0;
      width: 20%; }
  .kadai2-asan > .flex-box:last-child {
    flex-direction: column; }
    .kadai2-asan > .flex-box:last-child p {
      text-align: center;
      margin: 0 0 15px;
      font-size: 116%;
      background-color: #e5e6e6;
      border-radius: 5px; }
    .kadai2-asan > .flex-box:last-child div {
      background-color: #e5e6e6;
      padding: 15px;
      border-radius: 5px;
      font-size: 116%;
      margin-bottom: 40px;
      position: relative; }
      .kadai2-asan > .flex-box:last-child div::after {
        content: '';
        width: 70px;
        height: 20px;
        background-color: #888;
        clip-path: polygon(50% 20px, 0% 0%, 70px 0%);
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -30px; }
      .kadai2-asan > .flex-box:last-child div b {
        font-size: 131%; }
      .kadai2-asan > .flex-box:last-child div:nth-child(4)::after {
        background-color: #e50012; }
      .kadai2-asan > .flex-box:last-child div:last-child {
        margin-bottom: 0; }
        .kadai2-asan > .flex-box:last-child div:last-child::after {
          display: none; }
        .kadai2-asan > .flex-box:last-child div:last-child em {
          font-style: normal;
          font-weight: bold;
          color: #e50012; }

.kaiketsu2-flow {
  margin-bottom: 30px; }
  .kaiketsu2-flow > .flex-box {
    gap: 10px; }
    .kaiketsu2-flow > .flex-box > div:first-child {
      width: calc(100% - 67.826% - 10px); }
    .kaiketsu2-flow > .flex-box > div:last-child {
      width: 67.826%; }
    .kaiketsu2-flow > .flex-box figure {
      margin: 0; }
      .kaiketsu2-flow > .flex-box figure img {
        width: 100%; }
      .kaiketsu2-flow > .flex-box figure figcaption {
        text-align: center;
        font-weight: 500;
        margin-bottom: 10px;
        background-color: #deeab8;
        padding: 10px;
        font-size: 116%;
        line-height: 1.5; }
    .kaiketsu2-flow > .flex-box:first-child > div:first-child {
      background-color: #deeab8; }
      .kaiketsu2-flow > .flex-box:first-child > div:first-child .txt {
        writing-mode: vertical-rl;
        text-align: center;
        padding: 20px 0;
        display: flex;
        align-items: center;
        font-size: 131%;
        width: 100%; }
        .kaiketsu2-flow > .flex-box:first-child > div:first-child .txt b {
          color: #e75297;
          font-size: 131%; }
      .kaiketsu2-flow > .flex-box:first-child > div:first-child figure {
        position: relative; }
        .kaiketsu2-flow > .flex-box:first-child > div:first-child figure::before {
          content: '';
          width: 100%;
          height: 50%;
          background-color: #fff;
          z-index: 0;
          position: absolute;
          left: 0;
          top: 0; }
        .kaiketsu2-flow > .flex-box:first-child > div:first-child figure img {
          position: relative;
          z-index: 1; }
    .kaiketsu2-flow > .flex-box:last-child {
      margin-top: 10px; }
      .kaiketsu2-flow > .flex-box:last-child > div:first-child {
        flex-direction: column;
        background-color: #deeab8;
        color: #4c5f37;
        align-items: center;
        justify-content: space-around; }
        .kaiketsu2-flow > .flex-box:last-child > div:first-child div {
          font-size: 116%;
          font-weight: 500;
          text-align: center;
          line-height: 1.5;
          writing-mode: vertical-rl; }
      .kaiketsu2-flow > .flex-box:last-child > div:last-child {
        flex-direction: column;
        gap: 11px;
        flex-wrap: nowrap; }

.smv_use-flow h4 {
  position: relative;
  background: url("../images/products/excretion_support/smoover/ttl_bg_green_sp.png") no-repeat right bottom;
  background-size: cover;
  padding: 7px 15px 7px 30px;
  font-weight: 500;
  font-size: 131%;
  margin: 0 0 20px; }
  .smv_use-flow h4::before {
    content: '';
    width: 7px;
    height: calc(100% - 16px);
    position: absolute;
    left: 12px;
    top: 8px;
    background-color: #4c5f37; }
.smv_use-flow .flex-box {
  gap: 20px; }
  .smv_use-flow .flex-box figure {
    margin: 0;
    width: calc((100% - 20px) / 2);
    display: flex;
    flex-direction: column; }
    .smv_use-flow .flex-box figure figcaption {
      margin-top: 0;
      margin-bottom: 0; }
      .smv_use-flow .flex-box figure figcaption b {
        text-decoration: underline; }
    .smv_use-flow .flex-box figure img {
      width: 100%;
      margin-top: auto;
      margin-bottom: 10px; }

.smv_use-info {
  background-color: #ebf3d8;
  border-radius: 5px;
  padding: 20px 15px; }
  .smv_use-info h4 {
    background-color: #595757;
    color: #fff;
    margin: 0 0 15px;
    padding: 7px 10px;
    font-weight: 500;
    font-size: 123.1%; }
  .smv_use-info .flex-box {
    margin: 0;
    gap: 15px; }
    .smv_use-info .flex-box dt {
      width: 100px; }
    .smv_use-info .flex-box dd {
      width: calc(100% - 100px - 15px);
      margin-left: 0; }
      .smv_use-info .flex-box dd:last-of-type {
        display: flex;
        align-items: center; }
      .smv_use-info .flex-box dd b {
        font-weight: 500;
        display: inline-block;
        margin-bottom: 10px;
        font-size: 108%; }
    .smv_use-info .flex-box dd.flex-box-pc div:last-child {
      margin-top: 10px;
      text-align: center; }

.smv_use-first {
  margin-bottom: 30px; }
  .smv_use-first .txt {
    color: #e50012;
    font-size: 116%;
    margin-bottom: 20px;
    padding-left: 1em;
    text-indent: -1em; }
    .smv_use-first .txt b {
      font-size: 116%; }

.smv_beforeUse-lead {
  color: #e50012;
  font-weight: bold;
  font-size: 116%;
  line-height: 1.5;
  margin-bottom: 25px; }

.smv_beforeUse-lead b {
  font-size: 131%; }

.smv_beforeUse-item:first-child {
  margin-bottom: 30px; }

.smv_beforeUse-item h4 {
  background-color: #717071;
  color: #fff;
  font-size: 116%;
  font-weight: 500;
  padding: 7px 15px;
  display: flex;
  gap: 10px;
  line-height: 1.5;
  align-items: center;
  margin: 0 0 20px; }

.smv_beforeUse-item h4 span:first-child {
  background-color: #000;
  font-size: 25px;
  aspect-ratio: 1;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold; }

.smv_beforeUse-item p.note {
  font-weight: bold;
  color: #e50012;
  border: 1px solid #e50012;
  padding: 10px 15px 10px calc(15px + 1em);
  font-size: 108%;
  line-height: 1.5; }

.smv_beforeUse-item .img {
  margin-top: 20px; }

.smv_beforeUse-item ol {
  list-style-type: none;
  padding-left: 0;
  font-size: 108%; }

.smv_beforeUse-item.-item02 > .flex-box-pc:last-child {
  margin-top: 30px; }

.smv_beforeUse-item li {
  padding-left: 1.2em;
  text-indent: -1.2em; }
  .smv_beforeUse-item li em {
    font-style: normal;
    font-weight: bold; }
  .smv_beforeUse-item li b {
    color: #e50012; }
  .smv_beforeUse-item li ul {
    list-style-type: disc;
    padding-left: 0;
    margin: .5em 0 .5em 1.5em; }
    .smv_beforeUse-item li ul li {
      padding-left: 0;
      text-indent: 0; }

@media print, screen and (min-width: 669px) {
  /*670px*/
  /* スムーバー */
  .smv_features-kadai, .smv_features-kaiketsu, .smv_use-first, .smv_use-flow, .smv_beforeUse .plain-box {
    padding-left: 40px;
    padding-right: 40px; }

  .smv_features-target.plain-box, .smv_use-info.plain-box {
    margin-left: 40px;
    margin-right: 40px;
    box-sizing: border-box; }

  h4.smv_features-kadai-ttl, h4.smv_features-kaiketsu-ttl {
    margin: 0 0 30px; }

  .smv_features-kadai1 {
    flex-direction: row;
    gap: 2px;
    padding-left: 70px; }
    .smv_features-kadai1 + p.note {
      margin-left: 70px;
      text-align: right;
      margin-bottom: 30px; }
    .smv_features-kadai1 > dt, .smv_features-kadai1 > dd {
      padding-top: 15px;
      padding-bottom: 15px; }
    .smv_features-kadai1 > dt {
      width: 26.4%;
      box-sizing: border-box;
      position: relative;
      padding-left: 75px;
      display: flex;
      align-items: center; }
      .smv_features-kadai1 > dt span:first-child {
        left: -70px; }
      .smv_features-kadai1 > dt span:last-child {
        font-size: 131%;
        line-height: 1.5; }
    .smv_features-kadai1 > dd {
      width: calc(100% - 26.4% - 2px);
      box-sizing: border-box; }
      .smv_features-kadai1 > dd ol dl {
        display: flex; }
      .smv_features-kadai1 > dd ol dt {
        width: 13em; }
      .smv_features-kadai1 > dd ol dd {
        width: calc(100% - 13em);
        padding-left: 1.2em;
        text-indent: -1.2em; }
      .smv_features-kadai1 > dd p {
        font-size: 108%;
        line-height: 1.5; }
        .smv_features-kadai1 > dd p b {
          font-size: 25px; }

  .smv_features-kaiketsu1 figure {
    margin: 0; }
  .smv_features-kaiketsu1 .flex-box-pc {
    width: calc((100% - 40px) / 2);
    flex-direction: column;
    margin-bottom: 0; }
    .smv_features-kaiketsu1 .flex-box-pc figure {
      margin-bottom: 20px; }
  .smv_features-kaiketsu1 > .img {
    width: calc((100% - 40px) / 2); }

  .smv_features-target {
    padding: 30px; }
    .smv_features-target .txt {
      width: calc(100% - 23.068% - 40px);
      margin-bottom: 0; }
      .smv_features-target .txt p {
        font-size: 116%; }
      .smv_features-target .txt ol {
        font-size: 123.1%; }
    .smv_features-target > .img {
      width: 23.068%; }

  .smv_use-first {
    margin-bottom: 40px; }
    .smv_use-first .txt {
      width: calc((100% - 40px) / 2); }
    .smv_use-first .img {
      width: calc((100% - 40px) / 2); }

  .smv_features-kaiketsu-merit {
    flex-direction: column; }

  .smv_use-info {
    padding: 30px; }
    .smv_use-info h4 {
      margin: 0 0 25px;
      padding: 10px 15px;
      font-size: 131%; }
    .smv_use-info .flex-box {
      gap: 25px 15px; }
      .smv_use-info .flex-box dt {
        width: 112px; }
      .smv_use-info .flex-box dd {
        width: calc(100% - 112px - 15px); }
        .smv_use-info .flex-box dd b {
          font-size: 116%; }
      .smv_use-info .flex-box dd.flex-box-pc {
        flex-direction: column; }
        .smv_use-info .flex-box dd.flex-box-pc div:last-child {
          margin-top: 15px;
          text-align: left; }

  .smv_beforeUse-lead {
    font-size: 123.1%;
    margin-bottom: 40px; }

  .smv_beforeUse-items {
    flex-direction: column;
    gap: 50px; }

  .smv_beforeUse-item:first-child {
    margin-bottom: 0; }

  .smv_beforeUse-item h4 {
    font-size: 123.1%;
    gap: 15px;
    margin-bottom: 30px; }

  .smv_beforeUse-item h4 span:first-child {
    font-size: 30px; }

  .smv_beforeUse-item p.note {
    padding: 15px 20px 15px calc(20px + 1em);
    font-size: 116%; }

  .smv_beforeUse-item .img {
    margin-top: 0; }

  .smv_beforeUse-item ol {
    font-size: 116%; }

  .kadai2-flow {
    margin-bottom: 40px; }
    .kadai2-flow > .flex-box > div:first-child {
      width: calc(100% - 63.333% - 10px); }
    .kadai2-flow > .flex-box > div:last-child {
      width: 63.333%; }

  .kadai2-asan {
    padding: 30px; }
    .kadai2-asan > .flex-box:first-child .txt {
      width: calc(100% - 20% - 30px);
      margin-bottom: 0; }
      .kadai2-asan > .flex-box:first-child .txt dl {
        flex-direction: column; }
      .kadai2-asan > .flex-box:first-child .txt dt {
        font-size: 123.1%; }
        .kadai2-asan > .flex-box:first-child .txt dt em {
          font-size: 123.1%; }
    .kadai2-asan > .flex-box:last-child div {
      padding: 20px;
      border-radius: 5px; }
      .kadai2-asan > .flex-box:last-child div br.pc {
        display: none; }

  .kaiketsu2-flow {
    margin-bottom: 40px; }
    .kaiketsu2-flow > .flex-box {
      gap: 10px; }
      .kaiketsu2-flow > .flex-box > div:first-child {
        width: calc(100% - 87.826% - 10px); }
      .kaiketsu2-flow > .flex-box > div:last-child {
        width: 87.826%; } }
@media print, screen and (min-width: 999px) {
  /*1000px*/
  /* スムーバー */
  h4.smv_features-kadai-ttl, h4.smv_features-kaiketsu-ttl {
    margin: 0 0 40px;
    font-size: 22px; }
    h4.smv_features-kadai-ttl span, h4.smv_features-kaiketsu-ttl span {
      padding: 10px 25px; }

  .smv_features-kadai .smv_features-kadai-ttlSet p {
    font-size: 138.5%; }
  .smv_features-kadai .smv_features-kadai-ttlSet figure {
    right: 10px;
    bottom: 5px; }
    .smv_features-kadai .smv_features-kadai-ttlSet figure img {
      max-height: 79px; }
  .smv_features-kadai h4.smv_features-kadai-ttl {
    background: url("../images/products/excretion_support/smoover/ttl_bg_gray.png") no-repeat right bottom;
    background-size: cover; }
    .smv_features-kadai h4.smv_features-kadai-ttl span:last-child {
      flex-direction: row;
      gap: 20px;
      align-items: center; }
      .smv_features-kadai h4.smv_features-kadai-ttl span:last-child em {
        font-style: normal; }
      .smv_features-kadai h4.smv_features-kadai-ttl span:last-child ul {
        margin: 0 0 0 1.5em; }

  .smv_features-kaiketsu h4.smv_features-kaiketsu-ttl {
    background: url("../images/products/excretion_support/smoover/ttl_bg_green.png") no-repeat right bottom;
    background-size: cover; }
    .smv_features-kaiketsu h4.smv_features-kaiketsu-ttl span:last-child {
      flex-direction: row;
      gap: 20px;
      align-items: center; }
      .smv_features-kaiketsu h4.smv_features-kaiketsu-ttl span:last-child em {
        font-style: normal; }
      .smv_features-kaiketsu h4.smv_features-kaiketsu-ttl span:last-child ul {
        margin: 0 0 0 1.5em; }

  .smv_features-kaiketsu1 .flex-box-pc {
    flex-direction: row; }
    .smv_features-kaiketsu1 .flex-box-pc .txt {
      width: calc(100% - 161px - 30px); }
      .smv_features-kaiketsu1 .flex-box-pc .txt h5 {
        margin: 0 0 10px;
        font-size: 20px; }
      .smv_features-kaiketsu1 .flex-box-pc .txt ul li {
        font-size: 131%; }
        .smv_features-kaiketsu1 .flex-box-pc .txt ul li::before {
          left: 0;
          top: 7px; }
    .smv_features-kaiketsu1 .flex-box-pc figure {
      margin-bottom: 0; }

  .smv_features-kaiketsu-merit {
    flex-direction: row;
    gap: 40px; }

  .smv_features-kaiketsu-merit dl {
    margin: 0;
    width: calc((100% - 40px) / 2);
    align-items: flex-start;
    gap: 20px; }

  .smv_features-kaiketsu-merit dl:first-child {
    margin-bottom: 0; }

  .smv_features-kaiketsu-merit dt {
    font-size: 20px;
    width: 135px;
    line-height: 1.5; }

  .smv_features-kaiketsu-merit dd {
    padding-top: 1em;
    width: calc(100% - 135px - 20px);
    font-size: 116%; }
    .smv_features-kaiketsu-merit dd::before {
      top: calc(1em + 7px); }

  .smv_use-info .flex-box dd.flex-box-pc {
    flex-direction: row; }
    .smv_use-info .flex-box dd.flex-box-pc div:first-child {
      width: calc(100% - 380px - 20px); }
    .smv_use-info .flex-box dd.flex-box-pc div:last-child {
      width: 380px;
      margin-top: 0; }

  .smv_use-flow h4 {
    background: url("../images/products/excretion_support/smoover/ttl_bg_green.png") no-repeat right bottom;
    background-size: cover;
    padding: 7px 15px 7px 30px;
    font-size: 20px;
    margin: 0 0 30px; }
  .smv_use-flow .flex-box {
    gap: 0; }
    .smv_use-flow .flex-box figure {
      margin: 0;
      width: auto; }

  .smv_use-flow.flow01 figure:first-child {
    width: 24.8%; }
  .smv_use-flow.flow01 figure:nth-child(2) {
    width: 21.9%; }
  .smv_use-flow.flow01 figure:nth-child(3) {
    width: 26.2%; }
  .smv_use-flow.flow01 figure:last-child {
    width: 24.2%; }

  .smv_use-flow.flow02 figure:first-child {
    width: 24.3%; }
  .smv_use-flow.flow02 figure:nth-child(2) {
    width: 24.3%; }
  .smv_use-flow.flow02 figure:nth-child(3) {
    width: 24.4%; }
  .smv_use-flow.flow02 figure:last-child {
    width: 24.2%; }

  .smv_use-flow.flow03 figure:first-child {
    width: 24.3%; }
  .smv_use-flow.flow03 figure:nth-child(2) {
    width: 24.3%; }
  .smv_use-flow.flow03 figure:nth-child(3) {
    width: 24.4%; }
  .smv_use-flow.flow03 figure:last-child {
    width: 24.2%; }

  .kadai2-flow {
    display: flex;
    justify-content: space-between; }
    .kadai2-flow > .flex-box {
      gap: 10px; }
      .kadai2-flow > .flex-box > div:first-child {
        width: calc(100% - 53.333% - 10px); }
      .kadai2-flow > .flex-box > div:last-child {
        width: 53.333%; }
      .kadai2-flow > .flex-box figure {
        margin: 0; }
        .kadai2-flow > .flex-box figure img {
          width: 100%; }
        .kadai2-flow > .flex-box figure figcaption {
          padding: 0 10px;
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 108%;
          margin-bottom: 5px; }
      .kadai2-flow > .flex-box:first-child {
        width: 12%;
        flex-direction: column-reverse; }
        .kadai2-flow > .flex-box:first-child > div {
          width: 100%; }
          .kadai2-flow > .flex-box:first-child > div:first-child {
            flex-direction: column-reverse;
            gap: 5px; }
            .kadai2-flow > .flex-box:first-child > div:first-child > div {
              /*width: calc((100% - 10px) / 2);*/
              width: 100%;
              background-color: #dbdcdc; }
            .kadai2-flow > .flex-box:first-child > div:first-child .txt {
              writing-mode: unset;
              display: flex;
              align-items: left;
              font-size: 116%;
              height: 51px;
              width: calc(100% - 51px);
              box-sizing: border-box; }
            .kadai2-flow > .flex-box:first-child > div:first-child .asan {
              display: flex; }
              .kadai2-flow > .flex-box:first-child > div:first-child .asan .txt b {
                color: #00aeeb; }
            .kadai2-flow > .flex-box:first-child > div:first-child .bsan {
              display: flex; }
              .kadai2-flow > .flex-box:first-child > div:first-child .bsan .txt b {
                color: #e75297; }
            .kadai2-flow > .flex-box:first-child > div:first-child figure {
              width: 51px; }
              .kadai2-flow > .flex-box:first-child > div:first-child figure::before {
                width: 50%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0; }
      .kadai2-flow > .flex-box:last-child {
        margin-top: 0;
        width: calc(100% - 5px - 12%);
        flex-direction: column-reverse; }
        .kadai2-flow > .flex-box:last-child > div:first-child {
          width: 100%;
          flex-direction: column-reverse;
          gap: 5px; }
          .kadai2-flow > .flex-box:last-child > div:first-child > div {
            /*width: calc((100% - 10px) / 2);*/
            width: 100%;
            flex-direction: row;
            align-items: center;
            height: 51px;
            /*justify-content: flex-start;*/
            flex-wrap: nowrap;
            gap: 5px; }
            .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div {
              height: auto;
              width: 120px; }
              .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:nth-child(2) {
                height: 40px;
                width: calc(120px * 2 + 5px);
                border-bottom: 0;
                border-right: 5px solid #3e3a39; }
                .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:nth-child(2)::before {
                  width: calc(100% - 20px);
                  height: 18px;
                  top: 50%;
                  left: 0;
                  margin-left: 0;
                  margin-top: -8px; }
                .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:nth-child(2)::after {
                  width: 30px;
                  height: 40px;
                  clip-path: polygon(30px 50%, 0% 0%, 0% 40px);
                  bottom: auto;
                  top: 50%;
                  margin-top: -20px;
                  left: auto;
                  margin-left: 0;
                  right: 0; }
              .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:nth-child(3) {
                height: auto;
                width: calc(120px * 2 + 5px); }
              .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:last-child {
                width: 120px;
                height: 40px;
                border-bottom: 0;
                border-right: 5px solid #3e3a39; }
                .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:last-child::before {
                  width: calc(100% - 20px);
                  height: 18px;
                  top: 50%;
                  left: 0;
                  margin-left: 0;
                  margin-top: -8px; }
                .kadai2-flow > .flex-box:last-child > div:first-child > div.asan > div:last-child::after {
                  width: 30px;
                  height: 40px;
                  clip-path: polygon(30px 50%, 0% 0%, 0% 40px);
                  bottom: auto;
                  top: 50%;
                  margin-top: -20px;
                  left: auto;
                  margin-left: 0;
                  right: 0; }
            .kadai2-flow > .flex-box:last-child > div:first-child > div.bsan > div {
              height: auto;
              width: 120px; }
              .kadai2-flow > .flex-box:last-child > div:first-child > div.bsan > div:first-child {
                height: auto;
                width: calc(120px * 3 + 10px); }
            .kadai2-flow > .flex-box:last-child > div:first-child > div div {
              padding: 0;
              font-size: 108%;
              line-height: 1.3; }
              .kadai2-flow > .flex-box:last-child > div:first-child > div div span {
                writing-mode: unset; }
        .kadai2-flow > .flex-box:last-child > div:last-child {
          flex-direction: row;
          width: 100%;
          gap: 5px;
          flex-wrap: nowrap; }
          .kadai2-flow > .flex-box:last-child > div:last-child figure {
            width: 120px;
            height: auto; }

  .kadai2-asan {
    padding: 20px; }
    .kadai2-asan > .flex-box:first-child {
      position: relative;
      margin-bottom: 15px; }
      .kadai2-asan > .flex-box:first-child .txt {
        width: calc(100% - 107px - 30px); }
        .kadai2-asan > .flex-box:first-child .txt dl {
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          gap: 1em; }
        .kadai2-asan > .flex-box:first-child .txt dt {
          font-size: 131%; }
          .kadai2-asan > .flex-box:first-child .txt dt em {
            font-size: 23px; }
        .kadai2-asan > .flex-box:first-child .txt dd {
          font-size: 131%; }
      .kadai2-asan > .flex-box:first-child figure {
        width: 107px;
        position: absolute;
        right: -10px;
        top: -27px; }
    .kadai2-asan > .flex-box:last-child {
      flex-direction: row;
      flex-wrap: nowrap; }
      .kadai2-asan > .flex-box:last-child p {
        writing-mode: vertical-rl;
        margin-bottom: 0;
        margin-right: 10px; }
      .kadai2-asan > .flex-box:last-child div {
        margin-bottom: 0;
        padding: 10px 15px;
        font-size: 100%;
        margin-right: 35px; }
        .kadai2-asan > .flex-box:last-child div br.pc {
          display: inline; }
        .kadai2-asan > .flex-box:last-child div::after {
          width: 20px;
          height: 70px;
          background-color: #77aff1;
          clip-path: polygon(20px 50%, 0% 0%, 0% 70px);
          bottom: auto;
          top: 50%;
          margin-top: -35px;
          left: auto;
          margin-left: 0;
          right: -30px; }
        .kadai2-asan > .flex-box:last-child div:last-child {
          margin-right: 0; }

  .kadai2 p.note,
  .kaiketsu2 p.note {
    text-align: right; }

  .kaiketsu2-flow {
    margin-bottom: 50px;
    display: flex;
    gap: 10px;
    justify-content: space-between; }
    .kaiketsu2-flow > .flex-box {
      gap: 10px;
      flex-direction: column-reverse; }
      .kaiketsu2-flow > .flex-box > div:first-child {
        width: calc(100% - 67.826% - 10px); }
      .kaiketsu2-flow > .flex-box > div:last-child {
        width: 67.826%; }
      .kaiketsu2-flow > .flex-box figure figcaption {
        font-size: 108%; }
      .kaiketsu2-flow > .flex-box:first-child {
        width: 19.1%; }
        .kaiketsu2-flow > .flex-box:first-child > div {
          width: 100%; }
          .kaiketsu2-flow > .flex-box:first-child > div:first-child {
            display: flex; }
            .kaiketsu2-flow > .flex-box:first-child > div:first-child .txt {
              writing-mode: unset;
              padding: 0 20px;
              display: flex;
              align-items: left;
              font-size: 131%;
              height: 51px;
              width: calc(100% - 51px);
              box-sizing: border-box; }
            .kaiketsu2-flow > .flex-box:first-child > div:first-child figure {
              width: 51px; }
              .kaiketsu2-flow > .flex-box:first-child > div:first-child figure::before {
                width: 50%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0; }
      .kaiketsu2-flow > .flex-box:last-child {
        width: calc(100% - 19.1% - 10px);
        margin-top: 0; }
        .kaiketsu2-flow > .flex-box:last-child > div {
          width: 100%; }
          .kaiketsu2-flow > .flex-box:last-child > div:first-child {
            flex-direction: row;
            align-items: center;
            justify-content: space-around;
            height: 51px; }
            .kaiketsu2-flow > .flex-box:last-child > div:first-child div {
              padding: 0;
              writing-mode: unset;
              font-size: 108%;
              line-height: 1.3; }
          .kaiketsu2-flow > .flex-box:last-child > div:last-child {
            flex-direction: row;
            gap: 10px; } }
@media print, screen and (min-width: 1099px) {
  /*1100px*/
  /* スムーバー */
  .smv_features-kadai, .smv_features-kaiketsu, .smv_use-first, .smv_use-flow, .smv_beforeUse .plain-box {
    padding-left: 0;
    padding-right: 0; }

  .smv_features-target.plain-box, .smv_use-info.plain-box {
    margin-left: auto;
    margin-right: auto; }

  .smv_beforeUse-lead {
    font-size: 25px;
    margin-bottom: 50px; }

  .smv_beforeUse-items {
    flex-direction: row;
    gap: 40px; }

  .smv_beforeUse-item {
    width: calc((100% - 40px) / 2); }

  .smv_beforeUse-item ol:first-child {
    margin-top: 0; }
  .smv_beforeUse-item p.note:first-child {
    margin-top: 0; }
  .smv_beforeUse-item p.note:last-child {
    margin-bottom: 0; }

  .smv_beforeUse-item:first-child .img {
    width: 205px; }

  .smv_beforeUse-item:first-child .txt {
    width: calc(100% - 205px - 30px); }

  .smv_beforeUse-item:last-child .img {
    width: 160px;
    text-align: right; }

  .smv_beforeUse-item:last-child .txt {
    width: calc(100% - 160px - 20px); }

  .kadai2-asan > .flex-box:last-child div {
    font-size: 108%; }
    .kadai2-asan > .flex-box:last-child div::after {
      right: -35px; } }
@media print, screen and (min-width: 1199px) {
  /*1200px*/ }