@charset "UTF-8";
html, body { font-family: "Noto Sans JP", sans-serif; letter-spacing: 1px; line-height: 2; color: #000000; background-color: #fff; overflow-x: hidden; }

@media (min-width: 765px) { html, body { font-size: 14px !important; } }

@media screen and (max-width: 765px) { html, body { font-size: 8.4px !important; } }

html :focus, body :focus { outline: none; }

a:hover { opacity: 0.4; }

.nav { /*ヘッダー*/ /*ドロワー*/ }

.nav.nav-news { color: #fff; background-color: #3e3021; }

@media (min-width: 765px) { .nav.nav-news { font-size: 12px !important; } }

@media screen and (max-width: 765px) { .nav.nav-news { font-size: 7.2px !important; } }

.nav.navbar-color-white { transition: all 0.25s ease; color: #fff; background-color: #fff; }

.nav.navbar-color-pink { transition: all 0.25s ease; color: #f07591; background-color: #f07591; }

.nav .navbar-color-white-text1 { transition: all 0.25s ease !important; color: #000000 !important; }

.nav .navbar-color-pink-text1 { transition: all 0.25s ease !important; color: #fff !important; }

.nav .navbar-color-white-btn1 { transition: all 0.25s ease !important; color: #fff !important; background-color: #f07591 !important; border: 1px solid #f07591 !important; }

.nav .navbar-color-pink-btn1 { transition: all 0.25s ease !important; color: #f07591 !important; background-color: #fff !important; border: 1px solid #fff !important; }

.nav .logo_main { vertical-align: middle; }

@media (min-width: 765px) { .nav .logo_main { width: 13vw; height: auto; } }

@media screen and (max-width: 765px) { .nav .logo_main { width: 30vw; height: auto; margin-left: 5px; margin-right: 15px; } }

.nav .nav-logo-text { letter-spacing: 0px; }

@media (min-width: 765px) and (min-width: 765px) { .nav .nav-logo-text { font-size: 12px !important; } }

@media screen and (min-width: 765px) and (max-width: 765px) { .nav .nav-logo-text { font-size: 7.2px !important; } }

@media screen and (max-width: 765px) { .nav .nav-logo-text { font-size: 8px; } }

.nav .nav-menu { font-family: "Raleway", sans-serif; font-weight: 600; }

@media (min-width: 765px) { .nav .nav-menu { font-size: 13px !important; } }

@media screen and (max-width: 765px) { .nav .nav-menu { font-size: 7.8px !important; } }

.nav .nav-active { background-position: bottom; }

.nav .nav-active:hover { background-image: url("/wp-content/themes/sister/assets/img/nav_active.svg"); background-repeat: no-repeat; background-position: bottom; opacity: 1; }

.nav .nav-active-white { background-position: bottom; }

.nav .nav-active-white:hover { background-image: url("/wp-content/themes/sister/assets/img/nav_active_white.svg"); background-repeat: no-repeat; background-position: bottom; opacity: 1; }

.nav .nav-btn-shop { font-family: "Raleway", sans-serif; font-weight: 600; position: relative; top: 5%; white-space: nowrap; }

@media (min-width: 765px) { .nav .nav-btn-shop { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .nav .nav-btn-shop { font-size: 8.4px !important; } }

.nav .nav-btn-shop-sp { font-family: "Raleway", sans-serif; font-weight: 600; position: relative; top: 5%; white-space: nowrap; color: #fff !important; }

@media (min-width: 765px) { .nav .nav-btn-shop-sp { font-size: 20px !important; } }

@media screen and (max-width: 765px) { .nav .nav-btn-shop-sp { font-size: 12px !important; } }

.nav .nav-btn-toggler { font-family: "Raleway", sans-serif; font-size: calc(0.55em + 0.15vw); }

.nav .drawer-menu { font-family: "Raleway", sans-serif; font-weight: 700; margin-top: 20vw; margin-right: 20vw; }

@media (min-width: 765px) { .nav .drawer-menu { font-size: 28px !important; } }

@media screen and (max-width: 765px) { .nav .drawer-menu { font-size: 16.8px !important; } }

.nav .drawer-menu a { color: #000000; }

.nav ul { list-style: none; }

.nav #menu_text { font-family: "Raleway", sans-serif; font-weight: 600; color: #000000; }

@media (min-width: 765px) { .nav #menu_text { font-size: 10px !important; } }

@media screen and (max-width: 765px) { .nav #menu_text { font-size: 6px !important; } }

.nav .menu_text { color: #fff !important; }

.nav .nav-link-text1 { font-family: "Raleway", sans-serif; font-weight: 600; }

@media (min-width: 765px) { .nav .nav-link-text1 { font-size: 13px !important; } }

@media screen and (max-width: 765px) { .nav .nav-link-text1 { font-size: 7.8px !important; } }

.nav .l-header { background: inherit; width: 0px; height: 0px; position: fixed; top: 0px; left: 0px; }

.nav .l-drawer { position: relative; }

.nav .l-drawer__checkbox { display: none; }

.nav .l-drawer__icon { cursor: pointer; display: block; width: 56px; height: 60px; position: fixed; right: 0; }

.nav .l-drawer__icon-parts { background-image: linear-gradient(to left, #000, #000 20px, transparent 0px, transparent 0px); background-size: 26px 2px; background-repeat: repeat-x; width: 26px; height: 2px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }

.nav .l-drawer__icon-parts:before, .nav .l-drawer__icon-parts:after { background-color: #000; display: block; width: 26px; height: 2px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }

.nav .l-drawer__icon-parts-pink { background-image: linear-gradient(to left, #fff, #fff 20px, transparent 0px, transparent 0px); background-size: 26px 2px; background-repeat: repeat-x; width: 26px; height: 2px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }

.nav .l-drawer__icon-parts-pink:before, .nav .l-drawer__icon-parts-pink:after { background-color: #fff; display: block; width: 26px; height: 2px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; }

.nav .l-drawer__icon-parts:before, .nav .l-drawer__icon-parts:after { content: " "; }

.nav .l-drawer__icon-parts:before { top: 16px; }

.nav .l-drawer__icon-parts:after { top: -16px; }

.nav .l-drawer__overlay { background: #000; opacity: 0; pointer-events: none; width: 100%; height: 100%; position: fixed; top: 0; right: 0; }

.nav .l-drawer__menu { background: #ffffff; color: #000; max-width: 100%; width: 80vw; height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; position: fixed; top: 0; right: -80vw; }

.nav .l-drawer__icon { z-index: 4; }

.nav .l-drawer__menu { z-index: 3; }

.nav .l-drawer__overlay { z-index: 2; }

.nav .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts { background: transparent; }

.nav .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; }

.nav .l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; }

.nav .l-drawer__checkbox:checked ~ .l-drawer__overlay { opacity: 0.3; pointer-events: auto; }

.nav .l-drawer__checkbox:checked ~ .l-drawer__menu { right: 0; }

.nav .l-drawer__icon-parts, .nav .l-drawer__icon-parts:after, .nav .l-drawer__icon-parts:before, .nav .l-drawer__overlay, .nav .l-drawer__menu { -webkit-transition: all 0.3s; transition: all 0.3s; }

@media (min-width: 765px) { .nav .instagram-brands { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .nav .instagram-brands { font-size: 8.4px !important; } }

.scroll-text { font-weight: 600; }

@media (min-width: 765px) { .scroll-text { font-size: 12px !important; } }

@media screen and (max-width: 765px) { .scroll-text { font-size: 7.2px !important; } }

.btn-primary.pink { background-color: #f07591; border: 1px solid #f07591; }

.btn-primary.pink:hover, .btn-primary.pink:not(:disabled):not(.disabled):active { background-color: #f07591; border: 1px solid #f07591; }

.home-top { overflow: hidden; }

.home-top .bg_top_visual { position: absolute; width: 36.5vw; margin-top: 3.7vw; left: -2vw; z-index: 100; }

.home-top .home-top1-text { position: relative; font-family: "Raleway", sans-serif; font-weight: 600; line-height: 4vw; letter-spacing: 0.4vw; z-index: 1000; }

@media (min-width: 765px) { .home-top .home-top1-text { font-size: 4.21875vw; } }

@media screen and (max-width: 765px) { .home-top .home-top1-text { font-size: 9vw; } }

.home-top .home-top2-text { position: relative; margin-top: 2vw; z-index: 1000; }

.home-top .home-top-table1 { position: relative; margin-top: 12vw; left: 6.5vw; }

@media (min-width: 765px) { .home-top .home-top-table1 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .home-top .home-top-table1 { font-size: 8.4px !important; } }

.home-top .home-top-table1_template2 { position: absolute; margin-top: 12vw; left: 10vw; }

@media (min-width: 765px) { .home-top .home-top-table1_template2 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .home-top .home-top-table1_template2 { font-size: 8.4px !important; } }

@media (min-width: 765px) { .home-top .btn-home-top1 { font-size: 12px !important; } }

@media screen and (max-width: 765px) { .home-top .btn-home-top1 { font-size: 7.2px !important; } }

.home-top .home-top2 { width: 100%; z-index: -1; }

.home-top .home-top3 { position: relative; width: 100%; top: 14vw; }

.home-top .home-top2-sp { height: 140vw; width: 100%; opacity: 0.7; object-fit: cover; object-position: 50% 0%; }

.home-top .home-top3-sp { height: 140vw; width: 100%; opacity: 0.7; object-fit: cover; object-position: 50% 0%; }

.home-top .home-top4-sp { height: 140vw; width: 100%; opacity: 0.7; object-fit: cover; object-position: 50% 0%; }

.home-top .home-top-logo-sp { position: absolute; margin-top: 40vw; }

.home-top .bg_top_visual-sp { position: absolute; left: 26vw; width: 83vw; margin-top: 9.2vw; z-index: 100; }

.home-top .home-top1-text-sp { position: relative; left: 27vw; font-family: "Raleway", sans-serif; font-weight: 600; line-height: 1.1em; letter-spacing: 0.4vw; width: 70vw; z-index: 1000; }

@media (min-width: 765px) { .home-top .home-top1-text-sp { font-size: 4.84375vw; } }

@media screen and (max-width: 765px) { .home-top .home-top1-text-sp { font-size: 10.33333vw; } }

.home-top .table1-sp { font-weight: 600; position: relative; margin-top: -64vw; margin-left: 28vw; width: 100%; }

@media (min-width: 765px) { .home-top .table1-sp { font-size: 17px !important; } }

@media screen and (max-width: 765px) { .home-top .table1-sp { font-size: 10.2px !important; } }

.home-top .table2-sp { position: relative; margin-top: -35vw; width: 100%; }

.home-top .table2-sp-btn { font-weight: 600; padding-left: 3.5em; padding-right: 3.5em; }

@media (min-width: 765px) { .home-top .table2-sp-btn { font-size: 22px !important; } }

@media screen and (max-width: 765px) { .home-top .table2-sp-btn { font-size: 13.2px !important; } }

.home-top .swiper-pagination-bullet-active { background-color: #f07591; }

.home-top .swiper-pagination-bullet { width: 5px; height: 5px; }

.home-top .swiper-slide { width: 10px; }

.home-top .swiper-pagination { position: absolute; }

@media (min-width: 765px) { .home-top .swiper-pagination { top: 65vw; } }

@media screen and (max-width: 765px) { .home-top .swiper-pagination { top: 145vw; } }

.home-top .swiper-button-prev { position: absolute; margin-left: 1.5vw; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f07591'%2F%3E%3C%2Fsvg%3E"); }

@media (min-width: 765px) { .home-top .swiper-button-prev { top: 30vw; } }

@media screen and (max-width: 765px) { .home-top .swiper-button-prev { height: 28px; } }

.home-top .swiper-button-next { position: absolute; margin-right: 1.5vw; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f07591'%2F%3E%3C%2Fsvg%3E"); }

@media (min-width: 765px) { .home-top .swiper-button-next { top: 30vw; } }

@media screen and (max-width: 765px) { .home-top .swiper-button-next { height: 28px; } }

.mysister-movie .col { margin-top: 140px; text-align: center; padding: 0 20px; }

@media screen and (max-width: 765px) { .mysister-movie .col { margin-top: 0; margin-bottom: 28px; } }

@media screen and (max-width: 765px) { .mysister-movie .col iframe { width: 320px; height: 180px; } }

.stress.stress-margin-xy1 { margin-top: 18vw; }

.stress .bg_top_about { width: 20vw; }

.stress .stress-text1 { position: relative; width: 100%; top: -40.3vw; left: 16.2vw; z-index: 10; }

@media (min-width: 765px) { .stress .stress-text1 { font-size: 15px !important; } }

@media screen and (max-width: 765px) { .stress .stress-text1 { font-size: 9px !important; } }

.stress .stress-text2 { font-family: "Raleway", sans-serif; color: #f07591; font-weight: 600; position: relative; width: 100%; top: -36vw; left: 16.2vw; z-index: 10; }

@media (min-width: 765px) { .stress .stress-text2 { font-size: 13px !important; } }

@media screen and (max-width: 765px) { .stress .stress-text2 { font-size: 7.8px !important; } }

.stress .stress-text2 a { color: #f07591; }

.stress .stress-text2 .stress-text2-line1 { background-color: #f07591; position: relative; width: 8.5vw; height: 0.08vw; }

.stress .stress2 { position: relative; width: 33vw; top: 1vw; left: -8vw; z-index: 1; }

@media (min-width: 765px) { .stress .stress2-concept { width: 33vw; } }

@media screen and (max-width: 765px) { .stress .stress2-concept { width: 70vw; } }

.stress .text1-concept { font-family: "Noto Sans JP", sans-serif; font-weight: 500; letter-spacing: 0px; }

@media (min-width: 765px) { .stress .text1-concept { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) { .stress .text1-concept { font-size: 10.08px !important; } }

.stress .stress2-sp { width: 100%; }

.stress .text1-sp { position: relative; top: 5vw; font-weight: 500; z-index: 1000; letter-spacing: 0px; }

@media (min-width: 765px) { .stress .text1-sp { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) { .stress .text1-sp { font-size: 10.08px !important; } }

.stress .stress-text2-sp { font-family: "Raleway", sans-serif; color: #f07591; font-weight: 600; position: relative; width: 100%; top: 15vw; }

@media (min-width: 765px) { .stress .stress-text2-sp { font-size: 18px !important; } }

@media screen and (max-width: 765px) { .stress .stress-text2-sp { font-size: 10.8px !important; } }

.stress .stress-text2-sp a { color: #f07591; }

.stress .stress-text2-sp .stress-text2-line1 { background-color: #f07591; position: relative; width: 24vw; height: 0.2vw; }

.stress .bg_top_about-sp { position: absolute; width: 50vw; top: 5vw; left: 64vw; z-index: 100; }

.products.products-margin-xy1 { margin-top: -25vw; }

.products.products-margin-xy1-sp { margin-top: 55vw; }

.products .sample_img_top_products { width: 75vw; }

.products .products-text1 { font-family: "Raleway", sans-serif; font-weight: 800; line-height: 4vw; letter-spacing: 0.9vw; position: absolute; top: -30vw; left: 9.6vw; }

@media (min-width: 765px) { .products .products-text1 { font-size: 3.125vw; } }

@media screen and (max-width: 765px) { .products .products-text1 { font-size: 6.66667vw; } }

.products .products-line1 { background-color: #f07591; width: 4.5vw; height: 0.5vw; position: relative; left: -0.8vw; top: 0.7vw; }

.products .products-text2 { position: absolute; top: -19vw; left: 9.6vw; }

@media (min-width: 765px) { .products .products-text2 { font-size: 15px !important; } }

@media screen and (max-width: 765px) { .products .products-text2 { font-size: 9px !important; } }

.products .sample_img_top_products-sp { width: 100%; }

.products .products-text1-sp { font-family: "Raleway", sans-serif; font-weight: 800; line-height: 8vw; letter-spacing: 2vw; position: absolute; top: -3.9vw; left: 10.5vw; }

@media (min-width: 765px) { .products .products-text1-sp { font-size: 3.125vw; } }

@media screen and (max-width: 765px) { .products .products-text1-sp { font-size: 6.66667vw; } }

.products .products-line1-sp { background-color: #f07591; width: 11vw; height: 1.2vw; position: relative; left: -2vw; margin-top: 10px; }

.products .text1-sp { margin-top: 23vw; letter-spacing: 0px; font-weight: 500; }

@media (min-width: 765px) { .products .text1-sp { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) { .products .text1-sp { font-size: 10.08px !important; } }

@media (min-width: 765px) { .color.color-margin-xy1 { margin-top: 10vw; } }

@media screen and (max-width: 765px) { .color.color-margin-xy1 { margin-top: 16vw; } }

@media (min-width: 765px) { .color.color-margin-xy2 { margin-top: 9vw; } }

@media screen and (max-width: 765px) { .color.color-margin-xy2 { margin-top: 15vw; } }

.color .color-margin-xy21 { margin-top: 70vw; }

@media (min-width: 765px) { .color.color-margin-xy3 { margin-top: 5.5vw; } }

@media screen and (max-width: 765px) { .color.color-margin-xy3 { margin-top: 9vw; } }

@media (min-width: 765px) { .color .color-btn1 { padding-left: 10vw; padding-right: 10vw; } }

@media screen and (max-width: 765px) { .color .color-btn1 { padding-left: 18vw; padding-right: 18vw; } }

.color .color1 { width: 100%; }

.color .color-detail { border-radius: 50%; margin: 0 auto; }

@media (min-width: 765px) { .color .color-detail { width: 11.5vw; height: 11.5vw; } }

@media screen and (max-width: 765px) { .color .color-detail { width: 23vw; height: 23vw; } }

.color .color-wrapper::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("/wp-content/themes/sister/assets/images/filter_top_products@2x.png"); background-size: contain; background-position: center; display: block; opacity: 0.6; }

.color .text1 { font-family: "Raleway", sans-serif; font-weight: 800; }

@media (min-width: 765px) { .color .text1 { font-size: 16px !important; } }

@media screen and (max-width: 765px) { .color .text1 { font-size: 9.6px !important; } }

@media screen and (max-width: 765px) { .color .text1 { margin-top: 2vw; } }

@media (min-width: 765px) { .color .text2 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .color .text2 { font-size: 8.4px !important; } }

@media (min-width: 765px) and (min-width: 765px) { .color .text3 { font-size: 14px !important; } }

@media screen and (min-width: 765px) and (max-width: 765px) { .color .text3 { font-size: 8.4px !important; } }

@media screen and (max-width: 765px) { .color .text3 { font-weight: 500; letter-spacing: 0px; } }

@media screen and (max-width: 765px) and (min-width: 765px) { .color .text3 { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) and (max-width: 765px) { .color .text3 { font-size: 10.08px !important; } }

@media (min-width: 765px) and (min-width: 765px) { .color .text4 { font-size: 14px !important; } }

@media screen and (min-width: 765px) and (max-width: 765px) { .color .text4 { font-size: 8.4px !important; } }

@media screen and (max-width: 765px) { .color .text4 { font-weight: 500; letter-spacing: 0px; } }

@media screen and (max-width: 765px) and (min-width: 765px) { .color .text4 { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) and (max-width: 765px) { .color .text4 { font-size: 10.08px !important; } }

.color .color-label1-text1 { font-family: "Raleway", sans-serif; letter-spacing: 0px; font-weight: 800; line-height: 1.5vw; letter-spacing: 2px; }

@media (min-width: 765px) { .color .color-label1-text1 { font-size: 2.1875vw; } }

@media screen and (max-width: 765px) { .color .color-label1-text1 { font-size: 4.66667vw; } }

.color .color-label1-text2 { letter-spacing: 0px; font-weight: 700; color: #f07591; }

@media (min-width: 765px) { .color .color-label1-text2 { font-size: 1.01562vw; } }

@media screen and (max-width: 765px) { .color .color-label1-text2 { font-size: 2.16667vw; } }

@media (min-width: 765px) { .color .color-label1-text2 { margin-top: 0.7vw; } }

@media screen and (max-width: 765px) { .color .color-label1-text2 { margin-top: 1.7vw; } }

@media (min-width: 765px) { .color .color-label1 { width: 29vw; margin-top: 3vw; } }

@media screen and (max-width: 765px) { .color .color-label1 { width: 70vw; margin-top: 9vw; } }

.color .line { width: 1px; height: 85%; background-color: #e5e5e5; }

.color .btn-shop { font-weight: 700; white-space: nowrap; padding-top: 20px; padding-bottom: 20px; }

@media (min-width: 765px) { .color .btn-shop { font-size: 18px !important; } }

@media screen and (max-width: 765px) { .color .btn-shop { font-size: 10.8px !important; } }

.color .color-more { width: 40%; margin-top: 30px; }

.how_to_use { background: #f07591; }

@media (min-width: 765px) { .how_to_use.how_to_use-margin-xy1 { margin-top: 9.5vw; } }

@media screen and (max-width: 765px) { .how_to_use.how_to_use-margin-xy1 { margin-top: 18vw; } }

@media (min-width: 765px) { .how_to_use .how_to_use-margin-xy2 { margin-top: 6.3vw; margin-bottom: 8vw; } }

@media screen and (max-width: 765px) { .how_to_use .how_to_use-margin-xy2 { margin-top: 10vw; margin-bottom: 15vw; } }

.how_to_use .how_to_use-title-text1 { font-family: "Raleway", sans-serif; font-weight: 800; line-height: 4vw; position: absolute; margin-top: -2vw; }

@media (min-width: 765px) { .how_to_use .how_to_use-title-text1 { font-size: 3.125vw; } }

@media screen and (max-width: 765px) { .how_to_use .how_to_use-title-text1 { font-size: 6.66667vw; } }

@media (min-width: 765px) { .how_to_use .how_to_use-title-text1 { letter-spacing: 0.9vw; left: 37vw; } }

@media screen and (max-width: 765px) { .how_to_use .how_to_use-title-text1 { letter-spacing: 2.5vw; left: 19.5vw; } }

.how_to_use .how_to_use-title-text2 { font-weight: 500; }

@media (min-width: 765px) { .how_to_use .how_to_use-title-text2 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .how_to_use .how_to_use-title-text2 { font-size: 8.4px !important; } }

.how_to_use .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.how_to_use .video iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.how_to_use .text2 { font-weight: 700; }

@media (min-width: 765px) { .how_to_use .text2 { font-size: 20px !important; } }

@media screen and (max-width: 765px) { .how_to_use .text2 { font-size: 12px !important; } }

.how_to_use .text3 { font-weight: 400; }

@media (min-width: 765px) { .how_to_use .text3 { font-size: 12px !important; } }

@media screen and (max-width: 765px) { .how_to_use .text3 { font-size: 7.2px !important; } }

.how_to_use .swiper-pagination-bullet-active { background-color: #fff; }

.how_to_use .swiper-pagination-bullet { width: 5px; height: 5px; }

.how_to_use .swiper-slide { width: 10px; }

.how_to_use .swiper-pagination { position: absolute; height: auto; }

@media screen and (max-width: 765px) { .how_to_use .swiper-pagination { top: 65vw; } }

.how_to_use .swiper-button-prev { position: absolute; top: 30vw; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f07591'%2F%3E%3C%2Fsvg%3E"); }

@media (min-width: 765px) { .how_to_use .swiper-button-prev { margin-left: 20px; top: 230px; } }

@media screen and (max-width: 765px) { .how_to_use .swiper-button-prev { margin-left: 3.5vw; top: 30vw; } }

.how_to_use .swiper-button-next { position: absolute; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f07591'%2F%3E%3C%2Fsvg%3E"); }

@media (min-width: 765px) { .how_to_use .swiper-button-next { margin-right: 20px; top: 230px; } }

@media screen and (max-width: 765px) { .how_to_use .swiper-button-next { margin-right: 3.5vw; top: 30vw; } }

@media (min-width: 765px) { .faq { background-color: #f6f6f6; } }

@media (min-width: 765px) { .faq .faq-margin-xy1 { margin-top: 6.7vw; } }

@media screen and (max-width: 765px) { .faq .faq-margin-xy1 { margin-top: 20vw; } }

@media (min-width: 765px) { .faq .faq-margin-xy2 { margin-top: 6.7vw; } }

@media screen and (max-width: 765px) { .faq .faq-margin-xy2 { margin-top: 12vw; } }

.faq .faq-text1 { font-family: "Raleway", sans-serif; font-weight: 800; letter-spacing: 5px; }

@media (min-width: 765px) { .faq .faq-text1 { font-size: 2.5vw; } }

@media screen and (max-width: 765px) { .faq .faq-text1 { font-size: 5.33333vw; } }

.faq .faq-line1 { position: relative; background-color: #f07591; }

@media (min-width: 765px) { .faq .faq-line1 { width: 4.5vw; height: 0.5vw; left: 47vw; } }

@media screen and (max-width: 765px) { .faq .faq-line1 { width: 9vw; height: 1.2vw; left: 45vw; margin-top: 1.5vw; } }

.faq .swiper-container { width: 90vw; }

.faq .text-question { font-weight: 600; color: #af7f4e; letter-spacing: 0px; line-height: 1.7em; }

@media (min-width: 765px) { .faq .text-question { font-size: 16px !important; } }

@media screen and (max-width: 765px) { .faq .text-question { font-size: 9.6px !important; } }

.faq .text-anser { font-weight: 500; letter-spacing: 0px; padding-top: 10px; line-height: 1.7em; }

@media (min-width: 765px) { .faq .text-anser { font-size: 15px !important; } }

@media screen and (max-width: 765px) { .faq .text-anser { font-size: 9px !important; } }

@media (min-width: 765px) { .faq .bg_top_faq { width: 2.5vw; height: 2.5vw; } }

@media screen and (max-width: 765px) { .faq .bg_top_faq { width: 5vw; height: 5vw; } }

.faq .swiper-pagination-bullet-active { background-color: #f07591; }

.faq .swiper-pagination-bullet { width: 5px; height: 5px; }

.faq .swiper-slide { width: 10px; }

.faq .swiper-button-prev { margin-left: 1.5vw; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f07591'%2F%3E%3C%2Fsvg%3E"); }

.faq .swiper-button-next { margin-right: 1.5vw; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f07591'%2F%3E%3C%2Fsvg%3E"); }

@media (min-width: 765px) { .faq .swiper-wrapper { margin-bottom: 6vw; } }

@media screen and (max-width: 765px) { .faq .swiper-wrapper { margin-bottom: 15vw; } }

@media (min-width: 765px) { .news.news-margin-xy1 { margin-top: 6.7vw; } }

@media screen and (max-width: 765px) { .news.news-margin-xy1 { margin-top: 20vw; } }

.news .news-margin-xy2 { margin-top: 2vw; margin-bottom: 8vw; }

@media (min-width: 765px) { .news.news-margin-xy3 { margin-top: 6.7vw; } }

@media screen and (max-width: 765px) { .news.news-margin-xy3 { margin-top: 15vw; } }

@media (min-width: 765px) { .news .title_top_news { width: 13.5vw; } }

@media screen and (max-width: 765px) { .news .title_top_news { width: 33vw; } }

.news .news-title-text1 { font-family: "Raleway", sans-serif; font-weight: 800; letter-spacing: 5px; }

@media (min-width: 765px) { .news .news-title-text1 { font-size: 2.5vw; } }

@media screen and (max-width: 765px) { .news .news-title-text1 { font-size: 5.33333vw; } }

.news .news-title-line1 { background-color: #f07591; }

@media (min-width: 765px) { .news .news-title-line1 { width: 4.5vw; height: 0.5vw; } }

@media screen and (max-width: 765px) { .news .news-title-line1 { width: 9vw; height: 1.2vw; margin-top: 1.5vw; } }

.news .date { font-family: "Raleway", sans-serif; font-weight: 600; color: #af7f4e; letter-spacing: 0px; }

@media (min-width: 765px) { .news .date { font-size: 16px !important; } }

@media screen and (max-width: 765px) { .news .date { font-size: 9.6px !important; } }

.news .text1 { color: #000000; font-weight: 600; }

@media (min-width: 765px) { .news .text1 { font-size: 16px !important; } }

@media screen and (max-width: 765px) { .news .text1 { font-size: 9.6px !important; } }

.news .news-top-text1 { color: #fff; text-decoration: underline; }

@media (min-width: 765px) { .news .news-top-text1 { padding-top: 3px; padding-bottom: 3px; } }

@media (min-width: 765px) and (min-width: 765px) { .news .news-top-text1 { font-size: 12px !important; } }

@media screen and (min-width: 765px) and (max-width: 765px) { .news .news-top-text1 { font-size: 7.2px !important; } }

@media screen and (max-width: 765px) { .news .news-top-text1 { padding-top: 1vw; padding-bottom: 1vw; } }

@media screen and (max-width: 765px) and (min-width: 765px) { .news .news-top-text1 { font-size: 14px !important; } }

@media screen and (max-width: 765px) and (max-width: 765px) { .news .news-top-text1 { font-size: 8.4px !important; } }

.news .btn-news { width: 50vw; }

.news .mysister-pagination { font-family: "Raleway", sans-serif; font-weight: 600; }

@media (min-width: 765px) { .news .mysister-pagination { font-size: 18px !important; } }

@media screen and (max-width: 765px) { .news .mysister-pagination { font-size: 10.8px !important; } }

.news .mysister-pagination a { color: #f07591; }

@media (min-width: 765px) { .news .mysister-pagination .icon_roundarrow_left { height: 3.4vw; } }

@media screen and (max-width: 765px) { .news .mysister-pagination .icon_roundarrow_left { height: 7vw; } }

@media (min-width: 765px) { .news .mysister-pagination .icon_roundarrow_right { height: 3.4vw; } }

@media screen and (max-width: 765px) { .news .mysister-pagination .icon_roundarrow_right { height: 7vw; } }

.news .news-text1 { font-family: "Raleway", sans-serif; font-weight: 800; }

@media (min-width: 765px) { .news .news-text1 { font-size: 20px !important; } }

@media screen and (max-width: 765px) { .news .news-text1 { font-size: 12px !important; } }

.news .news-text2 { font-family: "Raleway", sans-serif; font-weight: 600; }

@media (min-width: 765px) { .news .news-text2 { font-size: 18px !important; } }

@media screen and (max-width: 765px) { .news .news-text2 { font-size: 10.8px !important; } }

.news .news-link { color: #000000; }

.news .news-title1 { font-weight: 700; }

@media (min-width: 765px) { .news .news-title1 { font-size: 28px !important; } }

@media screen and (max-width: 765px) { .news .news-title1 { font-size: 16.8px !important; } }

.news .news-title1-line { background-color: #f07591; }

@media (min-width: 765px) { .news .news-title1-line { width: 4.5vw; height: 0.5vw; } }

@media screen and (max-width: 765px) { .news .news-title1-line { width: 9vw; height: 1.5vw; } }

.news .news-img1 { width: 100%; margin-top: 3vw; }

.news .news-line2 { width: 100%; }

.stores.stores-margin-xy1 { margin-top: 8.8vw; }

.stores.stores-margin-xy1-sp { margin-top: 20vw; margin-bottom: 20vw; }

.stores .stores-margin-xy2 { margin-top: 2vw; margin-bottom: 8vw; }

@media (min-width: 765px) { .stores.stores-margin-xy3 { margin-top: 8vw; } }

@media screen and (max-width: 765px) { .stores.stores-margin-xy3 { margin-top: 18vw; } }

@media (min-width: 765px) { .stores .title_top_stores { width: 18.5vw; } }

@media screen and (max-width: 765px) { .stores .title_top_stores { width: 38vw; } }

.stores .stores-text1 { font-weight: 700; color: #af7f4e; }

@media (min-width: 765px) { .stores .stores-text1 { font-size: 17px !important; } }

@media screen and (max-width: 765px) { .stores .stores-text1 { font-size: 10.2px !important; } }

.stores .stores-text2 { font-weight: 700; }

@media (min-width: 765px) { .stores .stores-text2 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .stores .stores-text2 { font-size: 8.4px !important; } }

.stores .stores-text2 a { color: #af7f4e; }

@media (min-width: 765px) { .stores .stores-text3 { font-size: 24px !important; } }

@media screen and (max-width: 765px) { .stores .stores-text3 { font-size: 14.4px !important; } }

@media (min-width: 765px) { .stores .stores-text4 { font-size: 15px !important; } }

@media screen and (max-width: 765px) { .stores .stores-text4 { font-size: 9px !important; } }

.stores .stores-text4 a { color: #000000; }

.stores .stores-archive-text1 { font-family: "Raleway", sans-serif; font-weight: 800; }

@media (min-width: 765px) { .stores .stores-archive-text1 { font-size: 20px !important; } }

@media screen and (max-width: 765px) { .stores .stores-archive-text1 { font-size: 12px !important; } }

.stores .stores-archive-text2 { font-family: "Raleway", sans-serif; }

@media (min-width: 765px) { .stores .stores-archive-text2 { font-size: 15px !important; } }

@media screen and (max-width: 765px) { .stores .stores-archive-text2 { font-size: 9px !important; } }

.stores .stores-archive-text2 a { color: #000000; }

.stores .sample_img_top_stores { width: 100%; }

.stores .stores-title-text1 { font-family: "Raleway", sans-serif; font-weight: 800; letter-spacing: 5px; position: relative; }

@media (min-width: 765px) { .stores .stores-title-text1 { font-size: 2.5vw; } }

@media screen and (max-width: 765px) { .stores .stores-title-text1 { font-size: 5.33333vw; } }

.stores .stores-title-line1 { background-color: #f07591; width: 4.5vw; height: 0.5vw; position: relative; left: -1vw; top: 0.3vw; }

.stores .btn-stores { letter-spacing: -0.1vw; position: relative; top: 7.5vw; }

@media (min-width: 765px) { .stores .btn-stores { font-size: 12px !important; } }

@media screen and (max-width: 765px) { .stores .btn-stores { font-size: 7.2px !important; } }

.stores .bg_top_stores { position: relative; top: 13vw; left: 9.8vw; width: 30vw; }

.stores .stores-title-text1-sp { font-family: "Raleway", sans-serif; font-weight: 800; letter-spacing: 5px; }

@media (min-width: 765px) { .stores .stores-title-text1-sp { font-size: 32px !important; } }

@media screen and (max-width: 765px) { .stores .stores-title-text1-sp { font-size: 19.2px !important; } }

.stores .stores-title-line1-sp { background-color: #f07591; width: 9vw; height: 1.2vw; position: relative; left: -2vw; margin-top: 1.5vw; }

.stores .text1-sp { font-weight: 500; margin-top: 5vw; }

@media (min-width: 765px) { .stores .text1-sp { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) { .stores .text1-sp { font-size: 10.08px !important; } }

.stores .bg_top_stores-sp { position: relative; top: 5.5vw; left: 63vw; width: 60vw; }

.stores .btn-stores-sp { font-weight: 600; }

@media (min-width: 765px) { .stores .btn-stores-sp { font-size: 18px !important; } }

@media screen and (max-width: 765px) { .stores .btn-stores-sp { font-size: 10.8px !important; } }

.stores .mysister-pagination { font-family: "Raleway", sans-serif; font-weight: 600; }

@media (min-width: 765px) { .stores .mysister-pagination { font-size: 18px !important; } }

@media screen and (max-width: 765px) { .stores .mysister-pagination { font-size: 10.8px !important; } }

.stores .mysister-pagination a { color: #f07591; }

@media (min-width: 765px) { .stores .mysister-pagination .icon_roundarrow_left { height: 3.4vw; } }

@media screen and (max-width: 765px) { .stores .mysister-pagination .icon_roundarrow_left { height: 7vw; } }

@media (min-width: 765px) { .stores .mysister-pagination .icon_roundarrow_right { height: 3.4vw; } }

@media screen and (max-width: 765px) { .stores .mysister-pagination .icon_roundarrow_right { height: 7vw; } }

.stores .news-line2 { width: 100%; }

.concept .concept1 { width: 100%; margin-top: 3vw; }

.concept .concept1-sp { width: 100%; margin-top: 3vw; }

.waterbase.waterbase-margin-xy1 { margin-top: 7vw; }

.waterbase .waterbase1 { width: 100%; z-index: 100; }

.waterbase .img_concept_waterbase { position: relative; width: 32vw; left: 10vw; z-index: 100; }

.waterbase .title_concept_waterbase { position: absolute; width: 23vw; top: 10vw; left: 50vw; z-index: 100; }

.waterbase .title_concept_waterbase-line1 { position: absolute; width: 8.3vw; height: 0.3vw; top: 14.5vw; left: 46vw; background-color: #92d8e8; }

.waterbase .text1 { position: absolute; top: 19vw; left: 51vw; width: 45vw; z-index: 10; }

@media (min-width: 765px) { .waterbase .text1 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .waterbase .text1 { font-size: 8.4px !important; } }

.waterbase .bg_concept_waterbase-1 { position: absolute; width: 1.5vw; top: -23vw; left: 54vw; z-index: 1000; }

.waterbase .bg_concept_waterbase-2 { position: absolute; width: 1.8vw; top: -7vw; left: 75vw; z-index: 1000; }

.waterbase .bg_concept_waterbase-3 { position: absolute; width: 5vw; top: -10vw; left: 80vw; z-index: 1000; }

.waterbase .img_concept_waterbase-sp { position: absolute; left: 62vw; width: 50vw; z-index: 100; }

.waterbase .title_concept_waterbase-sp { position: absolute; top: 28vw; width: 40vw; z-index: 100; }

.waterbase .title_concept_waterbase-line1-sp { position: absolute; top: 37vw; width: 17vw; height: 0.6vw; background-color: #92d8e8; }

.waterbase .text1-sp { font-weight: 500; position: relative; top: 45vw; width: 57vw; letter-spacing: 0px; }

@media (min-width: 765px) { .waterbase .text1-sp { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) { .waterbase .text1-sp { font-size: 10.08px !important; } }

.waterbase .bg_concept_waterbase-1-sp { position: absolute; width: 3vw; top: -20vw; left: 18vw; z-index: 1000; }

.waterbase .bg_concept_waterbase-2-sp { position: absolute; width: 4vw; top: 30vw; left: 65vw; z-index: 1000; }

.waterbase .bg_concept_waterbase-3-sp { position: absolute; width: 11vw; top: -3vw; left: 1vw; z-index: 1000; }

.waterbase .waterbase-title { width: 45%; position: absolute; top: 50%; left: 5%; }

@media (min-width: 765px) { .quick-easy.quick-easy-margin-xy1 { margin-top: 6vw; height: 32vw; } }

@media screen and (max-width: 765px) { .quick-easy.quick-easy-margin-xy1 { margin-top: 53vw; } }

.quick-easy .title_concept_quickeasy { position: absolute; width: 23vw; top: 1vw; left: 8.9vw; }

.quick-easy .title_concept_quickeasy-line1 { position: absolute; width: 8.3vw; height: 0.3vw; top: 5.5vw; left: 5.2vw; background-color: #f07591; }

.quick-easy .bg_concept_quickeasy { position: absolute; width: 19vw; top: 10vw; left: 2.2vw; }

.quick-easy .img_concept_quickeasy { position: absolute; width: 33vw; top: -10vw; left: 61vw; }

.quick-easy .text1 { position: absolute; width: 37vw; top: 10vw; left: 23vw; }

@media (min-width: 765px) { .quick-easy .text1 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .quick-easy .text1 { font-size: 8.4px !important; } }

.quick-easy .quick-easy1 { width: 100%; }

.quick-easy .title_concept_quickeasy-sp { position: absolute; top: 28vw; left: 45vw; width: 44vw; }

.quick-easy .title_concept_quickeasy-line1-sp { position: absolute; top: 36vw; left: 45vw; width: 20vw; height: 0.5vw; background-color: #f07591; }

.quick-easy .bg_concept_quickeasy-sp { position: absolute; width: 45vw; top: -10vw; left: 57vw; }

.quick-easy .img_concept_quickeasy-sp { position: absolute; width: 54vw; top: 10vw; left: -10vw; }

.quick-easy .text1-sp { position: relative; top: 45vw; left: 40vw; width: 50vw; font-weight: 500; letter-spacing: 0px; }

@media (min-width: 765px) { .quick-easy .text1-sp { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) { .quick-easy .text1-sp { font-size: 10.08px !important; } }

@media (min-width: 765px) { .colorful.colorful-easy-margin-xy1 { margin-top: 10vw; } }

@media screen and (max-width: 765px) { .colorful.colorful-easy-margin-xy1 { margin-top: 76vw; } }

.colorful .img_concept_colorful { width: 45vw; }

.colorful .title_concept_colorful { position: absolute; width: 19vw; top: 2vw; left: 0.1vw; }

.colorful .title_concept_colorful-line1 { position: absolute; width: 8.3vw; height: 0.3vw; top: 6.5vw; left: -3.8vw; background-color: #fcc288; }

.colorful .text1 { position: absolute; top: 9vw; left: 1vw; width: 42vw; }

@media (min-width: 765px) { .colorful .text1 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .colorful .text1 { font-size: 8.4px !important; } }

.colorful .bg_concept_colorful { position: absolute; width: 19vw; top: 25vw; left: 25.5vw; }

.colorful .title_concept_colorful-sp { position: absolute; width: 38vw; top: -10vw; }

.colorful .title_concept_colorful-line1-sp { position: absolute; width: 20vw; height: 0.5vw; top: -1vw; background-color: #fcc288; }

.colorful .bg_concept_colorful-sp { position: absolute; width: 45vw; left: 60vw; top: -22vw; }

.colorful .text1-sp { font-weight: 500; letter-spacing: 0px; }

@media (min-width: 765px) { .colorful .text1-sp { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) { .colorful .text1-sp { font-size: 10.08px !important; } }

.colorful .img_concept_colorful-sp { width: 100%; }

.professional.professional-margin-xy1 { margin-top: 9.8vw; }

.professional .title_concept_professional { width: 38vw; top: 0vw; }

.professional .lleft { position: absolute; left: 13vw; width: 8vw; }

.professional .lright { position: absolute; left: 85vw; top: -8vw; width: 8vw; }

.professional .sample_img_concept_professional { position: relative; top: -5vw; width: 28vw; }

.professional .professional2-1 { width: 100%; }

.professional .professional2-2 { width: 100%; }

.professional .text1 { font-weight: 700; left: 7vw; margin-top: 5vw; }

@media (min-width: 765px) { .professional .text1 { font-size: 20px !important; } }

@media screen and (max-width: 765px) { .professional .text1 { font-size: 12px !important; } }

.professional .text2 { left: 7vw; width: 40vw; margin-top: 2vw; }

@media (min-width: 765px) { .professional .text2 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .professional .text2 { font-size: 8.4px !important; } }

.professional .text3 { left: 7vw; margin-top: 5vw; }

@media (min-width: 765px) { .professional .text3 { font-size: 15px !important; } }

@media screen and (max-width: 765px) { .professional .text3 { font-size: 9px !important; } }

.professional .text4 { left: 7vw; }

@media (min-width: 765px) { .professional .text4 { font-size: 12px !important; } }

@media screen and (max-width: 765px) { .professional .text4 { font-size: 7.2px !important; } }

.professional .btn-shop { font-weight: 700; white-space: nowrap; padding-top: 20px; padding-bottom: 20px; }

@media (min-width: 765px) { .professional .btn-shop { font-size: 18px !important; } }

@media screen and (max-width: 765px) { .professional .btn-shop { font-size: 10.8px !important; } }

.professional .sample_img_concept_professional-sp { width: 100%; }

.professional .lleft-sp { position: relative; left: 10vw; width: 15vw; }

.professional .title_concept_professional-sp { position: absolute; width: 65vw; top: 5vw; left: 19vw; }

.professional .lright-sp { position: absolute; width: 15vw; left: 83vw; top: -16vw; }

.professional .text2-sp { font-weight: 500; left: 7vw; margin-top: 2vw; line-height: 1.7em; }

@media (min-width: 765px) { .professional .text2-sp { font-size: 16.8px !important; } }

@media screen and (max-width: 765px) { .professional .text2-sp { font-size: 10.08px !important; } }

.instagram.instagram-margin-xy1 { margin-top: 8.8vw; margin-bottom: 8.2vw; }

.instagram .instagram-title-text1 { font-family: "Raleway", sans-serif; font-weight: 800; letter-spacing: 5px; }

@media (min-width: 765px) { .instagram .instagram-title-text1 { font-size: 2.5vw; } }

@media screen and (max-width: 765px) { .instagram .instagram-title-text1 { font-size: 5.33333vw; } }

.instagram .instagram-title-line1 { background-color: #f07591; position: relative; left: -1vw; top: 1vw; }

@media (min-width: 765px) { .instagram .instagram-title-line1 { width: 4.5vw; height: 0.5vw; } }

@media screen and (max-width: 765px) { .instagram .instagram-title-line1 { width: 9vw; height: 1.2vw; } }

.instagram #ig-feed { display: flex; flex-wrap: wrap; justify-content: center; }

.instagram #ig-feed .feed { width: 25vw; height: 25vw; margin: 8px; background: #cccccc; }

.instagram #ig-feed .feed a { width: 100%; height: 100%; }

.instagram #ig-feed .feed a img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 765px) { .instagram .instagram-brands { font-size: 14px !important; } }

@media screen and (max-width: 765px) { .instagram .instagram-brands { font-size: 8.4px !important; } }

.instagram .instagram-link { color: #000000; font-weight: 500; }

footer .text1 { font-family: "Raleway", sans-serif; font-weight: 700; color: #fff; }

@media (min-width: 765px) { footer .text1 { font-size: 12px !important; } }

@media screen and (max-width: 765px) { footer .text1 { font-size: 7.2px !important; } }

footer .text1-sp { font-family: "Raleway", sans-serif; font-weight: 700; color: #fff; letter-spacing: 0px; }

@media (min-width: 765px) { footer .text1-sp { font-size: 16px !important; } }

@media screen and (max-width: 765px) { footer .text1-sp { font-size: 9.6px !important; } }

footer .text2 { color: #fff; }

@media (min-width: 765px) { footer .text2 { font-size: 14px !important; } }

@media screen and (max-width: 765px) { footer .text2 { font-size: 8.4px !important; } }

footer .text2-sp { font-weight: 700; color: #fff; letter-spacing: 0px; }

@media (min-width: 765px) { footer .text2-sp { font-size: 16px !important; } }

@media screen and (max-width: 765px) { footer .text2-sp { font-size: 9.6px !important; } }

footer .footer1 { background-color: #f8bfc7; }

footer .footer2 { background-color: #f07591; }

footer a { color: #fff; }

footer .logo_footer { height: 9vw; margin-top: 6.2vw; }

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