@charset "UTF-8";
/* common
================================================== */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap");
.yugothic {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}

.yumincho {
  font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
}

.shipporiMincho {
  font-family: "Shippori Mincho", serif;
}

/*
 * media query
**/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}



body .fixedBody {
  width: 100%;
}
@media screen and (max-width: 767px) {
  body .brand-modal.js-modal-target {
    z-index: 10000;
  }
}
body #wrapper {
  background: transparent;
}
body #container {
  background-color: #fff;
}
body .boxList01 {
  margin-bottom: 0 !important;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  body .boxList01 {
    padding-bottom: 4vw;
  }
}
body #footer {
  margin-top: 0 !important;
}
body #footer:before {
  top: 0 !important;
}
body #footer .footer-inner {
  padding-top: 25px;
}
body .breadcrumb {
  background: #fff;
  margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
  body #careceraContainer {
    margin-bottom: 0 !important;
  }
}
body .toolBox01.babypage {
  background-color: #F36677;
}
body .toolBox01.careceraappage {
  background-color: #27ABAB;
}
@media screen and (max-width: 767px) {
  body .brand-modal {
    background: none;
    background-color: rgba(255, 255, 255, 0.9);
  }
}
body .brand-modal:after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  body .brand-modal:after {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/-/Media/com/handveil/202208/img/top/drop.png);
  }
}
@media screen and (max-width: 767px) {
  body .brand-modal:after {
    background-image: url(/-/Media/com/handveil/202208/img/top/drop.sp.png);
  }
}
body .brand-modal .brand-modal-title {
  font-family: "游ゴシック体",
"Yu Gothic",
YuGothic,
"ヒラギノ角ゴ Pro",
"Hiragino Kaku Gothic Pro",
"メイリオ",
"Meiryo",
sans-serif;
  font-weight: 700;
  text-align: center;
  color: #016f8f;
}
@media screen and (min-width: 768px) {
  body .brand-modal .brand-modal-title {
    font-size: 22px;
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 767px) {
  body .brand-modal .brand-modal-title {
    font-size: 26px;
    margin-bottom: 30px;
  }
}
body .brand-modal .brand-modal-close {
  font-size: 0;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  display: block;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  body .brand-modal .brand-modal-close {
    margin-top: 25px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  body .brand-modal .brand-modal-close {
    margin-top: 22.5px;
    margin-right: 22.5px;
  }
}
body .brand-modal .brand-modal-close:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url(/-/Media/com/handveil/202208/img/top/close.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}
@media screen and (max-width: 767px) {
  body .brand-modal .brand-modal-close:before {
    background-image: url(/-/Media/com/handveil/202208/img/top/close.sp.png);
  }
}
body #main {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  overflow: hidden;
  color: #333;
}
body #main img {
  display: inline;
}
body #main a {
  text-decoration: none;
  color: inherit;
}
@media screen and (min-width: 768px) {
  body #main a {
    transition: opacity 0.3s ease;
  }
}
body #main a:active, body #main a:focus {
  outline: 0;
  -moz-outline-style: none;
}
@media screen and (min-width: 768px) {
  body #main a:hover {
    opacity: 0.8;
  }
}
body #main * {
  outline: 0;
}
body #main strong {
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  body #main {
    overflow: hidden;
  }
}
body #main #fixBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/-/Media/com/handveil/202208/img/top/bg-05.png);
}
@media screen and (max-width: 767px) {
  body #main #fixBg {
    background-image: url(/-/Media/com/handveil/202208/img/top/bg-05.sp.png);
  }
}
body #main .container {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  body #main .container {
    max-width: 1080px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  body #main .container {
    padding: 0 15px;
  }
}
body #main .cmnBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  body #main .cmnBtn a {
    font-size: 18px;
    width: 240px;
    height: 60px;
    border-radius: 10px;
    background-image: url(/-/Media/com/handveil/202208/img/top/btn-bg.png);
  }
}
@media screen and (max-width: 767px) {
  body #main .cmnBtn a {
    font-size: 17px;
    width: 285px;
    height: 45px;
    border-radius: 5px;
    background-image: url(/-/Media/com/handveil/202208/img/top/btn-bg.sp.png);
  }
}
@media screen and (max-width: 374px) {
  body #main .cmnBtn a {
    width: 260px;
  }
}
body #main .cmnBtn a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  body #main .cmnBtn a:after {
    width: 6px;
    height: 10px;
    margin-top: -5px;
    margin-right: 20px;
    background-image: url(/-/Media/com/handveil/202208/img/top/arrow-01.png);
  }
}
@media screen and (max-width: 767px) {
  body #main .cmnBtn a:after {
    width: 5px;
    height: 7px;
    margin-top: -3.5px;
    margin-right: 15px;
    background-image: url(/-/Media/com/handveil/202208/img/top/arrow-01.sp.png);
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn * {
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn {
    position: fixed;
    width: 50px;
    height: 50px;
    top: 10px;
    right: 10px;
    z-index: 1001;
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn .spanchorBtn-wrap a {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn .spanchorBtn-wrap a span {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #29120e;
    margin-bottom: 7px;
    transition: transform 0.3s ease;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn .spanchorBtn-wrap a span:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn .spanchorBtn-wrap a.open {
    background-color: transparent;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn .spanchorBtn-wrap a.open span:nth-of-type(1) {
    width: 32px;
    transform: rotate(45deg) translateX(7px) translateY(7px);
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn .spanchorBtn-wrap a.open span:nth-of-type(2) {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchorBtn .spanchorBtn-wrap a.open span:nth-of-type(3) {
    width: 32px;
    transform: rotate(-45deg) translateX(5px) translateY(-6px);
  }
}
body #main #spanchor {
  display: none;
}
@media screen and (max-width: 767px) {
  body #main #spanchor * {
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: auto;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchorBtn-wrap {
    position: fixed;
    width: 50px;
    height: 50px;
    top: 10px;
    right: 10px;
    z-index: 1001;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchorBtn-wrap a {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchorBtn-wrap a span {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #29120e;
    margin-bottom: 7px;
    transition: transform 0.3s ease;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchorBtn-wrap a span:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchorBtn-wrap a.open {
    background-color: transparent;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchorBtn-wrap a.open span:nth-of-type(1) {
    width: 32px;
    transform: rotate(45deg) translateX(7px) translateY(7px);
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchorBtn-wrap a.open span:nth-of-type(2) {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchorBtn-wrap a.open span:nth-of-type(3) {
    width: 32px;
    transform: rotate(-45deg) translateX(5px) translateY(-6px);
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchor-menu {
    padding: 60px 0 0;
  }
}
@media screen and (max-width: 374px) {
  body #main #spanchor .spanchor-menu {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchor-menu .spanchor-logo {
    text-align: center;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchor-menu ul li {
    border-top: 1px solid #b5d3c7;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchor-menu ul li:last-child {
    border-bottom: 1px solid #b5d3c7;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchor-menu ul li a {
    display: block;
    padding: 20px 25px;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    line-height: 1.5;
  }
}
@media screen and (max-width: 374px) {
  body #main #spanchor .spanchor-menu ul li a {
    font-size: 14px;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  body #main #spanchor .spanchor-menu ul li a:after {
    position: absolute;
    content: "";
    pointer-events: none;
    top: 50%;
    right: 0;
    width: 4px;
    height: 6px;
    margin-top: -3px;
    margin-right: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 374px) {
  body #main #spanchor .spanchor-menu ul li a:after {
    margin-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  body #main #toTop {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    right: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body #main #toTop a {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  }
}
@media screen and (max-width: 767px) {
  body #main #toTop a img {
    width: 21px;
  }
}

#main #mv .mv-img img {
  display: block;
  width: 100%;
}
#main #anchor {
  background-image: url(/-/Media/com/handveil/202208/img/top/anchor-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #main #anchor {
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor {
    background-image: url(/-/Media/com/handveil/202208/img/top/anchor-bg.sp.jpg);
  }
}
#main #anchor.fix {
  z-index: 100;
}
@media screen and (min-width: 768px) {
  #main #anchor.fix {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor.fix {
    height: 70px;
  }
}
#main #anchor.fix .anchor-wrp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-image: url(/-/Media/com/handveil/202208/img/top/anchor-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #main #anchor.fix .anchor-wrp {
    top: 52px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor.fix .anchor-wrp {
    background-image: url(/-/Media/com/handveil/202208/img/top/anchor-bg.sp.jpg);
  }
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu {
    max-width: 1080px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu {
    max-width: 1080px;
    margin: 0 auto;
  }
}
#main #anchor .anchor-menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu ul {
    width: 100%;
  }
}
#main #anchor .anchor-menu ul li {
  width: 25%;
  border-right: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu ul li {
    border-right: 2px solid #fff;
  }
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu ul li:first-child {
    border-left: 2px solid #fff;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu ul li:last-child {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu ul li:last-child a {
    padding-bottom: 0;
  }
}
#main #anchor .anchor-menu ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  font-weight: 600;
  color: #17145a;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu ul li a:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu ul li a {
    width: 100%;
    height: 100px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu ul li a {
    width: 100%;
    height: 70px;
    flex-direction: column;
    font-size: 12.5px;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 7px;
  }
}
#main #anchor .anchor-menu ul li a.cart:after {
  display: none;
}
#main #anchor .anchor-menu ul li a.redcart:after {
  display: none;
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu ul li a.redcart img {
    width: 45px;
  }
}
#main #anchor .anchor-menu ul li a:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu ul li a:after {
    width: 7px;
    height: 6px;
    margin-left: -3.5px;
    margin-bottom: 27px;
    background-image: url(/-/Media/com/handveil/202208/img/top/arrow-01.png);
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu ul li a:after {
    width: 8px;
    height: 7px;
    margin-left: -4px;
    margin-bottom: 9px;
    background-image: url(/-/Media/com/handveil/202208/img/top/arrow-01.sp.png);
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu ul li a > span > small {
    font-size: 12px;
  }
}
@media screen and (max-width: 374px) {
  #main #anchor .anchor-menu ul li a > span > small {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu ul li a > span {
    font-size: 12.5px;
    text-align: center;
  }
}
@media screen and (max-width: 374px) {
  #main #anchor .anchor-menu ul li a > span {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu ul li a > img {
    width: 29px;
  }
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu.toppage ul li a {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu.toppage ul li a {
    height: 70px;
  }
}
@media screen and (min-width: 768px) {
  #main #anchor .anchor-menu.toppage ul li a:after {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #main #anchor .anchor-menu.richbarier ul li {
    width: 33.3333333333%;
  }
}
#main #series {
  padding-top: 100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1366px) {
  #main #series {
    padding-top: 7.3206442167vw;
    margin-bottom: 7.3206442167vw;
  }
}
@media screen and (max-width: 767px) {
  #main #series {
    padding-top: 45px;
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) {
  #main #series ul {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 1366px) {
  #main #series ul {
    width: 79.0629575403vw;
  }
}
@media screen and (max-width: 767px) {
  #main #series ul {
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  #main #series ul li {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #main #series ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #main #series ul li a img {
    width: 345px;
  }
}
@media screen and (max-width: 1366px) {
  #main #series ul li a img {
    width: 25.2562225476vw;
  }
}
@media screen and (max-width: 767px) {
  #main #series ul li a img {
    width: 100%;
  }
}
#main #about .about-img img {
  display: block;
  width: 100%;
}
#main #lineUp {
  position: relative;
}
#main #lineUp:before {
  content: "";
  position: absolute;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/-/Media/com/handveil/202208/img/top/lineup-bg.jpg);
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #main #lineUp:before {
    background-image: url(/-/Media/com/handveil/202208/img/top/lineup-bg.sp.jpg);
  }
}
#main #lineUp .lineUp-ttl {
  position: relative;
  z-index: 4;
}
#main #lineUp .lineUp-ttl img {
  display: block;
  width: 100%;
}
#main #lineUp .lineUp-body .lineUp-bg {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-bg.bg01 {
    padding-top: 6.9546120059vw;
    padding-bottom: 25.2562225476vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-bg.bg01 {
    padding-top: 10.6666666667vw;
    padding-bottom: 28.4vw;
  }
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-bg.bg02 {
    padding-bottom: 25.6222547584vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-bg.bg02 {
    padding-bottom: 42.4vw;
  }
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list.lastChild {
    padding-bottom: 7.3206442167vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list.lastChild {
    padding-bottom: 13.3333333333vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list h2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list h2 {
    margin-bottom: 5.1244509517vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list h2 {
    margin-bottom: 10vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list h2 img {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list h2 img {
    width: 30.8931185944vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list h2 img {
    width: 56.2666666667vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-txt {
  text-align: center;
  color: #333;
  position: relative;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-txt {
    font-size: 3.513909224vw;
    padding-bottom: 2.5622254758vw;
    margin-bottom: 3.6603221083vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-txt {
    font-size: 5.8666666667vw;
    padding-bottom: 4.8vw;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-txt.first {
    margin-bottom: 1.0248901903vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-txt.first {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-txt.mt100 {
    margin-top: 7.3206442167vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-txt.mt100 {
    margin-top: 13.3333333333vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-txt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #333;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-txt:after {
    width: 4.39238653vw;
    height: 0.1464128843vw;
    margin-left: -2.196193265vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-txt:after {
    width: 8vw;
    height: 0.2666666667vw;
    margin-left: -4vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-addtxt {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-addtxt {
    margin-bottom: 4.39238653vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-addtxt {
    margin-bottom: 3.6603221083vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-addtxt img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-addtxt img {
    width: 56.3689604685vw;
    margin-left: -3.6603221083vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-addtxt img {
    margin-left: 1.6105417277vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle {
    width: 79.0629575403vw;
    padding: 5.1244509517vw 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle {
    margin: 0 4vw;
    box-sizing: border-box;
    padding: 8.6666666667vw 0;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle dl dt {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle dl dt img {
    width: 37.7745241581vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle dl dt img {
    width: 82.4vw;
  }
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle dd {
    margin-top: 1.8301610542vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle dd {
    margin-top: 15px;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle dd a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  background-image: url(/-/Media/com/handveil/202208/img/top/btn-02.png);
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle dd a {
    margin: 0 auto;
    font-size: 1.317715959vw;
    width: 19.0336749634vw;
    height: 3.6603221083vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .middle dd a {
    background-image: url(/-/Media/com/handveil/202208/img/top/btn-03.sp.png);
    font-size: 3.7333333333vw;
    margin: 0 auto;
    width: 76vw;
    height: 12vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex.flex-1 dl {
    margin-bottom: 4.39238653vw;
    margin-right: 3.6603221083vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex.flex-1 dl {
    width: 44.5333333333vw;
    margin-right: 2.9333333333vw;
    margin-bottom: 8vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex.flex-1 dl:nth-of-type(2n) {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex.flex-1 dl dt {
    min-height: 37.5549048316vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex.flex-1 dl dt {
    min-height: 78.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex.flex-1 dl dt img {
    width: 100%;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex.flex-1 dl dd a {
  background-image: url(/-/Media/com/handveil/202208/img/top/btn-02.png);
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex.flex-1 dl dd a {
    background-image: url(/-/Media/com/handveil/202208/img/top/btn-02.sp.png);
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl {
  background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl {
    width: 38.0673499268vw;
    padding: 3.2942898975vw 0 3.6603221083vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl {
    padding: 5.6vw 0;
  }
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl dt {
    width: 32.2108345534vw;
    margin: 0 auto;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl dt img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl dd {
    margin-top: 1.8301610542vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl dd {
    margin-top: 15px;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl dd a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl dd a {
    margin: 0 auto;
    width: 19.0336749634vw;
    height: 3.6603221083vw;
    font-size: 1.317715959vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineUp-product .flex dl dd a {
    font-size: 3.7333333333vw;
    margin: 0 auto;
    width: 37.3333333333vw;
    height: 12vw;
  }
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineup-graph {
    margin-top: 3.6603221083vw;
    width: 79.0629575403vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineup-graph {
    margin-top: 6vw;
    padding: 0 4vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineup-graph h3 {
  text-align: center;
  color: #333;
}
@media screen and (min-width: 768px) {
  #main #lineUp .lineUp-body .lineUp-list .lineup-graph h3 {
    font-size: 2.4890190337vw;
    margin-bottom: 3.2942898975vw;
  }
}
@media screen and (max-width: 767px) {
  #main #lineUp .lineUp-body .lineUp-list .lineup-graph h3 {
    font-size: 4.5333333333vw;
    margin-bottom: 6.1333333333vw;
  }
}
#main #lineUp .lineUp-body .lineUp-list .lineup-graph .lineup-graph-img img {
  display: block;
  width: 100%;
}
#main #richbarier-01 {
  position: relative;
}
#main #richbarier-01 .richbarier-01-img {
  pointer-events: none;
}
#main #richbarier-01 .richbarier-01-img img {
  width: 100%;
}
#main #richbarier-01 .richbarier-01-check {
  position: absolute;
  top: 44.2%;
  left: 28.4%;
}
@media screen and (max-width: 767px) {
  #main #richbarier-01 .richbarier-01-check {
    top: 50.2%;
    left: 19.4%;
  }
}
#main #richbarier-01 .richbarier-01-check ul li {
  font-weight: 600;
  color: #fff;
  font-size: 1.6105417277vw;
  margin-bottom: 2.0497803807vw;
}
@media screen and (max-width: 767px) {
  #main #richbarier-01 .richbarier-01-check ul li {
    font-size: 3.4666666667vw;
    line-height: 1.384;
    margin-bottom: 5.2vw;
  }
}
#main #richbarier-01 .richbarier-01-check ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #main #richbarier-01 .richbarier-01-check ul li:last-child {
    margin-top: -2%;
  }
}
#main #richbarier-01 .richbarier-01-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#main #richbarier-01 .richbarier-01-txt p {
  color: #fff;
}
#main #richbarier-01 .richbarier-01-txt p.one {
  position: absolute;
  bottom: 23.9385065886vw;
  left: 31%;
  font-weight: 600;
  font-size: 2.196193265vw;
}
@media screen and (max-width: 767px) {
  #main #richbarier-01 .richbarier-01-txt p.one {
    font-size: 3.7333333333vw;
    bottom: 51.0666666667vw;
    left: 18%;
  }
}
#main #richbarier-01 .richbarier-01-txt p.one .yellow {
  color: #fffd29;
}
#main #richbarier-01 .richbarier-01-txt p.two, #main #richbarier-01 .richbarier-01-txt p.three {
  letter-spacing: -2px;
  font-style: italic;
  font-weight: 600;
  font-size: 2.7086383602vw;
}
@media screen and (max-width: 767px) {
  #main #richbarier-01 .richbarier-01-txt p.two, #main #richbarier-01 .richbarier-01-txt p.three {
    font-size: 5.0666666667vw;
  }
}
#main #richbarier-01 .richbarier-01-txt p.two {
  position: absolute;
  bottom: 17.4963396779vw;
  left: 31%;
}
@media screen and (max-width: 767px) {
  #main #richbarier-01 .richbarier-01-txt p.two {
    left: 16%;
    bottom: 40vw;
  }
}
#main #richbarier-01 .richbarier-01-txt p.three {
  position: absolute;
  bottom: 10.9077598829vw;
  left: 35.2%;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  #main #richbarier-01 .richbarier-01-txt p.three {
    left: 22%;
    bottom: 26.1333333333vw;
  }
}
#main #richbarier-01 .richbarier-01-txt p.four {
  position: absolute;
  font-size: 1.317715959vw;
  bottom: 7.3206442167vw;
  left: 55.2%;
}
@media screen and (max-width: 767px) {
  #main #richbarier-01 .richbarier-01-txt p.four {
    font-size: 2.4vw;
    left: 59%;
    bottom: 19.3333333333vw;
  }
}
@media screen and (max-width: 374px) {
  #main #richbarier-01 .richbarier-01-txt p.four {
    left: 52%;
  }
}
#main #richbarier-02 {
  position: relative;
  margin-top: -0.5%;
}
#main #richbarier-02 .richbarier-02-img img {
  width: 100%;
}
#main #richbarier-02 .richbarier-02-btn {
  position: absolute;
  top: 78%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  #main #richbarier-02 .richbarier-02-btn {
    top: 81%;
  }
}
#main #richbarier-02 .richbarier-02-btn a {
  background-image: url(/-/Media/com/handveil/202208/img/top/btn-02.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  #main #richbarier-02 .richbarier-02-btn a {
    width: 19.0336749634vw;
    height: 3.6603221083vw;
    font-size: 1.317715959vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-02 .richbarier-02-btn a {
    background-image: url(/-/Media/com/handveil/202208/img/top/btn-03.sp.png);
    width: 76vw;
    height: 12vw;
    font-size: 3.7333333333vw;
  }
}
#main #richbarier-point {
  background-image: linear-gradient(0deg, rgb(3, 81, 153) 0%, rgb(8, 20, 108) 70%, rgb(21, 18, 89) 100%);
  padding: 7.3206442167vw 0;
  margin-top: -0.5%;
}
@media screen and (max-width: 767px) {
  #main #richbarier-point {
    padding: 8.6666666667vw 0 13.3333333333vw;
  }
}
#main #richbarier-point h2 {
  text-align: center;
  margin-bottom: 4.39238653vw;
}
@media screen and (max-width: 767px) {
  #main #richbarier-point h2 {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-point h2 img {
    width: 16.3982430454vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-point h2 img {
    width: 35.7333333333vw;
  }
}
#main #richbarier-point .richbarier-point-box ul li {
  text-align: center;
  margin-bottom: 2.9282576867%;
}
@media screen and (max-width: 767px) {
  #main #richbarier-point .richbarier-point-box ul li {
    margin-bottom: 5.3333333333%;
  }
}
#main #richbarier-point .richbarier-point-box ul li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #main #richbarier-point .richbarier-point-box ul li img {
    width: 58.5651537335vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-point .richbarier-point-box ul li img {
    width: 92vw;
  }
}
#main #richbarier-voice {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/-/Media/com/handveil/202208/img/rich-barrier/voice-bg.jpg);
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice {
    padding-top: 7.1010248902vw;
    padding-bottom: 7.3206442167vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice {
    padding-top: 8vw;
    padding-bottom: 13.3333333333vw;
  }
}
#main #richbarier-voice h2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice h2 img {
    width: 15.8125915081vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice h2 img {
    width: 34.9333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content {
    margin-left: auto;
    margin-right: auto;
    width: 58.5651537335vw;
    margin-top: 4.1727672035vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content {
    margin-top: 4.6666666667vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
#main #richbarier-voice .richbarier-voice-content .richbarier-voice-img {
  background-color: #fff;
  text-align: right;
  box-sizing: border-box;
}
#main #richbarier-voice .richbarier-voice-content .richbarier-voice-img img {
  width: 55.4904831625vw;
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-img img {
    width: 90.6666666667vw;
    margin-left: 4.6666666667vw;
  }
}
#main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer {
    padding-top: 5.1244509517vw;
    padding-bottom: 5.1244509517vw;
    padding-left: 4.39238653vw;
    padding-right: 4.39238653vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer {
    padding-top: 9.3333333333vw;
    padding-bottom: 9.3333333333vw;
    padding-left: 6.6666666667vw;
    padding-right: 6.6666666667vw;
  }
}
#main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background-color: rgb(220, 238, 254);
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/-/Media/com/handveil/202208/img/rich-barrier/box_pc.png);
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li {
    padding-top: 1.317715959vw;
    padding-left: 0.8052708638vw;
    margin-bottom: 1.8301610542vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li {
    padding-top: 4.6666666667vw;
    padding-bottom: 4vw;
    padding-left: 3.0666666667vw;
    padding-right: 3.0666666667vw;
    margin-bottom: 4vw;
    background-image: url(/-/Media/com/handveil/202208/img/rich-barrier/box_sp.png);
  }
}
#main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:last-child {
  margin-bottom: 0;
}
#main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(2n) {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(2n) {
    padding-left: 0;
    padding-right: 0.8052708638vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(2n) img {
    margin-right: 0;
    margin-left: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(1) img {
    margin-right: 2.1229868228vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(3) img {
    margin-right: 0.878477306vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(3) p {
    padding-bottom: 0.9516837482vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(4) img {
    margin-left: 2.196193265vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(4) p {
    padding-bottom: 1.4641288433vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(5) {
    padding-left: 2.4vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(5) img {
    width: 5.4172767204vw;
    margin-right: 1.4641288433vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(5) img {
    width: 10.8vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li:nth-of-type(5) p {
    padding-bottom: 1.0980966325vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li img {
    width: 4.1727672035vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li img {
    width: 8.2666666667vw;
    margin-right: 2.6666666667vw;
  }
}
#main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li p {
  line-height: 1.78;
}
@media screen and (min-width: 768px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li p {
    font-size: 1.2445095168vw;
    padding-bottom: 1.8301610542vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-voice .richbarier-voice-content .richbarier-voice-customer ul li p {
    font-size: 3.7333333333vw;
  }
}
#main #richbarier-movie {
  background-image: linear-gradient(0deg, rgb(3, 81, 153) 0%, rgb(8, 20, 108) 70%, rgb(21, 18, 89) 100%);
}
@media screen and (min-width: 768px) {
  #main #richbarier-movie {
    padding-top: 7.3206442167vw;
    padding-bottom: 6.588579795vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-movie {
    padding-top: 8.6666666667vw;
    padding-bottom: 13.3333333333vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
#main #richbarier-movie h2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #main #richbarier-movie h2 {
    margin-bottom: 3.6603221083vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-movie h2 {
    margin-bottom: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main #richbarier-movie h2 img {
    width: 16.3982430454vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-movie h2 img {
    width: 36.5333333333vw;
  }
}
#main #richbarier-movie .richbarier-movie-youtube {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #main #richbarier-movie .richbarier-movie-youtube iframe {
    width: 40.9956076135vw;
    height: 23.0600292826vw;
  }
}
@media screen and (max-width: 767px) {
  #main #richbarier-movie .richbarier-movie-youtube iframe {
    height: 52vw;
  }
}