@charset "UTF-8";

@font-face {
  font-family: "Noto Sans JP Subset";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans CJK JP Regular"), local("Noto Sans JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff");
}

@font-face {
  font-family: "Noto Sans JP Subset";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Noto Sans CJK JP Medium"), local("Noto Sans JP Medium"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff");
}

@font-face {
  font-family: "Noto Sans JP Subset";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans CJK JP Bold"), local("Noto Sans JP Bold"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff");
}

/*! Type: YakuHanJP - Based on Noto Sans CJK JP */
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Regular.eot");
  src: url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Medium.eot");
  src: url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}

@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Bold.eot");
  src: url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
  unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

* {
  padding: 0;
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
  pointer-events: none;
}

picture {
  display: block;
  pointer-events: none;
}

ul,
ol {
  list-style: none;
}

body {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: 0, 0, 0, 0;
}

main {
  display: block;
}

.calpiskagaku {
  position: relative;
  overflow: hidden;
  font-family: YakuHanJP, "Noto Sans", "Noto Sans CJK JP", "Noto Sans JP Subset", Meiryo, Arial, sans-serif;
}

.content__container {
  overflow: hidden;
}

.content__container02 {
  background-color: #c9ebf7;
  background-repeat: no-repeat, no-repeat;
  background-position: top, bottom;
}

.content__container02>.content__containerInner {
  background-color: #fff;
}

.content__container03 {
  overflow: visible;
  background-color: #ecf8fc;
  background-repeat: no-repeat;
  background-position: top;
}

.content__container03>.content__containerInner {
  width: 100%;
}

.content__container04 {
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: bottom;
}

.about {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}

.about__lead {
  position: absolute;
  right: 0;
  margin: auto;
}

body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
  -webkit-transition-duration: 50ms;
  transition-duration: 50ms;
}

body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}

body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}

body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms;
}

body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
}

body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}

body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}

body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
}

body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}

body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}

body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}

body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms;
}

body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}

body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
  -webkit-transition-duration: 550ms;
  transition-duration: 550ms;
}

body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms;
}

body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}

body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}

body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
  -webkit-transition-duration: 650ms;
  transition-duration: 650ms;
}

body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms;
}

body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
  -webkit-transition-duration: 700ms;
  transition-duration: 700ms;
}

body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}

body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
  -webkit-transition-duration: 750ms;
  transition-duration: 750ms;
}

body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms;
}

body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
}

body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}

body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
  -webkit-transition-duration: 850ms;
  transition-duration: 850ms;
}

body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
  -webkit-transition-delay: 850ms;
  transition-delay: 850ms;
}

body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
  -webkit-transition-duration: 900ms;
  transition-duration: 900ms;
}

body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}

body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
  -webkit-transition-duration: 950ms;
  transition-duration: 950ms;
}

body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
  -webkit-transition-delay: 950ms;
  transition-delay: 950ms;
}

body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
  -webkit-transition-duration: 1000ms;
  transition-duration: 1000ms;
}

body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
  -webkit-transition-duration: 1050ms;
  transition-duration: 1050ms;
}

body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
  -webkit-transition-delay: 1050ms;
  transition-delay: 1050ms;
}

body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
  -webkit-transition-duration: 1100ms;
  transition-duration: 1100ms;
}

body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
  -webkit-transition-delay: 1100ms;
  transition-delay: 1100ms;
}

body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
  -webkit-transition-duration: 1150ms;
  transition-duration: 1150ms;
}

body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
  -webkit-transition-delay: 1150ms;
  transition-delay: 1150ms;
}

body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
  -webkit-transition-duration: 1200ms;
  transition-duration: 1200ms;
}

body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
  -webkit-transition-duration: 1250ms;
  transition-duration: 1250ms;
}

body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
  -webkit-transition-delay: 1250ms;
  transition-delay: 1250ms;
}

body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
  -webkit-transition-duration: 1300ms;
  transition-duration: 1300ms;
}

body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
  -webkit-transition-duration: 1350ms;
  transition-duration: 1350ms;
}

body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
  -webkit-transition-delay: 1350ms;
  transition-delay: 1350ms;
}

body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
  -webkit-transition-duration: 1400ms;
  transition-duration: 1400ms;
}

body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
  -webkit-transition-delay: 1400ms;
  transition-delay: 1400ms;
}

body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
  -webkit-transition-duration: 1450ms;
  transition-duration: 1450ms;
}

body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
  -webkit-transition-delay: 1450ms;
  transition-delay: 1450ms;
}

body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
  -webkit-transition-duration: 1500ms;
  transition-duration: 1500ms;
}

body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
  -webkit-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
  -webkit-transition-duration: 1550ms;
  transition-duration: 1550ms;
}

body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
  -webkit-transition-delay: 1550ms;
  transition-delay: 1550ms;
}

body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
  -webkit-transition-duration: 1600ms;
  transition-duration: 1600ms;
}

body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
  -webkit-transition-delay: 1600ms;
  transition-delay: 1600ms;
}

body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
  -webkit-transition-duration: 1650ms;
  transition-duration: 1650ms;
}

body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
  -webkit-transition-delay: 1650ms;
  transition-delay: 1650ms;
}

body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
  -webkit-transition-duration: 1700ms;
  transition-duration: 1700ms;
}

body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
  -webkit-transition-delay: 1700ms;
  transition-delay: 1700ms;
}

body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
  -webkit-transition-duration: 1750ms;
  transition-duration: 1750ms;
}

body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
  -webkit-transition-delay: 1750ms;
  transition-delay: 1750ms;
}

body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
  -webkit-transition-duration: 1800ms;
  transition-duration: 1800ms;
}

body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms;
}

body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
  -webkit-transition-duration: 1850ms;
  transition-duration: 1850ms;
}

body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
  -webkit-transition-delay: 1850ms;
  transition-delay: 1850ms;
}

body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
  -webkit-transition-duration: 1900ms;
  transition-duration: 1900ms;
}

body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
  -webkit-transition-delay: 1900ms;
  transition-delay: 1900ms;
}

body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
  -webkit-transition-duration: 1950ms;
  transition-duration: 1950ms;
}

body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
  -webkit-transition-delay: 1950ms;
  transition-delay: 1950ms;
}

body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
  -webkit-transition-duration: 2000ms;
  transition-duration: 2000ms;
}

body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
  -webkit-transition-delay: 2000ms;
  transition-delay: 2000ms;
}

body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
  -webkit-transition-duration: 2050ms;
  transition-duration: 2050ms;
}

body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
  -webkit-transition-delay: 2050ms;
  transition-delay: 2050ms;
}

body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
  -webkit-transition-duration: 2100ms;
  transition-duration: 2100ms;
}

body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
  -webkit-transition-delay: 2100ms;
  transition-delay: 2100ms;
}

body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
  -webkit-transition-duration: 2150ms;
  transition-duration: 2150ms;
}

body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
  -webkit-transition-delay: 2150ms;
  transition-delay: 2150ms;
}

body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
  -webkit-transition-duration: 2200ms;
  transition-duration: 2200ms;
}

body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
  -webkit-transition-delay: 2200ms;
  transition-delay: 2200ms;
}

body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
  -webkit-transition-duration: 2250ms;
  transition-duration: 2250ms;
}

body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
  -webkit-transition-delay: 2250ms;
  transition-delay: 2250ms;
}

body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
  -webkit-transition-duration: 2300ms;
  transition-duration: 2300ms;
}

body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
  -webkit-transition-delay: 2300ms;
  transition-delay: 2300ms;
}

body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
  -webkit-transition-duration: 2350ms;
  transition-duration: 2350ms;
}

body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
  -webkit-transition-delay: 2350ms;
  transition-delay: 2350ms;
}

body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
  -webkit-transition-duration: 2400ms;
  transition-duration: 2400ms;
}

body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
  -webkit-transition-delay: 2400ms;
  transition-delay: 2400ms;
}

body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
  -webkit-transition-duration: 2450ms;
  transition-duration: 2450ms;
}

body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
  -webkit-transition-delay: 2450ms;
  transition-delay: 2450ms;
}

body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
  -webkit-transition-duration: 2500ms;
  transition-duration: 2500ms;
}

body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
  -webkit-transition-delay: 2500ms;
  transition-delay: 2500ms;
}

body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
  -webkit-transition-duration: 2550ms;
  transition-duration: 2550ms;
}

body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
  -webkit-transition-delay: 2550ms;
  transition-delay: 2550ms;
}

body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
  -webkit-transition-duration: 2600ms;
  transition-duration: 2600ms;
}

body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
  -webkit-transition-delay: 2600ms;
  transition-delay: 2600ms;
}

body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
  -webkit-transition-duration: 2650ms;
  transition-duration: 2650ms;
}

body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
  -webkit-transition-delay: 2650ms;
  transition-delay: 2650ms;
}

body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
  -webkit-transition-duration: 2700ms;
  transition-duration: 2700ms;
}

body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
  -webkit-transition-delay: 2700ms;
  transition-delay: 2700ms;
}

body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
  -webkit-transition-duration: 2750ms;
  transition-duration: 2750ms;
}

body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
  -webkit-transition-delay: 2750ms;
  transition-delay: 2750ms;
}

body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
  -webkit-transition-duration: 2800ms;
  transition-duration: 2800ms;
}

body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
  -webkit-transition-delay: 2800ms;
  transition-delay: 2800ms;
}

body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
  -webkit-transition-duration: 2850ms;
  transition-duration: 2850ms;
}

body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
  -webkit-transition-delay: 2850ms;
  transition-delay: 2850ms;
}

body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
  -webkit-transition-duration: 2900ms;
  transition-duration: 2900ms;
}

body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
  -webkit-transition-delay: 2900ms;
  transition-delay: 2900ms;
}

body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
  -webkit-transition-duration: 2950ms;
  transition-duration: 2950ms;
}

body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
  -webkit-transition-delay: 2950ms;
  transition-delay: 2950ms;
}

body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
  -webkit-transition-duration: 3000ms;
  transition-duration: 3000ms;
}

body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
  -webkit-transition-delay: 3000ms;
  transition-delay: 3000ms;
}

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

[data-aos='fade-up'] {
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

[data-aos='fade-down'] {
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

[data-aos='fade-right'] {
  -webkit-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

[data-aos='fade-left'] {
  -webkit-transform: translate3d(30px, 0, 0);
  transform: translate3d(30px, 0, 0);
}

[data-aos='fade-up-right'] {
  -webkit-transform: translate3d(-30px, 30px, 0);
  transform: translate3d(-30px, 30px, 0);
}

[data-aos='fade-up-left'] {
  -webkit-transform: translate3d(30px, 30px, 0);
  transform: translate3d(30px, 30px, 0);
}

[data-aos='fade-down-right'] {
  -webkit-transform: translate3d(-30px, -30px, 0);
  transform: translate3d(-30px, -30px, 0);
}

[data-aos='fade-down-left'] {
  -webkit-transform: translate3d(30px, -30px, 0);
  transform: translate3d(30px, -30px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^='zoom'][data-aos^='zoom'] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos='zoom-in'] {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

[data-aos='zoom-in-up'] {
  -webkit-transform: translate3d(0, 30px, 0) scale(0.6);
  transform: translate3d(0, 30px, 0) scale(0.6);
}

[data-aos='zoom-in-down'] {
  -webkit-transform: translate3d(0, -30px, 0) scale(0.6);
  transform: translate3d(0, -30px, 0) scale(0.6);
}

[data-aos='zoom-in-right'] {
  -webkit-transform: translate3d(-30px, 0, 0) scale(0.6);
  transform: translate3d(-30px, 0, 0) scale(0.6);
}

[data-aos='zoom-in-left'] {
  -webkit-transform: translate3d(30px, 0, 0) scale(0.6);
  transform: translate3d(30px, 0, 0) scale(0.6);
}

[data-aos='zoom-out'] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

[data-aos='zoom-out-up'] {
  -webkit-transform: translate3d(0, 30px, 0) scale(1.2);
  transform: translate3d(0, 30px, 0) scale(1.2);
}

[data-aos='zoom-out-down'] {
  -webkit-transform: translate3d(0, -30px, 0) scale(1.2);
  transform: translate3d(0, -30px, 0) scale(1.2);
}

[data-aos='zoom-out-right'] {
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.2);
  transform: translate3d(-30px, 0, 0) scale(1.2);
}

[data-aos='zoom-out-left'] {
  -webkit-transform: translate3d(30px, 0, 0) scale(1.2);
  transform: translate3d(30px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^='slide'][data-aos^='slide'] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos^='slide'][data-aos^='slide'].aos-animate {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

[data-aos='slide-up'] {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

[data-aos='slide-down'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-aos='slide-right'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-aos='slide-left'] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^='flip'][data-aos^='flip'] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos='flip-left'] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos='flip-left'].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos='flip-right'] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos='flip-right'].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos='flip-up'] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos='flip-up'].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

[data-aos='flip-down'] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos='flip-down'].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

.campaignPeriod {
  background-color: #004098;
}

.campaignStep {
  overflow: hidden;
  color: #004098;
}

.campaignStep__list>li {
  position: relative;
  width: 100%;
}

.campaignStep__title {
  background-color: #004098;
}

.campaignStep__text {
  font-weight: bold;
}

.campaignStep__notes {
  font-weight: 500;
}

.campaignStep__description {
  font-weight: 500;
}

.campaignStep__descriptionContainer {
  border-bottom: solid 1px #004098;
}

.campaignStep__descriptionContainer>dt::before {
  content: "●";
}

.l92 {
  color: #e60012;
}

.cp2305 {
  color: #004fbf;
}

.amirhoa {
  color: #b19621;
}

.hoa {
  color: #4fb1df;
}

.lact {
  color: #46c85a;
}

.campaignStep__emphasis {
  color: #e60012;
}

.campaignStep__emphasis>a {
  border-bottom: 1px solid #e60012;
}

.campaignStep__emphasis>a:visited {
  color: inherit;
}

.campaignStep__emphasis>a:link {
  color: inherit;
}

.campaignStep02 .campaignStep__text {
  text-align: left;
}

.campaignStep02 .campaignStep__button {
  padding: 0;
  overflow: visible;
  font-family: inherit;
  font-size: 100%;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}

.campaignStep02 .campaignStep__button>.campaignStep__buttonContent {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.campaignStep02 .campaignStep__button>.campaignStep__buttonContent::before {
  display: block;
  content: "";
  background-image: url("../images/common/icon_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.campaignModal__inner {
  text-align: left;
  text-align: justify;
  word-break: break-all;
}

.campaignModalSection__heading {
  font-weight: 700;
}

.campaignModalSection__heading::before {
  margin-right: 2px;
  content: "●";
}

.campaignModalSection__list>li {
  display: -webkit-box;
  display: flex;
}

.campaignModalSection__list>li::before {
  margin-right: 2px;
  content: "・";
}

.campaignModalSection__notes>li {
  display: -webkit-box;
  display: flex;
}

.campaignModalSection__notes>li::before {
  margin-right: 2px;
  content: "※";
}

.campaignModalSection__numberList>li {
  display: -webkit-box;
  display: flex;
  counter-increment: num;
}

.campaignModalSection__numberList>li::before {
  margin-right: 5px;
  white-space: nowrap;
  content: counter(num) ".";
}

.campaignModalSection__service .campaignModalSection__heading::before {
  content: "";
}

.campaignModalSection__link {
  color: #55acee;
}

.campaignModalSection__link:link, .campaignModalSection__link:visited, .campaignModalSection__link:hover {
  color: #55acee;
  text-decoration: underline;
}

.feature__list {
  position: relative;
}

.feature__item {
  position: absolute;
}

.feature__item.feature__item--01 {
  top: 0;
  left: 0;
}

.kv {
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}

.kv__logo {
  position: absolute;
  z-index: 10;
  margin: 0;
  line-height: 0;
}

.kv__container {
  position: absolute;
}

.kv__title {
  position: relative;
  width: 100%;
}

.kv__title::after {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  content: "";
}

.lineupProduct__button {
  position: relative;
  display: block;
}

.lineupProduct__button>.lineupProduct__buttonContent {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.lineupProduct__image {
  position: absolute;
}

.lineupProduct__container {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.lineupProduct__detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  fill: #fff;
}

.lineupProduct__detail::before {
  display: block;
  content: "";
  background-image: url("../images/common/icon_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.lineupProduct--amir .lineupProduct__detail::before {
  background-image: url("../images/common/icon_arrow_yellow.svg") !important;
}

.lineupProduct__catchcopy>img {
  width: 100%;
}

.lineupProduct--amir .lineupProduct__detail {
  fill: #b19621;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #fff;
  opacity: 1;
}

.loading__content {
  opacity: 0;
}

.loading__title {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.loading__indicator {
  position: relative;
}

.loading__indicator::before {
  position: absolute;
  top: -50%;
  left: 0;
  display: block;
  width: 100%;
  height: 200%;
  content: "";
  background: #fff;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.loading .loading__content {
  -webkit-animation: loadFadeInAnimation 1.2s ease forwards;
  animation: loadFadeInAnimation 1.2s ease forwards;
}

.loading.is-loaded {
  -webkit-animation: loadFadeOutAnimation 0.6s ease 2.8s forwards;
  animation: loadFadeOutAnimation 0.6s ease 2.8s forwards;
}

.loading.is-loaded .loading__indicator::before {
  -webkit-animation: loadIndicatorAnimation 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s forwards;
  animation: loadIndicatorAnimation 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s forwards;
}

.loading.is-loaded .loading__content {
  opacity: 1;
  -webkit-animation: loadFadeOutAnimation 0.6s ease 2.4s forwards;
  animation: loadFadeOutAnimation 0.6s ease 2.4s forwards;
}

@-webkit-keyframes loadFadeInAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes loadFadeInAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes loadFadeOutAnimation {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes loadFadeOutAnimation {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes loadIndicatorAnimation {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes loadIndicatorAnimation {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.modal {
  position: relative;
  z-index: 100;
  display: none;
}

.modal.is-open {
  display: block;
}

.modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  background: rgba(24, 51, 49, 0.8);
}

.modal__container {
  position: relative;
  color: #004098;
  background: #fff;
  border-style: solid;
}

.modal__closeButton {
  padding: 0;
  overflow: visible;
  font-family: inherit;
  font-size: 100%;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  font-size: 0;
}

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

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

.modal__closeButton::before, .modal__closeButton::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
  content: "";
}

#modal--l92 .modal__container {
  border-color: #e60012;
}

#modal--l92 .modal__closeButton::before, #modal--l92 .modal__closeButton::after {
  background-color: #e60012;
}

#modal--cp2305 .modal__container {
  border-color: #004098;
}

#modal--cp2305 .modal__closeButton::before, #modal--cp2305 .modal__closeButton::after {
  background-color: #004098;
}

#modal--amir .modal__container {
  border-color: #feeab4;
}

#modal--amir .modal__closeButton::before, #modal--amir .modal__closeButton::after {
  background-color: #b19621;
}

#modal--hoa .modal__container {
  border-color: #4fb1df;
}

#modal--hoa .modal__closeButton::before, #modal--hoa .modal__closeButton::after {
  background-color: #4fb1df;
}

#modal--lact .modal__container {
  border-color: #46c85a;
}

#modal--lact .modal__closeButton::before, #modal--lact .modal__closeButton::after {
  background-color: #46c85a;
}

#modal--campaign .modal__container {
  border-color: #004098;
}

#modal--campaign .modal__closeButton::before, #modal--campaign .modal__closeButton::after {
  background-color: #004098;
}

#modal--movie .modal__overlay {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

#modal--movie .modal__container--movie {
  position: relative;
  overflow: visible;
}

#modal--movie .modal__container--movie>iframe {
  width: 100%;
  height: 100%;
}

#modal--movie .modal__text--movie {
  display: none;
}

.is-ios #modal--movie .modal__text--movie {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #fff;
}

#modal--movie .modal__closeButton {
  right: 0;
}

#modal--movie .modal__closeButton::before, #modal--movie .modal__closeButton::after {
  background-color: #fff;
}

@-webkit-keyframes modalFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes modalFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes modalFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.modal[aria-hidden="false"] .modal__overlay {
  -webkit-animation: modalFadeIn 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: modalFadeIn 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.modal[aria-hidden="true"] .modal__overlay {
  -webkit-animation: modalFadeOut 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: modalFadeOut 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.movie__container {
  background-color: #ecf8fc;
}

.movie__list {
  display: -webkit-box;
  display: flex;
}

.movie__content {
  position: relative;
}

.movie__content>a {
  display: block;
}

.movie__content::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 64px;
  height: 45px;
  margin: auto;
  pointer-events: none;
  content: "";
  background-image: url("../images/movie/icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.pagetop {
  position: absolute;
}

.pagetop__button {
  display: block;
}

.pagetop__button>img {
  width: 100%;
  height: 100%;
}

.productMyLacticAcid__bg {
  position: absolute;
}

.productMyLacticAcid__item {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  border-radius: 50%;
}

.productMyLacticAcid__item::before, .productMyLacticAcid__item::after {
  position: absolute;
  z-index: 1;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.productMyLacticAcid__lead {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-color: #fff;
  border-style: solid;
}

.productMyLacticAcid__tag {
  fill: #fff;
}

.productMyLacticAcid__tag>svg {
  width: 100%;
}

.productMyLacticAcid__notes {
  font-weight: 700;
}

.productMyLacticAcid__button {
  padding: 0;
  overflow: visible;
  font-family: inherit;
  font-size: 100%;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}

.productMyLacticAcid__button>.productMyLacticAcid__buttonContent {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.productMyLacticAcid--l92.productMyLacticAcid__item {
  background-color: #e60012;
}

.productMyLacticAcid--l92 .productMyLacticAcid__button>.productMyLacticAcid__buttonContent {
  fill: #e60012;
}

.productMyLacticAcid--cp2305.productMyLacticAcid__item {
  background-color: #004098;
}

.productMyLacticAcid--cp2305 .productMyLacticAcid__button>.productMyLacticAcid__buttonContent {
  fill: #004098;
}

.productMyLacticAcid--amir.productMyLacticAcid__item {
  background-color: #feeab4;
}

.productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__tag {
  fill: #b19621;
}

.productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__lead {
  border-color: #b19621;
}

.productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button>.productMyLacticAcid__buttonContent {
  fill: #b19621;
}

.productMyLacticAcid--hoa.productMyLacticAcid__item {
  background-color: #4fb1df;
}

.productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button>.productMyLacticAcid__buttonContent {
  fill: #4fb1df;
}

.productMyLacticAcid--lact.productMyLacticAcid__item {
  background-color: #46c85a;
}

.productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button>.productMyLacticAcid__buttonContent {
  fill: #46c85a;
}

.productModal__list {
  position: relative;
  display: -webkit-box;
  display: flex;
}

.productModal__icon {
  box-sizing: content-box;
}

.productModal02 .productModal__productTag,
.productModal03 .productModal__productTag,
.productModal04 .productModal__productTag,
.productModal05 .productModal__productTag {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.productModal01 .productModal__banner {
  display: block;
}

.productModal01 .productModal__banner>.productModal__bannerLabel {
  font-weight: 700;
}

.productModal01 .productModal__banner>.productModal__bannerImage {
  display: block;
}

.productModal02 .productModal__productTag>svg {
  fill: #004098;
}

.productModal03 .productModal__productTag>svg {
  fill: #b19621;
}

.productModal04 .productModal__productTag>svg {
  fill: #4fb1df;
}

.productModal05 .productModal__productTag>svg {
  fill: #46c85a;
}

.regulation {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: left;
}

.regulation__list>li {
  display: -webkit-box;
  display: flex;
}

.regulation__list>li::before {
  content: "●";
}

.scrollBanner {
  position: relative;
  z-index: 1;
  width: auto;
  height: 100%;
}

.scrollBanner__button {
  display: block;
}

.share__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}

.share__title::after {
  display: block;
  content: "";
  background-image: url("../images/share/title_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}

.shareMyLacticAcid__container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  text-align: center;
}

.shareMyLacticAcid__textBox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

.shareMyLacticAcid__button {
  position: relative;
  display: block;
}

.shareMyLacticAcid__button>.shareMyLacticAcid__buttonContent {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.shareMyLacticAcid__image {
  position: absolute;
}

.shareMyLacticAcid__hashtag>img {
  width: 100%;
}

.shareMyLacticAcid__lead {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-color: #fff;
  border-style: solid;
}

.shareMyLacticAcid--amir .shareMyLacticAcid__lead {
  border-color: #b19621;
}

.wallpaper {
  position: relative;
  z-index: 10;
}

.wallpaper__description {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-weight: 500;
  color: #004098;
  text-align: left;
  background-color: #ecf8fc;
}

.wallpaperDownload__button {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.wallpaperDownload__button>.wallpaperDownload__buttonContent {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.wallpaperDownload__button>.wallpaperDownload__buttonContent::before {
  display: block;
  content: "";
  background-image: url("../images/common/icon_arrow_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.br--xl {
  display: none;
}

.br--l {
  display: none;
}

.br--m {
  display: none;
}

.br--s {
  display: none;
}

.br--pc {
  display: none;
}

.br--sp {
  display: none;
}

.text--bold {
  font-weight: bold;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

@media screen and (min-width: 769px) {
  .calpiskagaku {
    min-width: 1200px;
  }

  .content__containerInner {
    width: 960px;
  }

  .content__container01 {
    padding-top: 130px;
    padding-bottom: 70px;
    overflow: visible;
  }

  .content__container02 {
    padding-top: 306px;
    padding-bottom: 365px;
    background-image: url("../images/common/bg_content02wave_top_pc.png"), url("../images/common/bg_content02wave_bottom_pc.png");
  }

  .content__container02>.content__containerInner {
    padding: 60px 30px 75px;
    border-radius: 24px;
  }

  .content__container03 {
    padding-top: 306px;
    margin-bottom: -15px;
    background-image: url("../images/common/bg_content03wave_top_pc.jpg");
  }

  .content__container03>.content__containerInner {
    position: relative;
    z-index: 1;
    background-image: url("../images/feature/bg_pc.png");
    background-repeat: no-repeat;
    background-position: calc(50% + 20px) 30px;
    background-size: 1605px;
  }

  .content__container04 {
    padding-top: 240px;
    padding-bottom: 30px;
    background-image: url("../images/common/bg_content04wave_bottom_pc.png");
    background-size: auto;
  }

  .about {
    height: 797px;
    background-image: url("../images/about/bg_pc.png");
    background-size: auto;
  }

  .about__lead {
    top: 249px;
    left: -20px;
    width: 738px;
  }

  .campaign__title {
    width: 411px;
  }

  .campaign__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 840px;
    margin-top: 20px;
  }

  .campaign__image {
    width: 400px;
  }

  .campaign__text {
    width: 390px;
    -webkit-transform: translate(-12px, 9px);
    transform: translate(-12px, 9px);
  }

  .campaignPeriod {
    width: 666px;
    padding: 28px 0 20px;
    margin-top: 60px;
    border-radius: 12px;
  }

  .campaignPeriod__title {
    width: 134px;
  }

  .campaignPeriod__date {
    width: 470px;
    margin-top: 14px;
  }

  .campaignFlow {
    width: 852px;
    margin-top: 60px;
  }

  .campaignFlow__title {
    width: 136px;
  }

  .campaignStep {
    margin-top: 34px;
  }

  .campaignStep__list>li+li {
    margin-top: 34px;
  }

  .campaignStep__title {
    padding: 10px 0;
    border-radius: 19px;
  }

  .campaignStep__text {
    font-size: 18px;
  }

  .campaignStep__message {
    margin-top: 22px;
  }

  .campaignStep__notes {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.625;
  }

  .campaignStep__description {
    width: 720px;
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.625;
  }

  .campaignStep__descriptionContainer {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 14px;
  }

  .campaignStep__descriptionContainer>dt::before {
    font-size: 12px;
  }

  .campaignStep__descriptionContainer>dd {
    margin-left: 15px;
  }

  .campaignStep__descriptionContainer>p {
    width: 100%;
    text-align: left;
  }

  .campaignStep01 .campaignStep__content {
    margin-top: 38px;
  }

  .campaignStep01 .campaignStep__title>img {
    width: 72px;
  }

  .campaignStep01 .campaignStep__text {
    line-height: 1.556;
  }

  .campaignStep02 .campaignStep__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 686px;
    margin-top: 32px;
  }

  .campaignStep02 .campaignStep__title>img {
    width: 78px;
  }

  .campaignStep02 .campaignStep__text {
    line-height: 2.444;
  }

  .campaignStep02 .campaignStep__button {
    margin-bottom: 6px;
    width: 168px;
    height: 60px;
    border-radius: 30px;
  }

  .campaignStep02 .campaignStep__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .campaignStep02 .campaignStep__button::before, .campaignStep02 .campaignStep__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .campaignStep02 .campaignStep__button::before {
    top: 6px;
    background-color: #012962;
  }

  .campaignStep02 .campaignStep__button::after {
    top: 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .campaignStep02 .campaignStep__button>.campaignStep__buttonContent>img {
    width: 71px;
    height: 16px;
  }

  .campaignStep02 .campaignStep__button>.campaignStep__buttonContent::before {
    width: 20px;
    height: 20px;
    margin-right: 9px;
  }

  .campaignModal__title {
    width: 202px;
  }

  .campaignModal__inner {
    padding: 0 80px;
    margin-top: 35px;
    font-size: 16px;
    font-weight: 500;
  }

  .campaignModalSection+.campaignModalSection {
    margin-top: 40px;
  }

  .campaignModalSection p {
    line-height: 1.625;
  }

  .campaignModalSection p+p {
    margin-top: 10px;
  }

  .campaignModalSection__heading {
    font-size: 18px;
    line-height: 1.556;
  }

  .campaignModalSection__list {
    line-height: 1.625;
  }

  .campaignModalSection__notes {
    font-size: 10px;
    line-height: 2;
  }

  .campaignModalSection__numberList {
    margin-top: 15px;
  }

  .campaignModalSection__numberList>li+li {
    margin-top: 8px;
  }

  .campaignModalSection__service {
    margin: 10px 0;
  }

  .feature__title {
    width: 548px;
    margin-left: 20px;
  }

  .feature__list {
    width: 856px;
    height: 856px;
    margin-top: 20px;
    margin-left: -30px;
  }

  .feature__item.feature__item--01 {
    width: 420px;
  }

  .feature__item.feature__item--02 {
    top: 180px;
    right: 0;
    width: 460px;
  }

  .feature__item.feature__item--03 {
    top: 538px;
    left: 150px;
    width: 320px;
  }

  .kv {
    height: 772px;
    background-image: url("../images/kv/bg_pc.jpg");
    background-size: cover;
  }

  .kv__logo {
    top: 36px;
    left: calc(50% - 562px);
  }

  .kv__logo>img {
    width: 81px;
    height: 32px;
  }

  .kv__container {
    top: 16px;
    left: calc(50% - 276px);
  }

  .kv__catchcopy {
    width: 564px;
    margin-top: 12px;
  }

  .kv__title {
    width: 282px;
    margin-top: 0px;
  }

  .kv__title::after {
    bottom: -50px;
    width: 400px;
    height: 12px;
  }

  .lineup {
    position: relative;
    z-index: 1;
    margin-top: 100px;
  }

  .lineup__title {
    width: 311px;
  }

  .lineupProduct__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    width: 980px;
    margin: 100px auto 0;
  }

  .lineupProduct__list>li+li {
    margin-top: 16px;
  }

  .lineupProduct__list>li:nth-of-type(even) {
    margin-left: calc(100% - 500px);
  }

  .lineupProduct__button {
    width: 500px;
    height: 150px;
    border-radius: 75px;
  }

  .lineupProduct__image {
    top: -92px;
    left: 72px;
    width: 109px;
  }

  .lineupProduct__container {
    right: 103px;
    bottom: 15px;
    width: 127px;
  }

  .lineupProduct__detail>svg {
    width: 98px;
  }

  .lineupProduct__detail::before {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .lineupProduct--l92 .lineupProduct__button {
    margin-bottom: 12px;
  }

  .lineupProduct--l92 .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--l92 .lineupProduct__button::before, .lineupProduct--l92 .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--l92 .lineupProduct__button::before {
    top: 12px;
    background-color: #9d020f;
  }

  .lineupProduct--l92 .lineupProduct__button::after {
    top: 0;
    background-color: #e60012;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--l92 .lineupProduct__catchcopy {
    width: 222px;
    margin-bottom: 36px;
  }

  .lineupProduct--cp2305 .lineupProduct__button {
    margin-bottom: 12px;
  }

  .lineupProduct--cp2305 .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--cp2305 .lineupProduct__button::before, .lineupProduct--cp2305 .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--cp2305 .lineupProduct__button::before {
    top: 12px;
    background-color: #012962;
  }

  .lineupProduct--cp2305 .lineupProduct__button::after {
    top: 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--cp2305 .lineupProduct__catchcopy {
    width: 267px;
    margin-bottom: 16px;
  }

  .lineupProduct--amir .lineupProduct__button {
    margin-bottom: 12px;
  }

  .lineupProduct--amir .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--amir .lineupProduct__button::before, .lineupProduct--amir .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--amir .lineupProduct__button::before {
    top: 12px;
    background-color: #b19621;
  }

  .lineupProduct--amir .lineupProduct__button::after {
    top: 0;
    background-color: #feeab4;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--amir .lineupProduct__catchcopy {
    width: 275px;
    margin-bottom: 26px;
  }

  .lineupProduct--hoa .lineupProduct__button {
    margin-bottom: 12px;
  }

  .lineupProduct--hoa .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--hoa .lineupProduct__button::before, .lineupProduct--hoa .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--hoa .lineupProduct__button::before {
    top: 12px;
    background-color: #3c7d9b;
  }

  .lineupProduct--hoa .lineupProduct__button::after {
    top: 0;
    background-color: #4fb1df;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--hoa .lineupProduct__catchcopy {
    width: 196px;
    margin-bottom: 36px;
  }

  .lineupProduct--lact .lineupProduct__button {
    margin-bottom: 12px;
  }

  .lineupProduct--lact .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--lact .lineupProduct__button::before, .lineupProduct--lact .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--lact .lineupProduct__button::before {
    top: 12px;
    background-color: #3a8e47;
  }

  .lineupProduct--lact .lineupProduct__button::after {
    top: 0;
    background-color: #46c85a;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--lact .lineupProduct__catchcopy {
    width: 281px;
    margin-bottom: 26px;
  }

  .loading__title {
    width: 171px;
    height: 151.5px;
    margin-bottom: 40px;
    background-image: url("../images/common/load_title@2x.png");
  }

  .loading__indicator {
    width: 200px;
    height: 5px;
  }

  .modal__container {
    width: 920px;
    padding: 63px 0 58px;
    margin: 50px 0;
    border-width: 8px;
    border-radius: 40px;
  }

  .modal__closeButton {
    top: 22px;
    right: 28px;
    width: 38px;
    height: 38px;
  }

  .modal__closeButton::before, .modal__closeButton::after {
    height: 3px;
  }

  #modal--movie .modal__container--movie {
    width: 768px;
    height: 432px;
  }

  #modal--movie .modal__closeButton {
    top: -50px;
  }

  .movie {
    margin-top: 148px;
  }

  .movie__container {
    width: 100%;
    padding: 40px 58px 72px;
    border-radius: 24px;
  }

  .movie__list {
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .movie__list li {
    margin: auto;
  }

  .movie__title.movie__title--cm {
    width: 301px;
    height: 39px;
    margin-bottom: 36px;
  }

  .movie__title.movie__title--description {
    width: 455.5px;
    height: 32.7px;
    margin-bottom: 20px;
  }

  .movie__content>a {
    width: 400px;
    height: 225px;
  }

  .pagetop {
    bottom: 5px;
    left: calc(50% + 394px);
    width: 50px;
    height: 50px;
  }

  .product__title {
    width: 460px;
  }

  .productMyLacticAcid__list {
    margin-top: 102px;
  }

  .productMyLacticAcid__item {
    width: 620px;
    height: 620px;
    padding-bottom: 85px;
  }

  .productMyLacticAcid__item+.productMyLacticAcid__item {
    margin-top: 80px;
  }

  .productMyLacticAcid__item::before {
    top: -10px;
    width: 292px;
    height: 670px;
    background-image: url("../images/products/image_shadow@2x.png");
  }

  .productMyLacticAcid__item::after {
    top: 12px;
    width: 192px;
    height: 578px;
  }

  .productMyLacticAcid__item:nth-of-type(odd)::before {
    right: -230px;
  }

  .productMyLacticAcid__item:nth-of-type(odd)::after {
    right: -130px;
  }

  .productMyLacticAcid__item:nth-of-type(even)::before {
    left: -145px;
  }

  .productMyLacticAcid__item:nth-of-type(even)::after {
    left: -130px;
  }

  .productMyLacticAcid__catchcopy {
    min-height: 0%;
  }

  .productMyLacticAcid__lead {
    border-width: 5px;
    border-radius: 12px;
  }

  .productMyLacticAcid__tag {
    width: 120px;
    height: 15px;
    margin-bottom: 15px;
  }

  .productMyLacticAcid__notes {
    margin-bottom: 75px;
    font-size: 12px;
    color: #fff;
  }

  .productMyLacticAcid__button {
    width: 200px;
    height: 47px;
    border-radius: 24px;
  }

  .productMyLacticAcid__buttonIcon {
    width: 30px;
    height: 30px;
  }

  .productMyLacticAcid__buttonText {
    width: 98px;
    height: 18px;
    margin-left: 10px;
  }

  .productMyLacticAcid--l92.productMyLacticAcid__item::after {
    background-image: url("../images/products/product01/image_product@2x.png");
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__bg--01 {
    top: -290px;
    right: 550px;
    width: 704px;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__bg--02 {
    top: -125px;
    left: 660px;
    width: 749px;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__catchcopy {
    width: 262px;
    margin-bottom: 30px;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__lead {
    width: 274px;
    height: 130px;
    margin-bottom: 34px;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__lead>picture {
    width: 189px;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button {
    margin-bottom: 6px;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button::before, .productMyLacticAcid--l92 .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button::before {
    top: 6px;
    background-color: #9d020f;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--cp2305.productMyLacticAcid__item::after {
    background-image: url("../images/products/product02/image_product@2x.png");
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__bg--01 {
    top: -90px;
    right: 660px;
    width: 745px;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__bg--02 {
    top: 10px;
    left: 595px;
    width: 685px;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__catchcopy {
    width: 353.6px;
    margin-bottom: 40px;
    margin-left: 0px;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__lead {
    width: 454px;
    height: 158px;
    margin-bottom: 30px;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__lead>picture {
    width: 372px;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button {
    margin-bottom: 6px;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button::before, .productMyLacticAcid--cp2305 .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button::before {
    top: 6px;
    background-color: #012962;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item::after {
    background-image: url("../images/products/product03/image_product@2x.png");
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__bg--01 {
    top: 20px;
    right: 530px;
    width: 756px;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__bg--02 {
    top: -100px;
    left: 620px;
    width: 758px;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__catchcopy {
    width: 403px;
    margin-bottom: 90px;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__lead {
    width: 350px;
    height: 78px;
    margin-bottom: 30px;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__lead>picture {
    width: 290px;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button {
    margin-bottom: 6px;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button::before, .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button::before {
    top: 6px;
    background-color: #b19621;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item::after {
    background-image: url("../images/products/product04/image_product@2x.png");
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__bg--01 {
    top: -64px;
    right: 602px;
    width: 689px;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__bg--02 {
    bottom: -10px;
    left: 618px;
    width: 850px;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__catchcopy {
    width: 209px;
    margin-bottom: 70px;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__lead {
    width: 350px;
    height: 130px;
    margin-bottom: 30px;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__lead>picture {
    width: 231px;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button {
    margin-bottom: 6px;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button::before, .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button::before {
    top: 6px;
    background-color: #3c7d9b;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item::after {
    background-image: url("../images/products/product05/image_product@2x.png");
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__bg--01 {
    top: 5px;
    right: 600px;
    width: 659px;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__bg--02 {
    top: -45px;
    left: 678px;
    width: 559px;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__catchcopy {
    width: 374px;
    margin-bottom: 50px;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__lead {
    width: 464px;
    height: 130px;
    margin-bottom: 27px;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__lead>picture {
    width: 306px;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button {
    margin-bottom: 6px;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button::before, .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button::before {
    top: 6px;
    background-color: #3a8e47;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productModal__list {
    box-sizing: content-box;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 170px;
    margin-top: 30px;
  }

  .productModal__product>picture {
    width: 121px;
  }

  .productModal02 .productModal__productTag,
  .productModal03 .productModal__productTag,
  .productModal04 .productModal__productTag,
  .productModal05 .productModal__productTag {
    width: 190px;
    height: 40px;
    margin-top: 22px;
    font-size: 18px;
    border-radius: 12px;
  }

  .productModal02 .productModal__productTag>svg,
  .productModal03 .productModal__productTag>svg,
  .productModal04 .productModal__productTag>svg,
  .productModal05 .productModal__productTag>svg {
    width: 135px;
  }

  .productModal__notes {
    width: 800px;
    margin-top: 25px;
  }

  .productModal__text01 {
    margin-top: 75px;
  }

  .productModal__text02 {
    margin-top: 75px;
  }

  .productModal01 .productModal__title {
    width: 281px;
  }

  .productModal01 .productModal__list {
    margin-top: 46px;
  }

  .productModal01 .productModal__productTag {
    margin-top: 20px;
    font-size: 10px;
  }

  .productModal01 .productModal__icon {
    width: 295px;
    padding-top: 13px;
    padding-right: 162px;
  }

  .productModal01 .productModal__text01 {
    width: 590px;
    margin-top: 64px;
  }

  .productModal01 .productModal__banner {
    width: 600px;
    margin-top: 66px;
  }

  .productModal01 .productModal__banner>.productModal__bannerLabel {
    font-size: 18px;
  }

  .productModal01 .productModal__banner>.productModal__bannerImage {
    margin-top: 16px;
  }

  .productModal02 .productModal__title {
    width: 427px;
  }

  .productModal02 .productModal__productTag {
    border: 2px solid #004098;
  }

  .productModal02 .productModal__icon {
    width: 294px;
    padding-right: 162px;
    margin-top: 30px;
  }

  .productModal02 .productModal__text01 {
    width: 832px;
  }

  .productModal02 .productModal__text02 {
    width: 801px;
  }

  .productModal03 .productModal__title {
    width: 480px;
  }

  .productModal03 .productModal__productTag {
    border: 2px solid #b19621;
  }

  .productModal03 .productModal__icon {
    width: 330px;
    padding-right: 150px;
    margin-top: 10px;
  }

  .productModal03 .productModal__text01 {
    width: 836px;
  }

  .productModal04 .productModal__title {
    width: 236px;
  }

  .productModal04 .productModal__productTag {
    border: 2px solid #4fb1df;
  }

  .productModal04 .productModal__icon {
    width: 355px;
    padding-right: 130px;
    margin-top: 10px;
  }

  .productModal04 .productModal__text01 {
    width: 804px;
  }

  .productModal04 .productModal__text02 {
    width: 800px;
  }

  .productModal05 .productModal__title {
    width: 743px;
  }

  .productModal05 .productModal__productTag {
    border: 2px solid #46c85a;
  }

  .productModal05 .productModal__icon {
    width: 411px;
    padding-right: 112px;
    margin-top: 60px;
  }

  .productModal05 .productModal__text01 {
    width: 800px;
  }

  .productModal05 .productModal__text02 {
    width: 810px;
  }

  .regulation {
    margin-top: 20px;
    font-size: 15px;
    line-height: 2;
  }

  .regulation__list {
    margin-left: 119px;
  }

  .scrollBanner__button {
    position: absolute;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .scrollBanner__button:hover {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  .scrollBanner--wallpaper .scrollBanner__button {
    bottom: -50px;
    left: calc(50% + 230px);
    width: 262px;
  }

  .scrollBanner--campaign .scrollBanner__button {
    top: -220px;
    left: calc(50% + 180px);
    width: 310px;
  }

  .share {
    margin-top: 97px;
  }

  .share__title>img {
    width: 473px;
  }

  .share__title::after {
    width: 28px;
    height: 40px;
    margin-left: 8px;
  }

  .shareMyLacticAcid {
    margin-top: 94px;
  }

  .shareMyLacticAcid__list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .shareMyLacticAcid__list>li:nth-of-type(3) {
    width: 100%;
  }

  .shareMyLacticAcid__list>li:nth-of-type(n + 3) {
    margin-top: 80px;
  }

  .shareMyLacticAcid__container {
    width: 220px;
    height: 175px;
  }

  .shareMyLacticAcid__textBox {
    min-height: 0%;
  }

  .shareMyLacticAcid__catchcopy {
    min-height: 0%;
    margin-top: 10px;
  }

  .shareMyLacticAcid__button {
    width: 436px;
    height: 226px;
    border-radius: 113px;
  }

  .shareMyLacticAcid__button>.shareMyLacticAcid__buttonContent {
    padding-left: 146px;
  }

  .shareMyLacticAcid__image {
    top: -48px;
    left: 38px;
    width: 80px;
  }

  .shareMyLacticAcid__lead {
    border-width: 2px;
    border-radius: 4px;
  }

  .shareMyLacticAcid__tweet {
    width: 220px;
    min-height: 0%;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__container {
    height: 173px;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button {
    margin-bottom: 12px;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button::before, .shareMyLacticAcid--l92 .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button::before {
    top: 12px;
    background-color: #9d020f;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #e60012;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__hashtag {
    width: 213px;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__catchcopy {
    width: 139px;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__lead {
    width: 180px;
    height: 40px;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__lead img {
    width: 114px;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__container {
    height: 190px;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button {
    margin-bottom: 12px;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button::before, .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button::before {
    top: 12px;
    background-color: #012962;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__hashtag {
    width: 211px;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__catchcopy {
    width: 172px;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__lead {
    width: 260px;
    height: 80px;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__lead img {
    width: 228px;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__container {
    height: 173px;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button {
    margin-bottom: 12px;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button::before, .shareMyLacticAcid--amir .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button::before {
    top: 12px;
    background-color: #b19621;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #feeab4;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__hashtag {
    width: 207px;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__catchcopy {
    width: 160px;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__lead {
    width: 216px;
    height: 40px;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__lead img {
    width: 168px;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__container {
    height: 175px;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button {
    margin-bottom: 12px;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button::before, .shareMyLacticAcid--hoa .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button::before {
    top: 12px;
    background-color: #3c7d9b;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #4fb1df;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__hashtag {
    width: 237px;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__catchcopy {
    width: 118px;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__lead {
    width: 260px;
    height: 40px;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__lead img {
    width: 230px;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__container {
    height: 198px;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__textBox {
    margin: 10px 0;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button {
    margin-bottom: 12px;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button::before, .shareMyLacticAcid--lact .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button::before {
    top: 12px;
    background-color: #3a8e47;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #46c85a;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__hashtag {
    width: 215px;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__catchcopy {
    width: 206px;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__lead {
    width: 260px;
    height: 70px;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__lead img {
    width: 188px;
  }

  .wallpaper__title {
    width: 968px;
  }

  .wallpaper__text {
    width: 615px;
    margin-top: 62px;
  }

  .wallpaper__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 749px;
    margin: 62px 0 0;
  }

  .wallpaper__description {
    width: 440px;
    height: 130px;
    font-size: 16px;
    line-height: 1.625;
    border-radius: 12px;
  }

  .wallpaperDownload {
    margin-left: 35px;
  }

  .wallpaperDownload__button {
    width: 240px;
    height: 80px;
    border-radius: 40px;
    margin-bottom: 8px;
  }

  .wallpaperDownload__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .wallpaperDownload__button::before, .wallpaperDownload__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .wallpaperDownload__button::before {
    top: 8px;
    background-color: #012962;
  }

  .wallpaperDownload__button::after {
    top: 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .wallpaperDownload__button>.wallpaperDownload__buttonContent>img {
    width: 161px;
    height: 21px;
  }

  .wallpaperDownload__button>.wallpaperDownload__buttonContent::before {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .br--pc {
    display: block;
  }

  .displayNone--pc {
    display: none;
  }

  .textLeft--pc {
    text-align: left;
  }

  .textCenter--pc {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .content__containerInner {
    width: 91.875vw;
  }

  .content__container01 {
    padding-top: 12.5vw;
    padding-bottom: 12.03125vw;
  }

  .content__container02 {
    padding-top: 25vw;
    padding-bottom: 36.5625vw;
    background-image: url("../images/common/bg_content02wave_top_sp.png"), url("../images/common/bg_content02wave_bottom_sp.png");
    background-size: contain, contain;
  }

  .content__container02>.content__containerInner {
    padding: 9.375vw 3.125vw 10.9375vw;
    border-radius: 3.75vw;
  }

  .content__container03 {
    padding-top: 25.9375vw;
    padding-bottom: 33.75vw;
    overflow: hidden;
    background-image: url("../images/common/bg_content03wave_top_sp.jpg");
    background-size: contain;
  }

  .content__container04 {
    padding-top: 14.1vw;
    padding-bottom: 7.03125vw;
    overflow: visible;
    background-image: url("../images/common/bg_content04wave_bottom_sp.png");
    background-size: cover;
  }

  .about {
    height: 94.4vw;
    background-image: url("../images/about/bg_sp.png");
    background-size: contain;
  }

  .about__lead {
    top: 17.3vw;
    left: -2.5vw;
    width: 69.375vw;
  }

  .campaign__title {
    width: 67.8125vw;
  }

  .campaign__container {
    margin-top: 6.71875vw;
  }

  .campaign__text {
    width: 76.40625vw;
    margin-top: 11.5625vw;
  }

  .campaignPeriod {
    padding: 4.375vw 0 3.125vw;
    margin-top: 10.9375vw;
    border-radius: 1.875vw;
  }

  .campaignPeriod__title {
    width: 20.9375vw;
  }

  .campaignPeriod__date {
    width: 72.03125vw;
    margin-top: 1.5625vw;
  }

  .campaignFlow {
    margin-top: 15.625vw;
  }

  .campaignFlow__title {
    width: 21.25vw;
  }

  .campaignStep {
    margin-top: 7.03125vw;
  }

  .campaignStep__list>li+li {
    margin-top: 9.375vw;
  }

  .campaignStep__title {
    padding: 1.5625vw 3.90625vw;
    text-align: left;
    border-radius: 2.96875vw;
  }

  .campaignStep__text {
    font-size: 4.375vw;
  }

  .campaignStep__message {
    margin-top: 3.75vw;
  }

  .campaignStep__notes {
    font-size: 3.75vw;
    line-height: 1.667;
  }

  .campaignStep__description {
    font-size: 3.75vw;
    line-height: 1.667;
    text-align: left;
  }

  .campaignStep__descriptionContainer {
    padding: 3.125vw 0;
  }

  .campaignStep__descriptionContainer>dt::before {
    font-size: 2.8125vw;
  }

  .campaignStep__descriptionContainer:last-child {
    padding: 3.125vw 0 4.6875vw;
    border: none;
  }

  .campaignStep01 .campaignStep__content {
    margin-top: 5.46875vw;
  }

  .campaignStep01 .campaignStep__title>img {
    width: 11.25vw;
  }

  .campaignStep01 .campaignStep__text {
    line-height: 1.714;
  }

  .campaignStep02 .campaignStep__content {
    margin-top: 6.25vw;
  }

  .campaignStep02 .campaignStep__title>img {
    width: 12.1875vw;
  }

  .campaignStep02 .campaignStep__text {
    line-height: 1.714;
  }

  .campaignStep02 .campaignStep__button {
    width: 32.8125vw;
    height: 11.71875vw;
    margin-top: 7.8125vw;
    border-radius: 5.78125vw;
    margin-bottom: 1.25vw;
  }

  .campaignStep02 .campaignStep__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .campaignStep02 .campaignStep__button::before, .campaignStep02 .campaignStep__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .campaignStep02 .campaignStep__button::before {
    top: 1.25vw;
    background-color: #012962;
  }

  .campaignStep02 .campaignStep__button::after {
    top: 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .campaignStep02 .campaignStep__button>.campaignStep__buttonContent>img {
    width: 13.59375vw;
    height: 2.96875vw;
  }

  .campaignStep02 .campaignStep__button>.campaignStep__buttonContent::before {
    width: 3.28125vw;
    height: 3.28125vw;
    margin-right: 1.5625vw;
  }

  .campaignModal__title {
    width: 31.5625vw;
  }

  .campaignModal__inner {
    padding: 0 4.6875vw;
    margin-top: 7.8125vw;
    font-size: 3.75vw;
  }

  .campaignModalSection+.campaignModalSection {
    margin-top: 9.375vw;
  }

  .campaignModalSection p {
    line-height: 1.667;
  }

  .campaignModalSection__heading {
    font-size: 4.21875vw;
    line-height: 1.556;
  }

  .campaignModalSection__list {
    line-height: 1.667;
  }

  .campaignModalSection__notes {
    font-size: 2.34375vw;
    line-height: 1.667;
  }

  .campaignModalSection__numberList {
    margin-top: 4.6875vw;
  }

  .campaignModalSection__numberList>li+li {
    margin-top: 1.25vw;
  }

  .campaignModalSection__service {
    margin: 9.375vw 0 3.125vw;
  }

  .feature {
    padding-bottom: 17.8125vw;
    background-image: url("../images/feature/bg01_sp.png"), url("../images/feature/bg02_sp.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 72.65625vw 24.21875vw, 70.3125vw 210.9375vw;
    background-size: 14.0625vw, 20vw;
  }

  .feature__title {
    width: 85.625vw;
  }

  .feature__list {
    width: 100%;
    height: 205.9375vw;
    margin-top: 6.71875vw;
    -webkit-transform: translateX(-3.125vw);
    transform: translateX(-3.125vw);
  }

  .feature__item.feature__item--01 {
    width: 71.875vw;
  }

  .feature__item.feature__item--02 {
    top: 67.65625vw;
    left: 32.03125vw;
    width: 81.25vw;
  }

  .feature__item.feature__item--03 {
    top: 143.75vw;
    left: 5.46875vw;
    width: 62.65625vw;
  }

  .kv {
    height: 78.3vw;
    background-image: url("../images/kv/bg_sp.jpg");
    background-size: contain;
  }

  .kv__logo {
    top: 3.4375vw;
    left: 5vw;
  }

  .kv__logo>img {
    width: 11.5625vw;
    height: 4.53125vw;
  }

  .kv__container {
    top: 1.7vw;
    left: 21.4vw;
  }

  .kv__catchcopy {
    width: 57.8vw;
    margin-top: 1.4vw;
  }

  .kv__title {
    width: 28.9vw;
    margin-top: 0;
  }

  .kv__title::after {
    bottom: -4.53125vw;
    width: 35.625vw;
    height: 0.9375vw;
  }

  .lineup__title {
    width: 48.59375vw;
  }

  .lineupProduct__list {
    margin-top: 23.125vw;
  }

  .lineupProduct__list>li+li {
    margin-top: 25vw;
  }

  .lineupProduct__list>li:nth-of-type(odd) .lineupProduct__image {
    left: 11.71875vw;
  }

  .lineupProduct__list>li:nth-of-type(even) .lineupProduct__image {
    right: 11.71875vw;
  }

  .lineupProduct__button {
    width: 90.625vw;
    height: 26.875vw;
    border-radius: 13.4375vw;
  }

  .lineupProduct__image {
    top: -17.1875vw;
    width: 19.375vw;
    height: 56.875vw;
  }

  .lineupProduct__image>img {
    width: 100%;
    height: 100%;
  }

  .lineupProduct__container {
    bottom: 3.125vw;
  }

  .lineupProduct__detail>svg {
    width: 18.4375vw;
  }

  .lineupProduct__detail::before {
    width: 3.90625vw;
    height: 3.90625vw;
    margin-right: 1.5625vw;
  }

  .lineupProduct--l92 .lineupProduct__button {
    margin-bottom: 2.1875vw;
  }

  .lineupProduct--l92 .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--l92 .lineupProduct__button::before, .lineupProduct--l92 .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--l92 .lineupProduct__button::before {
    top: 2.1875vw;
    background-color: #9d020f;
  }

  .lineupProduct--l92 .lineupProduct__button::after {
    top: 0;
    background-color: #e60012;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--l92 .lineupProduct__catchcopy {
    width: 39.6875vw;
    height: 4.6875vw;
    margin-bottom: 5.9375vw;
  }

  .lineupProduct--l92 .lineupProduct__container {
    right: 10.9375vw;
  }

  .lineupProduct--cp2305 .lineupProduct__button {
    margin-bottom: 2.1875vw;
  }

  .lineupProduct--cp2305 .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--cp2305 .lineupProduct__button::before, .lineupProduct--cp2305 .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--cp2305 .lineupProduct__button::before {
    top: 2.1875vw;
    background-color: #012962;
  }

  .lineupProduct--cp2305 .lineupProduct__button::after {
    top: 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--cp2305 .lineupProduct__catchcopy {
    width: 47.65625vw;
    margin-bottom: 2vw;
  }

  .lineupProduct--cp2305 .lineupProduct__container {
    left: 7.5vw;
  }

  .lineupProduct--amir .lineupProduct__button {
    margin-bottom: 2.1875vw;
  }

  .lineupProduct--amir .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--amir .lineupProduct__button::before, .lineupProduct--amir .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--amir .lineupProduct__button::before {
    top: 2.1875vw;
    background-color: #b19621;
  }

  .lineupProduct--amir .lineupProduct__button::after {
    top: 0;
    background-color: #feeab4;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--amir .lineupProduct__catchcopy {
    width: 49.0625vw;
    margin-bottom: 4.6875vw;
  }

  .lineupProduct--amir .lineupProduct__container {
    right: 6.5625vw;
  }

  .lineupProduct--hoa .lineupProduct__button {
    margin-bottom: 2.1875vw;
  }

  .lineupProduct--hoa .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--hoa .lineupProduct__button::before, .lineupProduct--hoa .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--hoa .lineupProduct__button::before {
    top: 2.1875vw;
    background-color: #3c7d9b;
  }

  .lineupProduct--hoa .lineupProduct__button::after {
    top: 0;
    background-color: #4fb1df;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--hoa .lineupProduct__catchcopy {
    width: 35vw;
    margin-bottom: 6.875vw;
    margin-left: -3.125vw;
  }

  .lineupProduct--hoa .lineupProduct__container {
    left: 15.9375vw;
  }

  .lineupProduct--lact .lineupProduct__button {
    margin-bottom: 2.1875vw;
  }

  .lineupProduct--lact .lineupProduct__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--lact .lineupProduct__button::before, .lineupProduct--lact .lineupProduct__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .lineupProduct--lact .lineupProduct__button::before {
    top: 2.1875vw;
    background-color: #3a8e47;
  }

  .lineupProduct--lact .lineupProduct__button::after {
    top: 0;
    background-color: #46c85a;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .lineupProduct--lact .lineupProduct__catchcopy {
    width: 51.40625vw;
    margin-bottom: 4.6875vw;
  }

  .lineupProduct--lact .lineupProduct__container {
    right: 5.3125vw;
  }

  .loading__content {
    position: relative;
    top: -4em;
  }

  .loading__title {
    width: 30.4vw;
    height: 27vw;
    margin-bottom: 7.2vw;
    background-image: url("../images/common/load_title.png");
  }

  .loading__indicator {
    width: 35.78125vw;
    height: 0.9375vw;
  }

  .modal__container {
    width: 92.5vw;
    padding: 9.375vw 0;
    margin: 12.5vw 0 25vw;
    border-width: 1.25vw;
    border-radius: 6.25vw;
  }

  .modal__closeButton {
    top: 3.125vw;
    right: 2.5vw;
    width: 7.1875vw;
    height: 7.1875vw;
  }

  .modal__closeButton::before, .modal__closeButton::after {
    height: 0.46875vw;
  }

  #modal--movie .modal__container--movie {
    width: 95vw;
    height: 53.4375vw;
  }

  #modal--movie .modal__closeButton {
    top: -9.375vw;
  }

  .movie {
    margin-top: 30vw;
  }

  .movie__container {
    width: 91.875vw;
    padding: 10.625vw 7.8125vw 8.59375vw;
    border-radius: 3.75vw;
  }

  .movie__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .movie__list>li+li {
    margin-top: 7.8125vw;
  }

  .movie__title.movie__title--cm {
    width: 47.34375vw;
    height: 6.40625vw;
  }

  .movie__title.movie__title--description {
    width: 44.84375vw;
    height: 14.84375vw;
  }

  .movie__title.movie__title--description>img {
    width: 100%;
  }

  .movie__content>a {
    width: 75vw;
    height: 42.1875vw;
    margin-top: 7.03125vw;
  }

  .pagetop {
    right: 3.75vw;
    bottom: 2.1875vw;
    width: 10.9375vw;
    height: 10.9375vw;
  }

  .product__title {
    width: 65vw;
  }

  .productMyLacticAcid__list {
    margin-top: 20.3125vw;
  }

  .productMyLacticAcid__item {
    width: 93.75vw;
    height: 93.75vw;
    padding-bottom: 11.875vw;
  }

  .productMyLacticAcid__item+.productMyLacticAcid__item {
    margin-top: 18.75vw;
  }

  .productMyLacticAcid__item::before {
    top: 4.6875vw;
    width: 40.3125vw;
    height: 88.75vw;
    background-image: url("../images/products/image_shadow.png");
  }

  .productMyLacticAcid__item::after {
    top: 10.9375vw;
    width: 24.21875vw;
    height: 72.1875vw;
  }

  .productMyLacticAcid__item:nth-of-type(odd) {
    padding-right: 20.3125vw;
  }

  .productMyLacticAcid__item:nth-of-type(odd)::before {
    right: -9.375vw;
  }

  .productMyLacticAcid__item:nth-of-type(odd)::after {
    right: 4.6875vw;
  }

  .productMyLacticAcid__item:nth-of-type(even) {
    padding-left: 15.625vw;
  }

  .productMyLacticAcid__item:nth-of-type(even)::before {
    left: 0;
  }

  .productMyLacticAcid__item:nth-of-type(even)::after {
    left: 3.125vw;
  }

  .productMyLacticAcid__lead {
    border-width: 0.78125vw;
    border-radius: 1.875vw;
  }

  .productMyLacticAcid__tag {
    width: 18.75vw;
    height: 2.34375vw;
    margin-bottom: 3.125vw;
  }

  .productMyLacticAcid__notes {
    position: absolute;
    bottom: -17.1875vw;
    left: 12.5vw;
    font-size: 2.8125vw;
    color: #e60012;
    white-space: nowrap;
  }

  .productMyLacticAcid__button {
    width: 37.5vw;
    height: 8.59375vw;
    border-radius: 4.375vw;
  }

  .productMyLacticAcid__buttonIcon {
    width: 5.625vw;
    height: 5.625vw;
  }

  .productMyLacticAcid__buttonText {
    width: 18.4375vw;
    height: 3.28125vw;
    margin-left: 1.5625vw;
  }

  .productMyLacticAcid--l92.productMyLacticAcid__item::after {
    background-image: url("../images/products/product01/image_product.png");
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__bg--01 {
    top: -20vw;
    right: 77.34375vw;
    width: 40.625vw;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__bg--02 {
    top: -4.6875vw;
    left: 78.90625vw;
    width: 19.6875vw;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__catchcopy {
    width: 40.9375vw;
    margin-bottom: 13.75vw;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__lead {
    width: 42.8125vw;
    height: 20.3vw;
    margin-bottom: 5.625vw;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__lead>picture {
    width: 29.53125vw;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button {
    margin-bottom: 1.25vw;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button::before, .productMyLacticAcid--l92 .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button::before {
    top: 1.25vw;
    background-color: #9d020f;
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--cp2305.productMyLacticAcid__item::after {
    background-image: url("../images/products/product02/image_product.png");
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__bg--01 {
    top: -20.3125vw;
    right: 67.1875vw;
    width: 29.375vw;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__bg--02 {
    top: 3.90625vw;
    left: 77.8125vw;
    width: 19.6875vw;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__catchcopy {
    width: 55.2vw;
    margin-bottom: 5vw;
    margin-left: 6.5vw;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__lead {
    width: 53.59375vw;
    height: 22.5vw;
    margin-bottom: 4vw;
    margin-left: 2.5vw;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__lead>picture {
    width: 49.0625vw;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button {
    margin-bottom: 1.25vw;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button::before, .productMyLacticAcid--cp2305 .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button::before {
    top: 1.25vw;
    background-color: #012962;
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item::after {
    background-image: url("../images/products/product03/image_product.png");
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__bg--01 {
    top: -17.96875vw;
    right: 79.6875vw;
    width: 20.46875vw;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__bg--02 {
    top: -8.59375vw;
    left: 80.46875vw;
    width: 30vw;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__catchcopy {
    width: 44.6875vw;
    margin-bottom: 8.75vw;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__lead {
    width: 54.6875vw;
    height: 12.1875vw;
    margin-bottom: 3.75vw;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__lead>picture {
    width: 43.28125vw;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button {
    margin-bottom: 1.25vw;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button::before, .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button::before {
    top: 1.25vw;
    background-color: #b19621;
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item::after {
    background-image: url("../images/products/product04/image_product.png");
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__bg--01 {
    right: 75.78125vw;
    bottom: -18.75vw;
    width: 29.375vw;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__bg--02 {
    top: -15.625vw;
    left: 64.84375vw;
    width: 52.96875vw;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__catchcopy {
    width: 32.65625vw;
    margin-bottom: 9.0625vw;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__lead {
    width: 52.1875vw;
    height: 20.3125vw;
    margin-bottom: 3.75vw;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__lead>picture {
    width: 35.3125vw;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button {
    margin-bottom: 1.25vw;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button::before, .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button::before {
    top: 1.25vw;
    background-color: #3c7d9b;
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item::after {
    background-image: url("../images/products/product05/image_product.png");
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__bg--01 {
    right: 86.71875vw;
    bottom: -2.34375vw;
    width: 29.53125vw;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__bg--02 {
    top: -7.8125vw;
    left: 78.90625vw;
    width: 22.96875vw;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__catchcopy {
    width: 56.71875vw;
    margin-bottom: 6.25vw;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__lead {
    width: 55.3125vw;
    height: 19.0625vw;
    margin-bottom: 3.4375vw;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__lead>picture {
    width: 45.15625vw;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button {
    margin-bottom: 1.25vw;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button::before, .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button::before {
    top: 1.25vw;
    background-color: #3a8e47;
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button::after {
    top: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .productModal {
    padding: 0 2.8125vw;
  }

  .productModal__list {
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: 13.28125vw;
  }

  .productModal__product>picture {
    width: 19.375vw;
  }

  .productModal02 .productModal__productTag,
  .productModal03 .productModal__productTag,
  .productModal04 .productModal__productTag,
  .productModal05 .productModal__productTag {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 39.6875vw;
    height: 8.125vw;
    margin: auto;
    border-radius: 1.875vw;
  }

  .productModal02 .productModal__productTag>svg,
  .productModal03 .productModal__productTag>svg,
  .productModal04 .productModal__productTag>svg,
  .productModal05 .productModal__productTag>svg {
    width: 28.125vw;
    height: 3.4375vw;
  }

  .productModal__notes {
    width: 100%;
    margin-top: 4.6875vw;
  }

  .productModal__text01 {
    width: 100%;
  }

  .productModal__text02 {
    width: 100%;
  }

  .productModal01 .productModal__title {
    width: 43.90625vw;
  }

  .productModal01 .productModal__list {
    padding-bottom: 6.25vw;
    margin-top: 9.375vw;
  }

  .productModal01 .productModal__productTag {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 3.125vw;
  }

  .productModal01 .productModal__icon {
    width: 36.875vw;
    padding-top: 4.6875vw;
    margin-left: 4.6875vw;
    -webkit-transform: translateX(6.25vw);
    transform: translateX(6.25vw);
  }

  .productModal01 .productModal__text01 {
    width: 78.125vw;
    margin-top: 10.9375vw;
  }

  .productModal01 .productModal__banner {
    width: 81.25vw;
    margin-top: 9.375vw;
  }

  .productModal01 .productModal__banner>.productModal__bannerLabel {
    font-size: 3.75vw;
  }

  .productModal02 .productModal__title {
    width: 66.71875vw;
  }

  .productModal02 .productModal__list {
    margin-top: 7.8125vw;
  }

  .productModal02 .productModal__productTag {
    border: 0.3125vw solid #004098;
  }

  .productModal02 .productModal__icon {
    width: 36.71875vw;
    margin-top: 0.625vw;
    margin-left: 6.25vw;
    -webkit-transform: translateX(4.6875vw);
    transform: translateX(4.6875vw);
  }

  .productModal02 .productModal__text01 {
    margin-top: 12.1875vw;
  }

  .productModal02 .productModal__text02 {
    margin-top: 9.375vw;
  }

  .productModal03 .productModal__title {
    width: 52.96875vw;
  }

  .productModal03 .productModal__list {
    margin-top: 3.90625vw;
  }

  .productModal03 .productModal__productTag {
    border: 0.3125vw solid #b19621;
  }

  .productModal03 .productModal__icon {
    width: 51.25vw;
    margin-top: -0.78125vw;
    margin-left: -7.8125vw;
    -webkit-transform: translateX(11.71875vw);
    transform: translateX(11.71875vw);
  }

  .productModal03 .productModal__text01 {
    margin-top: 7.8125vw;
  }

  .productModal04 .productModal__title {
    width: 37.03125vw;
  }

  .productModal04 .productModal__list {
    margin-top: 7.8125vw;
  }

  .productModal04 .productModal__productTag {
    border: 0.3125vw solid #4fb1df;
  }

  .productModal04 .productModal__icon {
    width: 46.875vw;
    margin-top: 9.375vw;
    margin-left: -3.75vw;
    -webkit-transform: translateX(10vw);
    transform: translateX(10vw);
  }

  .productModal04 .productModal__text01 {
    margin-top: 4.6875vw;
  }

  .productModal04 .productModal__text02 {
    margin-top: 8.75vw;
  }

  .productModal05 .productModal__title {
    width: 69.6875vw;
  }

  .productModal05 .productModal__list {
    margin-top: 3.90625vw;
  }

  .productModal05 .productModal__productTag {
    border: 0.3125vw solid #46c85a;
  }

  .productModal05 .productModal__icon {
    width: 53.59375vw;
    margin-top: 9.6875vw;
    margin-left: -4.6875vw;
    -webkit-transform: translateX(8.4375vw);
    transform: translateX(8.4375vw);
  }

  .productModal05 .productModal__text01 {
    margin-top: 9.375vw;
  }

  .productModal05 .productModal__text02 {
    margin-top: 9.375vw;
  }

  .regulation {
    font-size: 3.125vw;
    line-height: 1.4;
  }

  .regulation__list {
    margin-left: 36.25vw;
  }

  .regulation__list>li::before {
    font-size: 2.5vw;
  }

  .scrollBanner--wallpaper .scrollBanner__button {
    position: absolute;
    right: 0;
    bottom: -22.34375vw;
    left: 0;
    width: 90.9375vw;
    margin: auto;
  }

  .scrollBanner--campaign {
    margin-top: 3.4375vw;
  }

  .scrollBanner--campaign .scrollBanner__button {
    width: 90.9375vw;
  }

  .share {
    margin-top: 15.625vw;
  }

  .share__title>img {
    width: 73.4375vw;
  }

  .share__title::after {
    width: 4.375vw;
    height: 6.25vw;
    margin-left: 1.25vw;
  }

  .shareMyLacticAcid {
    margin-top: 20.3125vw;
  }

  .shareMyLacticAcid__list>li+li {
    margin-top: 22.5vw;
  }

  .shareMyLacticAcid__container {
    width: 45.78125vw;
    height: 35.9375vw;
  }

  .shareMyLacticAcid__catchcopy {
    margin-top: 1.875vw;
  }

  .shareMyLacticAcid__button {
    width: 85.9375vw;
    height: 46.875vw;
    border-radius: 23.4375vw;
  }

  .shareMyLacticAcid__button>.shareMyLacticAcid__buttonContent {
    padding-left: 28.125vw;
  }

  .shareMyLacticAcid__image {
    top: -14.84375vw;
    left: 4.375vw;
    width: 18.125vw;
    height: 52.1875vw;
  }

  .shareMyLacticAcid__lead {
    border-width: 0.3125vw;
    border-radius: 0.625vw;
  }

  .shareMyLacticAcid__tweet {
    width: 45.78125vw;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__container {
    height: 36.40625vw;
    margin-top: 6.25vw;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button {
    margin-bottom: 2.5vw;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button::before, .shareMyLacticAcid--l92 .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button::before {
    top: 2.5vw;
    background-color: #9d020f;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #e60012;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__hashtag {
    width: 42.34375vw;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__catchcopy {
    width: 31.25vw;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__lead {
    width: 42.1875vw;
    height: 9.375vw;
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__lead img {
    width: 29.53125vw;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__container {
    height: 41.40625vw;
    margin-top: 1.5625vw;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button {
    margin-bottom: 2.5vw;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button::before, .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button::before {
    top: 2.5vw;
    background-color: #012962;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__hashtag {
    width: 38.125vw;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__catchcopy {
    width: 38.75vw;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__lead {
    width: 48.59375vw;
    height: 18.125vw;
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__lead img {
    width: 44.53125vw;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__container {
    height: 36.25vw;
    margin-top: 6.25vw;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button {
    margin-bottom: 2.5vw;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button::before, .shareMyLacticAcid--amir .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button::before {
    top: 2.5vw;
    background-color: #b19621;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #feeab4;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__hashtag {
    width: 41.25vw;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__catchcopy {
    width: 50.3125vw;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__lead {
    width: 49.0625vw;
    height: 9.375vw;
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__lead img {
    width: 43.4375vw;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__container {
    height: 38.4375vw;
    margin-top: 5.46875vw;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button {
    margin-bottom: 2.5vw;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button::before, .shareMyLacticAcid--hoa .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button::before {
    top: 2.5vw;
    background-color: #3c7d9b;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #4fb1df;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__hashtag {
    width: 47.1875vw;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__catchcopy {
    width: 27.5vw;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__lead {
    width: 48.75vw;
    height: 14.0625vw;
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__lead img {
    width: 28.125vw;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__container {
    height: 40.9375vw;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__textBox {
    margin: callcw(21) 0 2.03125vw;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button {
    margin-bottom: 2.5vw;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button::before, .shareMyLacticAcid--lact .shareMyLacticAcid__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button::before {
    top: 2.5vw;
    background-color: #3a8e47;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button::after {
    top: 0;
    background-color: #46c85a;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__hashtag {
    width: 38.75vw;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__catchcopy {
    width: 46.5625vw;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__lead {
    width: 48.75vw;
    height: 14.0625vw;
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__lead img {
    width: 42.34375vw;
  }

  .wallpaper__title {
    width: 90.625vw;
    margin-top: -7.8125vw;
  }

  .wallpaper__text {
    width: 88.75vw;
    margin-top: 11.25vw;
  }

  .wallpaper__container {
    margin: 9.375vw 0 10.9375vw;
  }

  .wallpaper__description {
    width: 91.875vw;
    height: 46.25vw;
    font-size: 3.75vw;
    line-height: 1.667;
    font-feature-settings: "palt";
    border-radius: 3.75vw;
  }

  .wallpaperDownload__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 85vw;
    margin-top: 10.9375vw;
  }

  .wallpaperDownload__button {
    width: 40.9375vw;
    height: 13.75vw;
    border-radius: 6.875vw;
    margin-bottom: 1.25vw;
  }

  .wallpaperDownload__button>span {
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .wallpaperDownload__button::before, .wallpaperDownload__button::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
  }

  .wallpaperDownload__button::before {
    top: 1.25vw;
    background-color: #012962;
  }

  .wallpaperDownload__button::after {
    top: 0;
    background-color: #004098;
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .wallpaperDownload__button>.wallpaperDownload__buttonContent>img {
    width: 18.4375vw;
    height: 7.1875vw;
  }

  .wallpaperDownload__button>.wallpaperDownload__buttonContent::before {
    width: 3.90625vw;
    height: 3.90625vw;
    margin-right: 1.875vw;
  }

  .br--sp {
    display: block;
  }

  .displayNone--sp {
    display: none;
  }

  .textLeft--sp {
    text-align: left;
  }

  .textCenter--sp {
    text-align: center;
  }
}

@media screen and (min-width: 2000px) {
  .content__container02 {
    padding-top: 15.3vw;
    padding-bottom: 18.25vw;
    background-size: contain, contain;
  }

  .content__container03 {
    padding-top: 15.3vw;
    background-size: contain;
  }

  .content__container04 {
    padding-top: 12vw;
    padding-bottom: 1.5vw;
    background-size: contain;
  }

  .about {
    height: 38.1vw;
    background-size: cover;
  }

  .kv {
    height: 38vw;
    background-image: url("../images/kv/bg_pc.jpg");
    background-size: cover;
  }

  .kv__logo {
    top: 1.8vw;
    left: 21.85vw;
  }

  .kv__logo>img {
    width: 4.05vw;
    height: 1.6vw;
  }

  .kv__container {
    top: 9.75vw;
    left: 45vw;
  }

  .kv__catchcopy {
    width: 18.75vw;
  }

  .kv__title {
    width: 31.2vw;
    margin-top: 0.5vw;
  }

  .kv__title::after {
    bottom: -2.5vw;
    width: 20vw;
    height: 0.6vw;
  }

  .wallpaper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 36.15vw;
  }

  .br--xl {
    display: block;
  }
}

@media screen and (min-width: 769px) and (min-width: 769px) {
  .campaignStep02 .campaignStep__button:hover>span, .campaignStep02 .campaignStep__button:hover::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .lineupProduct--l92 .lineupProduct__button:hover>span, .lineupProduct--l92 .lineupProduct__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .lineupProduct--cp2305 .lineupProduct__button:hover>span, .lineupProduct--cp2305 .lineupProduct__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .lineupProduct--amir .lineupProduct__button:hover>span, .lineupProduct--amir .lineupProduct__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .lineupProduct--hoa .lineupProduct__button:hover>span, .lineupProduct--hoa .lineupProduct__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .lineupProduct--lact .lineupProduct__button:hover>span, .lineupProduct--lact .lineupProduct__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button:hover>span, .productMyLacticAcid--l92 .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button:hover>span, .productMyLacticAcid--cp2305 .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button:hover>span, .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button:hover>span, .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button:hover>span, .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--l92 .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--amir .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--hoa .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--lact .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .wallpaperDownload__button:hover>span, .wallpaperDownload__button:hover::after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .campaignStep02 .campaignStep__button:active>span, .campaignStep02 .campaignStep__button:active::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .lineupProduct--l92 .lineupProduct__button:active>span, .lineupProduct--l92 .lineupProduct__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .lineupProduct--cp2305 .lineupProduct__button:active>span, .lineupProduct--cp2305 .lineupProduct__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .lineupProduct--amir .lineupProduct__button:active>span, .lineupProduct--amir .lineupProduct__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .lineupProduct--hoa .lineupProduct__button:active>span, .lineupProduct--hoa .lineupProduct__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .lineupProduct--lact .lineupProduct__button:active>span, .lineupProduct--lact .lineupProduct__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button:active>span, .productMyLacticAcid--l92 .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button:active>span, .productMyLacticAcid--cp2305 .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button:active>span, .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button:active>span, .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button:active>span, .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--l92 .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--amir .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--hoa .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--lact .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  .wallpaperDownload__button:active>span, .wallpaperDownload__button:active::after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}

@media screen and (max-width: 768px) and (min-width: 769px) {
  .campaignStep02 .campaignStep__button:hover>span, .campaignStep02 .campaignStep__button:hover::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .lineupProduct--l92 .lineupProduct__button:hover>span, .lineupProduct--l92 .lineupProduct__button:hover::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .lineupProduct--cp2305 .lineupProduct__button:hover>span, .lineupProduct--cp2305 .lineupProduct__button:hover::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .lineupProduct--amir .lineupProduct__button:hover>span, .lineupProduct--amir .lineupProduct__button:hover::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .lineupProduct--hoa .lineupProduct__button:hover>span, .lineupProduct--hoa .lineupProduct__button:hover::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .lineupProduct--lact .lineupProduct__button:hover>span, .lineupProduct--lact .lineupProduct__button:hover::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button:hover>span, .productMyLacticAcid--l92 .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button:hover>span, .productMyLacticAcid--cp2305 .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button:hover>span, .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button:hover>span, .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button:hover>span, .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--l92 .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--amir .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--hoa .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button:hover>span, .shareMyLacticAcid--lact .shareMyLacticAcid__button:hover::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .wallpaperDownload__button:hover>span, .wallpaperDownload__button:hover::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .campaignStep02 .campaignStep__button:active>span, .campaignStep02 .campaignStep__button:active::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .lineupProduct--l92 .lineupProduct__button:active>span, .lineupProduct--l92 .lineupProduct__button:active::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .lineupProduct--cp2305 .lineupProduct__button:active>span, .lineupProduct--cp2305 .lineupProduct__button:active::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .lineupProduct--amir .lineupProduct__button:active>span, .lineupProduct--amir .lineupProduct__button:active::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .lineupProduct--hoa .lineupProduct__button:active>span, .lineupProduct--hoa .lineupProduct__button:active::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .lineupProduct--lact .lineupProduct__button:active>span, .lineupProduct--lact .lineupProduct__button:active::after {
    -webkit-transform: translateY(1.09375vw);
    transform: translateY(1.09375vw);
  }

  .productMyLacticAcid--l92 .productMyLacticAcid__button:active>span, .productMyLacticAcid--l92 .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .productMyLacticAcid--cp2305 .productMyLacticAcid__button:active>span, .productMyLacticAcid--cp2305 .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button:active>span, .productMyLacticAcid--amir.productMyLacticAcid__item .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button:active>span, .productMyLacticAcid--hoa.productMyLacticAcid__item .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button:active>span, .productMyLacticAcid--lact.productMyLacticAcid__item .productMyLacticAcid__button:active::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }

  .shareMyLacticAcid--l92 .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--l92 .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--cp2305 .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .shareMyLacticAcid--amir .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--amir .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .shareMyLacticAcid--hoa .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--hoa .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .shareMyLacticAcid--lact .shareMyLacticAcid__button:active>span, .shareMyLacticAcid--lact .shareMyLacticAcid__button:active::after {
    -webkit-transform: translateY(1.25vw);
    transform: translateY(1.25vw);
  }

  .wallpaperDownload__button:active>span, .wallpaperDownload__button:active::after {
    -webkit-transform: translateY(0.625vw);
    transform: translateY(0.625vw);
  }
}

@media screen and (max-width: 1999px) {
  .productModal01 .productModal__banner>.productModal__bannerImage {
    margin-top: 2.1875vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1999px) {
  .br--l {
    display: block;
  }
}

@media screen and (min-width: 415px) and (max-width: 768px) {
  .br--m {
    display: block;
  }
}

@media screen and (max-width: 414px) {
  .br--s {
    display: block;
  }
}
