@charset "UTF-8";

@media print, screen and (min-width: 768px){
.container {
  padding-left: initial !important;
  padding-right: initial !important;
  max-width: 100% !important;
}}

.container {
  padding-left: initial !important;
  padding-right: initial !important;
}

.l-mv-area {
display: none;
}

.m-qrModal__close {
    cursor: pointer;
    color: #FFFFFF;
    width: min(2.34375vw, 30px);
    height: min(2.34375vw, 30px);
    position: absolute;
    top: max(-40px, -3.125vw);
    right: 0;
}

.m-qrModal__close::before, .m-qrModal__close::after {
    content: "";
    position: absolute;
    top: min(1.171875vw, 15px);
    width: min(2.34375vw, 30px);
    height: min(0.3125vw, 4px);
    background-color: currentColor;
}

.m-qrModal__close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.m-qrModal__close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ----------------------------------------------------------------
reset
----------------------------------------------------------------- */
* {
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}

body {
font-family: YuGothic, "Yu Gothic" "Yu Gothic Medium", "游ゴシック体", "游ゴシック Medium", "游ゴシック", sans-serif;
-webkit-text-size-adjust: none;
}

.m-clarimo {
font-family: "Clarimo UD PE Regular", sans-serif;
}

.m-qr__btns li, .l-wrap a {
transition: 0.3s ease-in-out;
transition-property: opacity;
}
.m-qr__btns li:hover, .l-wrap a:hover {
opacity: 0.7;
}

main {
font-feature-settings: normal;
}
main h1 {
margin-top: 0rem;
margin-bottom: 0rem;
}
main h2, main h3, main h4, main h5, main h6, main p {
margin-top: 0rem;
margin-bottom: 0rem;
}
main a {
display: inline-block;
}
main a:hover,
main a:focus-visible,
main button:hover,
main button:focus-visible,
main label:hover,
main label:focus-visible {
color: initial;
}
main a:hover img,
main button:hover img,
main label:hover img {
opacity: initial;
}
main picture {
display: flex;
align-items: center;
}

.l-wrap {
position: relative;
width: 100%;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
-webkit-text-size-adjust: none;
color: #3E3A39;
letter-spacing: normal;
}
.l-wrap img,
.l-wrap input[type=image] {
-webkit-backface-visibility: hidden;
}
.l-wrap img {
width: 100%;
vertical-align: bottom;
pointer-events: none;
}
.l-wrap button {
border: none;
background-color: #ffffff;
}
.l-wrap a {
color: #535E71;
}

.l-inner {
width: 100%;
}

.l-bg {
background-image: linear-gradient(rgba(255, 255, 255, 0.5) 1px, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, 0.5) 1px, transparent 0);
background-size: min(2.5vw, 32px) min(2.5vw, 32px);
background-position: top center;
}
@media screen and (max-width: 780px) {
.l-bg {
background-size: 4.1025641026vw 4.1025641026vw;
}
}
.l-bg.--gray {
background-color: #EFEDEC;
}
.l-bg.--green {
background-color: #A6E2C7;
}
.l-bg.--yellow {
background-color: #FFDB47;
}

.l-ttl--top {
position: absolute;
top: max(-40px, -3.125vw);
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 780px) {
.l-ttl--top {
top: -4.4871794872vw;
}
}
.l-ttl--sub {
position: relative;
display: inline-block;
left: 50%;
transform: translateX(-50%);
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-size: min(1.5625vw, 20px);
font-weight: 600;
line-height: 1;
text-align: center;
padding: min(5vw, 64px) 0 min(0.78125vw, 10px);
}
@media screen and (max-width: 780px) {
.l-ttl--sub {
font-size: 4.6153846154vw;
padding: 9.6153846154vw 0 1.9230769231vw;
}
}
.l-ttl--sub::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: min(0.15625vw, 2px);
background-color: #3E3A39;
}
@media screen and (max-width: 780px) {
.l-ttl--sub::after {
height: 0.3846153846vw;
}
}

.other_link {
margin: 0 auto;
padding-top: 80px;
width: 92%;
max-width: 1183px;
}
@media screen and (max-width: 780px) {
.other_link {
padding: 10vw 0 20px;
width: 89.1%;
max-width: 1000px;
}
}
.other_link .head {
margin-bottom: 45px;
padding-bottom: 15px;
border-bottom: 1px solid #333333;
overflow: hidden;
}
@media screen and (max-width: 780px) {
.other_link .head {
margin-bottom: 5.43vw;
padding-bottom: 2.17vw;
}
}
.other_link .head h3 {
margin: 0;
padding: 0;
line-height: 1.4em;
font-size: 23px;
font-weight: bold;
text-align: center;
font-family: "Clarimo UD PE DemiBold", "UD Shin Go DemiBold JIS2004", sans-serif;
color: #333333;
}
@media screen and (max-width: 780px) {
.other_link .head h3 {
font-size: 3.69vw;
}
}
.other_link .list {
margin: 0 55px;
padding: 0;
text-align: left;
list-style: none;
overflow: hidden;
}
@media screen and (max-width: 780px) {
.other_link .list {
margin: 0 2.17vw;
}
}
.other_link .list li {
margin-bottom: 20px;
padding: 0;
width: 33.3%;
float: left;
}
@media screen and (max-width: 780px) {
.other_link .list li {
margin-bottom: 1.91vw;
width: 49%;
}
}
.other_link .list li:nth-of-type(3n+1) {
clear: both;
}
@media screen and (max-width: 780px) {
.other_link .list li:nth-of-type(3n+1) {
clear: initial;
}
}
.other_link .list li a {
padding-left: 12px;
font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004", sans-serif;
display: inline-block;
position: relative;
}
@media screen and (max-width: 780px) {
.other_link .list li a {
padding-left: 3vw;
line-height: 1.4em;
font-size: 2vw;
}
}
.other_link .list li a::after {
margin-top: -6px;
padding: 0;
width: 6px;
height: 12px;
content: "";
background: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/arrow_02.svg") no-repeat center center;
background-size: cover;
display: block;
position: absolute;
top: 50%;
left: 0;
}
@media screen and (max-width: 780px) {
.other_link .list li a::after {
margin-top: -1.3vw;
width: 1.3vw;
height: 2.6vw;
}
}

.m-sp {
display: none;
}
@media screen and (max-width: 780px) {
.m-sp {
display: block;
}
}

.m-pc {
display: block;
}
@media screen and (max-width: 780px) {
.m-pc {
display: none;
}
}

.m-spI {
display: none;
}
@media screen and (max-width: 780px) {
.m-spI {
display: inline;
}
}

.m-pcI {
display: inline;
}
@media screen and (max-width: 780px) {
.m-pcI {
display: none;
}
}
.m-nowrap {
white-space: nowrap;
}

/**
* Swiper 9.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 13, 2023
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}

.swiper, swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}

.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
touch-action: pan-y;
}

.swiper-vertical {
touch-action: pan-x;
}

.swiper-slide, swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}

.swiper-slide-invisible-blank {
visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}

.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}

.swiper-3d {
perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}

.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
--swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}

:root {
--swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: "next";
}

.swiper-button-lock {
display: none;
}

.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}

.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}

.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}

.swiper-pagination-bullet:only-child {
display: none !important;
}

.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}

.swiper-pagination-lock {
display: none;
}

.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
-ms-touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}

.swiper-scrollbar-cursor-drag {
cursor: move;
}

.swiper-scrollbar-lock {
display: none;
}

.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}

.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}

.swiper .swiper-notification, swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}

.swiper-cube {
overflow: visible;
}

.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}

.swiper-flip {
overflow: visible;
}

.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}

.swiper-cards {
overflow: visible;
}

.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}

.m-kv {
position: relative;
width: 100%;
}
.m-kv__head {
position: absolute;
top: 3.90625vw;
right: 3.515625vw;
z-index: 10;
width: 20.3125vw;
}
@media screen and (max-width: 780px) {
.m-kv__head {
top: 67.9487179487vw;
right: 1.6666666667vw;
width: 40.5128205128vw;
}
}
.m-kv__pagination {
display: flex;
justify-content: center;
margin-top: min(1.171875vw, 15px);
}
@media screen and (max-width: 780px) {
.m-kv__pagination {
margin-top: 3.8461538462vw;
}
}
.m-kv__pagination .swiper-pagination-bullet {
opacity: 1;
width: min(0.9375vw, 12px);
height: min(0.9375vw, 12px);
background-color: #FFFFFF;
border: 1px solid #3E3A39;
border-radius: 50%;
margin: 0 min(0.9375vw, 12px) !important;
}
@media screen and (max-width: 780px) {
.m-kv__pagination .swiper-pagination-bullet {
width: 1.5384615385vw;
height: 1.5384615385vw;
margin: 0 1.5384615385vw !important;
}
}
.m-kv__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #3E3A39;
border: 1px solid #FFFFFF;
}

@media screen and (max-width: 780px) {
.kvSlide {
padding-bottom: 6.4102564103vw;
margin-bottom: -6.4102564103vw;
}
}

.m-btn ul {
display: flex;
flex-wrap: wrap;
column-gap: min(0.9375vw, 12px);
row-gap: min(0.78125vw, 10px);
width: min(67.5vw, 864px);
margin: 0 auto;
}
@media screen and (max-width: 780px) {
.m-btn ul {
column-gap: 1.7948717949vw;
row-gap: 1.9230769231vw;
width: 83.3333333333vw;
}
}
.m-btn ul li {
width: min(21.875vw, 280px);
position: relative;
z-index: 1;
}
@media screen and (max-width: 780px) {
.m-btn ul li {
width: 40.7692307692vw;
}
}
.m-btn ul li::before {
position: absolute;
z-index: -1;
content: "";
background-color: #fff;
top: 0;
left: 0;
width: min(21.71875vw, 278px);
height: min(4.53125vw, 58px);
border-radius: min(0.9375vw, 12px);
}
@media screen and (max-width: 780px) {
.m-btn ul li::before {
width: 40.2564102564vw;
height: 10.2564102564vw;
border-radius: 1.5384615385vw;
}
}

.m-nav {
position: absolute;
height: min(6.25vw, 80px);
opacity: 0;
z-index: 99;
}
@media screen and (max-width: 780px) {
.m-nav {
height: 19.7435897436vw;
}
}
.m-nav ul {
display: none;
}
.m-nav--fixed {
opacity: 1;
transition: all 0.5s ease;
}
.m-nav--fixed ul {
position: fixed;
z-index: 50;
top: 0;
left: 0;
right: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: min(4.6875vw, 60px);
background-color: #3E3A39;
padding: min(1.5625vw, 20px) 0;
}
@media screen and (max-width: 780px) {
.m-nav--fixed ul {
column-gap: 0;
padding: 0;
}
}
.m-nav--fixed li {
font-size: min(1.25vw, 16px);
line-height: 1.25;
text-align: center;
}
@media screen and (max-width: 780px) {
.m-nav--fixed li {
font-size: 3.0769230769vw;
line-height: 1.0833333333;
height: 9.8717948718vw;
}
}
@media screen and (max-width: 780px) {
.m-nav--fixed li:nth-child(1), .m-nav--fixed li:nth-child(2) {
width: 50%;
border-bottom: 1px solid #EFEDEC;
}
}
@media screen and (max-width: 780px) {
.m-nav--fixed li:nth-child(3), .m-nav--fixed li:nth-child(4), .m-nav--fixed li:nth-child(5) {
width: 33.3333333333%;
}
}
@media screen and (max-width: 780px) {
.m-nav--fixed li:nth-child(1), .m-nav--fixed li:nth-child(3), .m-nav--fixed li:nth-child(4) {
border-right: 1px solid #EFEDEC;
}
}
.m-nav--fixed li a {
color: #F1CD40;
}
@media screen and (max-width: 780px) {
.m-nav--fixed li a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
}

.l-about {
padding: min(3.90625vw, 50px) 0 min(7.8125vw, 100px);
}
@media screen and (max-width: 780px) {
.l-about {
padding: 1.6666666667vw 0 12.8205128205vw;
}
}
.l-about__ttl {
width: min(75vw, 960px);
margin: 0 auto min(4.53125vw, 58px);
}
@media screen and (max-width: 780px) {
.l-about__ttl {
width: 100%;
margin-bottom: 11.5384615385vw;
}
}
.l-about__txt {
width: min(67.96875vw, 870px);
margin: min(6.875vw, 88px) auto 0;
}
@media screen and (max-width: 780px) {
.l-about__txt {
width: 85.8974358974vw;
margin-top: 12.0512820513vw;
}
}
.l-about .m-quality {
margin-top: min(6.171875vw, 79px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality {
margin-top: 11.5384615385vw;
}
}
.l-about .m-quality__ttl {
width: min(35.15625vw, 450px);
margin: 0 auto;
}
@media screen and (max-width: 780px) {
.l-about .m-quality__ttl {
width: 83.8461538462vw;
}
}
.l-about .m-quality .qualitySlide {
margin-top: min(2.65625vw, 34px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality .qualitySlide {
margin-top: 5.641025641vw;
}
}
.l-about .m-quality .qualitySlide__wrap {
display: flex;
justify-content: center;
column-gap: min(2.34375vw, 30px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality .qualitySlide__wrap {
flex-direction: column;
align-items: center;
row-gap: 14.358974359vw;
}
}
.l-about .m-quality .qualitySlide__img {
position: relative;
width: min(34.453125vw, 441px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality .qualitySlide__img {
width: 100%;
}
}
.l-about .m-quality .qualitySlide__img:first-child::after {
content: "";
position: absolute;
z-index: 1;
top: min(12.890625vw, 165px);
right: max(-12px, -0.9375vw);
width: min(2.34375vw, 30px);
height: min(3.4375vw, 44px);
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/quality_arrow.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 780px) {
.l-about .m-quality .qualitySlide__img:first-child::after {
top: auto;
right: auto;
left: 50%;
bottom: -9.2307692308vw;
transform: translateX(-50%);
width: 10.7692307692vw;
height: 4.8717948718vw;
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/quality_arrow_sp.png");
}
}
.l-about .m-quality .qualitySlide .swiper-container {
width: min(11.71875vw, 150px);
margin: min(1.5625vw, 20px) auto 0;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 780px) {
.l-about .m-quality .qualitySlide .swiper-container {
width: 19.2307692308vw;
margin-top: 7.0512820513vw;
}
}
.l-about .m-quality .qualitySlide .swiper-container .btns {
width: min(2.109375vw, 27px);
display: flex;
cursor: pointer;
}
@media screen and (max-width: 780px) {
.l-about .m-quality .qualitySlide .swiper-container .btns {
width: 3.4615384615vw;
}
}
.l-about .m-quality .qualitySlide__pagination {
display: flex;
justify-content: center;
align-items: center;
}
.l-about .m-quality .qualitySlide__pagination .swiper-pagination-bullet {
width: min(0.78125vw, 10px);
height: min(0.78125vw, 10px);
background-color: #3E3A39;
opacity: 1;
border-radius: 50%;
margin: 0 min(0.625vw, 8px) !important;
}
@media screen and (max-width: 780px) {
.l-about .m-quality .qualitySlide__pagination .swiper-pagination-bullet {
width: 1.2820512821vw;
height: 1.2820512821vw;
margin: 0 1.0256410256vw !important;
}
}
.l-about .m-quality .qualitySlide__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #49E2A6 !important;
opacity: 1;
border: 1px solid #3E3A39;
}
.l-about .m-quality-plus {
margin-top: min(6.875vw, 88px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality-plus {
margin-top: 15vw;
}
}
.l-about .m-quality-plus__ttl {
width: min(35.15625vw, 450px);
margin: 0 auto;
}
@media screen and (max-width: 780px) {
.l-about .m-quality-plus__ttl {
width: 83.8461538462vw;
}
}
.l-about .m-quality-plus__wrap {
display: flex;
justify-content: center;
column-gap: min(2.34375vw, 30px);
margin-top: min(2.34375vw, 30px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality-plus__wrap {
flex-direction: column;
align-items: center;
row-gap: 14.358974359vw;
margin-top: 6.9230769231vw;
}
}
.l-about .m-quality-plus__img {
position: relative;
width: min(34.375vw, 440px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality-plus__img {
width: 100%;
}
}
.l-about .m-quality-plus__img:first-child::after {
content: "";
position: absolute;
z-index: 1;
top: min(10.3125vw, 132px);
right: max(-12px, -0.9375vw);
width: min(2.34375vw, 30px);
height: min(3.4375vw, 44px);
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/quality_arrow.png");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 780px) {
.l-about .m-quality-plus__img:first-child::after {
top: auto;
right: auto;
left: 50%;
bottom: -9.2307692308vw;
transform: translateX(-50%);
width: 10.7692307692vw;
height: 4.8717948718vw;
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/quality_arrow_sp.png");
}
}
.l-about .m-quality-plus__txt {
font-size: min(1.09375vw, 14px);
color: #7B8190;
text-align: center;
}
@media screen and (max-width: 780px) {
.l-about .m-quality-plus__txt {
font-size: 3.3333333333vw;
text-align: right;
}
}
.l-about .m-quality-plus__txt--01 {
margin-top: min(0.78125vw, 10px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality-plus__txt--01 {
width: 83.8461538462vw;
margin: 2.9487179487vw auto 0;
}
}
.l-about .m-quality-plus__txt--02 {
margin-top: min(3.90625vw, 50px);
}
@media screen and (max-width: 780px) {
.l-about .m-quality-plus__txt--02 {
width: 87.1794871795vw;
margin: 5.5128205128vw auto 0;
}
}

.l-renewal {
position: relative;
padding-bottom: min(14.84375vw, 190px);
}
@media screen and (max-width: 780px) {
.l-renewal {
padding-bottom: 28.9743589744vw;
}
}
.l-renewal__ttl {
width: min(47.1875vw, 604px);
}
@media screen and (max-width: 780px) {
.l-renewal__ttl {
width: 68.7179487179vw;
}
}
.l-renewal__wrap {
position: relative;
width: min(67.1875vw, 860px);
border: 1px solid #3E3A39;
border-radius: 10px;
padding: min(0.78125vw, 10px);
margin: min(7.8125vw, 100px) auto 0;
}
@media screen and (max-width: 780px) {
.l-renewal__wrap {
width: 89.7435897436vw;
border-radius: 8px;
padding: 1.0256410256vw;
margin-top: 15.8974358974vw;
}
}
.l-renewal__wrap::before {
content: "";
position: absolute;
top: max(-27px, -2.109375vw);
left: 50%;
transform: translateX(-50%);
width: min(30.3125vw, 388px);
height: min(4.296875vw, 55px);
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/renewal_deco.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 780px) {
.l-renewal__wrap::before {
top: -2.8205128205vw;
width: 40.5128205128vw;
height: 5.7692307692vw;
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/renewal_deco_sp.svg");
}
}
.l-renewal__bg {
background-color: #FFDB47;
border: 1px solid #3E3A39;
border-radius: 10px;
padding: min(5.46875vw, 70px) 0 min(5.859375vw, 75px);
}
@media screen and (max-width: 780px) {
.l-renewal__bg {
padding: 12.8205128205vw 0 2.1794871795vw;
}
}
.l-renewal__txt {
font-size: min(1.25vw, 16px);
line-height: 1.875;
padding-left: min(4.453125vw, 57px);
}
@media screen and (max-width: 780px) {
.l-renewal__txt {
font-size: 4.6153846154vw;
line-height: 1.9444444444;
padding-left: 7.0512820513vw;
padding-right: 3.8461538462vw;
letter-spacing: -0.04em;
}
}
.l-renewal__txt p:nth-of-type(1) {
width: min(56.71875vw, 726px);
}
@media screen and (max-width: 780px) {
.l-renewal__txt p:nth-of-type(1) {
width: 72.8205128205vw;
}
}
.l-renewal__txt p:nth-of-type(2) {
width: min(37.34375vw, 478px);
}
@media screen and (max-width: 780px) {
.l-renewal__txt p:nth-of-type(2) {
width: 72.3076923077vw;
}
}
.l-renewal__group {
display: block;
width: min(56.71875vw, 726px);
height: min(12.8125vw, 164px);
font-weight: 600;
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/renewal_txt_bg.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: min(2.1875vw, 28px) min(1.40625vw, 18px);
}
@media screen and (max-width: 780px) {
.l-renewal__group {
width: 72.4358974359vw;
height: auto;
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/renewal_txt_bg_sp.svg");
padding: 13.9743589744vw 5.7692307692vw 13.9743589744vw 7.0512820513vw;
}
}
.l-renewal__group span {
display: block;
}
@media screen and (max-width: 780px) {
.l-renewal__item {
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.7222222222;
text-decoration: underline;
text-underline-offset: 0.2em;
}
}
@media screen and (max-width: 780px) {
.l-renewal__item:not(:first-child) {
margin: 8.5897435897vw 0;
}
}
.l-renewal__item:nth-child(1) {
letter-spacing: 0.01em;
}
.l-renewal__strong {
font-weight: 700;
}
@media screen and (max-width: 780px) {
.l-renewal__strong {
font-size: 5.1282051282vw;
line-height: 1.75;
margin-top: 0vw;
}
}

.m-setting {
position: relative;
display: flex;
justify-content: center;
align-items: center;
column-gap: min(4.453125vw, 57px);
width: min(56.5625vw, 724px);
margin: min(5.46875vw, 70px) auto 0;
padding-top: min(6.015625vw, 77px);
}
@media screen and (max-width: 780px) {
.m-setting {
flex-direction: column;
row-gap: 7.3076923077vw;
width: 82.8205128205vw;
margin-top: 12.8205128205vw;
padding: 14.358974359vw 0 15.3846153846vw;
}
}
.m-setting::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: min(0.3125vw, 4px);
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/setting_line.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 780px) {
.m-setting::before {
height: 1.0256410256vw;
background-image: url("/fb-sp/fb/ja/solutions/wide-variety/multicopy/creator/img/setting_line_sp.svg");
}
}
.m-setting__detail {
width: min(23.515625vw, 301px);
}
@media screen and (max-width: 780px) {
.m-setting__detail {
width: 73.0769230769vw;
}
}
.m-setting__default {
width: min(23.515625vw, 301px);
}
@media screen and (max-width: 780px) {
.m-setting__default {
width: 73.0769230769vw;
}
}
.m-setting__change {
width: min(23.4375vw, 300px);
margin-top: min(2.5vw, 32px);
}
@media screen and (max-width: 780px) {
.m-setting__change {
margin-top: 6.7948717949vw;
width: 72.4358974359vw;
}
}
.m-setting__img {
width: min(20.859375vw, 267px);
}
@media screen and (max-width: 780px) {
.m-setting__img {
width: 70.5128205128vw;
}
}

.l-special {
position: relative;
padding-bottom: min(14.84375vw, 190px);
}
@media screen and (max-width: 780px) {
.l-special {
padding-bottom: 29.4871794872vw;
}
}
.l-special__ttl {
width: min(67.5vw, 864px);
}
@media screen and (max-width: 780px) {
.l-special__ttl {
width: 86.4102564103vw;
}
}
.l-special__txt {
width: min(57.890625vw, 741px);
margin: min(5.859375vw, 75px) auto 0;
}
@media screen and (max-width: 780px) {
.l-special__txt {
width: 83.8461538462vw;
margin-top: 12.8205128205vw;
}
}
.l-special .m-slide__img {
width: min(27.1875vw, 348px);
height: min(37.5vw, 480px);
}
@media screen and (max-width: 780px) {
.l-special .m-slide__img {
width: 69.2307692308vw;
height: 95.5128205128vw;
display: flex;
align-items: center;
}
}
.l-special .m-slide__img--landscape {
width: min(44.53125vw, 570px);
}
@media screen and (max-width: 780px) {
.l-special .m-slide__img--landscape {
width: 69.2307692308vw;
}
}

.l-color {
position: relative;
padding-bottom: min(14.84375vw, 190px);
}
@media screen and (max-width: 780px) {
.l-color {
padding-bottom: 30vw;
}
}
.l-color__ttl {
width: min(50vw, 640px);
}
@media screen and (max-width: 780px) {
.l-color__ttl {
width: 73.0769230769vw;
}
}
.l-color__txt {
width: min(59.375vw, 760px);
font-size: min(1.5625vw, 20px);
line-height: 2;
margin: min(5.859375vw, 75px) auto 0;
}
@media screen and (max-width: 780px) {
.l-color__txt {
width: 85.8974358974vw;
font-size: 4.6153846154vw;
line-height: 1.9444444444;
margin-top: 12.8205128205vw;
}
}
@media screen and (max-width: 780px) {
.l-color__txt span:nth-of-type(1) {
letter-spacing: -0.08em;
}
}
@media screen and (max-width: 780px) {
.l-color__txt span:nth-of-type(2) {
letter-spacing: 0.05em;
}
}
.l-color__note {
display: block;
font-size: min(1.09375vw, 14px);
text-align: right;
}
@media screen and (max-width: 780px) {
.l-color__note {
font-size: 4.1025641026vw;
text-align: left;
letter-spacing: -0.07em;
}
}
.l-color .m-slide {
background-color: #EFEDEC;
}
.l-color .m-slide__img {
width: min(27.1875vw, 348px);
}
@media screen and (max-width: 780px) {
.l-color .m-slide__img {
width: 69.2307692308vw;
}
}
.l-color .m-slide__name {
width: min(13.4375vw, 172px);
}
@media screen and (max-width: 780px) {
.l-color .m-slide__name {
width: 44.1025641026vw;
}
}
@media screen and (max-width: 780px) {
.l-color .m-qr__btns {
justify-content: center;
}
}
.l-color .m-num__txt {
padding: min(1.171875vw, 15px) 0;
}
@media screen and (max-width: 780px) {
.l-color .m-num__txt {
padding: 2.8205128205vw 0;
}
}

.l-print {
position: relative;
padding-bottom: min(14.84375vw, 190px);
}
@media screen and (max-width: 780px) {
.l-print {
padding-bottom: 22.4358974359vw;
}
}
.l-print__ttl {
width: min(45.15625vw, 578px);
}
@media screen and (max-width: 780px) {
.l-print__ttl {
width: 65.641025641vw;
}
}
.l-print__btn {
width: min(29.21875vw, 374px);
margin: min(5.9375vw, 76px) auto 0;
position: relative;
z-index: 1;
}
@media screen and (max-width: 780px) {
.l-print__btn {
width: 83.8461538462vw;
margin-top: 13.4615384615vw;
}
}
.l-print__btn::before {
position: absolute;
z-index: -1;
content: "";
background-color: #fff;
top: 0;
left: 0;
width: min(28.90625vw, 370px);
height: min(4.53125vw, 58px);
border-radius: min(0.859375vw, 11px);
}
@media screen and (max-width: 780px) {
.l-print__btn::before {
top: 0.1282051282vw;
left: 0.1282051282vw;
width: 83.2051282051vw;
height: 13.2051282051vw;
border-radius: 1.5384615385vw;
}
}
.l-print__seven {
display: flex;
justify-content: center;
align-items: center;
column-gap: min(2.109375vw, 27px);
margin-top: min(5.078125vw, 65px);
}
@media screen and (max-width: 780px) {
.l-print__seven {
column-gap: 3.8461538462vw;
margin-top: 7.6923076923vw;
}
}
.l-print__seven figure {
width: min(5.078125vw, 65px);
}
@media screen and (max-width: 780px) {
.l-print__seven figure {
width: 17.3076923077vw;
}
}
.l-print__seven p {
width: min(21.875vw, 280px);
}
@media screen and (max-width: 780px) {
.l-print__seven p {
width: 61.5384615385vw;
}
}

.l-news {
position: relative;
padding-bottom: min(14.84375vw, 190px);
}
@media screen and (max-width: 780px) {
.l-news {
padding-bottom: 27.4358974359vw;
}
}
.l-news__ttl {
width: min(21.5625vw, 276px);
}
@media screen and (max-width: 780px) {
.l-news__ttl {
width: 31.5384615385vw;
}
}
.l-news__coming-soon {
width: min(29.375vw, 376px);
margin: min(10.9375vw, 140px) auto 0;
}
@media screen and (max-width: 780px) {
.l-news__coming-soon {
width: 48.2051282051vw;
margin-top: 25.641025641vw;
}
}
.l-news__sns {
font-size: min(1.25vw, 16px);
line-height: 1.25;
text-align: center;
margin-top: min(10.9375vw, 140px);
}
@media screen and (max-width: 780px) {
.l-news__sns {
font-size: 3.8461538462vw;
line-height: 1.2;
margin-top: 25.641025641vw;
}
}
.l-news__btn {
width: min(28.671875vw, 367px);
margin: min(3.125vw, 40px) auto 0;
}
@media screen and (max-width: 780px) {
.l-news__btn {
width: 83.8461538462vw;
margin-top: 5.8974358974vw;
}
}
.l-links {
position: relative;
background-color: #ABDDFF;
padding-bottom: min(11.71875vw, 150px);
}
@media screen and (max-width: 780px) {
.l-links {
padding-bottom: 25.1282051282vw;
}
}
.l-links__ttl {
width: min(21.875vw, 280px);
}
@media screen and (max-width: 780px) {
.l-links__ttl {
width: 32.0512820513vw;
}
}
.l-links__inner {
width: min(67.1875vw, 860px);
margin: min(7.03125vw, 90px) auto 0;
}
@media screen and (max-width: 780px) {
.l-links__inner {
width: 72.3076923077vw;
margin-top: 13.0769230769vw;
}
}
.l-links__category {
font-size: min(1.5625vw, 20px);
line-height: 1;
font-weight: 600;
color: #FFFFFF;
text-align: center;
background-color: #3E3A39;
border-radius: 10px;
padding: min(1.40625vw, 18px) 0;
}
@media screen and (max-width: 780px) {
.l-links__category {
font-size: 4.358974359vw;
padding: 2.8205128205vw 0;
}
}
.l-links__banner {
display: flex;
justify-content: space-between;
margin-top: min(3.28125vw, 42px);
}
@media screen and (max-width: 780px) {
.l-links__banner {
flex-direction: column;
align-items: center;
row-gap: 9.6153846154vw;
margin-top: 12.8205128205vw;
}
}
.l-links__item {
width: min(21.09375vw, 270px);
}
@media screen and (max-width: 780px) {
.l-links__item {
width: 100%;
}
}
.l-links__txt {
width: min(21.328125vw, 273px);
margin-top: min(0.78125vw, 10px);
}
@media screen and (max-width: 780px) {
.l-links__txt {
width: 72.9487179487vw;
margin-top: 4.6153846154vw;
}
}
.l-links__note {
font-size: min(1.09375vw, 14px);
line-height: 1.7142857143;
margin-top: min(3.125vw, 40px);
}
@media screen and (max-width: 780px) {
.l-links__note {
font-size: 2.5641025641vw;
line-height: 1.2;
margin-top: 12.4358974359vw;
}
}

.m-qrModal {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100vh;
opacity: 0;
pointer-events: none;
transition: 0.3s ease-in-out;
transition-property: opacity;
}
.m-qrModal.active {
opacity: 1;
pointer-events: all;
}
.m-qrModal__bg {
width: 100%;
height: 100%;
background-color: rgba(112, 112, 112, 0.6);
}
.m-qrModal__img {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
width: fit-content;
}
.m-qrModal__img img {
width: auto;
max-height: 75vh;
max-height: 75dvh;
}
@media screen and (max-width: 780px) {
.m-qrModal__img img {
max-width: 85vw;
max-height: 90vh;
max-height: 90dvh;
}
}
.m-qrModal__close {
cursor: pointer;
color: #FFFFFF;
width: min(2.34375vw, 30px);
height: min(2.34375vw, 30px);
position: absolute;
top: max(-40px, -3.125vw);
right: 0;
}
@media screen and (max-width: 780px) {
.m-qrModal__close {
width: 6.4102564103vw;
height: 6.4102564103vw;
top: -7.0512820513vw;
}
}
.m-qrModal__close::before, .m-qrModal__close::after {
content: "";
position: absolute;
top: min(1.171875vw, 15px);
width: min(2.34375vw, 30px);
height: min(0.3125vw, 4px);
background-color: currentColor;
}
@media screen and (max-width: 780px) {
.m-qrModal__close::before, .m-qrModal__close::after {
top: 3.2051282051vw;
width: 6.4102564103vw;
height: 0.5128205128vw;
}
}
.m-qrModal__close:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.m-qrModal__close:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.m-slide {
width: min(57.8125vw, 740px);
background-color: #FFFFFF;
border: 1px solid #3E3A39;
border-radius: 10px;
margin: min(5.859375vw, 75px) auto 0;
padding: min(5.703125vw, 73px) 0;
}
@media screen and (max-width: 780px) {
.m-slide {
width: 89.7435897436vw;
margin-top: 12.4358974359vw;
padding: 10.2564102564vw 0 8.3333333333vw;
}
}
.m-slide__img {
width: min(22.8125vw, 292px);
margin: 0 auto;
display: flex;
align-items: center;
}
@media screen and (max-width: 780px) {
.m-slide__img {
width: 66.6666666667vw;
}
}
.m-slide__name {
width: min(31.25vw, 400px);
margin: min(3.90625vw, 50px) auto 0;
}
@media screen and (max-width: 780px) {
.m-slide__name {
width: 73.8461538462vw;
margin-top: 11.7948717949vw;
}
}
.m-slide__wrap {
display: flex;
justify-content: center;
column-gap: min(1.71875vw, 22px);
margin-top: min(2.578125vw, 33px);
}
@media screen and (max-width: 780px) {
.m-slide__wrap {
flex-direction: column;
align-items: center;
row-gap: 4.4871794872vw;
margin-top: 6.4102564103vw;
}
}
.m-slide .btns {
display: flex;
justify-content: space-between;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: 10;
width: 100%;
padding: 0 min(2.34375vw, 30px);
}
@media screen and (max-width: 780px) {
.m-slide .btns {
top: 57.6923076923vw;
padding: 0 3.4615384615vw;
}
}
.m-slide .btns li {
width: min(3.671875vw, 47px);
padding: min(0.78125vw, 10px);
cursor: pointer;
}
@media screen and (max-width: 780px) {
.m-slide .btns li {
width: 6.0256410256vw;
padding: 1.2820512821vw;
}
}
.m-slide__pagination {
display: flex;
justify-content: center;
width: 100%;
height: fit-content;
position: absolute;
z-index: 2;
}
.m-slide__pagination .swiper-pagination-bullet {
opacity: 1;
width: min(0.78125vw, 10px);
height: min(0.78125vw, 10px);
background-color: #3E3A39;
border-radius: 50%;
margin: 0 min(0.625vw, 8px) !important;
opacity: 0.2;
}
@media screen and (max-width: 780px) {
.m-slide__pagination .swiper-pagination-bullet {
width: 1.2820512821vw;
height: 1.2820512821vw;
margin: 0 1.0256410256vw !important;
}
}
.m-slide__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.m-slide .swiper-horizontal > .swiper-pagination-bullets, .m-slide .swiper-pagination-bullets.swiper-pagination-horizontal, .m-slide .swiper-pagination-custom, .m-slide .swiper-pagination-fraction {
top: min(44.84375vw, 574px);
}
@media screen and (max-width: 780px) {
.m-slide .swiper-horizontal > .swiper-pagination-bullets, .m-slide .swiper-pagination-bullets.swiper-pagination-horizontal, .m-slide .swiper-pagination-custom, .m-slide .swiper-pagination-fraction {
top: 110.2564102564vw;
}
}

.m-qr {
width: min(13.75vw, 176px);
}
@media screen and (max-width: 780px) {
.m-qr {
width: 72.8205128205vw;
}
}
.m-qr__ttl {
width: min(7.03125vw, 90px);
margin: 0 auto;
}
@media screen and (max-width: 780px) {
.m-qr__ttl {
width: 20.7692307692vw;
}
}
@media screen and (max-width: 780px) {
.m-qr__btns {
display: flex;
justify-content: space-between;
margin-top: 3.2051282051vw;
}
}
.m-qr__btns li {
margin-top: min(1.171875vw, 15px);
cursor: pointer;
}
@media screen and (max-width: 780px) {
.m-qr__btns li {
width: 34.358974359vw;
margin-top: 0;
}
}

.m-num {
width: min(15.625vw, 200px);
}
@media screen and (max-width: 780px) {
.m-num {
width: 72.8205128205vw;
}
}
.m-num__ttl {
width: min(12.5vw, 160px);
margin: 0 auto;
}
@media screen and (max-width: 780px) {
.m-num__ttl {
width: 36.9230769231vw;
}
}
.m-num__txt {
font-size: min(1.25vw, 16px);
font-weight: 700;
line-height: 1;
text-align: center;
border: 2px solid #3E3A39;
background-color: #FFCD00;
border-radius: 10px;
margin-top: min(1.171875vw, 15px);
padding: min(2.5vw, 32px) 0;
}
@media screen and (max-width: 780px) {
.m-num__txt {
font-size: 4.1025641026vw;
line-height: 1;
text-align: center;
margin-top: 3.5897435897vw;
padding: 2.8205128205vw 0;
}
}
.m-num__txt li:not(:first-child) {
margin-top: min(1.015625vw, 13px);
}
@media screen and (max-width: 780px) {
.m-num__txt li:not(:first-child) {
margin-top: 2.5641025641vw;
}
}

.m-note {
font-size: min(1.09375vw, 14px);
text-align: right;
width: min(57.8125vw, 740px);
margin: min(1.09375vw, 14px) auto 0;
color: #7B8190;
}
@media screen and (max-width: 780px) {
.m-note {
font-size: 3.3333333333vw;
width: 89.7435897436vw;
margin: 3.0769230769vw auto 0;
}
}

.m-price {
display: flex;
align-items: center;
width: min(57.8125vw, 740px);
text-align: center;
background-color: #FFFFFF;
border: 1px solid #3E3A39;
border-radius: 10px;
margin: min(5.859375vw, 75px) auto 0;
}
@media screen and (max-width: 780px) {
.m-price {
width: 89.7435897436vw;
margin-top: 12.8205128205vw;
}
}
.m-price__ttl {
width: min(17.5vw, 224px);
font-size: min(1.5625vw, 20px);
line-height: 1;
background-color: #FFCD00;
border-right: 1px solid #3E3A39;
border-radius: 10px 0 0 10px;
padding: min(1.171875vw, 15px) 0;
}
@media screen and (max-width: 780px) {
.m-price__ttl {
width: 16.4102564103vw;
font-size: 4.1025641026vw;
padding: 2.3076923077vw 0;
}
}
.m-price__txt {
width: calc(100% - min(17.5vw, 224px));
font-size: min(1.5625vw, 20px);
line-height: 1;
}
@media screen and (max-width: 780px) {
.m-price__txt {
width: calc(100% - 16.4102564103vw);
font-size: 3.3333333333vw;
}
}

.m-tab {
width: min(67.1875vw, 860px);
margin: min(5.859375vw, 75px) auto 0;
}
@media screen and (max-width: 780px) {
.m-tab {
width: 89.7435897436vw;
margin-top: 12.8205128205vw;
}
}
.m-tab__btn {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
@media screen and (max-width: 780px) {
.m-tab__btn {
flex-direction: row;
}
}
.m-tab__btn li {
cursor: pointer;
border-radius: 15px 15px 0 0;
background: #C5C6C6;
font-size: min(1.5625vw, 20px);
font-weight: 600;
text-align: center;
width: min(31.25vw, 400px);
padding: min(1.796875vw, 23px) 0;
}
@media screen and (max-width: 780px) {
.m-tab__btn li {
border-radius: 10px 10px 0 0;
font-size: 4.1025641026vw;
line-height: 1;
width: 50%;
padding: 2.5641025641vw 0;
}
}
.m-tab__btn li.active {
background-color: #49E2A6;
pointer-events: none;
}
.m-tab__contents {
position: relative;
display: none;
width: 100%;
background-color: #FFFFFF;
border-top: 5px solid #4AE2A7;
padding: min(4.6875vw, 60px) 0;
}
@media screen and (max-width: 780px) {
.m-tab__contents {
border-top: 4px solid #4AE2A7;
padding: 8.9743589744vw 0;
}
}
.m-tab__contents.active {
display: block;
}

.m-step {
display: flex;
width: min(57.8125vw, 740px);
border: 1px solid #3E3A39;
border-radius: 10px;
margin: 0 auto;
}
@media screen and (max-width: 780px) {
.m-step {
flex-direction: column;
width: 72.3076923077vw;
}
}
.m-step:not(:first-child) {
margin-top: min(1.953125vw, 25px);
}
@media screen and (max-width: 780px) {
.m-step:not(:first-child) {
margin-top: 8.9743589744vw;
}
}
.m-step__ttl {
display: flex;
justify-content: center;
align-items: center;
width: min(11.953125vw, 153px);
background-color: #EFEDEC;
border-right: 1px solid #3E3A39;
border-radius: 10px 0 0 10px;
}
@media screen and (max-width: 780px) {
.m-step__ttl {
width: 100%;
border-radius: 10px 10px 0 0;
border-right: none;
border-bottom: 1px solid #3E3A39;
padding: 1.9230769231vw 0;
}
}
.m-step__ttl figure {
width: min(3.671875vw, 47px);
}
@media screen and (max-width: 780px) {
.m-step__ttl figure {
width: 25.641025641vw;
}
}
.m-step__wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100% - min(11.953125vw, 153px));
padding: min(1.5625vw, 20px);
padding-left: min(3.125vw, 40px);
}
@media screen and (max-width: 780px) {
.m-step__wrap {
flex-direction: column;
row-gap: 6.4102564103vw;
width: 100%;
padding: 6.4102564103vw 3.0769230769vw;
}
}
.m-step__txt {
width: min(18.75vw, 240px);
}
@media screen and (max-width: 780px) {
.m-step__txt {
width: 100%;
}
}
.m-step__img {
width: min(19.6875vw, 252px);
}
@media screen and (max-width: 780px) {
.m-step__img {
width: 100%;
}
}