/*
* special-care-guide.css
*
*/
/* --------------------------------
  top
-------------------------------- */
.vnl26-ly_wrapper {
  background-color: var(--vnl26-color-bg_beige_light);
}

.vnl26-ly_guide {
  width:720px;
  margin:0 auto;
}
@media (max-width: 767.98px) {
  .vnl26-ly_guide {
    width:100%;
  margin:0 auto;
  }
}
@media (min-width: 768px) {
  .vnl26-ly_guide {
    width:720px;
  margin:0 auto;
  }
}

.vnl26-pro_section {
  position: relative;
  width:720px;
  margin:0 auto;
}
@media (max-width: 767.98px) {
  .vnl26-pro_section {
    width:100%;
  margin:0 auto;
  }
}
@media (min-width: 768px) {
  .vnl26-pro_section {
    width:720px;
  margin:0 auto;
    padding-top:0;
  }
}

.vnl26-pro_section h3{
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .vnl26-pro_section  h3{
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
.vnl26-pro_section h3{
    margin-bottom: 3.5rem;
  }
}

.vnl26-pro_section .osusume{
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .vnl26-pro_section  .osusume{
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
.vnl26-pro_section .osusume{
    margin-bottom: 3rem;
  }
}
.vnl26-pro_section .type{
  margin-bottom: 1rem;
}

.vnl26-pro_section-lead-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .vnl26-pro_section-lead-btn{
    margin-inline: auto;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) {
.vnl26-pro_section-lead-btn{
    margin-inline: auto;
    margin-bottom: 5em;
  }
}

.vnl26-pro_section-lead-btn .vnl26-el_btn_txt {
    white-space: nowrap;
    font-size:1.2em;
    
  }
@media (max-width: 767.98px) {
  .vnl26-pro_section-lead-btn .vnl26-el_btn_txt {
    white-space: nowrap;
  }
}

.vnl26-un_kome {
    font-size:1em;
    vertical-align: top;
    text-align: right;
    padding-right: 2rem;
}
@media (max-width: 767.98px) {
  .vnl26-un_kome {
     font-size:0.6rem;
    vertical-align: top;
    text-align: right;
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_kome{
    font-size:1em;
    vertical-align: top;
    text-align: right;
    padding-right: 2rem;
  }
}

.vnl26-un_kome2 {
    font-size:0.7em;
    margin-top: 3em;
}

.vnl26-un_pc {
     display: none;
  }
}
@media (max-width: 767.98px) {
  .vnl26-un_pc {
     display: inline !important;
  }
}
@media (min-width: 768px) {
  .vnl26-un_pc{
    display: inline;
  }
}

.vnl26-un_sp {
     display: inline ;
  }
}
@media (max-width: 767.98px) {
  .vnl26-un_sp {
     display: none !important;
  }
}
@media (min-width: 768px) {
  .vnl26-un_sp{
    display: inline;
  }
}

.vnl26-un_mb {
    margin-bottom: 3rem;
  }
@media (max-width: 767.98px) {
  .vnl26-un_mb {
     margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_mb{
    margin-bottom: 4rem;
  }
}

.vnl26-un_section-color {
  margin-top: -1.875rem;
  padding-top: 1.875rem;
}
@media (min-width: 768px) {
  .vnl26-un_section-color {
    margin-top: -6.25rem;
    padding-top: 6.25rem;
  }
}

.vnl26-un_lead {
  position: relative;
}
@media (max-width: 767.98px) {
  .vnl26-un_lead {
    margin-top: 3.125rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_lead {
    margin-top: 2rem;
  }
}

.vnl26-un_head {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-family: var(--vnl26-font-family-mincho);
  font-weight: 600;
  line-height: 180%;

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .vnl26-un_head {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .vnl26-un_head {
    margin-top: 5rem;
    font-size: 2.25rem;
  }
}

.vnl26-un_head2 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-family: var(--vnl26-font-family-mincho);
  font-weight: 600;
  line-height: 180%;
  font-size: 1.4rem;

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .vnl26-un_head2 {
    margin-top: 3rem;
    font-size: 1.3rem;
  }
}
@media (min-width: 1024px) {
  .vnl26-un_head2 {
    margin-top: 5rem;
    font-size: 1.4rem;
  }
}


.vnl26-un_anchor-color {
background-color: var(--vnl26-color-bg_beige_light);
margin: 5rem auto 2rem;
padding: 3rem 0;
}
.vnl26-un_anchor-color-inner {
padding: 0 1.2rem;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;          /* Safari etc. */
-ms-flex-wrap    : wrap;          /* IE10        */
flex-wrap        : wrap;
}
.vnl26-un_anchor-color-inner ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;          /* Safari etc. */
-ms-flex-wrap    : wrap;          /* IE10        */
flex-wrap        : wrap;
}
.vnl26-un_anchor-color-inner h3{
  margin-inline: auto;
    color:#fff;
    font-weight:400;
    width:250px;
    padding: 0.2rem;
    text-align: center;
    margin-left: 0.4rem;
    margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
 .vnl26-un_anchor-color {
  background-color: var(--vnl26-color-bg_beige_light);
  margin: 3rem auto 2rem;
  padding: 2rem 0;
}
 .vnl26-un_anchor-color-inner {
  padding: 0 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
     align-items: center;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
 }
.vnl26-un_anchor-color-margin{
    margin-right:0;
}
 .vnl26-un_anchor-color-inner ul {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
 -ms-flex-wrap    : wrap;          /* IE10        */
 flex-wrap        : wrap;
 }
.vnl26-un_anchor-color-inner ul li{
    width:50%;
    margin-bottom: .5rem;
}
.vnl26-un_anchor-color-inner ul.type li{
    width:33%;
}
.vnl26-un_anchor-color-inner ul.type02 li{
    width:40%;
}
.vnl26-un_anchor-color-inner ul .ma-r{
    margin-right: 10%;
}
.vnl26-un_anchor-color-inner ul .ma-l{
    margin-left: 10%;
}
}

@media (min-width: 1024px) {
 .vnl26-un_anchor-color {
  background-color: var(--vnl26-color-bg_beige_light);
  margin: 3rem auto 4rem;
  padding: 2rem 0;
}
 .vnl26-un_anchor-color-inner {
  padding: 0 1rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
     align-items: center;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
 }
.vnl26-un_anchor-color-margin{
    margin-right:0;
}
 .vnl26-un_anchor-color-inner ul {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
 -ms-flex-wrap    : wrap;          /* IE10        */
 flex-wrap        : wrap;
 }
.vnl26-un_anchor-color-inner ul li{
    width:50%;
    margin-bottom: .5rem;
}
.vnl26-un_anchor-color-inner ul.type li{
    width:33%;
}
.vnl26-un_anchor-color-inner ul.type02 li{
    width:40%;
}
}

@media (min-width: 768px) {
.vnl26-un_anchor-head {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-family: var(--vnl26-font-family-mincho);
  font-weight: 600;
  line-height: 180%;
  margin-inline: auto;
  margin-bottom: 2rem;
  font-size:1.8rem;
}
 .vnl26-un_anchor-color-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
     align-items: center;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
 }
.vnl26-un_anchor-color-inner ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;          /* Safari etc. */
-ms-flex-wrap    : wrap;          /* IE10        */
flex-wrap        : wrap;
}
.vnl26-un_anchor-color-inner ul.type02{
    align-items: center;
}
.vnl26-un_anchor-color-inner ul.type02 li{
    width:40%;
}
.vnl26-un_anchor-color-inner ul .ma-r{
    margin-right: 10%;
}
.vnl26-un_anchor-color-inner ul .ma-l{
    margin-left: 10%;
}
}

.vnl26-guide_section {
  position: relative;
  width:1000px;
  margin:0 auto 4em auto;
    text-align: center;
}
@media (max-width: 767.98px) {
  .vnl26-guide_section {
    width:100%;
  margin:0 auto 2em auto;
  }
}
@media (min-width: 768px) {
  .vnl26-guide_section {
    width:1000px;
  margin:0 auto 4em auto;
    padding-top:0;
    text-align: center;
  }
}

.guide_seibun{
    width:1000px;
    display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
     align-items: center;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
}
.guide_seibun .seibun{
    width:180px;
}
.guide_seibun .list{
    width:820px;
}

@media (max-width: 767.98px) {
.guide_seibun{
    width:100%;
    display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
     align-items: center;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
}
.guide_seibun .seibun{
    width:30%;
}
.guide_seibun .list{
    width:70%;
}
.guide_seibun .scroll-box {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.guide_seibun .scroll-box img {
  max-width: 195.4%;
  min-width: 195.4%;
  vertical-align: top;
}
}

@media (min-width: 768px) {
.guide_seibun .seibun{
    width:180px;
}
.guide_seibun .list{
    width:820px;
}
}


/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  display: none;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.vnl26-un_lead {
  position: relative;
}
@media (max-width: 767.98px) {
  .vnl26-un_lead {
    margin-top: 3.125rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_lead {
    margin-top: 3rem;
  }
}

.vnl26-un_deco {
  position: absolute;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .vnl26-un_deco.vnl26-un_deco__01 {
    top: -6.875rem;
    right: 0;
    width: 8.125rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_deco.vnl26-un_deco__01 {
    top: -13.75rem;
    left: 0;
    width: 37.4375rem;
  }
}

.vnl26-un_thumb {
  overflow: hidden;
  position: relative;
  margin-top: 2.5rem;
  width: 100%;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .vnl26-un_thumb {
    max-width: 67.5rem;
    height: 19.0625rem;
  }
}
@media (min-width: 1024px) {
  .vnl26-un_thumb {
    border-radius: 0.375rem;
    height: auto;
  }
}
.vnl26-un_thumb img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

.vnl26-un_head {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-family: var(--vnl26-font-family-mincho);
  font-weight: 600;
  line-height: 180%;

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .vnl26-un_head {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .vnl26-un_head {
    margin-top: 5rem;
    font-size: 2.25rem;
  }
}

.vnl26-un_head2 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-family: var(--vnl26-font-family-mincho);
  font-weight: 600;
  line-height: 180%;
  font-size: 1.4rem;

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .vnl26-un_head2 {
    margin-top: 3rem;
    font-size: 1.3rem;
  }
}
@media (min-width: 1024px) {
  .vnl26-un_head2 {
    margin-top: 5rem;
    font-size: 1.4rem;
  }
}

.vnl26-un_section {
  position: relative;
}
@media (max-width: 767.98px) {
  .vnl26-un_section {
    padding-top: 4.0625rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_section {
    margin-top: -2.1875rem;
    padding-top: 8.75rem;
  }
}

@media (max-width: 767.98px) {
  .vnl26-un_sectionInner {
    padding-block: 2.9375rem 2rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_sectionInner {
    padding-block: 4.375rem 2.5rem;
  }
}

#special-care {
            box-shadow: none;
        }

        #special-care img {
            width: 100%;
            vertical-align: bottom;
            display: block;
        }

        #special-care p, img, div {
            padding: 0;
            margin: 0;
        }

        #special-care ul, li {
            margin: 0;
            padding: 0;
            list-style: none;
        }
 

        #special-care table {
          border-collapse: collapse;
          border-spacing: 0;
          width: 1000px;
          display: block;
        }
        #special-care th, #special-care td {
          vertical-align: middle;
        }
        #special-care .fixed_l {
          position: sticky;
          top: 0;
          left: 0;
          background: none;
          border-left: none;
          border-right: none;
        }
        #special-care .fixed_l:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
        }
        #special-care .fixed_t {
          position: sticky;
          top: 0;
          left: 0;
          background: none;
          border-top: none;
          border-bottom: none;
        }
        #special-care .fixed_t:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
        }
        #special-care .fixed_tl {
          position: sticky;
          top: 0;
          left: 0;
          background: none;
          border-top: none;
          border-bottom: none;
          border-left: none;
          border-right: none;
          z-index: 1;
        }
        #special-care .fixed_tl:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
        }

        #special-care .scroll_area {
          max-width: 720px;
          height: 1000px;
          margin-left:0;
          overflow-x: scroll;
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch;
        }

        #special-care .scroll_area::-webkit-scrollbar {
            width: 15px;
            height: 15px;
            border-radius: 15px;
          background: #fff;
        }
        #special-care .scroll_area::-webkit-scrollbar-thumb {
          background-color: #b5b5b6;
          border-radius: 20px;
          border: none;
        }      
        #special-care .scroll_area::-webkit-scrollbar-track {
          background: #eee;
        }
      
        #special-care .simplebar-track.simplebar-vertical {
          width: 15px;
        }
        #special-care .simplebar-scrollbar:before {
          background-color: #b5b5b6;
          border-radius: 20px;
        }
        #special-care .simplebar-track.simplebar-horizontal {
          height: 15px;
        }
        #special-care .simplebar-scrollbar.simplebar-horizontal:before {
          background-color: #b5b5b6;
        }

        #special-care .simplebar-track {
          opacity: 1 !important;
          visibility: visible !important;
        }

        #special-care .simplebar-scrollbar {
          opacity: 1 !important;
        }

      #special-care .special-care_16_inner{
          padding-bottom: 30px;
          position: relative;
      }
      
        #special-care .scroll_area{
          display: none!important;
        }
        #special-care .pc_item{
          display: block!important;
        }

@media screen and (min-width: 750px) {
            #special-care {
                width: 720px;
                margin: 0 auto;
            }
        }

@media screen and (max-width: 750px) {

            #special-care table {
                width: 138.667vw;
            }
            #special-care .scroll_area {
                max-width: 138.667vw;
                height: 133.333vw;
                margin-left: 2.667vw;
            }

            #special-care .scroll_area::-webkit-scrollbar {
                width: 2vw;
                height: 2vw;
                border-radius: 2vw;
            }
            #special-care .scroll_area::-webkit-scrollbar-thumb {
              border-radius: 2.667vw;
            }      
            #special-care .special-care_16_inner{
                padding-bottom: 4vw;
            }
            #special-care .special-care_16_inner::after {
                width: 93.2vw;
                height: 4.4vw;;
                left: 6.667vw;
                bottom: 0.667vw;
            }
            #special-care .simplebar-track.simplebar-vertical {
              width: 2vw;
            }
            #special-care .simplebar-scrollbar:before {
              border-radius: 2.667vw;
            }
            #special-care .simplebar-track.simplebar-horizontal {
              height: 2vw;
            }
        }
 @media (hover: none) and (pointer: coarse) {
          #special-care .sp_item {
            display: block!important;
          }
          #special-care .pc_item {
            display: none!important;
          }
        }