.jquery-back-to-top-theme-fawesome i {
  display: inline-block;
  margin: 8px 0 0 0;
}

@media screen and (min-width: 1680px) {
  .bn-img {
    height: 500px;
  }
}
@media screen and (min-width: 1500px) {
  .bg-01,
  .brand-top {
    background-position: center 43%;
  }
}
@media screen and (min-width: 1200px) {
  .index-product.slick-slider .slick-list {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .bg-01,
  .brand-top {
    background-position: center 5%;
  }
}
@media screen and (max-width: 1200px) {
  .index-btn {
    max-width: 400px;
  }
  .bg-01,
  .brand-top {
    background-position: center 45px;
  }
}
@media screen and (min-width: 769px) {
  .yshow {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .main-wrap {
    margin: 65px 0 0 0;
  }
  .swiper-slide img {
    width: 160%;
  }
  .header-menu-2 {
    display: none;
  }
  .contact-phone {
    width: 80px;
    height: 80px;
  }
  .contact-text span {
    font-size: 0.8rem;
    line-height: 1.5rem;
  }
  .contact-text .sp-pink a {
    font-size: 1.2rem;
    color: #ca797d;
    font-weight: 500;
  }
  .ficon {
    font-size: 2rem;
  }
  .contact-phone,
  .contact-text {
    padding: 10px;
  }
  .header-menu-2,
  .noshow {
    display: none;
  }
  .banner-area {
    padding-top: 65px;
  }
  .video-wrap {
    padding: 65px 0 0 0;
  }
  .brand-top-video {
    height: 400px;
  }
  .gobuy-btn {
    text-align: right;
  }
  .menu-icon {
    font-size: 1.5rem;
  }
  .store-content table tr {
    display: grid;
  }
  .dev {
    text-align: center;
  }
  .voce-2022 img {
    height: 190px !important;
  }
}
@media screen and (max-width: 576px) {
  .menu-right {
    padding: 0;
  }
  .menu-brand img {
    width: 200px;
    height: auto;
  }
  .bg-01 {
    background: url(../images/banner/bn01m.jpg) no-repeat scroll center center/cover;
  }
  .bg-04 {
    background: url(../images/banner/bn04m.jpg) no-repeat scroll center center/cover;
  }
  .brand-top {
    background: url(../images/banner/brand02m.jpg) no-repeat scroll center center/cover;
  }
  .store-content table,
  .only-text {
    font-size: 0.9rem;
  }
  .detail-check li {
    width: 100%;
  }
  .voce-2022 img {
    height: 190px !important;
  }
}
@media screen and (max-width: 480px) {
  .index-btn {
    margin-bottom: 10px;
  }
  .index-media .slick-slide,
  .index-product .slick-slide {
    width: 150px;
  }
  .product-slide .product-text p,
  .media-slide p {
    font-size: 0.9rem;
    line-height: 1.5;
  }
  .product-slide .product-text p {
    padding-left: 10px;
  }
  .product-slide .product-text p:before {
    left: -2px;
  }
  .product-text p:after,
  .more:after {
    font-size: 0.8rem;
  }
  .insta-rectangle {
    width: 350px;
  }
  .ad-wrap {
    display: none;
  }
  .insta-square {
    width: 160px;
  }
  .menu-r-link {
    margin-left: 5px;
  }
  .media-slide img,
  .product-slide img {
    width: 150px;
  }
  .detail-content {
    padding: 0;
    border: none;
  }
  .main-link {
    padding: 10px;
  }
  .product-shop {
    flex-direction: column-reverse;
    margin-left: 5px;
    margin-right: 20px;
  }
  .qacard {
    border: none;
  }
  .main-tabs {
    border-bottom: 1px solid #ccc;
  }
  .QA-content h5 {
    font-size: 1.1rem;
  }
  .award-text {
    margin: 0 auto;
    font-size: 0.85rem;
    line-height: 1.6;
    color: #999;
  }
  .tech-text {
    margin: 10px auto;
  }
  .award {
    margin-top: 20px;
  }
  .awards :nth-child(1).gold,
  .awards :nth-child(2).gold,
  .awards :nth-child(3).gold {
    height: 130px;
  }
  .gold {
    width: 105px;
    height: 85px;
  }
  .founder {
    width: 150px;
    height: 150px;
  }
  .brand-top-video {
    height: 200px;
  }
  .choice-slide img {
    width: 65%;
  }
  .item-price-area img {
    width: 120px;
    height: auto;
  }
  .voce-2022 img {
    height: 190px !important;
  }
}
/****my page forot/1127****/
div#window_area p.information {
  margin: 0 auto;
  padding-bottom: 20px;
  width: 440px;
}

@media screen and (max-width: 375px) {
  .gold {
    margin: 0 10px;
  }
  div#widow_area p.information, div#window_area #forgot {
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  .menu-r-link {
    margin: 0;
  }
  .menu-brand img {
    width: 180px;
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  .howtouse-iframe {
    height: 1850px;
  }
}
@media screen and (max-width: 990px) {
  .howtouse-iframe {
    height: 2050px;
  }
}
@media screen and (max-width: 767px) {
  .howtouse-iframe {
    height: 2870px;
  }
}
@media screen and (max-width: 576px) {
  .howtouse-iframe {
    height: 2500px;
  }
}
@media screen and (max-width: 564px) {
  .howtouse-iframe {
    height: 2600px;
  }
}
@media screen and (max-width: 539px) {
  .howtouse-iframe {
    height: 2050px;
  }
}
@media screen and (max-width: 512px) {
  .howtouse-iframe {
    height: 2550px;
  }
}
@media screen and (max-width: 495px) {
  .howtouse-iframe {
    height: 2550px;
  }
}
@media screen and (max-width: 465px) {
  .howtouse-iframe {
    height: 2350px;
  }
}
@media screen and (max-width: 376px) {
  .howtouse-iframe {
    height: 2700px;
  }
}
@media screen and (max-width: 360px) {
  .howtouse-iframe {
    height: 3800px;
  }
}
@media screen and (max-width: 340px) {
  .howtouse-iframe {
    height: 3900px;
  }
}
/* add Focus 202212 */
.guide {
  position: relative;
  padding: 90px 0;
  width: 100%;
  background: #F7F7F7;
}
@media screen and (max-width: 767px) {
  .guide {
    padding: 13.3333333333vw 0 0;
  }
}
.guide-inner {
  margin: auto;
  width: 100%;
  max-width: 1412px;
}
@media screen and (max-width: 767px) {
  .guide-inner {
    padding-bottom: 26.6666666667vw;
    width: 100%;
  }
}
.guide-title {
  text-align: center;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .guide-title {
    margin: auto;
    width: 59.7333333333vw;
    font-size: 6.4vw;
  }
}
.guide-list {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .guide-list {
    display: block;
    margin: 10.6666666667vw auto 0;
    padding: 0;
    width: 89.0666666667vw;
  }
}
.guide-item {
  position: relative;
  flex: 0 0 calc(25% - 10px);
  padding: 32px 15px;
  text-align: center;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .guide-item {
    flex: 0 0 89.0666666667vw;
    margin-top: 2.6666666667vw;
    padding: 3.4666666667vw 3.2vw 6.4vw 28.8vw;
    width: 89.0666666667vw;
    height: 100%;
    min-height: 26.6666666667vw;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .guide-icon {
    position: absolute;
    top: 50%;
    left: 3.4666666667vw;
    transform: translate(0, -50%);
    width: 21.3333333333vw !important;
    height: 21.3333333333vw !important;
  }
}
.guide-name {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .guide-name {
    line-height: 1.8;
    font-size: 4.2666666667vw;
  }
}
.guide-text {
  margin-top: 15px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .guide-text {
    margin-top: 1.3333333333vw;
    line-height: 1.5;
    font-size: 3.84vw;
  }
}
.guide-text small {
  display: block;
  margin-top: 15px;
  text-align: left;
  font-size: 12px;
  font-weight: 300;
}
.guide .more {
  text-align: right;
  display: block;
  margin-right: 10px;
}
.guide .more::after {
  font-family: "icomoon";
  content: "\e906";
  padding-left: 10px;
  font-size: 0.9rem;
}

/* add Focus 202301 */
.productTab {
  margin: auto;
  width: 1140px;
  padding: 47px 103px;
  background: #F7F7F7;
}
@media screen and (max-width: 767px) {
  .productTab {
    margin: 0 -15px;
    padding: 6.4vw 0;
    width: calc(100% + 30px);
  }
}
.productTab-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: auto;
  padding: 0;
  width: 832px;
}
@media screen and (max-width: 767px) {
  .productTab-list {
    justify-content: flex-start;
    padding-bottom: 2.6666666667vw;
    width: 92vw;
  }
}
.productTab-item {
  flex: 0 0 250px;
  margin: 8px 4px 0;
  height: 46px;
}
@media screen and (max-width: 767px) {
  .productTab-item {
    flex: 0 0 44.8vw;
    margin: 2.4vw 0 0;
  }
  .productTab-item:nth-child(2n+1) {
    margin-right: 2.4vw;
  }
}
.productTab-item.-isActive a {
  color: #fff;
  background: #666666;
  border: 1px solid #666666;
}
.productTab-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  border: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
  .productTab-link {
    font-size: 3.2vw;
  }
}
.productTab-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .productTab-content {
    margin: auto;
    width: 92vw;
  }
}
.productTab-contentItem {
  flex: 0 0 290px;
  margin-top: 25px;
  margin-right: 32px;
}
@media screen and (min-width: 768px) {
  .productTab-contentItem:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .productTab-contentItem {
    flex: 0 0 43.2vw;
    margin-top: 2.6666666667vw;
    margin-right: 5.6vw;
  }
  .productTab-contentItem:nth-child(2n+2) {
    margin-right: 0;
  }
}
.productTab-contentPhoto {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 290px;
  height: 260px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .productTab-contentPhoto {
    width: 43.2vw;
    height: 38.6666666667vw;
  }
}
.productTab-contentPhoto img {
  width: 150px;
}
@media screen and (max-width: 767px) {
  .productTab-contentPhoto img {
    width: calc(40vw * .5645);
  }
}
.productTab-contentName {
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .productTab-contentName {
    margin-top: 2.1333333333vw;
    font-size: 3.84vw;
  }
}
.productTab-contentPrice {
  margin-top: 15px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .productTab-contentPrice {
    margin-top: 2.1333333333vw;
    font-size: 3.2vw;
  }
}
.productTab-contentPrice s {
  display: inline-block;
  margin-right: 18px;
}
.productTab-contentPrice span {
  display: inline-block;
}
.productTab-contentLinkText {
  margin: 25px 0;
  text-align: center !important;
}
@media screen and (max-width: 767px) {
  .productTab-contentLinkText {
    margin: 3.2vw 0;
    font-size: 3.84vw;
  }
}

.index-about {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 60px 0 0;
  width: 670px;
  height: 606px;
  background: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 767px) {
  .index-about {
    padding: 10.6666666667vw 0 0;
    width: 100%;
    height: 180vw;
  }
}
.index-about-title {
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .index-about-title {
    font-size: 5.3333333333vw;
  }
}
.index-about-text {
  text-align: center;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .index-about-text .sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .index-about-text {
    font-size: 4.2666666667vw;
  }
}

.campaign-list {
  display: flex;
  justify-content: space-between;
  margin: 58px -100px 0;
  padding: 0;
  width: 1200px;
}
@media screen and (max-width: 767px) {
  .campaign-list {
    display: block;
    margin: 12.8vw auto 0;
    width: 100%;
  }
}
.campaign-item {
  flex: 0 0 356px;
}
@media screen and (max-width: 767px) {
  .campaign-item {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .campaign-item:nth-child(n+2) {
    margin-top: 10.4vw;
  }
}
.campaign-item img {
  width: 100%;
  height: auto;
}
.campaign-copy {
  position: relative;
  padding: 11px 9px 0;
  height: 4.3em;
  overflow: hidden;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .campaign-copy {
    padding: 2.9333333333vw 0 0;
    line-height: 1.8;
    font-size: 3.7333333333vw;
  }
}
.campaign-copy::before {
  content: "...";
  position: absolute;
  right: 0.5em;
  bottom: 0;
  z-index: 3;
  display: inline-block;
  width: 1em;
}
.campaign-copy::after {
  content: "";
  position: relative;
  right: -0.7em;
  float: right;
  width: 2em;
  height: 100%;
  background: #fff;
  top: -2em;
}
.campaign-text {
  position: relative;
  display: block;
  padding: 15px 40px;
  text-align: right;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .campaign-text {
    padding: 2.6666666667vw 10.6666666667vw 3.7333333333vw;
    line-height: 1.8;
    font-size: 3.7333333333vw;
  }
}
.campaign-text::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  display: inline-block;
  margin: auto;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}

@media (min-width: 1200px) {
  .container--narrow {
    max-width: 1030px;
  }
}
.container--wide {
  padding: 0 !important;
  max-width: 100% !important;
}

.bg-00 {
  position: relative;
  width: 100%;
  min-height: 606px;
  background: url("../images/bg-00.jpg") no-repeat 50% 50%/cover;
}
@media screen and (max-width: 767px) {
  .bg-00 {
    min-height: auto;
    background: url("../images/bg-00-sp.jpg") no-repeat 50% 50%/cover;
  }
}

/*# sourceMappingURL=responsive.css.map */