:root{--resetColor:var(--red700);--resetBgColor:var(--beige200);--resetFontFamily:var(--gothic);--resetFontSize:var(--fz500);--resetFontWeight:var(--fontMedium);--resetLineHeight:var(--lh500);--resetLetterSpacing:var(--ls500);--black900:#333;--white900:#fff;--red700:#6d0000;--red500:#f74343;--aqua500:#3db2dc;--beige200:#f9f8ef;--yellow500:#ffe652;--orange500:#f29600;--gothic:'Noto Sans JP';--roundGothic:'M PLUS Rounded 1c';--serif:'';--en:'';--fz500:1.6rem;--fontMedium:500;--fontBold:700;--lh500:1.8;--ls500:0.05em;--opacity500:0.6;--width:80.4rem;--linear:cubic-bezier(0.250, 0.250, 0.750, 0.750);--easeInSine:cubic-bezier(0.47, 0, 0.745, 0.715);--easeOutSine:cubic-bezier(0.39, 0.575, 0.565, 1);--easeInOutSine:cubic-bezier(0.445, 0.05, 0.55, 0.95);--easeInQuad:cubic-bezier(0.55, 0.085, 0.68, 0.53);--easeOutQuad:cubic-bezier(0.25, 0.46, 0.45, 0.94);--easeInOutQuad:cubic-bezier(0.455, 0.03, 0.515, 0.955);--easeInCubic:cubic-bezier(0.55, 0.055, 0.675, 0.19);--easeOutCubic:cubic-bezier(0.215, 0.61, 0.355, 1);--easeInOutCubic:cubic-bezier(0.645, 0.045, 0.355, 1);--easeInQuart:cubic-bezier(0.895, 0.03, 0.685, 0.22);--easeOutQuart:cubic-bezier(0.165, 0.84, 0.44, 1);--easeInOutQuart:cubic-bezier(0.77, 0, 0.175, 1);--easeInQuint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--easeOutQuint:cubic-bezier(0.23, 1, 0.32, 1);--easeInOutQuint:cubic-bezier(0.86, 0, 0.07, 1);--easeInExpo:cubic-bezier(0.95, 0.05, 0.795, 0.035);--easeOutExpo:cubic-bezier(0.19, 1, 0.22, 1);--easeInOutExpo:cubic-bezier(1, 0, 0, 1);--easeInCirc:cubic-bezier(0.6, 0.04, 0.98, 0.335);--easeOutCirc:cubic-bezier(0.075, 0.82, 0.165, 1);--easeInOutCirc:cubic-bezier(0.785, 0.135, 0.15, 0.86);--easeInBack:cubic-bezier(0.6, -0.28, 0.735, 0.045);--easeOutBack:cubic-bezier(0.175, 0.885, 0.32, 1.275);--easeInOutBack:cubic-bezier(0.68, -0.55, 0.265, 1.55)}
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,::after,::before{box-sizing:border-box;border-style:solid;border-width:0}
html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0}
main{display:block}
address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
ol,ul{margin:0;padding:0;list-style:none}
dt{font-weight:700}
dd{margin-left:0}
hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}
pre{font-family:monospace,monospace;font-size:inherit}
address{font-style:inherit}
a{background-color:transparent;text-decoration:none;color:inherit}
abbr[title]{text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:inherit}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
embed,iframe,img,object,svg{vertical-align:bottom}
button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}
[type=button],[type=reset],[type=submit],button{cursor:pointer}
[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}
:-moz-focusring{outline:auto}
select:disabled{opacity:inherit}
option{padding:0}
fieldset{margin:0;padding:0;min-width:0}
legend{padding:0}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
[type=number]{-moz-appearance:textfield}
label[for]{cursor:pointer}
details{display:block}
summary{display:list-item}
[contenteditable]:focus{outline:auto}
table{border-color:inherit;border-collapse:collapse}
caption{text-align:left}
td,th{vertical-align:top;padding:0}
th{text-align:left;font-weight:700}
html{overscroll-behavior-y:none;font-size:10px}
body{min-width:105rem}
body,button,input,select,textarea{font-family:YuGothic,'Yu Gothic',Meiryo,'メイリオ','MS PGothic','ＭＳ Ｐゴシック',sans-serif;font-family:var(--resetFontFamily);font-size:var(--resetFontSize);font-weight:var(--resetFontWeight);line-height:var(--resetLineHeight);color:var(--resetColor);background:var(--resetBgColor);letter-spacing:var(--resetLetterSpacing);text-size-adjust:100%}
body *,button *,input *,select *,textarea *{outline:0;font-feature-settings:'palt' 1}
button{background:0 0;cursor:normal}
::-webkit-scrollbar{width:.8rem;height:.8rem}
::-webkit-scrollbar-track{border-radius:0;background:#e5e5e5}
::-webkit-scrollbar-thumb{background:#727272;border-radius:0;margin:.2rem;box-shadow:none;border-radius:100px;border:.1rem solid rgba(0,0,0,.2)}
a,div,dl dd,dl dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ol li,section,span,strong,table td,table th,ul li{font-style:normal;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-decoration:none;list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontBold)}
a{transition:opacity .3s;cursor:pointer}
a:hover{opacity:var(--opacity500)}
a[href^='tel:']{cursor:default;pointer-events:none}
img{width:100%;height:auto;vertical-align:bottom;object-fit:cover;image-rendering:-webkit-optimize-contrast;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden}
figure,picture{display:block;line-height:0}
table{width:100%}
iframe{border:none}
button,input,select,textarea{outline:0;font-feature-settings:'palt' 1;width:100%;padding:0;border:none;border-radius:0}
textarea{display:block;resize:vertical;vertical-align:bottom}
button,input[type=button],input[type=reset],input[type=submit]{transition:opacity .3s;cursor:pointer;cursor:pointer}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{opacity:var(--opacity500)}
label{display:inline-block;cursor:pointer}
.js_accordion dt{transition:opacity .3s;cursor:pointer}
.js_accordion dt:hover{opacity:var(--opacity500)}
.js_accordion dd{display:none}
.js_tab .js_tab_contents{position:relative}
.js_tab .js_tab_contents>*{position:absolute;top:0;width:100%;height:1px;z-index:1;opacity:0;overflow:hidden;transform:translateY(20px);transition:all .5s}
.js_tab .js_tab_contents>.is-tab{position:relative;opacity:1;z-index:2;height:auto;transform:translateY(0)}
.js_anim_scroll.-splitUp>span{transition:opacity .7s,transform .7s var(--easeOutCubic);transform:translateY(4rem);opacity:0}
.js_anim_scroll.-splitUp.is-anim>span{--delay:0.05s;transition-delay:calc(var(--delay) * var(--index));opacity:1;transform:translateY(0)}
.js_anim_scroll.-fadeUp{transition:opacity .7s,transform .7s var(--easeOutCubic);transform:translateY(4rem);opacity:0}
.js_anim_scroll.-fadeUp.is-anim{transform:translateY(0);opacity:1}
.js_anim_scroll.-mainImgLogo .logo02,.js_anim_scroll.-mainImgLogo .logo03{opacity:0;transform:translateY(5rem)}
.js_anim_scroll.-mainImgLogo.is-anim .logo02,.js_anim_scroll.-mainImgLogo.is-anim .logo03{opacity:1;transform:translateY(0);transition:opacity .5s,transform .7s var(--easeOutCubic)}
.js_anim_scroll.-mainImgLogo.is-anim .logo02{transition-delay:.5s}
.js_anim_scroll.-mainImgLogo.is-anim .logo03{transition-delay:1s}
.js_anim_scroll.-productBox .character,.js_anim_scroll.-productBox .message,.js_anim_scroll.-productBox .shio,.js_anim_scroll.-productBox .shoyu{transition:opacity .8s,transform 1.3s var(--easeOutCubic);opacity:0;transform:translateY(3rem)}
.js_anim_scroll.-productBox.is-anim .character,.js_anim_scroll.-productBox.is-anim .message,.js_anim_scroll.-productBox.is-anim .shio,.js_anim_scroll.-productBox.is-anim .shoyu{opacity:1;transform:translateY(0)}
.js_anim_scroll.-productBox.is-anim .shoyu{transition-delay:.5s}
.js_anim_scroll.-productBox.is-anim .shio{transition-delay:.7s}
.js_anim_scroll.-productBox.is-anim .character{transition-delay:.3s}
.m_box_wrap{position:relative;width:var(--width);margin:0 auto}
.m_txt_ttl{position:relative;margin-bottom:7rem}
.m_txt_ttl .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
.pc-hide{display:none}
.sp-hide{display:block}
@media only screen and (-webkit-min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:1.5){
img{image-rendering:auto}
}
@media screen and (max-width:767px){
:root{--width:100%}
html{font-size:2.5641025641vw}
body{min-width:100%}
a[href^='tel:']{pointer-events:auto}
img{image-rendering:auto}
.js_anim_scroll.-productBox.is-anim .shoyu{transition-delay:.3s}
.js_anim_scroll.-productBox.is-anim .shio{transition-delay:.5s}
.js_anim_scroll.-productBox.is-anim .character{transition-delay:.7s}
.m_box_wrap{padding:0 2rem}
.m_txt_ttl{margin-bottom:3.5rem}
.pc-hide{display:block}
.sp-hide{display:none}
}
@keyframes cloud{
0%{transform:translateY(-15%) scale(1)}
100%{transform:translateY(15%) scale(1.1)}
}
@keyframes footerCharacter{
0%{background:url(../img/footer_top_character01.webp) no-repeat center}
50%{background:url(../img/footer_top_character02.webp) no-repeat center}
100%{background:url(../img/footer_top_character01.webp) no-repeat center}
}
@keyframes footerCharacterMove{
0%{transform:translateX(-25rem) scaleX(-1)}
49.999%{transform:translateX(0) scaleX(-1)}
50%{transform:translateX(0) scaleX(1)}
100%{transform:translateX(-25rem) scaleX(1)}
}
@keyframes load{
0%,100%{background:url(../img/animation_load01.webp) no-repeat center}
50%{background:url(../img/animation_load02.webp) no-repeat center}
}
/*# sourceMappingURL=setting.css.map */