.toolBox01 {
    background: #004135
  }
  
  #vpseries {
    letter-spacing: 0.15em;
    font-size: 1.5rem;
    line-height: 1.8;
    overflow: hidden
  }
  
  #vpseries .inner {
    max-width: 940px;
    margin: 0 auto
  }
  
  #information .inner h2 {
    color: #006553
  }
  
  #prod_box .detail .txt {
    letter-spacing: 0.18em
  }
  
  #prod_box .detail .txt span {
    display: inline-block
  }
  
  #prod_box .detail .coolLevel p {
    color: #006553
  }
  
  #prod_box .detail .coolLevel ol li.reach {
    background: #006553
  }
  
  @media screen and (max-width: 480px) {
    #prod_box .detail .txt {
      letter-spacing: 0.15em
    }
  }
  
  @media screen and (min-width: 481px) {
    #mv .inner::before {
      background-image: url(../202009/bg_mv01.jpg)
    }
  }
  
  @media screen and (max-width: 480px) {
    #mv .inner::before {
      background-image: url(../202009/bg_mv01_sp.jpg)
    }
  }
  
  #mv {
    background: #003a24;
    padding: 0 15px;
    overflow: hidden;
    position: relative;
    z-index: 2
  }
  
  #mv .inner {
    height: 480px;
    position: relative;
    overflow: visible
  }
  
  #mv .inner::before {
    content: "";
    display: block;
    width: 800px;
    height: 480px;
    position: absolute;
    top: 0;
    right: -50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
  }
  
  #mv_headline {
    position: relative;
    color: #fff;
    padding-top: 20px;
    width: 600px;
    margin-left: 0
  }
  
  #mv_headline p {
    display: inline-block;
    font-family: "F+UD-筑紫明朝 R";
    font-size: 3.6rem;
    line-height: 1.25;
    position: relative;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3)
  }
  
  #mv_headline p strong {
    font-size: 8.4rem;
    font-weight: normal
  }
  
  #mv_headline p small {
    font-size: 1.6rem
  }
  
  #mv_headline p::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3)
  }
  
  #mv_headline .vpchap {
    margin-top: 30px;
    font-family: "F+UD-筑紫明朝 R";
    font-size: 1.2rem
  }
  
  #mv_prodname {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-bottom: 1em;
    line-height: 1.2;
    color: #fff;
    display: flex;
    align-items: center;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3)
  }
  
  #mv_prodname h1 {
    font-family: "F+UD-筑紫明朝 E";
    margin-right: 0.5em;
    font-size: 1.8rem;
    display: inline-block;
    padding-bottom: 0.1em
  }
  
  #mv_prodname p {
    display: inline-block;
    font-family: "NUDモトヤシーダ Std W3";
    border: 1px solid #fff;
    line-height: 1;
    padding: 0.2em 0.5em;
    font-size: 1.2rem;
    margin-right: 1em;
    vertical-align: middle
  }
  
  @media screen and (max-width: 940px) {
    #mv {
      padding: 0 1.6vw
    }
    #mv .inner {
      height: 51vw
    }
    #mv .inner::before {
      width: 85vw;
      height: 51vw;
      right: -6vw
    }
    #mv_headline {
      padding-top: 2.1vw;
      width: 64vw
    }
    #mv_headline p {
      font-size: 3.8vw
    }
    #mv_headline p strong {
      font-size: 8.9vw
    }
    #mv_headline p small {
      font-size: 1.8vw
    }
    #mv_headline .vpchap {
      margin-top: 3vw;
      font-size: 1.23vw
    }
    #mv_prodname h1 {
      font-size: 1.8vw
    }
    #mv_prodname p {
      font-size: 1.23vw
    }
  }
  
  @media screen and (max-width: 480px) {
    #mv {
      padding: 0 3vw
    }
    #mv .inner {
      height: 83.33vw
    }
    #mv .inner::before {
      width: 100vw;
      height: 83.33vw;
      left: -3vw;
      right: auto
    }
    #mv_headline {
      width: auto;
      padding-top: 1.5vw
    }
    #mv_headline p {
      font-size: 5.6vw
    }
    #mv_headline p strong {
      font-size: 11vw
    }
    #mv_headline p small {
      font-size: 2.4vw
    }
    #mv_headline .vpchap {
      font-size: 1.8vw
    }
    #mv_prodname {
      display: block;
      padding-bottom: 0.5em
    }
    #mv_prodname h1 {
      font-size: 4vw;
      display: block;
      padding-bottom: 0.5em
    }
    #mv_prodname h1 span {
      display: block
    }
    #mv_prodname p {
      font-size: 2.4vw
    }
  }
  
  #vpmenu {
    position: relative;
    z-index: 1;
    border-top: 2px solid #000;
    background: #c99e03;
    box-shadow: 0px 0px 6px 0px #000
  }
  
  #vpmenu ul {
    max-width: 940px;
    margin: 0 auto;
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    background: radial-gradient(circle, #fdf0bd 0%, #c99e03 100%)
  }
  
  #vpmenu ul li {
    width: 33.3%;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(0, 0, 0, 0.4)
  }
  
  #vpmenu ul li a {
    display: flex;
    height: 80px;
    padding-bottom: 20px;
    box-sizing: border-box;
    line-height: 1.2;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
  }
  
  #vpmenu ul li a span {
    display: block;
    font-family: "F+UD-筑紫明朝 E";
    font-size: 1.8rem;
    color: #000;
    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  #vpmenu ul li a span br {
    display: none
  }
  
  #vpmenu ul li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(135deg);
    filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.8));
    margin: auto;
    left: 0;
    right: 0;
    bottom: 10px
  }
  
  #vpmenu ul li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #9e6201 0%, #c99e03 100%);
    background-blend-mode: multiply;
    opacity: 0;
    transition: opacity 0.3s
  }
  
  #vpmenu ul li a:hover::before {
    opacity: 0.4
  }
  
  @media screen and (max-width: 768px) {
    #vpmenu ul li a {
      height: 70px
    }
    #vpmenu ul li a span {
      font-size: 1.7rem
    }
  }
  
  @media screen and (max-width: 480px) {
    #target01 {
      margin-top: -20px;
      padding-top: 20px
    }
    #target02, #target03 {
      margin-top: -40px;
      padding-top: 40px
    }
    #vpmenu ul li a {
      height: 60px;
      padding-bottom: 12px
    }
    #vpmenu ul li a span {
      font-size: 1.4rem
    }
    #vpmenu ul li a span br {
      display: block
    }
    #vpmenu ul li a::after {
      width: 6px;
      height: 6px;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      bottom: 6px
    }
  }
  
  @media screen and (max-width: 370px) {
    #vpmenu ul li a span {
      font-size: 3.7vw
    }
  }
  
  #vdIntro {
    padding: 0 15px;
    overflow: hidden;
    background-image: url(../202009/img_cloud.png), linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #003d28 0%, #015a46 40%, #015a46 100%);
    background-position: left calc(calc((100vw - 940px) / 2) - 180px) top, center center, center center;
    background-repeat: no-repeat, repeat, repeat;
    background-blend-mode: screen, normal, normal
  }
  
  #vdIntro .inner {
    padding: 50px 0 80px 0;
    text-align: center
  }
  
  #vdIntro .inner h2 {
    font-size: 3.8rem;
    line-height: 1.2;
    margin: 0;
    font-family: "F+UD-筑紫明朝 E";
    margin-bottom: 0.2em;
    color: #fdf0bd;
    filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.5));
    background: radial-gradient(circle, #fdf0bd 0%, #ca9f05 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  #vdIntro .inner h2 span {
    display: inline;
  }
  
  #vdIntro .inner ul {
    display: flex;
    justify-content: space-between
  }
  
  #vdIntro .inner ul li {
    width: 25%
  }
  
  #vdIntro .inner ul li img {
    margin: 0 auto
  }
  
  #vdIntro .inner ul li p {
    font-family: "F+UD-筑紫明朝 R";
    font-size: 2rem;
    color: #fff;
    line-height: 1.3;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3)
  }
  
  #vdIntro .inner ul li p span {
    display: block
  }
  
  @media all and (-ms-high-contrast: none) {
    #vdIntro {
      background-image: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #003d28 0%, #015a46 40%, #015a46 100%);
      background-position: center center, center center;
      background-repeat: repeat, repeat;
      background-blend-mode: normal, normal
    }
    #vdIntro .inner h2 {
      background: none
    }
  }
  
  @media screen and (max-width: 768px) {
    #vdIntro {
      background-image: linear-gradient(to top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #003d28 0%, #015a46 40%, #015a46 100%);
      background-position: center center, center center;
      background-repeat: repeat, repeat;
      background-blend-mode: normal, normal
    }
    #vdIntro .inner {
      padding: 5vw 0 5vw 0;
      text-align: center
    }
    #vdIntro .inner h2 {
      font-size: 3.2rem
    }
    #vdIntro .inner ul li p {
      font-size: 1.8rem
    }
  }
  
  @media screen and (max-width: 480px) {
    #vdIntro .inner h2 {
      font-size: 2.4rem
    }
    #vdIntro .inner ul {
      flex-wrap: wrap
    }
    #vdIntro .inner ul li {
      width: 50%;
      margin-bottom: 0.8em
    }
    #vdIntro .inner ul li p {
      font-size: 1.6rem
    }
  }
  
  @media screen and (max-width: 370px) {
    #vdIntro .inner h2 span {
      display: inline;
    }
  }
  
  #vdDryspot {
    padding: 0 15px;
    overflow: hidden;
    background: url(../202009/bg_dryspot01_sp.png) repeat center top;
    background-size: 20px auto
  }
  
  #vdDryspot::before {
    content: "";
    display: block;
    width: 100vw;
    margin-left: -15px;
    margin-right: -15px;
    height: 6px;
    background: radial-gradient(circle, #fdf0bd 0%, #c99e03 100%);
    box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.8);
    position: relative;
    z-index: 1
  }
  
  #vdDryspot .dryttl {
    background-color: #003e25;
    background-blend-mode: soft-light, overlay
  }
  
  #vdDryspot .dryttl h2 {
    color: #fdf0bd;
    background: radial-gradient(circle, #fdf0bd 0%, #ca9f05 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.5))
  }
  
  
  #vdDryspot .inner {
    padding: 50px 0 70px 0
  }
  
  #vdDryspot .inner .drybox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px
  }
  
  #vdDryspot .inner .drybox>img {
    width: 48.5%;
    max-width: 454px
  }
  
  #vdDryspot .inner .drybox .boxtxt {
    width: 48%
  }
  
  #vdDryspot .inner .drybox .boxtxt p {
    font-family: "F+UD-筑紫明朝 R";
    font-size: 1.6rem;
    margin-bottom: 1em
  }
  
  #vdDryspot .inner .drybox .boxtxt p:last-child {
    margin-bottom: 0
  }
  
  .ttlbox {
    position: relative;
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.5))
  }
  
  .dryttl {
    background-image: url(../202009/bg_drop.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto auto;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    -webkit-clip-path: polygon(0 0, 0 80%, 50% 100%, 100% 80%, 100% 0);
    clip-path: polygon(0 0, 0 80%, 50% 100%, 100% 80%, 100% 0)
  }
  
  .dryttl h2 {
    letter-spacing: 0.2em;
    padding: 40px 0 60px 0;
    line-height: 1.4;
    font-size: 2.6rem;
    display: inline-block;
    font-family: "F+UD-筑紫明朝 E"
  }
  
  .dryttl h2 span {
    display: inline;
  }
  
  .dryttl h2 strong {
    font-weight: normal;
    font-size: 3.8rem
  }
  
  .dryttl h2 small {
    font-size: 2rem;
    letter-spacing: 0.15em
  }
  
  #vdDryspotColumn {
    background: #e4f1e4;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5)
  }
  
  #vdDryspotColumn::before {
    content: "";
    display: block;
    height: 3px;
    background: radial-gradient(circle, #fdf0bd 0%, #c99e03 100%);
    box-shadow: 0px 0 2px 0px rgba(0, 0, 0, 0.5)
  }
  
  #vdDryspotColumn h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle, #00705b 0%, #004602 100%);
    color: #fff;
    min-height: 78px;
    line-height: 1.2;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3)
  }
  
  #vdDryspotColumn h3 span {
    display: inline-block;
    font-family: "F+UD-筑紫明朝 D";
    font-size: 2.6rem;
    padding-bottom: 0.2em
  }
  
  #vdDryspotColumn>img {
    margin: 0 auto
  }
  
  #vdDryspotColumn .boxtxt {
    padding: 0 4.35% 4.35% 4.35%
  }
  
  #vdDryspotColumn .boxtxt p {
    font-family: "NUDモトヤシーダ Std W2b"
  }
  
  @media screen and (max-width: 768px) {
    #vdDryspot::before {
      height: 4px
    }
    #vdDryspot .dryttl {
      background-size: 75% auto
    }
    #vdDryspot .inner {
      padding: 5vw 0 7vw 0
    }
    #vdDryspot .inner .drybox {
      margin-bottom: 5vw
    }
    .dryttl h2 {
      padding: 4vw 0 6vw 0;
      font-size: 2.4rem
    }
    .dryttl h2 span {
      display: inline;
    }
    .dryttl h2 strong {
      font-size: 3rem
    }
    .dryttl h2 small {
      font-size: 1.8rem
    }
    #vdDryspotColumn h3 {
      min-height: 68px
    }
    #vdDryspotColumn h3 span {
      font-size: 2.2rem
    }
    #vdDryspotColumn .boxtxt {
      padding: 0 4vw 4vw 4vw
    }
    #vdDryspotColumn .boxtxt p {
      font-size: 1.4rem
    }
  }
  
  @media screen and (max-width: 480px) {
    #vdDryspot::before {
      height: 2px
    }
    #vdDryspot .inner .drybox {
      display: block
    }
    #vdDryspot .inner .drybox>img {
      width: auto;
      max-width: 100%;
      margin-bottom: 1em
    }
    #vdDryspot .inner .drybox .boxtxt {
      width: auto
    }
    #vdDryspot .inner .drybox .boxtxt p {
      font-size: 1.5rem
    }
    .dryttl h2 {
      padding: 3vw 0 8vw 0;
      font-size: 1.8rem
    }
    .dryttl h2 strong {
      font-size: 2.4rem
    }
    .dryttl h2 small {
      font-size: 1.6rem
    }
    #vdDryspotColumn {
      overflow: hidden
    }
    #vdDryspotColumn h3 {
      min-height: 54px
    }
    #vdDryspotColumn h3 span {
      font-size: 1.8rem
    }
    #vdDryspotColumn>img {
      width: calc(100% + 6vw);
      max-width: none;
      margin: 0 -3vw
    }
  }
  
  #vdCare {
    padding: 0 15px;
    overflow: hidden;
    border-top: 4px solid #000;
    background-image: url(../202009/bg_drop.png), radial-gradient(circle, #fff 0%, #fdeaab 100%);
    background-repeat: no-repeat, repeat;
    background-position: center bottom -200px, center center;
    background-blend-mode: hard-light, normal
  }
  
  #vdCare .dryttl {
    background-color: #f8e088;
    background-blend-mode: hard-light;
    position: relative
  }
  
  #vdCare .dryttl::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to left, #e6cb69 0%, rgba(230, 203, 105, 0) 50%, #e6cb69 100%)
  }
  
  #vdCare .dryttl h2 {
    position: relative
  }
  
  #vdCare .inner {
    padding: 50px 0 70px;
    text-align: center;
    zoom: 100%
  }
  
  #vdCare .inner::after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden
  }
  
  #vdCare .inner>h3 {
    width: 48%;
    float: right;
    text-align: center;
    font-family: "F+UD-筑紫明朝 E";
    color: #a26806;
    margin-bottom: 1em;
    line-height: 1.3;
    font-size: 3.8rem
  }
  @media screen and (min-width: 769px) {
    #vdCare .inner>h3 {
        color: #8d5101;
        background: radial-gradient(circle, #a26806 0%, #7b4502 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
  }
  
  #vdCare .inner>h3 small {
    font-size: 2rem
  }
  
  #vdCare .inner>h3 span {
    display: block
  }
  
  #vdCare .inner .drybox {
    width: 48%
  }
  
  #vdCare .inner .drybox h4 {
    font-family: "F+UD-筑紫明朝 E";
    font-size: 2rem;
    line-height: 1.3;
    padding-left: 22px;
    position: relative
  }
  
  #vdCare .inner .drybox h4::before {
    content: "";
    display: block;
    width: 16px;
    height: 25px;
    background: url(../202009/icon_care-min.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0
  }
  
  #vdCare .inner .drybox h4+h4 {
    margin-top: 0.5em
  }
  
  #vdCare .inner .drybox h4+p {
    padding-left: 22px;
    margin-top: 1em;
    font-family: "NUDモトヤシーダ Std W2b"
  }
  
  #care01 {
    float: left
  }
  
  #care01 dl dt {
    height: 50px;
    width: 100%;
    border-radius: 25px;
    background: linear-gradient(to left, #d3a331 0%, #f8da81 50%, #d3a331 100%);
    display: flex;
    justify-content: center;
    align-items: center
  }
  
  #care01 dl dt span {
    font-family: "F+UD-筑紫明朝 D";
    line-height: 1;
    font-size: 2.4rem;
    display: block;
    padding-bottom: 0.2em
  }
  
  #care01 dl dd {
    text-align: left;
    padding-top: 20px
  }
  
  #care01 dl:nth-child(1) dd {
    margin-bottom: 40px
  }
  
  #care02 {
    float: right;
    background: #fdf0c7;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    text-align: left;
    position: relative
  }
  
  #care02>h3 {
    text-align: center;
    height: 50px;
    background: linear-gradient(to left, #d3a331 0%, #f8da81 50%, #d3a331 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center
  }
  
  #care02>h3 span {
    font-family: "F+UD-筑紫明朝 D";
    line-height: 1;
    font-size: 2.4rem;
    display: block;
    padding-bottom: 0.2em
  }
  
  #care02>h4 {
    margin-top: 20px;
    margin-left: 30px
  }
  
  #care02>p {
    margin-left: 30px;
    margin-bottom: 30px;
    margin-right: 170px
  }
  
  #care02>img {
    position: absolute;
    right: 0;
    top: -20px
  }
  
  @media screen and (max-width: 940px) {
    #vdCare .inner>h3 {
      width: auto;
      display: inline-block;
      float: none
    }
  }
  
  @media screen and (max-width: 768px) {
    #vdCare .inner {
      padding: 4vw 0 7vw
    }
    #vdCare .inner>h3 {
      width: auto;
      float: none;
      font-size: 3.2rem
    }
    #vdCare .inner>h3 small {
      font-size: 1.8rem
    }
    #vdCare .inner>h3 span {
      display: inline-block
    }
    #vdCare .inner .drybox h4 {
      font-size: 1.8rem
    }
    #vdCare .inner .drybox h4+p {
      font-size: 1.4rem
    }
    #care01 dl dt {
      height: 44px;
      border-radius: 22px
    }
    #care01 dl dt span {
      font-size: 2.2rem
    }
    #care01 dl dd {
      padding-top: 1em
    }
    #care01 dl:nth-child(1) dd {
      margin-bottom: 1.8em
    }
    #care02>h3 {
      height: 44px
    }
    #care02>h3 span {
      font-size: 2.2rem
    }
    #care02>h4 {
      margin-top: 3vw;
      margin-left: 3vw;
      margin-right: 16vw
    }
    #care02>p {
      margin-left: 3vw;
      margin-bottom: 4vw;
      margin-right: 16vw
    }
    #care02>img {
      top: -3vw;
      width: 16vw
    }
  }
  
  @media screen and (max-width: 480px) {
    #vdCare {
      background-position: right -40vw top 10vw, center center;
      background-size: 120% auto, auto auto
    }
    #vdCare .inner>h3 {
      font-size: 2.4rem
    }
    #vdCare .inner>h3 small {
      font-size: 1.6rem
    }
    #vdCare .inner .drybox {
      width: auto
    }
    #vdCare .inner .drybox h4 {
      font-size: 1.7rem
    }
    #care01 dl dt {
      height: 36px;
      border-radius: 18px
    }
    #care01 dl dt span {
      font-size: 2rem
    }
    #care01 dl dd {
      margin-bottom: 1.8em
    }
    #care02>h3 {
      height: 36px
    }
    #care02>h3 span {
      font-size: 2rem
    }
    #care02>h4 {
      margin-right: 30vw
    }
    #care02>p {
      margin-right: 30vw
    }
    #care02>img {
      width: 30vw
    }
  }
  
  @media all and (-ms-high-contrast: none) {
    #vdDryspot .dryttl {
      background: #003e25
    }
    #vdDryspot .dryttl h2 {
      background: none
    }
    .dryttl h2 {
      padding: 40px 0 30px 0
    }
    .ttlbox::after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 30px calc(100vw / 2) 0 calc(100vw / 2);
      border-color: #003e25 transparent transparent transparent
    }
    #vdDryspotColumn h3 {
      height: 78px
    }
    #vdCare {
      background-image: radial-gradient(circle, #fef4d1 0%, #fdeaab 100%);
      background-repeat: repeat;
      background-position: center center;
      background-blend-mode: normal
    }
    #vdCare .dryttl {
      background: #f8e088
    }
    #vdCare .dryttl::before {
      content: none
    }
    #vdCare .ttlbox::after {
      border-color: #f8e088 transparent transparent transparent
    }
    #vdCare .inner>h3 {
      background: none
    }
  }
  
  #vdCareFeature {
    padding: 0 15px;
    overflow: hidden;
    background-image: url(../202009/bg_drop.png), linear-gradient(to bottom, #006553 0%, #004c2e 50%, #003008 100%);
    background-repeat: no-repeat, repeat;
    background-position: center bottom -180px, center center;
    background-blend-mode: overlay, normal
  }
  
  #vdCareFeature::before {
    content: "";
    display: block;
    width: 100vw;
    margin-left: -15px;
    margin-right: -15px;
    height: 6px;
    background: radial-gradient(circle, #fdf0bd 0%, #c99e03 100%);
    box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.8);
    position: relative;
    z-index: 1
  }
  
  #vdCareFeature .ttlbox2 {
    position: relative;
    background: #003a1d;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 0;
    text-align: center
  }
  
  #vdCareFeature .ttlbox2 h2 {
    max-width: 940px;
    margin: 0 auto;
    line-height: 1.3;
    font-size: 3rem;
    padding-bottom: 0.2em;
    color: #fdf0bd;
    filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.5));
    background: radial-gradient(circle, #fdf0bd 0%, #ca9f05 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  #vdCareFeature .ttlbox2 h2 span {
    font-family: "F+UD-筑紫明朝 E";
    display: inline;
  }

  @media screen and (min-width: 769px) {
    #vdCareFeature .ttlbox2 h2 br {
      display: none;
    }
  }
  
  #vdCareFeature .inner {
    padding: 60px 0 70px 0
  }
  
  #vdCareFeature .inner ul {
    display: flex;
    justify-content: space-between
  }
  
  #vdCareFeature .inner ul li {
    width: 48%
  }
  
  #vdCareFeature .inner ul li h3 {
    height: 62px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
  }
  
  #vdCareFeature .inner ul li h3 span {
    display: inline-block;
    padding-bottom: 0.2em;
    font-family: "F+UD-筑紫明朝 E";
    font-size: 2rem;
    color: #fdf0bd;
    background: radial-gradient(circle, #fdf0bd 0%, #ca9f05 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.5))
  }
  
  #vdCareFeature .inner ul li h3::before, #vdCareFeature .inner ul li h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #004c2e 0%, #c99e03 20%, #fdf0bd 50%, #c99e03 80%, #004c2e 100%);
    position: absolute;
    left: 0
  }
  
  #vdCareFeature .inner ul li h3::before {
    top: 0
  }
  
  #vdCareFeature .inner ul li h3::after {
    bottom: 0
  }
  
  #vdCareFeature .inner ul li .unimg {
    margin-bottom: 20px
  }
  
  #vdCareFeature .inner ul li .unimg img {
    margin: 0 auto
  }
  
  #vdCareFeature .inner ul li p {
    font-family: "NUDモトヤシーダ Std W2b";
    color: #fff
  }
  
  #target01, #target02, #target03 {
    margin-top: -70px;
    padding-top: 70px
  }
  
  @media all and (-ms-high-contrast: none) {
    #vdCareFeature {
      background-image: linear-gradient(to bottom, #006553 0%, #004c2e 50%, #003008 100%);
      background-repeat: repeat;
      background-position: center center;
      background-blend-mode: normal
    }
    #vdCareFeature .ttlbox2 h2, #vdCareFeature .inner ul li h3 span {
      background: none
    }
  }
  
  @media screen and (max-width: 940px) {
    #vdCareFeature .ttlbox2 h2 {
      display: inline-block
    }
  }
  
  @media screen and (max-width: 768px) {
    #vdCareFeature {
      background-position: center bottom -25vw, center center;
      background-size: 80% auto
    }
    #vdCareFeature::before {
      height: 4px
    }
    #vdCareFeature .ttlbox2 {
      padding: 3vw 0
    }
    #vdCareFeature .ttlbox2 h2 {
      font-size: 2.4rem
    }
    #vdCareFeature .inner {
      padding: 5vw 0 7vw 0
    }
    #vdCareFeature .inner ul li h3 {
      height: 56px;
      margin-bottom: 3vw
    }
    #vdCareFeature .inner ul li h3 span {
      font-size: 1.8rem
    }
    #vdCareFeature .inner ul li .unimg {
      margin-bottom: 3vw
    }
    #vdCareFeature .inner ul li p {
      font-size: 1.4rem
    }
  }
  
  @media screen and (max-width: 480px) {
    #vdCareFeature {
      background-position: center bottom -4vw, center center;
      background-size: 120% auto
    }
    #vdCareFeature::before {
      height: 3px
    }
    #vdCareFeature .ttlbox2 h2 {
      font-size: 1.8rem
    }
    #vdCareFeature .inner ul {
      display: block
    }
    #vdCareFeature .inner ul li {
      width: auto
    }
    #vdCareFeature .inner ul li h3 {
      height: auto;
      padding: 2vw 0
    }
    #vdCareFeature .inner ul li h3 span {
      font-size: 1.7rem
    }
    #vdCareFeature .inner ul li .unimg img {
      max-width: 80%
    }
    #vdCareFeature .inner ul li:nth-child(1) {
      margin-bottom: 5vw
    }
    #target01, #target02, #target03 {
      margin-top: -40px;
      padding-top: 40px
    }
  }
/* ========== dryeye-premium ========== */
@media screen and (min-width: 481px){
    #mv .inner::before {
        background-image: url(../202203/bg_mv01.png);
    }
}
@media screen and (max-width: 480px){
    #mv .inner::before {
        background-image: url(../202203/bg_mv01_sp.png);
    }
}
#vpseries .bnr_chondroitin {
    padding: 80px 0;
    text-align: center;
    background-color: #fff;
}
@media screen and (max-width: 768px){
    #vpseries .bnr_chondroitin {
        padding: 30px 15px;
        text-align: center;
    }
}
@media screen and (min-width: 769px){
  #vpseries .bnr_chondroitin a:hover {
    opacity: 0.7;
  }
}
#vpseries .bnr_chondroitin img {
    display: inline;
}