@charset "UTF-8";
@keyframes main_image-sp {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-58%, 0, 0);
  }
}
@keyframes main_image-prev-sp {
  0% {
    transform: translate3d(-58%, 0, 0);
  }
  100% {
    transform: translate3d(-116%, 0, 0);
  }
}
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
  scrollbar-gutter: stable;
}

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

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

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  overflow: visible;
  /* 2 */
  box-sizing: content-box;
  /* 1 */
  clear: both;
  height: 0;
  /* 1 */
  margin: 0;
  border-top-width: 1px;
  color: inherit;
}

/**
 * 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: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  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: inherit;
  /* 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 {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  text-align: inherit;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  text-transform: inherit;
  /* 2 */
  -webkit-appearance: none;
  /* 1 */
  appearance: none;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

/**
 * 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;
}

/**
 * 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 outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * 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. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

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

/*
 * Add the correct display in all browsers.
 */
summary {
  display: block;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
}

caption {
  text-align: left;
}

td,
th {
  padding: 0;
  vertical-align: top;
}

th {
  text-align: left;
}

html {
  --vw: 100vw;
  --vh: 100vh;
  --fv: 100vh;
  scrollbar-width: thin;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: none;
  overscroll-behavior-y: none;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  letter-spacing: 0.04em;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  height: auto;
  outline: none;
}

a img {
  border: 0px;
}

svg {
  width: 100%;
}

body img[src$=".svg"] {
  width: 100%;
}

body svg {
  width: 100%;
  height: auto;
}

body {
  font-family: "Roboto", "Roboto Condensed", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  letter-spacing: 0.04em;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}
@media only screen and (max-width: 812px) {
  body {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  body {
    font-size: 16px;
  }
}
@media only screen and (max-width: 812px) {
  body .only_PC {
    display: none !important;
  }
}
@media only screen and (min-width: 812px) {
  body .only_SP {
    display: none !important;
  }
}
body.__fixed {
  overflow: hidden;
  scrollbar-gutter: stable;
}

.wrapper {
  display: block;
  position: relative;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  letter-spacing: 0.04em;
  color: #3F404A;
  background-color: #FFFFFF;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  .wrapper {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  .wrapper {
    font-size: 16px;
  }
}

header#header {
  display: flex;
  position: fixed;
  padding-top: calc(16 / 1440 * var(--vw));
  padding-bottom: calc(16 / 1440 * var(--vw));
  width: 100%;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media only screen and (max-width: 812px) {
  header#header {
    padding-top: calc(8 / 375 * var(--vw));
    padding-bottom: calc(8 / 375 * var(--vw));
  }
}
header#header > .header_inner {
  display: inline-flex;
  align-items: center;
  padding: calc(16 / 1440 * var(--vw)) 0;
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #0068B7;
  width: calc(1408 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner {
    padding: calc(4 / 375 * var(--vw)) 0;
    border-radius: calc(4 / 375 * var(--vw));
    width: calc(359 / 375 * var(--vw));
  }
}
header#header > .header_inner > .logo {
  display: block;
  width: calc(172 / 1440 * var(--vw));
  margin-left: calc(40 / 1440 * var(--vw));
  margin-right: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .logo {
    width: calc(100 / 375 * var(--vw));
    margin-left: calc(16 / 375 * var(--vw));
    margin-right: 0;
  }
}
header#header > .header_inner > .logo > .link {
  display: block;
  width: 100%;
}
header#header > .header_inner > .logo > .link > .icon {
  display: block;
  width: 100%;
}
header#header > .header_inner > .logo > .link > .icon > use {
  color: #FFFFFF;
}
header#header > .header_inner > .navigation {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .navigation {
    display: block;
    margin-left: auto;
    margin-right: 0;
    flex-shrink: 0;
  }
}
header#header > .header_inner > .navigation > .item {
  display: block;
  margin-right: calc(48 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .navigation > .item {
    display: none;
  }
}
header#header > .header_inner > .navigation > .item > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
  white-space: nowrap;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
header#header > .header_inner > .navigation > .item:hover > .text {
  color: #FFCC57;
}
header#header > .header_inner > .navigation > .search_button {
  display: block;
}
header#header > .header_inner > .navigation > .search_button > .icon {
  display: block;
  width: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .navigation > .search_button > .icon {
    width: calc(32 / 375 * var(--vw));
  }
}
header#header > .header_inner > .navigation > .search_button > .icon > use {
  color: #FFFFFF;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media only screen and (min-width: 812px) {
  header#header > .header_inner > .navigation > .search_button > .icon > use {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  header#header > .header_inner > .navigation > .search_button:hover > .icon > use {
    color: #FFCC57;
  }
}
header#header > .header_inner > .products {
  display: flex;
  margin-left: calc(375 / 1440 * var(--vw));
  margin-right: calc(40 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .products {
    margin-left: calc(24 / 375 * var(--vw));
    margin-right: calc(24 / 375 * var(--vw));
  }
}
header#header > .header_inner > .products > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  background-color: #FFFFFF;
  border-radius: calc(16 / 1440 * var(--vw));
  transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .products > .button {
    display: none;
  }
}
header#header > .header_inner > .products > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
  color: #0068B7;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  margin-top: 2px;
}
header#header > .header_inner > .products > .button:hover {
  background-color: #FFCC57;
}
header#header > .header_inner > .products > .button:hover > .text {
  color: #3F404A;
}
header#header > .header_inner > .products > .cart {
  position: relative;
  display: block;
  width: calc(32 / 1440 * var(--vw));
  margin-left: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .products > .cart {
    width: calc(32 / 375 * var(--vw));
    margin-left: 0;
  }
}
header#header > .header_inner > .products > .cart > .qty {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: calc(14 / 1440 * var(--vw));
  height: calc(14 / 1440 * var(--vw));
  background-color: #FFCC57;
  border-radius: 50%;
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .products > .cart > .qty {
    width: calc(14 / 375 * var(--vw));
    height: calc(14 / 375 * var(--vw));
  }
}
header#header > .header_inner > .products > .cart > .qty > .text {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: calc(9 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  header#header > .header_inner > .products > .cart > .qty > .text {
    font-size: calc(9 / 375 * var(--vw));
  }
}
header#header > .header_inner > .products > .cart > .icon {
  display: block;
  width: 100%;
}
header#header > .header_inner > .products > .cart > .icon > use {
  color: #FFFFFF;
}
header#header > .header_inner > .menu {
  display: flex;
  align-items: center;
  width: calc(32 / 375 * var(--vw));
  height: calc(32 / 375 * var(--vw));
  flex-shrink: 0;
  margin-right: calc(16 / 375 * var(--vw));
}
@media only screen and (min-width: 812px) {
  header#header > .header_inner > .menu {
    display: none;
  }
}
header#header > .header_inner > .menu > .icon {
  position: relative;
  width: calc(28 / 375 * var(--vw));
  height: calc(13 / 375 * var(--vw));
}
header#header > .header_inner > .menu > .icon > span {
  position: absolute;
  width: calc(28 / 375 * var(--vw));
  height: 1px;
  background-color: #FFFFFF;
}
header#header > .header_inner > .menu > .icon > span:nth-child(1) {
  top: 0;
  left: 0;
}
header#header > .header_inner > .menu > .icon > span:nth-child(2) {
  top: 50%;
  left: 0;
}
header#header > .header_inner > .menu > .icon > span:nth-child(3) {
  bottom: 0;
  left: 0;
}
header#header > .header_inner > .menu[data-status=open] > .icon {
  width: calc(28 / 375 * var(--vw));
  height: calc(28 / 375 * var(--vw));
  transform: rotate(45deg);
}
header#header > .header_inner > .menu[data-status=open] > .icon > span:nth-child(1) {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
header#header > .header_inner > .menu[data-status=open] > .icon > span:nth-child(3) {
  opacity: 0;
}
header#header.__hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
header#header.__modal {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media only screen and (min-width: 1440px) {
  header#header {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  header#header > .header_inner {
    padding: 16px 0;
    border-radius: 4px;
    width: 1408px;
  }
  header#header > .header_inner > .logo {
    width: 172px;
    margin-left: 40px;
    margin-right: 80px;
  }
  header#header > .header_inner > .navigation > .item {
    margin-right: 48px;
  }
  header#header > .header_inner > .navigation > .item > .text {
    font-size: 16px;
  }
  header#header > .header_inner > .navigation > .search_button > .icon {
    width: 32px;
  }
  header#header > .header_inner > .products {
    margin-left: 375px;
    margin-right: 40px;
  }
  header#header > .header_inner > .products > .button {
    width: 160px;
    height: 32px;
    border-radius: 16px;
  }
  header#header > .header_inner > .products > .button > .text {
    font-size: 18px;
  }
  header#header > .header_inner > .products > .cart {
    width: 32px;
    margin-left: 24px;
  }
  header#header > .header_inner > .products > .cart > .qty {
    width: 14px;
    height: 14px;
  }
  header#header > .header_inner > .products > .cart > .qty > .text {
    font-size: 9px;
  }
}

.search_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.search_modal > .content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(96 / 1440 * var(--vw));
  width: calc(1408 / 1440 * var(--vw));
  height: calc(100vh - 112 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #343438;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow-y: scroll;
}
@media only screen and (max-width: 812px) {
  .search_modal > .content {
    margin-top: calc(56 / 375 * var(--vw));
    width: calc(359 / 375 * var(--vw));
    height: calc(100vh - 64 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
.search_modal > .content > .inner {
  position: relative;
  display: block;
  width: calc(1008 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  .search_modal > .content > .inner {
    width: calc(336 / 375 * var(--vw));
    padding-top: calc(68 / 660 * var(--vh));
    padding-bottom: calc(68 / 660 * var(--vh));
  }
}
.search_modal > .content > .inner > .search_close_button {
  margin-top: calc(80 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 1440 * var(--vw));
  height: calc(40 / 1440 * var(--vw));
  border: 1px solid #FFFFFF;
  border-radius: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .search_modal > .content > .inner > .search_close_button {
    margin-top: calc(32 / 375 * var(--vw));
    width: calc(160 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
  }
}
.search_modal > .content > .inner > .search_close_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .search_modal > .content > .inner > .search_close_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
.search_modal > .content::-webkit-scrollbar {
  display: none;
}
.search_modal.__visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media only screen and (min-width: 1440px) {
  .search_modal > .content {
    margin-top: 96px;
    width: 1408px;
    height: calc(100vh - 112px);
    border-radius: 4px;
  }
  .search_modal > .content > .inner {
    width: 1008px;
  }
  .search_modal > .content > .inner > .search {
    padding: 17.5px 24px 17.5px 64px;
    border-radius: 36px;
  }
  .search_modal > .content > .inner > .search > .input {
    width: 1071px;
    font-size: 16px;
  }
  .search_modal > .content > .inner > .search > .submit_button {
    margin-left: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .search_modal > .content > .inner > .search > .submit_button > .text {
    font-size: 16px;
  }
  .search_modal > .content > .inner > .search::before {
    left: 24px;
    width: 32px;
    height: 32px;
  }
  .search_modal > .content > .inner > .search.__modal {
    margin-top: 90px;
  }
  .search_modal > .content > .inner > .search.__modal > .input {
    width: 839px;
  }
  .search_modal > .content > .inner > .search_close_button {
    margin-top: 80px;
    width: 160px;
    height: 40px;
    border-radius: 40px;
  }
  .search_modal > .content > .inner > .search_close_button > .text {
    font-size: 16px;
  }
}

.sp_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media only screen and (min-width: 812px) {
  .sp_menu {
    display: none;
  }
}
.sp_menu > .content {
  position: relative;
  display: block;
  margin-top: calc(56 / 375 * var(--vw));
  width: calc(359 / 375 * var(--vw));
  height: calc(100vh - 64 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow-y: scroll;
}
.sp_menu > .content > .inner {
  position: relative;
  display: block;
  width: calc(311 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(32 / 375 * var(--vw));
  padding-bottom: calc(32 / 375 * var(--vw));
}
.sp_menu > .content > .inner > .top {
  display: flex;
  justify-content: space-between;
}
.sp_menu > .content > .inner > .top > .navigation_block {
  display: block;
}
.sp_menu > .content > .inner > .top > .navigation_block > .navigation_list {
  position: relative;
  display: block;
  margin-bottom: calc(24 / 375 * var(--vw));
}
.sp_menu > .content > .inner > .top > .navigation_block > .navigation_list > .item {
  display: block;
}
.sp_menu > .content > .inner > .top > .navigation_block > .navigation_list > .item > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(14 / 375 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #3F404A;
}
.sp_menu > .content > .inner > .top > .navigation_block > .navigation_list > .item > .text.__bold {
  font-weight: 700;
}
.sp_menu > .content > .inner > .top > .navigation_block > .navigation_list > .item:nth-child(n+2) {
  margin-top: calc(24 / 375 * var(--vw));
}
.sp_menu > .content > .inner > .top > .navigation_block > .navigation_list:last-child {
  margin-bottom: 0;
}
.sp_menu > .content > .inner > .top > .sns_blcok {
  position: relative;
  display: block;
}
.sp_menu > .content > .inner > .top > .sns_blcok > .sns_list {
  display: block;
}
.sp_menu > .content > .inner > .top > .sns_blcok > .sns_list > .item {
  display: block;
  width: calc(32 / 375 * var(--vw));
  margin-bottom: calc(16 / 375 * var(--vw));
}
.sp_menu > .content > .inner > .top > .sns_blcok > .sns_list > .item > .icon {
  display: block;
  width: 100%;
}
.sp_menu > .content > .inner > .top > .sns_blcok > .sns_list > .item > .icon > use {
  display: block;
  width: 100%;
  color: #3F404A;
}
.sp_menu > .content > .inner > .bottom {
  position: relative;
  display: block;
  margin-top: calc(24 / 375 * var(--vw));
  padding-top: calc(24 / 375 * var(--vw));
  border-top: 1px solid #535353;
}
.sp_menu > .content > .inner > .bottom > .links_list {
  display: block;
}
.sp_menu > .content > .inner > .bottom > .links_list > .item {
  display: block;
  margin-bottom: calc(24 / 375 * var(--vw));
}
.sp_menu > .content > .inner > .bottom > .links_list > .item > .text {
  font-size: calc(12 / 375 * var(--vw));
  line-height: 1;
  color: #3F404A;
}
.sp_menu > .content > .inner > .bottom > .links_list > .item:last-child {
  margin-bottom: 0;
}
.sp_menu.__visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.back_top {
  position: fixed;
  bottom: calc(8 / 1440 * var(--vw));
  right: 0;
  background-color: #FFFFFF;
  padding: calc(8 / 1440 * var(--vw)) calc(16 / 1440 * var(--vw)) calc(8 / 1440 * var(--vw)) calc(8 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw)) 0 0 calc(4 / 1440 * var(--vw));
  z-index: 90;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
@media only screen and (max-width: 812px) {
  .back_top {
    display: none;
  }
}
.back_top > .inner {
  position: relative;
  padding: calc(12 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #3F404A;
}
@media only screen and (min-width: 812px) {
  .back_top > .inner {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
.back_top > .inner > .icon {
  display: block;
  width: calc(16 / 1440 * var(--vw));
}
.back_top > .inner > .icon > use {
  color: #FFFFFF;
}
@media only screen and (min-width: 812px) {
  .back_top > .inner > .icon > use {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
.back_top.__hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media only screen and (min-width: 1440px) {
  .back_top {
    bottom: 8px;
    padding: 8px 16px 8px 8px;
    border-radius: 4px 0 0 4px;
  }
  .back_top > .inner {
    padding: 12px;
    border-radius: 4px;
  }
  .back_top > .inner > .icon {
    width: 16px;
  }
}
@media only screen and (min-width: 812px) {
  .back_top:hover > .inner {
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  .back_top:hover > .inner > .icon > use {
    color: #3F404A;
  }
}

footer#footer {
  position: relative;
  display: block;
  width: calc(1408 / 1440 * var(--vw));
  margin: calc(16 / 1440 * var(--vw)) auto;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(24 / 1440 * var(--vw));
  background-color: #3F404A;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  footer#footer {
    width: calc(359 / 375 * var(--vw));
    margin: calc(8 / 375 * var(--vw)) auto;
    padding-top: calc(32 / 375 * var(--vw));
    padding-bottom: calc(32 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
footer#footer > .footer_inner {
  position: relative;
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner {
    width: calc(311 / 375 * var(--vw));
  }
}
footer#footer > .footer_inner > .top {
  display: flex;
  justify-content: space-between;
}
footer#footer > .footer_inner > .top > .navigation_block {
  display: flex;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .top > .navigation_block {
    display: block;
  }
}
footer#footer > .footer_inner > .top > .navigation_block > .navigation_list {
  position: relative;
  display: block;
  margin-right: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list {
    margin-right: 0;
    margin-bottom: calc(16 / 375 * var(--vw));
  }
}
footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item {
  display: block;
}
footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
@media only screen and (min-width: 812px) {
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item > .text {
    font-size: calc(14 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item:hover > .text {
    color: #FFCC57;
  }
}
footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item:nth-child(n+2) {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
footer#footer > .footer_inner > .top > .navigation_block > .navigation_list:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list:last-child {
    margin-bottom: 0;
  }
}
footer#footer > .footer_inner > .top > .sns_blcok {
  position: relative;
  display: block;
}
footer#footer > .footer_inner > .top > .sns_blcok > .sns_list {
  display: flex;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .top > .sns_blcok > .sns_list {
    display: block;
  }
}
footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item {
  display: block;
  width: calc(32 / 1440 * var(--vw));
  margin-left: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item {
    width: calc(32 / 375 * var(--vw));
    margin-left: 0;
    margin-bottom: calc(16 / 375 * var(--vw));
  }
}
footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item > .icon {
  display: block;
  width: 100%;
  fill: #FFFFFF;
}
footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item > .icon > use {
  display: block;
  width: 100%;
  color: #FFFFFF;
  fill: #FFFFFF;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media only screen and (min-width: 812px) {
  footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item > .icon > use {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item:hover > .icon > use {
    color: #FFCC57;
  }
}
footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item:last-child {
    margin-bottom: 0;
  }
}
footer#footer > .footer_inner > .bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(56 / 1440 * var(--vw));
  padding-top: calc(16 / 1440 * var(--vw));
  border-top: 1px solid #535353;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .bottom {
    display: block;
    margin-top: calc(16 / 375 * var(--vw));
    padding-top: calc(16 / 375 * var(--vw));
  }
}
footer#footer > .footer_inner > .bottom > .links_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .bottom > .links_list {
    display: block;
  }
}
footer#footer > .footer_inner > .bottom > .links_list > .item {
  display: block;
  margin-right: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .bottom > .links_list > .item {
    margin-right: 0;
    margin-bottom: calc(16 / 375 * var(--vw));
  }
}
footer#footer > .footer_inner > .bottom > .links_list > .item > .text {
  font-size: calc(12 / 1440 * var(--vw));
  line-height: 1;
  color: #B2B2B2;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .bottom > .links_list > .item > .text {
    font-size: calc(12 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  footer#footer > .footer_inner > .bottom > .links_list > .item > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  footer#footer > .footer_inner > .bottom > .links_list > .item:hover > .text {
    color: #FFCC57;
  }
}
footer#footer > .footer_inner > .bottom > .links_list > .item:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .bottom > .links_list > .item:last-child {
    margin-bottom: 0;
  }
}
footer#footer > .footer_inner > .bottom > .copyright {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(12 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #B2B2B2;
}
@media only screen and (max-width: 812px) {
  footer#footer > .footer_inner > .bottom > .copyright {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(12 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  footer#footer {
    width: 1408px;
    margin: 16px auto;
    padding-top: 64px;
    padding-bottom: 24px;
    border-radius: 4px;
  }
  footer#footer > .footer_inner {
    width: 1248px;
  }
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list {
    margin-right: 80px;
  }
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item > .text {
    font-size: 14px;
  }
  footer#footer > .footer_inner > .top > .navigation_block > .navigation_list > .item:nth-child(n+2) {
    margin-top: 16px;
  }
  footer#footer > .footer_inner > .top > .sns_blcok > .sns_list > .item {
    width: 32px;
    margin-left: 24px;
  }
  footer#footer > .footer_inner > .bottom {
    margin-top: 56px;
    padding-top: 16px;
  }
  footer#footer > .footer_inner > .bottom > .links_list > .item {
    margin-right: 40px;
  }
  footer#footer > .footer_inner > .bottom > .links_list > .item > .text {
    font-size: 12px;
  }
  footer#footer > .footer_inner > .bottom > .copyright {
    font-size: 12px;
  }
}

.js-fadein {
  opacity: 0;
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
.js-fadein.__scrollIn {
  opacity: 1;
}

.js-titlein > span {
  display: inline-block;
  will-change: transform;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.js-titlein > span:nth-child(1) {
  transition-delay: 46ms;
}
.js-titlein > span:nth-child(2) {
  transition-delay: 92ms;
}
.js-titlein > span:nth-child(3) {
  transition-delay: 138ms;
}
.js-titlein > span:nth-child(4) {
  transition-delay: 184ms;
}
.js-titlein > span:nth-child(5) {
  transition-delay: 230ms;
}
.js-titlein > span:nth-child(6) {
  transition-delay: 276ms;
}
.js-titlein > span:nth-child(7) {
  transition-delay: 322ms;
}
.js-titlein > span:nth-child(8) {
  transition-delay: 368ms;
}
.js-titlein > span:nth-child(9) {
  transition-delay: 414ms;
}
.js-titlein > span:nth-child(10) {
  transition-delay: 460ms;
}
.js-titlein > span:nth-child(11) {
  transition-delay: 506ms;
}
.js-titlein > span:nth-child(12) {
  transition-delay: 552ms;
}
.js-titlein > span:nth-child(13) {
  transition-delay: 598ms;
}
.js-titlein > span:nth-child(14) {
  transition-delay: 644ms;
}
.js-titlein > span:nth-child(15) {
  transition-delay: 690ms;
}
.js-titlein > span:nth-child(16) {
  transition-delay: 736ms;
}
.js-titlein > span:nth-child(17) {
  transition-delay: 782ms;
}
.js-titlein > span:nth-child(18) {
  transition-delay: 828ms;
}
.js-titlein > span:nth-child(19) {
  transition-delay: 874ms;
}
.js-titlein > span:nth-child(20) {
  transition-delay: 920ms;
}
.js-titlein > span:nth-child(21) {
  transition-delay: 966ms;
}
.js-titlein > span:nth-child(22) {
  transition-delay: 1012ms;
}
.js-titlein > span:nth-child(23) {
  transition-delay: 1058ms;
}
.js-titlein > span:nth-child(24) {
  transition-delay: 1104ms;
}
.js-titlein > span:nth-child(25) {
  transition-delay: 1150ms;
}
.js-titlein > span:nth-child(26) {
  transition-delay: 1196ms;
}
.js-titlein > span:nth-child(27) {
  transition-delay: 1242ms;
}
.js-titlein > span:nth-child(28) {
  transition-delay: 1288ms;
}
.js-titlein > span:nth-child(29) {
  transition-delay: 1334ms;
}
.js-titlein > span:nth-child(30) {
  transition-delay: 1380ms;
}
.js-titlein > span:nth-child(31) {
  transition-delay: 1426ms;
}
.js-titlein.__scrollIn > span {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.contact_section {
  position: relative;
  width: calc(1408 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  padding: calc(64 / 1440 * var(--vw)) 0;
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  .contact_section {
    width: calc(359 / 375 * var(--vw));
    padding: calc(32 / 375 * var(--vw)) 0;
    border-radius: calc(4 / 375 * var(--vw));
  }
}
.contact_section > .section_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  .contact_section > .section_inner {
    display: block;
    width: calc(311 / 375 * var(--vw));
  }
}
.contact_section > .section_inner > .text_block {
  display: block;
  width: calc(768 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .contact_section > .section_inner > .text_block {
    display: block;
    width: 100%;
  }
}
.contact_section > .section_inner > .text_block > .title {
  display: flex;
  align-items: center;
}
.contact_section > .section_inner > .text_block > .title > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(32 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .contact_section > .section_inner > .text_block > .title > .name {
    font-size: calc(22 / 375 * var(--vw));
    line-height: 1.2;
  }
}
.contact_section > .section_inner > .text_block > .title > .name_ja {
  margin-left: calc(32 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .contact_section > .section_inner > .text_block > .title > .name_ja {
    margin-left: calc(16 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.6;
  }
}
.contact_section > .section_inner > .text_block > .text {
  margin-top: calc(24 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .contact_section > .section_inner > .text_block > .text {
    margin-top: calc(32 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
.contact_section > .section_inner > .contact_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(360 / 1440 * var(--vw));
  height: calc(64 / 1440 * var(--vw));
  background-color: #FFFFFF;
  border-radius: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .contact_section > .section_inner > .contact_button {
    margin-top: calc(32 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
    width: calc(311 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(40 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  .contact_section > .section_inner > .contact_button {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
.contact_section > .section_inner > .contact_button > .text {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.2;
  color: #0068B7;
  padding-right: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .contact_section > .section_inner > .contact_button > .text {
    font-size: calc(18 / 375 * var(--vw));
    padding-right: calc(8 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  .contact_section > .section_inner > .contact_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
.contact_section > .section_inner > .contact_button > .icon {
  display: block;
  position: absolute;
  right: calc(40 / 1440 * var(--vw));
  top: calc(25 / 1440 * var(--vw));
  width: calc(48 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .contact_section > .section_inner > .contact_button > .icon {
    right: calc(24 / 375 * var(--vw));
    top: calc(13 / 375 * var(--vw));
    width: calc(48 / 375 * var(--vw));
  }
}
.contact_section > .section_inner > .contact_button > .icon > use {
  color: #0068B7;
}
@media only screen and (min-width: 812px) {
  .contact_section > .section_inner > .contact_button > .icon > use {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  .contact_section > .section_inner > .contact_button:hover {
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  .contact_section > .section_inner > .contact_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (min-width: 812px) {
  .contact_section > .section_inner > .contact_button:hover > .icon > use {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) {
  .contact_section {
    width: 1408px;
    padding: 64px 0;
    border-radius: 4px;
  }
  .contact_section > .section_inner {
    width: 1248px;
  }
  .contact_section > .section_inner > .text_block {
    width: 768px;
  }
  .contact_section > .section_inner > .text_block > .title {
    display: flex;
    align-items: center;
  }
  .contact_section > .section_inner > .text_block > .title > .name {
    font-size: 32px;
  }
  .contact_section > .section_inner > .text_block > .title > .name_ja {
    margin-left: 32px;
    font-size: 14px;
  }
  .contact_section > .section_inner > .text_block > .text {
    margin-top: 24px;
    font-size: 16px;
  }
  .contact_section > .section_inner > .contact_button {
    width: 360px;
    height: 64px;
    border-radius: 40px;
  }
  .contact_section > .section_inner > .contact_button > .text {
    font-size: 20px;
    padding-right: 8px;
  }
  .contact_section > .section_inner > .contact_button > .icon {
    right: 40px;
    top: 25px;
    width: 48px;
  }
}

.page_head {
  position: relative;
  display: block;
  padding-top: calc(144 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .page_head {
    padding-top: calc(96 / 375 * var(--vw));
  }
}
.page_head > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  .page_head > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
.page_head.__language > .section_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 812px) {
  .page_head.__language > .section_inner {
    display: block;
  }
}
.page_head.__language > .section_inner > .language {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  .page_head.__language > .section_inner > .language {
    margin-top: calc(32 / 375 * var(--vw));
  }
}
.page_head.__language > .section_inner > .language > .lang_link {
  display: block;
}
.page_head.__language > .section_inner > .language > .lang_link > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  .page_head.__language > .section_inner > .language > .lang_link > .text {
    font-size: calc(18 / 375 * var(--vw));
  }
}
.page_head.__language > .section_inner > .language > .lang_link.__inactive {
  pointer-events: none;
}
.page_head.__language > .section_inner > .language > .lang_link.__inactive > .text {
  color: #ADADC3;
}
.page_head.__language > .section_inner > .language > .lang_link:hover > .text {
  text-decoration: underline;
}
.page_head.__language > .section_inner > .language > .solid {
  display: block;
  margin: 0 calc(8 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  .page_head.__language > .section_inner > .language > .solid {
    margin: 0 calc(8 / 375 * var(--vw));
    font-size: calc(18 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  .page_head {
    padding-top: 144px;
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  .page_head > .section_inner {
    width: 1248px;
  }
  .page_head.__language > .section_inner > .language > .lang_link > .text {
    font-size: 18px;
  }
  .page_head.__language > .section_inner > .language > .solid {
    margin: 0 8px;
    font-size: 18px;
  }
}

.form_title {
  display: block;
  width: calc(744 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  .form_title {
    width: calc(327 / 375 * var(--vw));
  }
}
.form_title > .label {
  position: relative;
  display: flex;
  align-items: center;
}
.form_title > .label > .name {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  .form_title > .label > .name {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.8;
  }
}
.form_title > .label:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #0068B7;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_title > .label:after {
    margin-left: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  .form_title {
    width: 744px;
  }
  .form_title > .label > .name {
    font-size: 20px;
  }
  .form_title > .label:after {
    margin-left: 32px;
  }
}

.form_list {
  display: block;
  width: calc(744 / 1440 * var(--vw));
  margin-top: calc(40 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  .form_list {
    width: calc(327 / 375 * var(--vw));
    margin-top: calc(24 / 375 * var(--vw));
  }
}
.form_list > .item {
  display: block;
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
.form_list > .item > .label {
  position: relative;
  margin-left: calc(8 / 1440 * var(--vw));
  padding-left: calc(11 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .label {
    margin-left: calc(8 / 375 * var(--vw));
    padding-left: calc(11 / 375 * var(--vw));
  }
}
.form_list > .item > .label > .text {
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .label > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .label > .icon {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
  color: #FF4D00;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .label > .icon {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: calc(14 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .label::before {
    height: calc(14 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input {
  display: block;
  width: 100%;
  margin-top: calc(8 / 1440 * var(--vw));
  box-sizing: border-box;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input > .item {
  position: relative;
  display: block;
  box-sizing: border-box;
}
.form_list > .item > .form_input > .item > .input {
  margin: 0;
  display: block;
  padding: calc(10 / 1440 * var(--vw)) calc(24 / 1440 * var(--vw));
  width: 100%;
  border: 1px solid #CDCCCC;
  border-radius: calc(2 / 1440 * var(--vw));
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  color: #3F404A;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input > .item > .input {
    padding: calc(10 / 375 * var(--vw)) calc(24 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.8;
  }
}
.form_list > .item > .form_input > .item > .input::placeholder {
  color: #AAACC1;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input > .item > .input::placeholder {
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input > .item > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(160 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #3F404A;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input > .item > .button {
    width: calc(160 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input > .item > .button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input > .item > .button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input > .item > .radio {
  width: calc(24 / 1440 * var(--vw));
  height: calc(24 / 1440 * var(--vw));
  border: 1px solid #CDCCCC !important;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input > .item > .radio {
    width: calc(24 / 375 * var(--vw));
    height: calc(24 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input > .item > .textarea {
  margin: 0;
  display: block;
  padding: calc(10 / 1440 * var(--vw)) calc(24 / 1440 * var(--vw));
  width: 100%;
  border: 1px solid #CDCCCC;
  border-radius: calc(2 / 1440 * var(--vw));
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  color: #3F404A;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input > .item > .textarea {
    padding: calc(10 / 375 * var(--vw)) calc(24 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.8;
  }
}
.form_list > .item > .form_input > .item > .textarea::placeholder {
  color: #AAACC1;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input > .item > .textarea::placeholder {
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__name {
  display: flex;
  gap: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__name {
    gap: calc(17 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__name > .item {
  width: calc(252 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__name > .item {
    width: calc(252 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__address {
  display: flex;
  gap: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__address {
    gap: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__address > .item {
  width: calc(155 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__address > .item {
    width: calc(151 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__prefectures > .item {
  display: block;
  width: calc(344 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__prefectures > .item {
    width: 100%;
  }
}
.form_list > .item > .form_input.__prefectures > .item > .select {
  position: relative;
  width: 100%;
  appearance: none;
  /* デフォルトの矢印を非表示に */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: calc(8 / 1440 * var(--vw)) calc(24 / 1440 * var(--vw));
  border: 1px solid #ccc;
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #3F404A;
  color: #FFFFFF;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__prefectures > .item > .select {
    padding: calc(10 / 375 * var(--vw)) calc(24 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__prefectures > .item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(24 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  background-image: url("../images/common/select_arrow_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__prefectures > .item::after {
    right: calc(24 / 375 * var(--vw));
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__delivery_data > .item {
  display: block;
  width: calc(344 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__delivery_data > .item {
    width: calc(183 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__delivery_data > .item > .select {
  position: relative;
  width: 100%;
  appearance: none;
  /* デフォルトの矢印を非表示に */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: calc(8 / 1440 * var(--vw)) calc(24 / 1440 * var(--vw));
  border: 1px solid #ccc;
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #3F404A;
  color: #FFFFFF;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__delivery_data > .item > .select {
    padding: calc(8 / 375 * var(--vw)) calc(24 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__delivery_data > .item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(24 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  background-image: url("../images/common/select_arrow_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__delivery_data > .item::after {
    right: calc(24 / 375 * var(--vw));
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__pay {
  display: flex;
  gap: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__pay {
    gap: calc(64 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__pay > .item {
  display: flex;
  align-items: center;
}
.form_list > .item > .form_input.__pay > .item > .text {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__pay > .item > .text {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__category > .item {
  display: block;
  width: 100%;
}
.form_list > .item > .form_input.__category > .item > .select {
  position: relative;
  width: 100%;
  appearance: none;
  /* デフォルトの矢印を非表示に */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: calc(8 / 1440 * var(--vw)) calc(24 / 1440 * var(--vw));
  border: 1px solid #ccc;
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #3F404A;
  color: #FFFFFF;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__category > .item > .select {
    padding: calc(10 / 375 * var(--vw)) calc(24 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__category > .item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(24 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  background-image: url("../images/common/select_arrow_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__category > .item::after {
    right: calc(24 / 375 * var(--vw));
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__file > .item {
  position: relative;
}
.form_list > .item > .form_input.__file > .item > .input {
  display: inline-block;
  padding: 0;
  border: none;
  width: 100%;
  height: calc(48 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__file > .item > .input {
    height: calc(48 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__file > .item > .input::before {
  width: calc(160 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  content: "画像を選択";
  position: absolute;
  z-index: 1;
  display: grid;
  align-items: center;
  background-color: #454545;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.14em;
  cursor: pointer;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__file > .item > .input::before {
    width: calc(160 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__file > .item > .input::file-selector-button {
  opacity: 0;
  width: calc(160 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  margin-right: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__file > .item > .input::file-selector-button {
    width: calc(160 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    margin-right: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item > .form_input.__file > .item > .note {
  margin-top: calc(16 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .form_list > .item > .form_input.__file > .item > .note {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item.__check {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  .form_list > .item.__check {
    align-items: flex-start;
  }
}
.form_list > .item.__check > .checkbox {
  display: inline-block;
  width: calc(20 / 1440 * var(--vw));
  height: calc(20 / 1440 * var(--vw));
  border: 1px solid #CDCCCC;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_list > .item.__check > .checkbox {
    margin-top: calc(4 / 1440 * var(--vw));
    width: calc(20 / 375 * var(--vw));
    height: calc(20 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
.form_list > .item.__check > .text {
  margin-left: calc(8 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .form_list > .item.__check > .text {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
.form_list > .item.__horizontal {
  display: flex;
  align-items: center;
}
.form_list > .item.__horizontal > .label {
  display: block;
  width: calc(120 / 1440 * var(--vw));
  margin-right: calc(80 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  .form_list > .item.__horizontal > .label {
    width: calc(120 / 375 * var(--vw));
    margin-right: calc(16 / 375 * var(--vw));
  }
}
.form_list > .item.__horizontal > .form_input {
  margin-top: 0;
  display: inline-block;
  width: max-content;
}
.form_list > .item:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 1440px) {
  .form_list {
    width: 744px;
    margin-top: 40px;
  }
  .form_list > .item {
    margin-top: 24px;
  }
  .form_list > .item > .label {
    margin-left: 8px;
    padding-left: 11px;
  }
  .form_list > .item > .label > .text {
    font-size: 16px;
  }
  .form_list > .item > .label > .icon {
    margin-left: 8px;
    font-size: 16px;
  }
  .form_list > .item > .label::before {
    height: 14px;
  }
  .form_list > .item > .form_input {
    margin-top: 8px;
  }
  .form_list > .item > .form_input > .item > .input {
    padding: 10px 24px;
    border-radius: 2px;
    font-size: 16px;
  }
  .form_list > .item > .form_input > .item > .input::placeholder {
    font-size: 16px;
  }
  .form_list > .item > .form_input > .item > .button {
    width: 160px;
    height: 48px;
    border-radius: 4px;
  }
  .form_list > .item > .form_input > .item > .button > .text {
    font-size: 16px;
  }
  .form_list > .item > .form_input > .item > .radio {
    width: 24px;
    height: 24px;
  }
  .form_list > .item > .form_input > .item > .textarea {
    padding: 10px 24px;
    border-radius: 2px;
    font-size: 16px;
  }
  .form_list > .item > .form_input > .item > .textarea::placeholder {
    font-size: 16px;
  }
  .form_list > .item > .form_input.__name {
    gap: 16px;
  }
  .form_list > .item > .form_input.__name > .item {
    width: 252px;
  }
  .form_list > .item > .form_input.__address {
    gap: 16px;
  }
  .form_list > .item > .form_input.__address > .item {
    width: 155px;
  }
  .form_list > .item > .form_input.__prefectures > .item {
    width: 344px;
  }
  .form_list > .item > .form_input.__prefectures > .item > .select {
    padding: 8px 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
  }
  .form_list > .item > .form_input.__prefectures > .item::after {
    right: 24px;
    width: 32px;
    height: 32px;
  }
  .form_list > .item > .form_input.__delivery_data > .item {
    width: 344px;
  }
  .form_list > .item > .form_input.__delivery_data > .item > .select {
    padding: 8px 24px;
    border-radius: 4px;
    font-size: 16px;
  }
  .form_list > .item > .form_input.__delivery_data > .item::after {
    right: 24px;
    width: 32px;
    height: 32px;
  }
  .form_list > .item > .form_input.__pay {
    gap: 64px;
  }
  .form_list > .item > .form_input.__pay > .item > .text {
    margin-left: 8px;
    font-size: 16px;
  }
  .form_list > .item > .form_input.__category > .item > .select {
    padding: 8px 24px;
    border-radius: 4px;
    font-size: 16px;
  }
  .form_list > .item > .form_input.__category > .item::after {
    right: 24px;
    width: 32px;
    height: 32px;
  }
  .form_list > .item > .form_input.__file > .item > .input {
    height: 48px;
  }
  .form_list > .item > .form_input.__file > .item > .input::before {
    width: 160px;
    height: 48px;
    border-radius: 4px;
  }
  .form_list > .item > .form_input.__file > .item > .input::file-selector-button {
    width: 160px;
    height: 48px;
    margin-right: 16px;
  }
  .form_list > .item > .form_input.__file > .item > .note {
    margin-top: 16px;
    font-size: 16px;
  }
  .form_list > .item.__check > .checkbox {
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }
  .form_list > .item.__check > .text {
    margin-left: 8px;
    font-size: 16px;
  }
  .form_list > .item.__horizontal > .label {
    width: 120px;
    margin-right: 80px;
  }
}

.progress_list {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.progress_list > .item {
  width: calc(51 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .progress_list > .item {
    width: calc(51 / 375 * var(--vw));
  }
}
.progress_list > .item > .progress {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(51 / 1440 * var(--vw));
  height: calc(23 / 1440 * var(--vw));
  border-radius: calc(2 / 1440 * var(--vw));
  background-color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .progress_list > .item > .progress {
    width: calc(51 / 375 * var(--vw));
    height: calc(23 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
.progress_list > .item > .progress > .text {
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
  color: #ADADC3;
}
@media only screen and (max-width: 812px) {
  .progress_list > .item > .progress > .text {
    font-size: calc(13 / 375 * var(--vw));
  }
}
.progress_list > .item > .dot {
  position: relative;
  display: block;
  margin-top: calc(16 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  width: calc(12 / 1440 * var(--vw));
  height: calc(12 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .progress_list > .item > .dot {
    margin-top: calc(16 / 375 * var(--vw));
    width: calc(12 / 375 * var(--vw));
    height: calc(12 / 375 * var(--vw));
  }
}
.progress_list > .item > .dot > span {
  position: relative;
  display: block;
  width: calc(12 / 1440 * var(--vw));
  height: calc(12 / 1440 * var(--vw));
  border-radius: 50%;
  background-color: #ADADC3;
  z-index: 10;
}
@media only screen and (max-width: 812px) {
  .progress_list > .item > .dot > span {
    width: calc(12 / 375 * var(--vw));
    height: calc(12 / 375 * var(--vw));
  }
}
.progress_list > .item:nth-child(2) > .dot::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: calc(268 / 1440 * var(--vw));
  height: 1px;
  background-color: #ADADC3;
  z-index: 1;
}
@media only screen and (max-width: 812px) {
  .progress_list > .item:nth-child(2) > .dot::after {
    width: calc(268 / 375 * var(--vw));
  }
}
.progress_list > .item:nth-child(2).__current > .dot::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: calc(-134 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  width: calc(134 / 1440 * var(--vw));
  height: 1px;
  background-color: #0068B7;
  z-index: 2;
}
@media only screen and (max-width: 812px) {
  .progress_list > .item:nth-child(2).__current > .dot::before {
    left: calc(-130 / 375 * var(--vw));
    width: calc(130 / 375 * var(--vw));
  }
}
.progress_list > .item:nth-child(3).__current > .dot::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: calc(-134 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  width: calc(134 / 1440 * var(--vw));
  height: 1px;
  background-color: #0068B7;
  z-index: 1;
}
@media only screen and (max-width: 812px) {
  .progress_list > .item:nth-child(3).__current > .dot::before {
    left: calc(-130 / 375 * var(--vw));
    width: calc(130 / 375 * var(--vw));
  }
}
.progress_list > .item.__current > .progress {
  background-color: #0068B7;
}
.progress_list > .item.__current > .progress > .text {
  color: #FFFFFF;
}
.progress_list > .item.__current > .dot > span {
  background-color: #0068B7;
}
@media only screen and (min-width: 1440px) {
  .progress_list > .item {
    width: 51px;
  }
  .progress_list > .item > .progress {
    width: 51px;
    height: 23px;
    border-radius: 2px;
  }
  .progress_list > .item > .progress > .text {
    font-size: 13px;
  }
  .progress_list > .item > .dot {
    margin-top: 16px;
    width: 12px;
    height: 12px;
  }
  .progress_list > .item > .dot > span {
    width: 12px;
    height: 12px;
  }
  .progress_list > .item:nth-child(2) > .dot::after {
    width: 268px;
  }
  .progress_list > .item:nth-child(2).__current > .dot::before {
    left: -134px;
    width: 134px;
  }
  .progress_list > .item:nth-child(3).__current > .dot::before {
    left: -134px;
    width: 134px;
  }
}

.confirm_list {
  width: calc(744 / 1440 * var(--vw));
  margin-top: calc(24 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  .confirm_list {
    width: calc(327 / 375 * var(--vw));
    margin-top: calc(24 / 375 * var(--vw));
  }
}
.confirm_list > .item {
  display: block;
  margin-top: calc(24 / 1440 * var(--vw));
  padding-bottom: calc(16 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  .confirm_list > .item {
    margin-top: calc(24 / 375 * var(--vw));
    padding-bottom: calc(16 / 375 * var(--vw));
  }
}
.confirm_list > .item > .label {
  position: relative;
  margin-left: calc(8 / 1440 * var(--vw));
  padding-left: calc(11 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .confirm_list > .item > .label {
    margin-left: calc(8 / 375 * var(--vw));
    padding-left: calc(11 / 375 * var(--vw));
  }
}
.confirm_list > .item > .label > .text {
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  .confirm_list > .item > .label > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
.confirm_list > .item > .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: calc(14 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  .confirm_list > .item > .label::before {
    height: calc(14 / 375 * var(--vw));
  }
}
.confirm_list > .item > .confirm {
  margin-top: calc(8 / 1440 * var(--vw));
  padding-left: calc(24 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .confirm_list > .item > .confirm {
    margin-top: calc(8 / 375 * var(--vw));
    padding-left: calc(19 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.confirm_list > .item > .confirm > span:nth-child(n+2) {
  margin-left: calc(16 / 1440 * var(--vw));
}
.confirm_list > .item.__horizontal {
  display: flex;
  align-items: center;
  padding-bottom: 0;
  border-bottom: none;
}
.confirm_list > .item.__horizontal > .label {
  display: block;
  width: calc(120 / 1440 * var(--vw));
  margin-right: calc(80 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  .confirm_list > .item.__horizontal > .label {
    width: calc(120 / 375 * var(--vw));
    margin-right: calc(16 / 375 * var(--vw));
  }
}
.confirm_list > .item.__horizontal > .confirm {
  margin-top: 0;
  padding-left: 0;
}
.confirm_list.__pay > .item {
  padding-bottom: 0;
  border-bottom: none;
}
.confirm_list.__pay > .item > .confirm {
  padding-left: 0;
  font-weight: 600;
}
@media only screen and (min-width: 1440px) {
  .confirm_list {
    width: 744px;
    margin-top: 24px;
  }
  .confirm_list > .item {
    margin-top: 24px;
    padding-bottom: 16px;
  }
  .confirm_list > .item > .label {
    margin-left: 8px;
    padding-left: 11px;
  }
  .confirm_list > .item > .label > .text {
    font-size: 16px;
  }
  .confirm_list > .item > .label::before {
    height: 14px;
  }
  .confirm_list > .item > .confirm {
    margin-top: 8px;
    padding-left: 24px;
    font-size: 16px;
  }
  .confirm_list > .item > .confirm > span:nth-child(n+2) {
    margin-left: 16px;
  }
  .confirm_list > .item.__horizontal > .label {
    width: 120px;
    margin-right: 80px;
  }
}

.form_submit {
  margin-top: calc(80 / 1440 * var(--vw));
  padding-top: calc(64 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
  display: flex;
  justify-content: center;
  gap: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_submit {
    margin-top: calc(64 / 375 * var(--vw));
    padding-top: calc(64 / 375 * var(--vw));
    display: block;
  }
}
.form_submit > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(48 / 1440 * var(--vw));
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
}
@media only screen and (max-width: 812px) {
  .form_submit > .button {
    width: calc(287 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 812px) {
  .form_submit > .button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
.form_submit > .button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  .form_submit > .button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  .form_submit > .button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
.form_submit > .button.__confirm {
  width: calc(400 / 1440 * var(--vw));
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  .form_submit > .button.__confirm {
    width: calc(287 / 375 * var(--vw));
  }
}
.form_submit > .button.__confirm > .text {
  color: #FFFFFF;
}
.form_submit > .button.__confirm.__inactive {
  pointer-events: none;
  border: 1px solid #ADADC3;
  background-color: #ADADC3;
}
.form_submit > .button.__confirm.__inactive > .text {
  color: #FFFFFF;
}
.form_submit > .button.__submit {
  width: calc(280 / 1440 * var(--vw));
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  .form_submit > .button.__submit {
    width: calc(287 / 375 * var(--vw));
  }
}
.form_submit > .button.__submit > .text {
  color: #FFFFFF;
}
.form_submit > .button.__back {
  width: calc(280 / 1440 * var(--vw));
  background-color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  .form_submit > .button.__back {
    width: calc(287 / 375 * var(--vw));
  }
}
.form_submit > .button.__back > .text {
  color: #0068B7;
}
@media only screen and (min-width: 812px) {
  .form_submit > .button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  .form_submit > .button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (max-width: 812px) {
  .form_submit > .button:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
.form_submit.__inquiry {
  display: block;
}
@media only screen and (max-width: 812px) {
  .form_submit.__inquiry {
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
.form_submit.__inquiry > .privacypolicy {
  display: flex;
  align-items: center;
  padding: calc(16 / 1440 * var(--vw)) calc(32 / 1440 * var(--vw));
  background-color: #F2F0EA;
}
@media only screen and (max-width: 812px) {
  .form_submit.__inquiry > .privacypolicy {
    align-items: flex-start;
    padding: calc(16 / 375 * var(--vw)) calc(16 / 375 * var(--vw));
  }
}
.form_submit.__inquiry > .privacypolicy > .checkbox {
  display: inline-block;
  width: calc(20 / 1440 * var(--vw));
  height: calc(20 / 1440 * var(--vw));
  border: 1px solid #CDCCCC;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .form_submit.__inquiry > .privacypolicy > .checkbox {
    margin-top: calc(6 / 375 * var(--vw));
    width: calc(20 / 375 * var(--vw));
    height: calc(20 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
.form_submit.__inquiry > .privacypolicy > .text {
  margin-left: calc(8 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .form_submit.__inquiry > .privacypolicy > .text {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.form_submit.__inquiry > .privacypolicy > .text > .link {
  text-decoration: underline;
}
@media only screen and (min-width: 812px) {
  .form_submit.__inquiry > .privacypolicy > .text > .link:hover {
    text-decoration: none;
  }
}
.form_submit.__inquiry > .button {
  margin-top: calc(40 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  .form_submit.__inquiry > .button {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  .form_submit {
    margin-top: 80px;
    padding-top: 64px;
    gap: 24px;
  }
  .form_submit > .button {
    height: 48px;
    border-radius: 24px;
  }
  .form_submit > .button > .text {
    font-size: 16px;
  }
  .form_submit > .button.__confirm {
    width: 400px;
  }
  .form_submit > .button.__submit {
    width: 280px;
  }
  .form_submit > .button.__back {
    width: 280px;
  }
  .form_submit.__inquiry {
    display: block;
  }
  .form_submit.__inquiry > .privacypolicy {
    padding: 16px 32px;
  }
  .form_submit.__inquiry > .privacypolicy > .checkbox {
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }
  .form_submit.__inquiry > .privacypolicy > .text {
    margin-left: 8px;
    font-size: 16px;
  }
  .form_submit.__inquiry > .button {
    margin-top: 40px;
  }
}

.page_tittle {
  position: relative;
  display: flex;
  align-items: center;
}
.page_tittle > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(60 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  .page_tittle > .name {
    font-size: calc(36 / 375 * var(--vw));
  }
}
.page_tittle > .name_ja {
  margin-left: calc(40 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .page_tittle > .name_ja {
    margin-left: calc(16 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
.page_tittle.__small {
  padding-top: calc(30 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .page_tittle.__small {
    padding-top: 0;
  }
}
.page_tittle.__small > .name {
  font-size: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .page_tittle.__small > .name {
    font-size: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  .page_tittle.__dealer {
    display: block;
  }
}
@media only screen and (max-width: 812px) {
  .page_tittle.__dealer > .name_ja {
    margin-top: calc(8 / 1440 * var(--vw));
    margin-left: 0;
    display: block;
  }
}
@media only screen and (min-width: 1440px) {
  .page_tittle > .name {
    font-size: 60px;
  }
  .page_tittle > .name_ja {
    margin-left: 40px;
    font-size: 14px;
    line-height: 1.8;
  }
  .page_tittle.__small {
    padding-top: 30px;
  }
  .page_tittle.__small > .name {
    font-size: 40px;
  }
}

.head_label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  .head_label {
    display: block;
  }
}
.head_label > .label_line {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  .head_label > .label_line {
    width: calc(327 / 375 * var(--vw));
  }
}
.head_label > .label_line > .label {
  position: relative;
  display: flex;
  align-items: center;
}
.head_label > .label_line > .label > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(32 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  margin-right: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .head_label > .label_line > .label > .name {
    font-size: calc(22 / 375 * var(--vw));
    line-height: 1.2;
    margin-right: calc(16 / 375 * var(--vw));
  }
}
.head_label > .label_line > .label > .name_ja {
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .head_label > .label_line > .label > .name_ja {
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.6;
  }
}
.head_label > .label_line > .label > .model {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(40 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  .head_label > .label_line > .label > .model {
    font-size: calc(40 / 375 * var(--vw));
  }
}
.head_label > .label_line > .label > .detail_title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02;
}
@media only screen and (max-width: 812px) {
  .head_label > .label_line > .label > .detail_title {
    font-size: calc(20 / 375 * var(--vw));
  }
}
.head_label > .label_line > .label:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #3F404A;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .head_label > .label_line > .label:after {
    margin-left: calc(16 / 375 * var(--vw));
  }
}
.head_label > .button {
  margin-left: calc(24 / 1440 * var(--vw));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 1440 * var(--vw));
  height: calc(40 / 1440 * var(--vw));
  background-color: #FFFFFF;
  border: 1px solid #3F404A;
  border-radius: calc(24 / 1440 * var(--vw));
  flex-shrink: 0;
  transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media only screen and (max-width: 812px) {
  .head_label > .button {
    display: none;
  }
}
.head_label > .button > .text {
  margin-top: calc(2 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.2;
  color: #3F404A;
}
.head_label > .button:hover {
  background-color: #FFCC57;
  border: 1px solid #FFCC57;
}
.head_label > .link {
  position: relative;
  display: flex;
  margin-left: calc(24 / 1440 * var(--vw));
  padding-right: calc(36 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  .head_label > .link {
    width: max-content;
    margin-top: calc(11 / 375 * var(--vw));
    margin-left: auto;
    margin-right: 0;
    padding-right: calc(36 / 375 * var(--vw));
  }
}
.head_label > .link > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.6;
  color: #0068B7;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  .head_label > .link > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
.head_label > .link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  background-image: url("../images/common/list_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  .head_label > .link::after {
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
.head_label > .link:hover > .text {
  text-decoration: none;
}
@media only screen and (min-width: 1440px) {
  .head_label > .label_line > .label > .name {
    font-size: 32px;
    margin-right: 32px;
  }
  .head_label > .label_line > .label > .name_ja {
    font-size: 14px;
  }
  .head_label > .label_line > .label > .model {
    font-size: 40px;
  }
  .head_label > .label_line > .label > .detail_title {
    font-size: 20px;
  }
  .head_label > .label_line > .label:after {
    margin-left: 32px;
  }
  .head_label > .button {
    margin-left: 24px;
    width: 160px;
    height: 40px;
    border-radius: 24px;
  }
  .head_label > .button > .text {
    margin-top: 2px;
    font-size: 16px;
  }
  .head_label > .link {
    margin-left: 24px;
    padding-right: 36px;
  }
  .head_label > .link > .text {
    font-size: 16px;
  }
  .head_label > .link::after {
    width: 32px;
    height: 32px;
  }
}

.search {
  position: relative;
  margin: 0;
  display: flex;
  justify-content: space-between;
  padding: calc(17.5 / 1440 * var(--vw)) calc(24 / 1440 * var(--vw)) calc(17.5 / 1440 * var(--vw)) calc(64 / 1440 * var(--vw));
  width: 100%;
  background-color: #EBEBF2;
  border-radius: calc(36 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .search {
    padding: calc(13.5 / 375 * var(--vw)) calc(0 / 375 * var(--vw)) calc(13.5 / 375 * var(--vw)) calc(64 / 375 * var(--vw));
    border-radius: calc(36 / 375 * var(--vw));
  }
}
.search > .input {
  width: calc(1071 / 1440 * var(--vw));
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  padding: 0;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  .search > .input {
    width: calc(150 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
.search > .input:focus {
  outline: none;
}
.search > .submit_button {
  margin-left: calc(16 / 1440 * var(--vw));
  padding-left: calc(16 / 1440 * var(--vw));
  padding-right: calc(16 / 1440 * var(--vw));
  border-left: 1px solid #3F404A;
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  .search > .submit_button {
    margin-left: calc(16 / 375 * var(--vw));
    padding-left: calc(16 / 375 * var(--vw));
    padding-right: calc(16 / 375 * var(--vw));
  }
}
.search > .submit_button > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  .search > .submit_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
.search::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc(24 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  background-image: url("../images/common/search_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  .search::before {
    left: calc(24 / 375 * var(--vw));
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
.search.__modal {
  margin-top: calc(90 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .search.__modal {
    margin-top: 0;
  }
}
.search.__modal > .input {
  width: calc(839 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  .search.__modal > .input {
    width: calc(150 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  .search {
    padding: 17.5px 24px 17.5px 64px;
    border-radius: 36px;
  }
  .search > .input {
    width: 1071px;
    font-size: 16px;
  }
  .search > .submit_button {
    margin-left: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .search > .submit_button > .text {
    font-size: 16px;
  }
  .search::before {
    left: 24px;
    width: 32px;
    height: 32px;
  }
  .search.__modal {
    margin-top: 90px;
  }
  .search.__modal > .input {
    width: 839px;
  }
}

#list #app > .wrapper {
  position: relative;
  padding-top: calc(80 / 1440 * var(--vw));
  padding-bottom: calc(80 / 1440 * var(--vw));
  width: calc(1240 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #list #app > .wrapper {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(40 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
  }
}
#list #app > .wrapper > .logo {
  display: block;
  width: calc(200 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #list #app > .wrapper > .logo {
    width: calc(200 / 375 * var(--vw));
  }
}
#list #app > .wrapper > .logo > .icon {
  display: block;
  width: 100%;
}
#list #app > .wrapper > .logo > .icon > use {
  color: #0068B7;
}
#list #app > .wrapper > .page_list {
  margin-top: calc(40 / 1440 * var(--vw));
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #list #app > .wrapper > .page_list {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#list #app > .wrapper > .page_list > .item {
  display: block;
  margin-top: calc(8 / 1440 * var(--vw));
  text-decoration: underline;
  font-size: calc(16 / 1440 * var(--vw));
  padding-left: calc(18 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #list #app > .wrapper > .page_list > .item {
    margin-top: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
    padding-left: calc(18 / 375 * var(--vw));
  }
}
#list #app > .wrapper > .page_list > .item.__parent {
  margin-top: calc(24 / 1440 * var(--vw));
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  padding-left: 0;
}
@media only screen and (max-width: 812px) {
  #list #app > .wrapper > .page_list > .item.__parent {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#list #app > .wrapper > .page_list > .item.__hidden {
  opacity: 0.5;
  pointer-events: none;
}
#list #app > .wrapper > .page_list > .title {
  display: block;
  margin-top: calc(24 / 1440 * var(--vw));
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #list #app > .wrapper > .page_list > .title {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}

#top #app > .wrapper > .mainvisual_section {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header {
  display: flex;
  position: relative;
  padding: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header {
    padding: calc(8 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner {
  display: inline-flex;
  align-items: center;
  padding: calc(40 / 1440 * var(--vw));
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner {
    padding: calc(8 / 375 * var(--vw)) calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo {
  display: block;
  width: calc(172 / 1440 * var(--vw));
  margin-right: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo {
    width: calc(120 / 375 * var(--vw));
    margin-right: 0;
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo > .link {
  display: block;
  width: 100%;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo > .link > svg {
  display: block;
  width: 100%;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo > .link > svg > path {
  fill: #0068B7;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation {
    display: block;
    margin-left: auto;
    margin-right: 0;
    flex-shrink: 0;
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .item {
  display: block;
  margin-right: calc(48 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .item {
    display: none;
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .item > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  white-space: nowrap;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .item:hover > .text {
  color: #FFCC57;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button {
  display: block;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button > .icon {
  display: block;
  width: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button > .icon {
    width: calc(32 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button > .icon > use {
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button > .icon > use {
    color: #0068B7;
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button > .icon > use {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button:hover > .icon > use {
    color: #FFCC57;
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products {
  display: flex;
  margin-left: calc(375 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products {
    margin-left: calc(24 / 375 * var(--vw));
    margin-right: calc(24 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  background-color: #0068B7;
  border-radius: calc(18 / 1440 * var(--vw));
  transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button {
    display: none;
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.2;
  color: #FFFFFF;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button:hover {
  background-color: #FFCC57;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button:hover > .text {
  color: #3F404A;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart {
  position: relative;
  display: block;
  width: calc(32 / 1440 * var(--vw));
  margin-left: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart {
    width: calc(32 / 375 * var(--vw));
    margin-left: 0;
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .qty {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: calc(14 / 1440 * var(--vw));
  height: calc(14 / 1440 * var(--vw));
  background-color: #FFCC57;
  border-radius: 50%;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .qty {
    width: calc(14 / 375 * var(--vw));
    height: calc(14 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .qty > .text {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: calc(9 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .qty > .text {
    font-size: calc(9 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .icon {
  display: block;
  width: 100%;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .icon > use {
  color: #0068B7;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu {
  display: flex;
  align-items: center;
  width: calc(32 / 375 * var(--vw));
  height: calc(32 / 375 * var(--vw));
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu {
    display: none;
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon {
  position: relative;
  width: calc(28 / 375 * var(--vw));
  height: calc(13 / 375 * var(--vw));
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon > span {
  position: absolute;
  width: calc(28 / 375 * var(--vw));
  height: 1px;
  background-color: #0068B7;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon > span:nth-child(1) {
  top: 0;
  left: 0;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon > span:nth-child(2) {
  top: 50%;
  left: 0;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon > span:nth-child(3) {
  bottom: 0;
  left: 0;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper {
  position: relative;
  padding-left: calc(16 / 1440 * var(--vw));
  padding-right: calc(16 / 1440 * var(--vw));
  padding-bottom: calc(25 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper {
    padding-left: calc(8 / 375 * var(--vw));
    padding-right: calc(8 / 375 * var(--vw));
    padding-bottom: calc(40 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea {
  opacity: 1;
  transition: opacity 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide {
  position: relative;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .image {
  position: relative;
  display: block;
  width: 100%;
  height: calc(640 / 1440 * var(--vw));
  overflow: hidden;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .image {
    height: calc(240 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .image > .i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .image > .i {
    width: auto;
    object-fit: initial;
    transform: translate3d(0, 0, 0);
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1;
  margin-top: calc(25 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .text {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper.swiper-fade .mainvisua_slide {
  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1) !important;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination {
  display: inline-block;
  position: absolute;
  width: max-content;
  bottom: calc(32 / 1440 * var(--vw));
  right: 0;
  left: auto;
  padding-right: calc(152 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination {
    bottom: calc(18 / 375 * var(--vw));
    right: auto;
    left: 0;
    padding-right: 0;
    padding-left: calc(8 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination > .swiper-pagination-bullet {
  width: calc(24 / 1440 * var(--vw));
  height: 2px;
  margin: 0 4px;
  border-radius: 0;
  opacity: 1;
  background: #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination > .swiper-pagination-bullet {
    width: calc(24 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination > .swiper-pagination-bullet::before {
  content: none;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0068B7;
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown {
  position: absolute;
  bottom: calc(18 / 1440 * var(--vw));
  right: calc(32 / 1440 * var(--vw));
  display: flex;
  align-items: center;
  z-index: 40;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown {
    bottom: calc(2 / 375 * var(--vw));
    right: calc(8 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .text {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .icon {
  display: block;
  width: calc(32 / 1440 * var(--vw));
  margin-left: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .icon {
    width: calc(32 / 375 * var(--vw));
    margin-left: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .icon > .i {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .icon > .i {
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown:hover > .icon > .i {
    transform: translate3d(0, 10%, 0);
  }
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .mainvisual_section {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header {
    display: flex;
    position: relative;
    padding: 16px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner {
    display: inline-flex;
    align-items: center;
    padding: 40px;
    width: 100%;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo {
    display: block;
    width: 172px;
    margin-right: 80px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo > .link {
    display: block;
    width: 100%;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo > .link > svg {
    display: block;
    width: 100%;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .logo > .link > svg > path {
    fill: #0068B7;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation {
    display: flex;
    align-items: center;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .item {
    display: block;
    margin-right: 48px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .item > .text {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .item:hover > .text {
    color: #FFCC57;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button {
    display: block;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button > .icon {
    display: block;
    width: 32px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button > .icon > use {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button > .icon > use {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .navigation > .search_button:hover > .icon > use {
    color: #FFCC57;
  }
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products {
    display: flex;
    margin-left: 375px;
    flex-shrink: 0;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 160px;
    height: 32px;
    background-color: #0068B7;
    border-radius: 18px;
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button > .text {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #FFFFFF;
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button:hover {
    background-color: #FFCC57;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .button:hover > .text {
    color: #3F404A;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart {
    position: relative;
    display: block;
    width: 32px;
    margin-left: 24px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .qty {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    background-color: #FFCC57;
    border-radius: 50%;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .qty > .text {
    font-family: "Roboto", sans-serif;
    font-weight: 800;
    font-size: 9px;
    line-height: 1;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .icon {
    display: block;
    width: 100%;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .products > .cart > .icon > use {
    color: #0068B7;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu {
    display: flex;
    align-items: center;
    width: spx(32);
    height: spx(32);
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu {
    display: none;
  }
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon {
    position: relative;
    width: spx(28);
    height: spx(13);
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon > span {
    position: absolute;
    width: spx(28);
    height: 1px;
    background-color: #0068B7;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon > span:nth-child(1) {
    top: 0;
    left: 0;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon > span:nth-child(2) {
    top: 50%;
    left: 0;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_header > .header_inner > .menu > .icon > span:nth-child(3) {
    bottom: 0;
    left: 0;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper {
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 25px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea {
    opacity: 1;
    transition: opacity 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide {
    position: relative;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .image {
    position: relative;
    display: block;
    width: 100%;
    height: 640px;
    overflow: hidden;
    border-radius: 4px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .image > .i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisua_swiperArea > .mainvisua_slide > .text {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    line-height: 1;
    margin-top: 25px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper.swiper-fade .mainvisua_slide {
    transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1) !important;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination {
    display: inline-block;
    position: absolute;
    width: max-content;
    bottom: 32px;
    right: 0;
    left: auto;
    padding-right: 152px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination > .swiper-pagination-bullet {
    width: 24px;
    height: 2px;
    margin: 0 4px;
    border-radius: 0;
    opacity: 1;
    background: #CDCCCC;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination > .swiper-pagination-bullet::before {
    content: none;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .mainvisual_pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0068B7;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown {
    position: absolute;
    bottom: 18px;
    right: 32px;
    display: flex;
    align-items: center;
    z-index: 40;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .text {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #0068B7;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .icon {
    display: block;
    width: 32px;
    margin-left: 16px;
  }
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .icon > .i {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown > .icon > .i {
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #top #app > .wrapper > .mainvisual_section > .mainvisual_swiper > .scrolldown:hover > .icon > .i {
    transform: translate3d(0, 10%, 0);
  }
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .mainvisual_section.__hidden > .mainvisual_swiper > .mainvisua_swiperArea {
    opacity: 0;
  }
}
#top #app > .wrapper > .lead_section {
  padding-top: calc(280 / 1440 * var(--vw));
  padding-bottom: calc(280 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .lead_section {
    padding-top: calc(200 / 375 * var(--vw));
    padding-bottom: calc(120 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .lead_section > .section_inner {
  position: relative;
  width: calc(1248 / 1440 * var(--vw));
  margin: 0 auto;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .lead_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .lead_section > .section_inner > .title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .lead_section > .section_inner > .title {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .lead_section > .section_inner > .lead {
  margin-top: calc(24 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(48 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .lead_section > .section_inner > .lead {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(36 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .lead_section {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 280px;
    padding-bottom: 280px;
  }
  #top #app > .wrapper > .lead_section > .section_inner {
    width: 1248px;
  }
  #top #app > .wrapper > .lead_section > .section_inner > .title {
    font-size: 24px;
  }
  #top #app > .wrapper > .lead_section > .section_inner > .lead {
    margin-top: 24px;
  }
}
#top #app > .wrapper > .philosophy_section {
  position: relative;
  padding-top: calc(72 / 1440 * var(--vw));
  padding-bottom: calc(72 / 1440 * var(--vw));
  width: calc(1408 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #C8CCCD;
  transition: background-color 0.4s ease;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section {
    margin-top: calc(56 / 375 * var(--vw));
    padding-top: calc(32 / 375 * var(--vw));
    padding-bottom: calc(32 / 375 * var(--vw));
    width: calc(359 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
    display: block;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok {
  display: block;
  width: calc(400 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok {
    width: 100%;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .title {
  position: relative;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(64 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .title {
    font-size: calc(32 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .text {
  margin-top: calc(32 / 1440 * var(--vw));
  position: relative;
  display: block;
  font-weight: 500;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .text {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-top: calc(80 / 1440 * var(--vw));
  width: calc(320 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  background-color: #0068B7;
  border-radius: calc(24 / 1440 * var(--vw));
  transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1), opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .button {
    display: none;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .button > .text {
  margin-top: calc(2 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.2;
  color: #FFFFFF;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
#top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .button:hover {
  background-color: #FFCC57;
}
#top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .button:hover > .text {
  color: #3F404A;
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper {
  position: relative;
  display: block;
  width: calc(688 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper {
    margin-top: calc(24 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea {
    padding-bottom: calc(48 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide {
  width: calc(688 / 1440 * var(--vw)) !important;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide {
    width: calc(327 / 375 * var(--vw)) !important;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link {
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link {
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .image {
  position: relative;
  display: block;
  width: calc(688 / 1440 * var(--vw));
  height: calc(328 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .image {
    width: calc(327 / 375 * var(--vw));
    height: calc(240 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .image > .i {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area {
  position: relative;
  padding-top: calc(50 / 1440 * var(--vw));
  padding-left: calc(32 / 1440 * var(--vw));
  padding-bottom: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area {
    padding-top: calc(20 / 375 * var(--vw));
    padding-left: calc(16 / 375 * var(--vw));
    padding-bottom: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(38 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .title {
    font-size: calc(24 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .text {
  margin-top: calc(8 / 1440 * var(--vw));
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.4;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .text {
    margin-top: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
    width: calc(220 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .no {
  position: absolute;
  top: 50%;
  right: calc(32 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  font-size: calc(80 / 1440 * var(--vw));
  line-height: 1;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .no {
    top: auto;
    right: calc(16 / 375 * var(--vw));
    bottom: calc(16 / 375 * var(--vw));
    transform: translate3d(0, 0, 0);
    font-size: calc(46 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link:hover > .image > .i {
    transform: scale(1.03);
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-prev {
  display: block;
  position: absolute;
  left: calc(-42 / 1440 * var(--vw));
  width: calc(34 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-prev {
    top: auto;
    left: 0;
    bottom: 0;
    padding: calc(1 / 375 * var(--vw)) calc(6 / 375 * var(--vw));
    width: auto;
    height: auto;
    margin-top: 0;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-prev > .icon {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-prev > .icon {
    width: calc(20 / 375 * var(--vw));
    height: calc(30 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-prev > .icon > use {
  color: #3F404A;
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-prev::after {
  content: none;
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-next {
  display: block;
  position: absolute;
  right: calc(-42 / 1440 * var(--vw));
  width: calc(34 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-next {
    top: auto;
    right: 0;
    bottom: 0;
    padding: calc(1 / 375 * var(--vw)) calc(6 / 375 * var(--vw));
    width: auto;
    height: auto;
    margin-top: 0;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-next > .icon {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-next > .icon {
    width: calc(20 / 375 * var(--vw));
    height: calc(30 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-next > .icon > use {
  color: #3F404A;
}
#top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-next::after {
  content: none;
}
#top #app > .wrapper > .philosophy_section > .section_inner > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-top: calc(24 / 375 * var(--vw));
  width: calc(287 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  height: calc(48 / 375 * var(--vw));
  background-color: #0068B7;
  border: 1px solid #0068B7;
  border-radius: calc(24 / 375 * var(--vw));
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .philosophy_section > .section_inner > .button {
    display: none;
  }
}
#top #app > .wrapper > .philosophy_section > .section_inner > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 375 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .philosophy_section {
    padding-top: 72px;
    padding-bottom: 72px;
    width: 1408px;
    border-radius: 4px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner {
    width: 1248px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok {
    width: 400px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .title {
    font-size: 64px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .text {
    margin-top: 32px;
    font-size: 14px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .button {
    margin-top: 80px;
    width: 320px;
    height: 48px;
    border-radius: 24px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .title_blcok > .button > .text {
    margin-top: 2px;
    font-size: 16px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper {
    width: 688px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide {
    width: 688px !important;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link {
    border-radius: 4px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .image {
    width: 688px;
    height: 328px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area {
    padding-top: 50px;
    padding-left: 32px;
    padding-bottom: 32px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .title {
    font-size: 38px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .text {
    margin-top: 8px;
    font-size: 20px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .philosophy_swiperArea > .philosophy_slide > .link > .text_area > .no {
    right: 32px;
    font-size: 80px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-prev {
    left: -42px;
    width: 34px;
  }
  #top #app > .wrapper > .philosophy_section > .section_inner > .philosophy_swiper > .swiper-button-next {
    right: -42px;
    width: 34px;
  }
}
#top #app > .wrapper > .philosophy_section[data-color=philosophy01] {
  background-color: #C8CCCD;
}
#top #app > .wrapper > .philosophy_section[data-color=philosophy02] {
  background-color: #D9D1A7;
}
#top #app > .wrapper > .philosophy_section[data-color=philosophy03] {
  background-color: #86BCB0;
}
#top #app > .wrapper > .philosophy_section[data-color=philosophy04] {
  background-color: #AEAFCB;
}
#top #app > .wrapper > .philosophy_section[data-color=philosophy05] {
  background-color: #A8C0CC;
}
#top #app > .wrapper > .philosophy_section[data-color=philosophy06] {
  background-color: #E2CBBF;
}
#top #app > .wrapper > .release_section {
  position: relative;
  display: block;
  padding-top: calc(160 / 1440 * var(--vw));
  padding-bottom: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section {
    padding-top: calc(120 / 375 * var(--vw));
    padding-bottom: calc(60 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .release_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .release_section > .section_inner > .release_list {
  margin-top: calc(80 / 1440 * var(--vw));
  display: flex;
  gap: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list {
    display: block;
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .release_section > .section_inner > .release_list > .item {
  display: flex;
  flex-direction: column;
  width: calc(282 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item {
    display: block;
    width: calc(327 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head {
  position: relative;
}
#top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image {
  position: relative;
  display: block;
  width: 100%;
  height: calc(182 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image {
    display: block;
    height: calc(216 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
#top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body {
  margin-top: calc(16 / 1440 * var(--vw));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body {
    display: block;
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .title {
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .title {
    font-size: calc(15 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .data {
  margin-top: calc(16 / 1440 * var(--vw));
  padding-top: calc(8 / 1440 * var(--vw));
  border-top: 1px solid #ADADC3;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .data {
    margin-top: calc(16 / 375 * var(--vw));
    padding-top: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item:nth-child(n+2) {
    margin-top: calc(48 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item:hover > .head > .image > .i {
    transform: scale(1.03);
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item:hover > .body > .title {
    text-decoration: underline;
  }
}
#top #app > .wrapper > .release_section > .section_inner > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 375 * var(--vw));
  height: calc(40 / 375 * var(--vw));
  margin-top: calc(40 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border: 1px solid #3F404A;
  border-radius: calc(24 / 375 * var(--vw));
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .release_section > .section_inner > .button {
    display: none;
  }
}
#top #app > .wrapper > .release_section > .section_inner > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 375 * var(--vw));
  line-height: 1.2;
  color: #3F404A;
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .release_section {
    padding-top: 160px;
    padding-bottom: 80px;
  }
  #top #app > .wrapper > .release_section > .section_inner {
    width: 1248px;
  }
  #top #app > .wrapper > .release_section > .section_inner > .release_list {
    margin-top: 80px;
    gap: 40px;
  }
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item {
    width: 282px;
  }
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image {
    height: 182px;
    border-radius: 4px;
  }
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body {
    margin-top: 16px;
  }
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .title {
    font-size: 15px;
  }
  #top #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .data {
    margin-top: 16px;
    padding-top: 8px;
    font-size: 13px;
  }
}
#top #app > .wrapper > .product_section {
  position: relative;
  display: block;
  padding-top: calc(80 / 1440 * var(--vw));
  padding-bottom: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .product_section {
    padding-top: calc(60 / 375 * var(--vw));
    padding-bottom: calc(60 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .product_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .product_section > .section_inner > .product_wrap {
  margin-top: calc(80 / 1440 * var(--vw));
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap {
    display: block;
  }
}
#top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block {
  display: block;
  width: calc(544 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block {
    margin-top: calc(40 / 375 * var(--vw));
    width: 100%;
  }
}
#top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .text {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 2.4;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .text {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 2;
  }
}
#top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-top: calc(80 / 1440 * var(--vw));
  width: calc(320 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  background-color: #0068B7;
  border-radius: calc(24 / 1440 * var(--vw));
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1), opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1);
  }
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(320 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button > .text {
  margin-top: calc(2 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.2;
  color: #FFFFFF;
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button > .text {
    margin-top: calc(2 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1;
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button:hover {
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button:hover > .text {
    color: #3F404A;
  }
}
#top #app > .wrapper > .product_section > .section_inner > .product_wrap > .image {
  display: block;
  width: calc(640 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .image {
    width: 100%;
  }
}
#top #app > .wrapper > .product_section > .section_inner > .product_wrap > .image > .i {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .product_section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #top #app > .wrapper > .product_section > .section_inner {
    width: 1248px;
  }
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap {
    margin-top: 80px;
  }
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block {
    width: 544px;
  }
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .text {
    font-size: 18px;
  }
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button {
    margin-top: 80px;
    width: 320px;
    height: 48px;
    border-radius: 24px;
  }
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .text_block > .button > .text {
    margin-top: 2px;
    font-size: 16px;
  }
  #top #app > .wrapper > .product_section > .section_inner > .product_wrap > .image {
    width: 640px;
  }
}
#top #app > .wrapper > .news_section {
  position: relative;
  display: block;
  padding-top: calc(80 / 1440 * var(--vw));
  padding-bottom: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section {
    padding-top: calc(60 / 375 * var(--vw));
    padding-bottom: calc(60 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .news_list {
  position: relative;
  display: block;
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .news_list > .item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: calc(16 / 1440 * var(--vw)) 0;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item {
    flex-wrap: wrap;
  }
}
#top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .category {
  padding-left: calc(8 / 1440 * var(--vw));
  padding-right: calc(8 / 1440 * var(--vw));
  border-left: 1px solid #ADADC3;
  border-right: 1px solid #ADADC3;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .category {
    padding-left: calc(8 / 375 * var(--vw));
    padding-right: calc(8 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .category .name {
  min-width: calc(104 / 1440 * var(--vw));
  font-weight: 600;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  color: #FFFFFF;
  text-align: center;
  background-color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .category .name {
    min-width: calc(104 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .data {
  margin-left: calc(40 / 1440 * var(--vw));
  width: calc(88 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .data {
    margin-left: calc(24 / 375 * var(--vw));
    width: calc(88 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .title {
  margin-left: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .title {
    margin-top: calc(14 / 375 * var(--vw));
    margin-left: 0;
    width: 100%;
    font-size: calc(15 / 375 * var(--vw));
    line-height: 1.5;
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item {
    border: 1px solid #FFFFFF;
    transition: border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item:hover {
    border: 1px solid #CDCCCC;
  }
}
#top #app > .wrapper > .news_section > .section_inner > .news_list > .item:nth-child(n+2) {
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item:nth-child(n+2) {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 375 * var(--vw));
  height: calc(40 / 375 * var(--vw));
  margin-top: calc(40 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border: 1px solid #3F404A;
  border-radius: calc(24 / 375 * var(--vw));
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .button {
    display: none;
  }
}
#top #app > .wrapper > .news_section > .section_inner > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 375 * var(--vw));
  line-height: 1.2;
  color: #3F404A;
}
#top #app > .wrapper > .news_section > .section_inner > .beware_block {
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .beware_block {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #FF4D00;
  padding-top: calc(12 / 1440 * var(--vw));
  padding-bottom: calc(12 / 1440 * var(--vw));
  border-radius: calc(2 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button {
    padding-top: calc(12 / 375 * var(--vw));
    padding-bottom: calc(12 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #FF4D00;
  text-align: center;
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button:hover {
    background-color: #FF4D00;
  }
}
@media only screen and (min-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button:hover > .text {
    color: #FFFFFF;
  }
}
#top #app > .wrapper > .news_section > .section_inner > .banner_block {
  display: block;
  margin-top: calc(80 / 1440 * var(--vw));
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .banner_block {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .banner_block > .banner {
  display: block;
  width: 100%;
  border: 1px solid #CDCCCC;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .news_section > .section_inner > .banner_block > .banner {
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .news_section > .section_inner > .banner_block > .banner > .image {
  display: block;
  width: 100%;
}
#top #app > .wrapper > .news_section > .section_inner > .banner_block > .banner > .image > .i {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .news_section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #top #app > .wrapper > .news_section > .section_inner {
    width: 1248px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .news_list {
    margin-top: 80px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item {
    padding: 16px 0;
    border-radius: 4px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .category {
    padding-left: 8px;
    padding-right: 8px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .category .name {
    min-width: 104px;
    font-size: 14px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .data {
    margin-left: 40px;
    width: 88px;
    font-size: 18px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item > .title {
    margin-left: 40px;
    font-size: 16px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .news_list > .item:nth-child(n+2) {
    margin-top: 24px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .beware_block {
    margin-top: 80px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 2px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .beware_block > .beware_button > .text {
    font-size: 16px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .banner_block {
    margin-top: 80px;
  }
  #top #app > .wrapper > .news_section > .section_inner > .banner_block > .banner {
    border-radius: 4px;
  }
}
#top #app > .wrapper > .schedule_section {
  position: relative;
  display: block;
  padding-top: calc(80 / 1440 * var(--vw));
  padding-bottom: calc(200 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section {
    padding-top: calc(60 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info {
  margin-top: calc(80 / 1440 * var(--vw));
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info {
    margin-top: calc(40 / 375 * var(--vw));
    display: block;
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area {
  width: calc(632 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area {
    width: 100%;
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data {
  display: flex;
  align-items: center;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .day {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(32 / 1440 * var(--vw));
  line-height: 1.5;
  letter-spacing: 0;
  width: auto;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .day {
    font-size: calc(32 / 375 * var(--vw));
    width: calc(189 / 375 * var(--vw));
    white-space: nowrap;
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule {
  margin-left: calc(16 / 1440 * var(--vw));
  padding: calc(6 / 1440 * var(--vw)) calc(8 / 1440 * var(--vw));
  background-color: #01CA9D;
  border-radius: calc(2 / 1440 * var(--vw));
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule {
    margin-left: calc(8 / 375 * var(--vw));
    padding: calc(5 / 375 * var(--vw)) calc(8 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
    flex-shrink: 0;
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule > .open {
  margin-right: calc(8 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule > .open {
    margin-right: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule > .time {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule > .time {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .lead {
  display: block;
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  margin-top: calc(61 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .lead {
    font-size: calc(16 / 375 * var(--vw));
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .text {
    font-size: calc(16 / 375 * var(--vw));
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area {
  display: block;
  width: calc(336 / 1440 * var(--vw));
  margin-right: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area {
    width: 100%;
    margin-right: auto;
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header > .calendar_title {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header > .calendar_title {
    font-size: calc(24 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header > .month_button {
  display: block;
  width: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header > .month_button {
    width: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header > .month_button > .icon {
  position: relative;
  display: block;
  width: 100%;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header > .month_button > .icon > use {
  display: block;
  width: 100%;
  color: #3F404A;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays {
  margin-top: calc(16 / 1440 * var(--vw));
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: calc(8 / 1440 * var(--vw));
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays {
    margin-top: calc(16 / 375 * var(--vw));
    gap: calc(8 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays > .week {
  padding: calc(4 / 1440 * var(--vw)) 0;
  border-bottom: 1px solid #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays > .week {
    padding: calc(4 / 375 * var(--vw)) 0;
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays > .week > .text {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: calc(12 / 1440 * var(--vw));
  line-height: 1.8;
  color: #3F404A;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays > .week > .text {
    font-size: calc(12 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0 calc(8 / 1440 * var(--vw));
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days {
    gap: 0 calc(8 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day {
  padding: calc(4 / 1440 * var(--vw)) 0;
  border-bottom: 1px solid #ADADC3;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day {
    padding: calc(4 / 375 * var(--vw)) 0;
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day > .text {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.8;
  color: #3F404A;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day > .text {
    font-size: calc(20 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day.__other_month > .text {
  color: #545457;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day.__close > .text {
  color: #FF3C6D;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day.__today {
  border-bottom: 1px solid #01CA9D;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day.__today > .text {
  color: #01CA9D;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day.__event {
  border: 1px solid #3F404A;
  cursor: pointer;
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_status {
  font-weight: 600;
  margin-top: calc(16 / 1440 * var(--vw));
  font-size: calc(10 / 1440 * var(--vw));
  line-height: 1.5;
  color: #FF3C6D;
  text-align: right;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_status {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(10 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area > .event {
  display: block;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  color: #3F404A;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area > .event {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area > .event:nth-child(n+2) {
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area > .event:nth-child(n+2) {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #top #app > .wrapper > .schedule_section {
    padding-top: 80px;
    padding-bottom: 200px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner {
    width: 1248px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info {
    margin-top: 80px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area {
    width: 632px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .day {
    font-size: 32px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule {
    margin-left: 16px;
    padding: 6px 8px;
    border-radius: 2px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule > .open {
    margin-right: 8px;
    font-size: 16px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .data > .time_schedule > .time {
    font-size: 16px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .lead {
    font-size: 16px;
    margin-top: 61px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .detail_area > .text {
    font-size: 16px;
    margin-top: 16px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area {
    width: 336px;
    margin-right: 120px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header > .calendar_title {
    font-size: 24px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_header > .month_button {
    width: 16px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays {
    margin-top: 16px;
    gap: 8px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays > .week {
    padding: 4px 0;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_weekdays > .week > .text {
    font-size: 12px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days {
    gap: 0 8px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day {
    padding: 4px 0;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_days > .day > .text {
    font-size: 20px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .calendar > .calendar_status {
    margin-top: 16px;
    font-size: 10px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area {
    margin-top: 16px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area > .event {
    font-size: 14px;
  }
  #top #app > .wrapper > .schedule_section > .section_inner > .working_info > .calendar_area > .event_area > .event:nth-child(n+2) {
    margin-top: 8px;
  }
}

#concept #app > .wrapper > .concept_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(120 / 375 * var(--vw));
  }
}
#concept #app > .wrapper > .concept_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(80 / 1440 * var(--vw));
  border-top: 1px solid #ADADC3;
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner {
    padding-top: calc(40 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .top {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .top {
    display: block;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block {
  width: calc(507 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block {
    width: 100%;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .lead {
  display: block;
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .lead > .copy {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: calc(40 / 1440 * var(--vw));
  line-height: 1.4;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .lead > .copy {
    font-size: calc(32 / 375 * var(--vw));
    white-space: nowrap;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .lead > .sub_copy {
  display: block;
  margin-top: calc(16 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .lead > .sub_copy {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .image {
  position: relative;
  display: block;
  width: calc(240 / 1440 * var(--vw));
  margin-top: calc(86 / 1440 * var(--vw));
  margin-left: calc(80 / 1440 * var(--vw));
  margin-right: auto;
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .image > .i {
  display: block;
  width: 100%;
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block {
  position: relative;
  display: block;
  width: calc(648 / 1440 * var(--vw));
  padding-right: calc(10 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block {
    width: 100%;
    margin-top: calc(48 / 375 * var(--vw));
    padding-right: 0;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 2.6;
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block > .text {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 2.2;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block > .image {
  position: relative;
  display: block;
  width: calc(240 / 375 * var(--vw));
  margin-top: calc(40 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
#concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block > .image > .i {
  display: block;
  width: 100%;
}
#concept #app > .wrapper > .concept_section > .section_inner > .bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .bottom {
    margin-top: calc(80 / 375 * var(--vw));
    flex-direction: column-reverse;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .bottom > .text_block {
  position: relative;
  display: block;
  width: calc(648 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .bottom > .text_block {
    width: 100%;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .bottom > .text_block > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 2.6;
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .bottom > .text_block > .text {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 2.2;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .bottom > .image {
  position: relative;
  display: block;
  width: calc(480 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section > .section_inner > .bottom > .image {
    width: 100%;
    margin-top: calc(40 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#concept #app > .wrapper > .concept_section > .section_inner > .bottom > .image > .i {
  display: block;
  width: 100%;
}
#concept #app > .wrapper > .concept_section.__lang_en > .section_inner > .top > .lead_block > .lead > .copy {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(42 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section.__lang_en > .section_inner > .top > .lead_block > .lead > .copy {
    font-size: calc(34 / 375 * var(--vw));
  }
}
#concept #app > .wrapper > .concept_section.__lang_en > .section_inner > .top > .lead_block > .lead > .sub_copy {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.4;
  letter-spacing: -0.08em;
}
@media only screen and (max-width: 812px) {
  #concept #app > .wrapper > .concept_section.__lang_en > .section_inner > .top > .lead_block > .lead > .sub_copy {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #concept #app > .wrapper > .concept_section {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner {
    width: 1248px;
    padding-top: 80px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block {
    width: 507px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .lead > .copy {
    font-size: 40px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .lead > .sub_copy {
    margin-top: 16px;
    font-size: 16px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .lead_block > .image {
    width: 240px;
    margin-top: 86px;
    margin-left: 80px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block {
    width: 648px;
    padding-right: 10px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block > .text {
    font-size: 16px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .top > .text_block > .image {
    width: spx(240);
    margin-top: spx(40);
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .bottom {
    margin-top: 80px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .bottom > .text_block {
    width: 648px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .bottom > .text_block > .text {
    font-size: 16px;
  }
  #concept #app > .wrapper > .concept_section > .section_inner > .bottom > .image {
    width: 480px;
  }
  #concept #app > .wrapper > .concept_section.__lang_en > .section_inner > .top > .lead_block > .lead > .copy {
    font-size: 42px;
  }
  #concept #app > .wrapper > .concept_section.__lang_en > .section_inner > .top > .lead_block > .lead > .sub_copy {
    font-size: 16px;
  }
}

#philosophy #app > .wrapper > .philosophy_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner {
    width: calc(359 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation {
  position: relative;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list {
  display: flex;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item {
  position: relative;
  display: inline-block;
  padding: calc(4 / 1440 * var(--vw)) calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item {
    padding: 0 calc(8 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner {
  display: flex;
  width: calc(192 / 1440 * var(--vw));
  height: 100%;
  padding-top: calc(8 / 1440 * var(--vw));
  padding-bottom: calc(8 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner {
    justify-content: center;
    width: calc(43.83 / 375 * var(--vw));
    padding-top: calc(8 / 375 * var(--vw));
    padding-bottom: calc(8 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner > .no {
  padding-left: calc(8 / 1440 * var(--vw));
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner > .no {
    padding-left: 0;
    font-size: calc(18 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner > .no {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner > .name {
  margin-left: calc(8 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner > .name {
    display: none;
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner > .name {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active {
  pointer-events: none;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active > .inner > .no {
  color: #FFFFFF;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active > .inner > .name {
  color: #FFFFFF;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active.__01 > .inner {
  background-color: #838491;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active.__02 > .inner {
  background-color: #DBC25F;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active.__03 > .inner {
  background-color: #3AA08A;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active.__04 > .inner {
  background-color: #5A5CA3;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active.__05 > .inner {
  background-color: #6195AE;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item.active.__06 > .inner {
  background-color: #FE8F59;
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:hover > .inner > .no {
    color: #FFFFFF;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:hover > .inner > .name {
    color: #FFFFFF;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:hover.__01 > .inner {
    background-color: #838491;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:hover.__02 > .inner {
    background-color: #DBC25F;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:hover.__03 > .inner {
    background-color: #3AA08A;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:hover.__04 > .inner {
    background-color: #5A5CA3;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:hover.__05 > .inner {
    background-color: #6195AE;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:hover.__06 > .inner {
    background-color: #FE8F59;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:first-child::after {
    content: none;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item:last-child::before {
    content: none;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head {
    display: block;
    padding-top: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area {
  display: block;
  width: calc(600 / 1440 * var(--vw));
  padding-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area {
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(48 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no {
    font-size: calc(32 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no.__01 {
  color: #838491;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no.__02 {
  color: #DBC25F;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no.__03 {
  color: #3AA08A;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no.__04 {
  color: #5A5CA3;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no.__05 {
  color: #6195AE;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no.__06 {
  color: #FE8F59;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .title {
  margin-top: calc(40 / 1440 * var(--vw));
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(80 / 1440 * var(--vw));
  line-height: 0.84;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .title {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(38 / 375 * var(--vw));
    line-height: 0.96;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .lead {
  margin-top: calc(40 / 1440 * var(--vw));
  display: block;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: calc(26 / 1440 * var(--vw));
  line-height: 1.4;
  letter-spacing: 0;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .lead {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(20 / 375 * var(--vw));
    line-height: 1.4;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .image {
  display: block;
  width: calc(582 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .image {
    margin-top: calc(40 / 375 * var(--vw));
    width: 100%;
    border-radius: calc(4 / 1440 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .image > .i {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body {
  position: relative;
  display: block;
  padding-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body {
    margin-top: calc(80 / 375 * var(--vw));
    padding-top: calc(80 / 375 * var(--vw));
    border-top: 1px solid #CDCCCC;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block {
    display: block;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area {
  display: block;
  width: calc(808 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area {
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area > .text {
  display: block;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area > .text:nth-child(n+2) {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area > .text:nth-child(n+2) {
    margin-top: calc(80 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area:last-child {
  width: calc(808 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area:last-child {
    width: calc(327 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block {
  display: block;
  width: calc(360 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block {
    margin-top: calc(80 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block > .image {
  display: block;
  width: calc(360 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block > .image {
    width: calc(327 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block > .image > .i {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block > .image:nth-child(n+2) {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block > .image:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block {
  margin-top: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block {
    margin-top: calc(80 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list {
  display: block;
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list {
    margin-top: calc(80 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: calc(80 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item {
    display: block;
    padding-bottom: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .image {
  display: block;
  width: calc(480 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .image {
    width: 100%;
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .image > .i {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area {
  display: block;
  width: calc(648 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area {
    margin-top: calc(24 / 375 * var(--vw));
    width: 100%;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area > .lead {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  margin-bottom: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area > .lead {
    margin-bottom: calc(16 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area > .text {
  display: block;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area > .text {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area > .text > a {
  text-decoration: underline;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area > .text > span {
  font-weight: 800;
  color: #0068B7;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item:nth-child(n+2) {
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item:nth-child(n+2) {
    margin-top: calc(80 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination {
    display: block;
    padding-top: calc(80 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link {
  position: relative;
  display: flex;
  align-items: center;
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link > .no {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: calc(38 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link > .no {
    font-size: calc(20 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link > .no {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(38 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  margin-left: calc(16 / 1440 * var(--vw));
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link > .name {
    font-size: calc(20 / 375 * var(--vw));
    margin-left: calc(8 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:after {
  content: "";
  top: 50%;
  transform: translate3d(0, -50%, 0);
  position: absolute;
  display: inline-block;
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:after {
    width: calc(16 / 375 * var(--vw));
    height: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:after {
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__prev {
  padding-left: calc(48 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__prev {
    padding-left: 0;
    padding-right: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__prev:after {
  left: 0;
  background-image: url("../images/common/arrow_left.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__prev:after {
    left: auto;
    right: 0;
    background-image: url("../images/common/arrow_right.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__next {
  padding-right: calc(48 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__next {
    margin-top: calc(24 / 375 * var(--vw));
    padding-right: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__next:after {
  right: 0;
  background-image: url("../images/common/arrow_right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:hover > .no.__01 {
    color: #838491;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:hover > .no.__02 {
    color: #DBC25F;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:hover > .no.__03 {
    color: #3AA08A;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:hover > .no.__04 {
    color: #5A5CA3;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:hover > .no.__05 {
    color: #6195AE;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:hover > .no.__06 {
    color: #FE8F59;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:hover.__prev:after {
    transform: translate3d(-10%, -50%, 0);
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:hover.__next:after {
    transform: translate3d(10%, -50%, 0);
  }
}
@media only screen and (min-width: 1440px) {
  #philosophy #app > .wrapper > .philosophy_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner {
    width: 1248px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item {
    padding: 4px 8px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner {
    width: 192px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner > .no {
    padding-left: 8px;
    font-size: 16px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_navigation > .navigation_list > .item > .inner > .name {
    margin-left: 8px;
    font-size: 16px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head {
    padding-top: 40px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area {
    width: 600px;
    padding-top: 24px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .no {
    font-size: 48px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .title {
    margin-top: 40px;
    font-size: 80px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .text_area > .lead {
    margin-top: 40px;
    font-size: 26px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .head > .image {
    width: 582px;
    border-radius: 4px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body {
    padding-top: 80px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area {
    width: 808px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area > .text {
    font-size: 16px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area > .text:nth-child(n+2) {
    margin-top: 40px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .text_area:last-child {
    width: 808px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block {
    width: 360px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block > .image {
    width: 360px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .main_block > .image_block > .image:nth-child(n+2) {
    margin-top: 40px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block {
    margin-top: 120px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list {
    margin-top: 80px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item {
    padding-bottom: 80px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .image {
    width: 480px;
    border-radius: 4px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area {
    width: 648px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area > .lead {
    font-size: 20px;
    margin-bottom: 24px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item > .text_area > .text {
    font-size: 16px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .body > .detail_block > .detail_list > .item:nth-child(n+2) {
    margin-top: 80px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination {
    padding-top: 120px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link > .no {
    font-size: 38px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link > .name {
    font-size: 38px;
    margin-left: 16px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link:after {
    width: 32px;
    height: 32px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__prev {
    padding-left: 48px;
  }
  #philosophy #app > .wrapper > .philosophy_section > .section_inner > .philosophy_pagination > .link.__next {
    padding-right: 48px;
  }
}
#philosophy #app > .wrapper > .related_section {
  position: relative;
  display: block;
  width: calc(1408 / 1440 * var(--vw));
  margin: 0 auto;
  padding: calc(64 / 1440 * var(--vw)) 0;
  background-color: #F2F0EA;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section {
    width: calc(359 / 375 * var(--vw));
    padding: calc(32 / 375 * var(--vw)) 0;
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section > .section_inner {
  position: relative;
  width: calc(1248 / 1440 * var(--vw));
  margin: 0 auto;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner {
    width: calc(311 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section > .section_inner > .title {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: calc(28 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  padding-bottom: calc(24 / 1440 * var(--vw));
  border-bottom: 1px solid #3F404A;
  margin-bottom: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .title {
    font-size: calc(22 / 375 * var(--vw));
    padding-bottom: calc(24 / 375 * var(--vw));
    margin-bottom: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section > .section_inner > .title > span {
  margin-left: calc(24 / 1440 * var(--vw));
  font-weight: 400;
  font-size: calc(20 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .title > span {
    display: block;
    margin-left: 0;
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section > .section_inner > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  margin-bottom: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .text {
    font-size: calc(16 / 375 * var(--vw));
    margin-bottom: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section > .section_inner > .text > a {
  text-decoration: underline;
}
#philosophy #app > .wrapper > .related_section > .section_inner > .product_button {
  display: block;
  width: calc(640 / 1440 * var(--vw));
  padding: calc(17 / 1440 * var(--vw)) 0 calc(15 / 1440 * var(--vw));
  margin-top: calc(64 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #3F404A;
  border-radius: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .product_button {
    width: calc(281 / 375 * var(--vw));
    padding: calc(17 / 375 * var(--vw)) 0 calc(15 / 375 * var(--vw));
    margin-top: calc(64 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .product_button {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#philosophy #app > .wrapper > .related_section > .section_inner > .product_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .product_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .product_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .product_button:hover {
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section > .section_inner > .product_button:hover > .text {
    color: #3F404A;
  }
}
#philosophy #app > .wrapper > .related_section .product_block {
  display: block;
}
#philosophy #app > .wrapper > .related_section .product_block > .name {
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section .product_block > .name {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section .product_block > .list {
  display: block;
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section .product_block > .list {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section .product_block > .list > .item {
  display: block;
  width: max-content;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section .product_block > .list > .item {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section .product_block > .list > .item:nth-child(n+2) {
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section .product_block > .list > .item:nth-child(n+2) {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section .product_block > .list > .item:hover {
    text-decoration: none;
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content {
  position: relative;
  display: block;
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block {
    flex-wrap: wrap;
    gap: calc(8 / 375 * var(--vw));
    margin-bottom: calc(24 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block > .image {
  display: block;
  width: calc(200 / 1440 * var(--vw));
  border-radius: calc(2 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block > .image {
    width: calc(151.5 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block > .image > .i {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block > .image.__large {
  width: calc(384 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block > .image.__large {
    width: calc(311 / 375 * var(--vw));
    margin-bottom: calc(8 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content {
    display: block;
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .left_column > .image {
  display: block;
  width: calc(384 / 1440 * var(--vw));
  border-radius: calc(2 / 1440 * var(--vw));
  overflow: hidden;
  margin-bottom: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .left_column > .image {
    width: calc(311 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
    margin-bottom: calc(24 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .left_column > .image > .i {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column {
    display: block;
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column > .image_block {
  display: flex;
  justify-content: space-between;
  gap: calc(16 / 1440 * var(--vw));
  margin-bottom: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column > .image_block {
    display: block;
    margin-bottom: calc(24 / 1440 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column > .image_block > .image {
  display: block;
  width: calc(384 / 1440 * var(--vw));
  border-radius: calc(2 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column > .image_block > .image {
    width: calc(311 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column > .image_block > .image > .i {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column > .image_block > .image:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content {
  display: flex;
  gap: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content {
    display: block;
  }
}
#philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content > .product_block:first-child {
  width: calc(391 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content > .product_block:first-child {
    width: calc(311 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content > .product_block:last-child {
  width: calc(395 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content > .product_block:last-child {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(311 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content {
  display: flex;
  gap: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content {
    display: block;
  }
}
#philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .image_block {
  display: block;
  width: calc(480 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .image_block {
    width: calc(311 / 375 * var(--vw));
    margin-bottom: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .image_block > .image {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .image_block > .image > .i {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .product_block {
  display: block;
  width: calc(244 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .product_block {
    width: 100%;
  }
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .product_block:nth-child(n+2) {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content {
  display: flex;
  gap: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content {
    display: block;
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .image_block {
  display: block;
  width: calc(384 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .image_block {
    width: calc(311 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .image_block > .image {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .image_block > .image > .i {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .image_block > .image:nth-child(n+2) {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .image_block > .image:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .product_block {
  display: block;
  width: calc(352 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .product_block {
    width: calc(311 / 375 * var(--vw));
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok {
  margin-top: calc(64 / 1440 * var(--vw));
  display: flex;
  justify-content: center;
  gap: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok {
    display: block;
    margin-top: calc(64 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button {
  display: block;
  width: calc(400 / 1440 * var(--vw));
  padding: calc(17 / 1440 * var(--vw)) 0 calc(15 / 1440 * var(--vw));
  border: 1px solid #3F404A;
  background-color: #F2F0EA;
  border-radius: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button {
    width: calc(281 / 375 * var(--vw));
    padding: calc(17 / 375 * var(--vw)) 0 calc(15 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
    border-radius: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #3F404A;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button:hover {
    border: 1px solid #FFCC57;
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button:hover > .text {
    color: #3F404A;
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button {
  display: block;
  width: calc(400 / 1440 * var(--vw));
  padding: calc(17 / 1440 * var(--vw)) 0 calc(15 / 1440 * var(--vw));
  background-color: #3F404A;
  border-radius: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button {
    width: calc(281 / 375 * var(--vw));
    padding: calc(17 / 375 * var(--vw)) 0 calc(15 / 375 * var(--vw));
    margin-top: calc(16 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
    border-radius: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button:hover {
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button:hover > .text {
    color: #3F404A;
  }
}
#philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content {
  display: flex;
  gap: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content {
    display: block;
  }
}
#philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content > .image_block {
  display: block;
  width: calc(480 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content > .image_block {
    width: calc(311 / 375 * var(--vw));
    margin-bottom: calc(40 / 375 * var(--vw));
  }
}
#philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content > .image_block > .image {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content > .image_block > .image > .i {
  display: block;
  width: 100%;
}
#philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content > .product_block {
  display: block;
  width: calc(244 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content > .product_block {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  #philosophy #app > .wrapper > .related_section {
    width: 1408px;
    padding: 64px 0;
    border-radius: 4px;
  }
  #philosophy #app > .wrapper > .related_section > .section_inner {
    width: 1248px;
  }
  #philosophy #app > .wrapper > .related_section > .section_inner > .title {
    font-size: 28px;
    padding-bottom: 24px;
    margin-bottom: 40px;
  }
  #philosophy #app > .wrapper > .related_section > .section_inner > .title > span {
    margin-left: 24px;
    font-size: 20px;
  }
  #philosophy #app > .wrapper > .related_section > .section_inner > .text {
    font-size: 16px;
    margin-bottom: 40px;
  }
  #philosophy #app > .wrapper > .related_section > .section_inner > .product_button {
    width: 640px;
    padding: 17px 0 15px;
    margin-top: 64px;
    border-radius: 24px;
  }
  #philosophy #app > .wrapper > .related_section > .section_inner > .product_button > .text {
    font-size: 16px;
  }
  #philosophy #app > .wrapper > .related_section .product_block > .name {
    font-size: 16px;
    line-height: 1.6;
  }
  #philosophy #app > .wrapper > .related_section .product_block > .list {
    margin-top: 16px;
  }
  #philosophy #app > .wrapper > .related_section .product_block > .list > .item {
    font-size: 16px;
  }
  #philosophy #app > .wrapper > .related_section .product_block > .list > .item:nth-child(n+2) {
    margin-top: 8px;
  }
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block {
    margin-bottom: 24px;
  }
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block > .image {
    width: 200px;
    border-radius: 2px;
  }
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .top_content > .image_block > .image.__large {
    width: 384px;
  }
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content {
    margin-top: 40px;
  }
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .left_column > .image {
    width: 384px;
    border-radius: 2px;
    margin-bottom: 24px;
  }
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column > .image_block {
    gap: 16px;
    margin-bottom: 24px;
  }
  #philosophy #app > .wrapper > .related_section.__01 > .section_inner > .bottom_content > .right_column > .image_block > .image {
    width: 384px;
    border-radius: 2px;
  }
  #philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content {
    gap: 80px;
  }
  #philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content > .product_block:first-child {
    width: 391px;
  }
  #philosophy #app > .wrapper > .related_section.__02 > .section_inner > .top_content > .product_block:last-child {
    width: 395px;
  }
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content {
    gap: 80px;
  }
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .image_block {
    width: 480px;
  }
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .image_block > .image {
    width: 100%;
  }
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .image_block > .image > .i {
    width: 100%;
  }
  #philosophy #app > .wrapper > .related_section.__03 > .section_inner > .top_content > .product_block {
    width: 244px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content {
    gap: 80px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .image_block {
    width: 384px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .image_block > .image:nth-child(n+2) {
    margin-top: 16px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .top_content > .product_block {
    width: 352px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok {
    margin-top: 64px;
    gap: 80px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button {
    width: 400px;
    padding: 17px 0 15px;
    border-radius: 24px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .nts_button > .text {
    font-size: 16px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button {
    width: 400px;
    padding: 17px 0 15px;
    border-radius: 24px;
  }
  #philosophy #app > .wrapper > .related_section.__04 > .section_inner > .button_blcok > .product_button > .text {
    font-size: 16px;
  }
  #philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content {
    gap: 80px;
  }
  #philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content > .image_block {
    width: 480px;
  }
  #philosophy #app > .wrapper > .related_section.__05 > .section_inner > .top_content > .product_block {
    width: 244px;
  }
}

#newrelease #app > .wrapper > .archive_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .release_list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list {
    display: block;
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item {
  display: flex;
  flex-direction: column;
  width: calc(282 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item {
    display: block;
    width: calc(327 / 375 * var(--vw));
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .head {
  position: relative;
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .head > .image {
  position: relative;
  display: block;
  width: 100%;
  height: calc(182 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .head > .image {
    display: block;
    height: calc(216 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .head > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .head > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body {
  margin-top: calc(16 / 1440 * var(--vw));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body {
    display: block;
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body > .title {
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body > .title {
    font-size: calc(15 / 375 * var(--vw));
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body > .data {
  margin-top: calc(16 / 1440 * var(--vw));
  padding-top: calc(8 / 1440 * var(--vw));
  border-top: 1px solid #ADADC3;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body > .data {
    margin-top: calc(16 / 375 * var(--vw));
    padding-top: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item:nth-child(n+5) {
    margin-top: calc(48 / 1440 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item:nth-child(n+2) {
    margin-top: calc(48 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item:hover > .head > .image > .i {
    transform: scale(1.03);
  }
}
@media only screen and (min-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item:hover > .body > .title {
    text-decoration: underline;
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .pagination {
  margin-top: calc(64 / 1440 * var(--vw));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(209 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  padding: calc(7 / 1440 * var(--vw)) 0;
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .pagination {
    margin-top: calc(80 / 375 * var(--vw));
    width: calc(209 / 375 * var(--vw));
    padding: calc(7 / 375 * var(--vw)) 0;
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .page_info {
  position: relative;
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .page_info {
    font-size: calc(18 / 375 * var(--vw));
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .link {
  display: block;
  position: absolute;
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .link {
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .link > .icon {
  display: block;
  width: 100%;
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .link > .icon > .i {
  display: block;
  width: 100%;
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .link.next {
  left: 0;
  top: 0;
}
#newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .link.prev {
  right: 0;
  top: 0;
}
@media only screen and (min-width: 1440px) {
  #newrelease #app > .wrapper > .archive_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner {
    width: 1248px;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list {
    gap: 40px;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item {
    width: 282px;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .head > .image {
    height: 182px;
    border-radius: 4px;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body {
    margin-top: 16px;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body > .title {
    font-size: 15px;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item > .body > .data {
    margin-top: 16px;
    padding-top: 8px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .release_list > .item:nth-child(n+5) {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  #newrelease #app > .wrapper > .archive_section > .section_inner > .pagination {
    margin-top: 64px;
    width: 209px;
    padding: 7px 0;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .page_info {
    font-size: 18px;
  }
  #newrelease #app > .wrapper > .archive_section > .section_inner > .pagination > .link {
    width: 32px;
    height: 32px;
  }
}

#news #app > .wrapper > .archive_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #FF4D00;
  padding-top: calc(12 / 1440 * var(--vw));
  padding-bottom: calc(12 / 1440 * var(--vw));
  border-radius: calc(2 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button {
    padding-top: calc(12 / 375 * var(--vw));
    padding-bottom: calc(12 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #FF4D00;
  text-align: center;
}
@media only screen and (min-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button:hover {
    background-color: #FF4D00;
  }
}
@media only screen and (min-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button:hover > .text {
    color: #FFFFFF;
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .news_list {
  position: relative;
  display: block;
  margin-top: calc(32 / 1440 * var(--vw));
  padding-top: calc(16 / 1440 * var(--vw));
  padding-bottom: calc(16 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .news_list > .item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: calc(16 / 1440 * var(--vw)) 0;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item {
    flex-wrap: wrap;
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .category {
  padding-left: calc(8 / 1440 * var(--vw));
  padding-right: calc(8 / 1440 * var(--vw));
  border-left: 1px solid #ADADC3;
  border-right: 1px solid #ADADC3;
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .category {
    padding-left: calc(8 / 375 * var(--vw));
    padding-right: calc(8 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .category .name {
  min-width: calc(104 / 1440 * var(--vw));
  font-weight: 600;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  color: #FFFFFF;
  text-align: center;
  background-color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .category .name {
    min-width: calc(104 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .data {
  margin-left: calc(40 / 1440 * var(--vw));
  width: calc(88 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .data {
    margin-left: calc(24 / 375 * var(--vw));
    width: calc(88 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .title {
  margin-left: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .title {
    margin-top: calc(14 / 375 * var(--vw));
    margin-left: 0;
    width: 100%;
    font-size: calc(15 / 375 * var(--vw));
    line-height: 1.5;
  }
}
@media only screen and (min-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item {
    border: 1px solid #FFFFFF;
  }
}
@media only screen and (min-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item:hover {
    border: 1px solid #CDCCCC;
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .news_list > .item:nth-child(n+2) {
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item:nth-child(n+2) {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .pagination {
  margin-top: calc(64 / 1440 * var(--vw));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(209 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  padding: calc(7 / 1440 * var(--vw)) 0;
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .pagination {
    margin-top: calc(80 / 375 * var(--vw));
    width: calc(209 / 375 * var(--vw));
    padding: calc(7 / 375 * var(--vw)) 0;
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .pagination > .page_info {
  position: relative;
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .pagination > .page_info {
    font-size: calc(18 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .pagination > .link {
  display: block;
  position: absolute;
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #news #app > .wrapper > .archive_section > .section_inner > .pagination > .link {
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
#news #app > .wrapper > .archive_section > .section_inner > .pagination > .link > .icon {
  display: block;
  width: 100%;
}
#news #app > .wrapper > .archive_section > .section_inner > .pagination > .link > .icon > .i {
  display: block;
  width: 100%;
}
#news #app > .wrapper > .archive_section > .section_inner > .pagination > .link.next {
  left: 0;
  top: 0;
}
#news #app > .wrapper > .archive_section > .section_inner > .pagination > .link.prev {
  right: 0;
  top: 0;
}
@media only screen and (min-width: 1440px) {
  #news #app > .wrapper > .archive_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #news #app > .wrapper > .archive_section > .section_inner {
    width: 1248px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 2px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .beware_block > .beware_button > .text {
    font-size: 16px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .news_list {
    margin-top: 32px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item {
    padding: 16px 0;
    border-radius: 4px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .category {
    padding-left: 8px;
    padding-right: 8px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .category .name {
    min-width: 104px;
    font-size: 14px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .data {
    margin-left: 40px;
    width: 88px;
    font-size: 18px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item > .title {
    margin-left: 40px;
    font-size: 16px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .news_list > .item:nth-child(n+2) {
    margin-top: 24px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .pagination {
    margin-top: 64px;
    width: 209px;
    padding: 7px 0;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .pagination > .page_info {
    font-size: 18px;
  }
  #news #app > .wrapper > .archive_section > .section_inner > .pagination > .link {
    width: 32px;
    height: 32px;
  }
}

#article #app > .wrapper > .article_section {
  position: relative;
  display: block;
  padding-top: calc(184 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section {
    padding-top: calc(96 / 375 * var(--vw));
    padding-bottom: calc(120 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner {
  display: block;
  width: calc(800 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_head {
  display: block;
  padding-bottom: calc(32 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_head {
    padding-bottom: calc(32 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_head > .title {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .title {
    font-size: calc(20 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail {
  display: flex;
  align-items: center;
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .category {
  display: block;
  margin-right: calc(24 / 1440 * var(--vw));
  padding: 0 calc(16 / 1440 * var(--vw)) calc(2 / 1440 * var(--vw));
  background-color: #3F404A;
  border-radius: calc(2 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .category {
    margin-right: calc(24 / 375 * var(--vw));
    padding: 0 calc(16 / 375 * var(--vw)) calc(2 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .category > .name {
  font-weight: 600;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .category > .name {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .data {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .data {
    font-size: calc(18 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body {
  position: relative;
  display: block;
  margin-top: calc(64 / 1440 * var(--vw));
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout {
  display: block;
  width: 100%;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_image {
  display: block;
  width: 100%;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_image > .image {
  display: block;
  width: 100%;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_image > .image > .i {
  display: block;
  width: 100%;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_text {
  display: block;
  width: 100%;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_text > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_text > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button {
  position: relative;
  display: block;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button > .button {
  display: block;
  width: calc(400 / 1440 * var(--vw));
  padding: calc(15 / 1440 * var(--vw)) 0 calc(17 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #3F404A;
  background-color: #FFFFFF;
  border-radius: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button > .button {
    width: calc(287 / 375 * var(--vw));
    padding: calc(15 / 375 * var(--vw)) 0 calc(17 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button > .button {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button > .button > .text {
  text-align: center;
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button > .button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button > .button:hover {
    border: 1px solid #FFCC57;
    background-color: #FFCC57;
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list {
  position: relative;
  display: block;
  width: 100%;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list {
  display: block;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding-top: calc(40 / 1440 * var(--vw));
  padding-bottom: calc(64 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(40 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .head {
  position: relative;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .head > .image {
  position: relative;
  display: block;
  width: calc(149 / 1440 * var(--vw));
  height: calc(112 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .head > .image {
    width: calc(64 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .head > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .head > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body {
  margin-left: calc(40 / 1440 * var(--vw));
  height: 100%;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body {
    margin-left: calc(16 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_name {
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.2;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_name {
    font-size: calc(20 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data > .title {
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data > .title {
    font-size: calc(13 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data > .name {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 400;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data > .name {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_price {
  display: block;
  margin-top: calc(16 / 1440 * var(--vw));
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_price {
    margin-top: calc(8 / 375 * var(--vw));
    font-size: calc(20 / 375 * var(--vw));
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_price > .tax {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(12 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_price > .tax {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(10 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item:hover > .head > .image > .i {
    transform: scale(1.03);
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item:hover > .body > .product_name {
  text-decoration: underline;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item:last-child {
  border-bottom: 1px solid #CDCCCC;
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .item {
  margin-top: calc(64 / 1440 * var(--vw));
}
#article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .item:first-child {
  margin-top: 0;
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination {
  position: relative;
  display: block;
  width: 100%;
  margin-top: calc(128 / 1440 * var(--vw));
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link {
  position: relative;
  display: block;
  padding-top: calc(8 / 1440 * var(--vw));
  padding-bottom: calc(8 / 1440 * var(--vw));
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link:after {
  content: "";
  top: 50%;
  transform: translate3d(0, -50%, 0);
  position: absolute;
  display: inline-block;
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link:after {
    width: calc(16 / 375 * var(--vw));
    height: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link:after {
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link.__prev {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: calc(40 / 1440 * var(--vw));
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link.__prev:after {
  left: 0;
  background-image: url("../images/common/arrow_left.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link.__next {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: calc(40 / 1440 * var(--vw));
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link.__next:after {
  right: 0;
  background-image: url("../images/common/arrow_right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link.__back {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link:hover.__prev:after {
    transform: translate3d(-10%, -50%, 0);
  }
}
@media only screen and (min-width: 812px) {
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link:hover.__next:after {
    transform: translate3d(10%, -50%, 0);
  }
}
@media only screen and (min-width: 1440px) {
  #article #app > .wrapper > .article_section {
    padding-top: 184px;
    padding-bottom: 120px;
  }
  #article #app > .wrapper > .article_section > .section_inner {
    width: 800px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_head {
    padding-bottom: 32px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .title {
    font-size: 20px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail {
    margin-top: 16px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .category {
    margin-right: 24px;
    padding: 0 16px 2px;
    border-radius: 2px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .category > .name {
    font-size: 14px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_head > .article_detail > .data {
    font-size: 18px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body {
    margin-top: 64px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_text > .text {
    font-size: 16px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button > .button {
    width: 400px;
    padding: 15px 0 17px;
    border-radius: 24px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_button > .button > .text {
    font-size: 16px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item {
    padding-top: 40px;
    padding-bottom: 64px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .head > .image {
    width: 149px;
    height: 112px;
    border-radius: 4px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body {
    margin-left: 40px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_name {
    font-size: 20px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data {
    margin-top: 16px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data > .title {
    font-size: 15px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_data > .name {
    margin-left: 8px;
    font-size: 15px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_price {
    margin-top: 16px;
    font-size: 24px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .article_product_list > .product_list > .item > .body > .product_price > .tax {
    margin-left: 8px;
    font-size: 12px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .item {
    margin-top: 64px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_body > .article_layout > .item:first-child {
    margin-top: 0;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination {
    margin-top: 128px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link > .text {
    font-size: 16px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link:after {
    width: 32px;
    height: 32px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link.__prev {
    padding-left: 40px;
  }
  #article #app > .wrapper > .article_section > .section_inner > .article_pagination > .link.__next {
    padding-right: 40px;
  }
}

#product #app > .wrapper > .release_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(60 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .release_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .release_section > .section_inner > .release_list {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  gap: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list {
    display: block;
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item {
  display: flex;
  flex-direction: column;
  width: calc(282 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item {
    display: block;
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head {
  position: relative;
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image {
  position: relative;
  display: block;
  width: 100%;
  height: calc(182 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image {
    display: block;
    height: calc(216 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body {
  margin-top: calc(16 / 1440 * var(--vw));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body {
    display: block;
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .title {
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .title {
    font-size: calc(15 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .data {
  margin-top: calc(16 / 1440 * var(--vw));
  padding-top: calc(8 / 1440 * var(--vw));
  border-top: 1px solid #ADADC3;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .data {
    margin-top: calc(16 / 375 * var(--vw));
    padding-top: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: calc(16 / 375 * var(--vw));
    border-bottom: 1px solid #CDCCCC;
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item:nth-child(n+2) > .head > .image {
    width: calc(73 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item:nth-child(n+2) > .head > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#product #app > .wrapper > .release_section > .section_inner > .release_list > .item:nth-child(n+2) > .body {
  margin-top: calc(16 / 1440 * var(--vw));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item:nth-child(n+2) > .body {
    display: block;
    margin-top: 0;
    width: calc(238 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item:nth-child(n+2) > .body > .data {
    margin-top: calc(8 / 375 * var(--vw));
    padding-top: 0;
    border-top: none;
    font-size: calc(13 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item:hover > .head > .image > .i {
    transform: scale(1.03);
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item:hover > .body > .title {
    text-decoration: underline;
  }
}
#product #app > .wrapper > .release_section > .section_inner > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 375 * var(--vw));
  height: calc(40 / 375 * var(--vw));
  margin-top: calc(40 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border: 1px solid #3F404A;
  border-radius: calc(24 / 375 * var(--vw));
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .button {
    display: none;
  }
}
#product #app > .wrapper > .release_section > .section_inner > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 375 * var(--vw));
  line-height: 1.2;
  color: #3F404A;
}
#product #app > .wrapper > .release_section > .section_inner > .search {
  margin-top: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .release_section > .section_inner > .search {
    margin-top: calc(120 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .release_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #product #app > .wrapper > .release_section > .section_inner {
    width: 1248px;
  }
  #product #app > .wrapper > .release_section > .section_inner > .release_list {
    margin-top: 40px;
    gap: 40px;
  }
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item {
    width: 282px;
  }
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .head > .image {
    height: 182px;
    border-radius: 4px;
  }
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body {
    margin-top: 16px;
  }
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .title {
    font-size: 15px;
  }
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item > .body > .data {
    margin-top: 16px;
    padding-top: 8px;
    font-size: 13px;
  }
  #product #app > .wrapper > .release_section > .section_inner > .release_list > .item:nth-child(n+2) > .body {
    margin-top: 16px;
  }
  #product #app > .wrapper > .release_section > .section_inner > .search {
    margin-top: 120px;
  }
}
#product #app > .wrapper > .type_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section {
    padding-top: calc(60 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: calc(120 / 1440 * var(--vw));
  gap: 0 calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list {
    display: block;
    margin-top: calc(120 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item {
  position: relative;
  display: block;
  width: calc(400 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item {
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .image {
  display: block;
  width: calc(400 / 1440 * var(--vw));
  height: calc(120 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  margin-bottom: calc(16 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .image {
    width: calc(327 / 375 * var(--vw));
    height: calc(98 / 375 * var(--vw));
    margin-bottom: calc(16 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .name {
    font-size: calc(24 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .icon {
  display: block;
  width: calc(16 / 1440 * var(--vw));
  margin-right: calc(8 / 1440 * var(--vw));
  margin-left: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .icon {
    width: calc(16 / 375 * var(--vw));
    margin-right: calc(8 / 375 * var(--vw));
    margin-left: calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .icon > .i {
  display: block;
  width: 100%;
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac.__open > .icon {
  transform: rotateX(180deg);
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac:hover > .image > .i {
    transform: scale(1.03);
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content {
  position: relative;
  width: 100%;
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_space {
  position: relative;
  display: block;
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area {
  position: absolute;
  top: 0;
  width: calc(1248 / 1440 * var(--vw));
  padding-top: calc(16 / 1440 * var(--vw));
  background-color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area {
    padding-top: calc(16 / 375 * var(--vw));
    width: 100%;
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(16 / 1440 * var(--vw));
  gap: calc(16 / 1440 * var(--vw)) calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list {
    margin-top: calc(16 / 375 * var(--vw));
    gap: calc(16 / 375 * var(--vw)) calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item {
  display: flex;
  align-items: center;
  width: calc(240 / 1440 * var(--vw));
  opacity: 0;
  transition: opacity 0.2s ease;
  transition-delay: 0s;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item {
    width: calc(152 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item > .image {
  position: relative;
  display: block;
  width: calc(48 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item > .image {
    width: calc(40 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item > .image > .i {
  display: block;
  width: 100%;
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item > .name {
  margin-left: calc(16 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item > .name {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item:hover > .name {
    text-decoration: underline;
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list.__4column {
    gap: calc(16 / 1440 * var(--vw)) calc(64 / 1440 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list.__4column {
    display: block;
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list.__4column > .item {
    width: 100%;
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list.__4column > .item > .name {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list.__4column > .item > .name {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list.__4column > .item:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area.__open {
  z-index: 10;
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area.__open > .parts_list > .item {
  opacity: 1;
  transition: opacity 0.8s ease;
  transition-delay: 0.3s;
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(16 / 1440 * var(--vw));
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area::after {
    top: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .arrow {
  position: absolute;
  top: calc(7 / 1440 * var(--vw));
  left: 0;
  display: block;
  width: calc(16 / 1440 * var(--vw));
  height: calc(10 / 1440 * var(--vw));
  background-color: #FFFFFF;
  overflow: hidden;
  z-index: 10;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .arrow {
    top: calc(5 / 375 * var(--vw));
    left: calc(18 / 375 * var(--vw));
    width: calc(12 / 375 * var(--vw));
    height: calc(12 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .arrow > span {
  position: absolute;
  display: block;
  border-left: 1px solid #3F404A;
  border-top: 1px solid #3F404A;
  transform: translate3d(-50%, 0, 0) rotate(45deg);
}
#product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .arrow > span:nth-child(1) {
  width: calc(24 / 1440 * var(--vw));
  height: calc(24 / 1440 * var(--vw));
  bottom: calc(-20 / 1440 * var(--vw));
  left: 50%;
  background-color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .arrow > span:nth-child(1) {
    width: calc(15 / 375 * var(--vw));
    height: calc(15 / 375 * var(--vw));
    bottom: calc(-12 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n+1) > .ac_content > .ac_area {
    left: 0;
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n+1) > .ac_content > .ac_area > .arrow {
    left: calc(18 / 1440 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n+2) > .ac_content > .ac_area {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n+2) > .ac_content > .ac_area > .arrow {
    left: calc(440 / 1440 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n) > .ac_content > .ac_area {
    right: 0;
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n) > .ac_content > .ac_area > .arrow {
    left: calc(864 / 1440 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(n+4) {
    margin-top: calc(48 / 1440 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .type_list:nth-child(2) {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list:nth-child(2) {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .banner {
  display: block;
  width: calc(100% / 1440 * var(--vw));
  margin-top: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .banner {
    margin-top: calc(120 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .type_section > .section_inner > .banner > .image {
  display: block;
  width: 100%;
}
#product #app > .wrapper > .type_section > .section_inner > .banner > .image > .i {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .type_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #product #app > .wrapper > .type_section > .section_inner {
    width: 1248px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list {
    margin-top: 120px;
    gap: 0 24px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item {
    width: 400px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .image {
    width: 400px;
    height: 120px;
    border-radius: 4px;
    margin-bottom: 16px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .name {
    font-size: 24px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .type_ac > .icon {
    width: 16px;
    margin-right: 8px;
    margin-left: 8px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area {
    width: 1248px;
    padding-top: 16px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list {
    margin-top: 16px;
    gap: 16px 8px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item {
    width: 240px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item > .image {
    width: 48px;
    border-radius: 4px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list > .item > .name {
    margin-left: 16px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .parts_list.__4column {
    gap: 16px 64px;
  }
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area::after {
    top: 16px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .arrow {
    top: 7px;
    width: 16px;
    height: 10px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item > .ac_content > .ac_area > .arrow > span:nth-child(1) {
    width: 24px;
    height: 24px;
    bottom: -20px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n+1) > .ac_content > .ac_area > .arrow {
    left: 18px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n+2) > .ac_content > .ac_area > .arrow {
    left: 440px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(3n) > .ac_content > .ac_area > .arrow {
    left: 864px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 812px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list > .item:nth-child(n+4) {
    margin-top: 48px;
  }
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .type_section > .section_inner > .type_list:nth-child(2) {
    margin-top: 40px;
  }
  #product #app > .wrapper > .type_section > .section_inner > .banner {
    width: 100%px;
    margin-top: 120px;
  }
}
#product #app > .wrapper > .product_head_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(20 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .product_type {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .product_type {
    display: block;
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .image {
  display: block;
  width: calc(327 / 375 * var(--vw));
  height: calc(98 / 375 * var(--vw));
  margin-bottom: calc(16 / 375 * var(--vw));
  border-radius: calc(4 / 375 * var(--vw));
  overflow: hidden;
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .image {
    display: none;
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(40 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .name {
    font-size: calc(24 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .icon {
  display: block;
  width: calc(16 / 1440 * var(--vw));
  margin-left: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .icon {
    width: calc(16 / 375 * var(--vw));
    margin-right: calc(8 / 375 * var(--vw));
    margin-left: calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .icon > .i {
  display: block;
  width: 100%;
}
#product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac.__open > .icon {
  transform: rotateX(180deg);
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content {
    height: auto;
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_space {
  position: relative;
  display: block;
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area {
  position: absolute;
  top: 0;
  width: calc(1248 / 1440 * var(--vw));
  padding-top: calc(16 / 1440 * var(--vw));
  background-color: #FFFFFF;
  display: none;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area {
    padding-top: calc(16 / 375 * var(--vw));
    width: 100%;
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(16 / 1440 * var(--vw));
  gap: calc(16 / 1440 * var(--vw)) calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list {
    margin-top: calc(16 / 375 * var(--vw));
    gap: calc(16 / 375 * var(--vw)) calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item {
  display: flex;
  align-items: center;
  width: calc(240 / 1440 * var(--vw));
  transition: opacity 0.2s ease;
  transition-delay: 0s;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item {
    width: calc(152 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item > .image {
  position: relative;
  display: block;
  width: calc(48 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item > .image {
    width: calc(40 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item > .image > .i {
  display: block;
  width: 100%;
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item > .name {
  margin-left: calc(16 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item > .name {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item:hover > .name {
    text-decoration: underline;
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list.__4column {
  gap: calc(16 / 1440 * var(--vw)) calc(64 / 1440 * var(--vw));
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list.__4column > .item > .name {
  white-space: nowrap;
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area.__open > .parts_list > .item {
  opacity: 1;
  transition: opacity 0.8s ease;
  transition-delay: 0.3s;
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(16 / 1440 * var(--vw));
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area::after {
    top: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow {
  position: absolute;
  top: calc(7 / 1440 * var(--vw));
  left: calc(18 / 1440 * var(--vw));
  display: block;
  width: calc(16 / 1440 * var(--vw));
  height: calc(10 / 1440 * var(--vw));
  background-color: #FFFFFF;
  overflow: hidden;
  z-index: 10;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow {
    top: calc(5 / 375 * var(--vw));
    left: calc(18 / 375 * var(--vw));
    width: calc(12 / 375 * var(--vw));
    height: calc(12 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow > span {
  position: absolute;
  display: block;
  border-left: 1px solid #3F404A;
  border-top: 1px solid #3F404A;
  transform: translate3d(-50%, 0, 0) rotate(45deg);
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow > span:nth-child(1) {
  width: calc(24 / 1440 * var(--vw));
  height: calc(24 / 1440 * var(--vw));
  bottom: calc(-20 / 1440 * var(--vw));
  left: 50%;
  background-color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow > span:nth-child(1) {
    width: calc(15 / 375 * var(--vw));
    height: calc(15 / 375 * var(--vw));
    bottom: calc(-12 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow > span:nth-child(2) {
  width: calc(4 / 1440 * var(--vw));
  height: calc(4 / 1440 * var(--vw));
  top: calc(3 / 1440 * var(--vw));
  left: 50%;
}
#product #app > .wrapper > .product_head_section > .section_inner > .link {
  position: relative;
  display: flex;
  width: max-content;
  margin-top: calc(40 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: 0;
  padding-right: calc(36 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .link {
    width: max-content;
    margin-top: calc(32 / 375 * var(--vw));
    margin-left: auto;
    margin-right: 0;
    padding-right: calc(36 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .link > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.6;
  color: #0068B7;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .link > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_head_section > .section_inner > .link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  background-image: url("../images/common/list_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .link::after {
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_head_section > .section_inner > .link:hover > .text {
    text-decoration: none;
  }
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_head_section {
    padding-top: 64px;
    padding-bottom: 20px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner {
    width: 1248px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .name {
    font-size: 40px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .product_type > .product_ac > .icon {
    width: 16px;
    margin-left: 24px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content {
    position: relative;
    width: 100%;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area {
    width: 1248px;
    padding-top: 16px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list {
    margin-top: 16px;
    gap: 16px 8px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item {
    width: 240px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item > .image {
    width: 48px;
    border-radius: 4px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list > .item > .name {
    margin-left: 16px;
    font-size: 18px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .parts_list.__4column {
    gap: 16px 64px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area::after {
    top: 16px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow {
    top: 7px;
    left: 18px;
    width: 16px;
    height: 10px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow > span:nth-child(1) {
    width: 24px;
    height: 24px;
    bottom: -20px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .ac_content > .ac_area > .arrow > span:nth-child(2) {
    width: 4px;
    height: 4px;
    top: 3px;
    left: 50%;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .link {
    margin-top: 40px;
    padding-right: 36px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .link > .text {
    font-size: 16px;
  }
  #product #app > .wrapper > .product_head_section > .section_inner > .link::after {
    width: 32px;
    height: 32px;
  }
}
#product #app > .wrapper > .model_section {
  position: relative;
  display: block;
  padding-top: calc(20 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section {
    padding-top: calc(16 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .type_title {
  position: relative;
  display: flex;
  align-items: center;
}
#product #app > .wrapper > .model_section > .section_inner > .type_title > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(22 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .type_title > .name {
    font-size: calc(22 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .type_title:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #3F404A;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .type_title:after {
    margin-left: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  flex-wrap: wrap;
  gap: calc(48 / 1440 * var(--vw)) calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list {
    margin-top: calc(40 / 375 * var(--vw));
    display: block;
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item {
  display: flex;
  flex-direction: column;
  width: calc(282 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item {
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .head {
  position: relative;
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .head > .image {
  position: relative;
  display: block;
  width: 100%;
  height: calc(182 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .head > .image {
    height: calc(216 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .head > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .head > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body {
  margin-top: calc(16 / 1440 * var(--vw));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_name {
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_name {
    font-size: calc(15 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .title {
  font-weight: 500;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .title {
    font-size: calc(13 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .name {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 400;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .name {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .product_price {
  display: block;
  margin-top: calc(16 / 1440 * var(--vw));
  padding-top: calc(16 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .product_price {
    margin-top: calc(16 / 375 * var(--vw));
    padding-top: calc(16 / 375 * var(--vw));
    font-size: calc(18 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .product_price > .tax {
  margin-left: calc(4 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(10 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .product_price > .tax {
    margin-left: calc(4 / 375 * var(--vw));
    font-size: calc(10 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item:nth-child(n+2) {
    margin-top: calc(48 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item:hover > .head > .image > .i {
    transform: scale(1.03);
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item:hover > .body > .detail > .product_name {
    text-decoration: underline;
  }
}
#product #app > .wrapper > .model_section > .section_inner > .button {
  margin-top: calc(120 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(400 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  background-color: #FFFFFF;
  border: 1px solid #3F404A;
  border-radius: calc(24 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .button {
    margin-top: calc(120 / 375 * var(--vw));
    width: calc(281 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1), opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1);
  }
}
#product #app > .wrapper > .model_section > .section_inner > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .model_section > .section_inner > .button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .model_section {
    padding-top: 20px;
    padding-bottom: 120px;
  }
  #product #app > .wrapper > .model_section > .section_inner {
    width: 1248px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .type_title > .name {
    font-size: 22px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .type_title:after {
    margin-left: 16px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list {
    margin-top: 40px;
    gap: 48px 40px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item {
    width: 282px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .head > .image {
    height: 182px;
    border-radius: 4px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body {
    margin-top: 16px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_name {
    font-size: 15px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .title {
    font-size: 13px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .name {
    margin-left: 8px;
    font-size: 13px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .product_price {
    margin-top: 16px;
    padding-top: 16px;
    font-size: 18px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .product_list > .item > .body > .product_price > .tax {
    margin-left: 4px;
    font-size: 10px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .button {
    margin-top: 120px;
    width: 400px;
    height: 48px;
    border-radius: 24px;
  }
  #product #app > .wrapper > .model_section > .section_inner > .button > .text {
    font-size: 16px;
  }
}
#product #app > .wrapper > .search_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner .search_results {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  align-items: center;
  padding-bottom: calc(24 / 1440 * var(--vw));
  border-bottom: 1px solid #3F404A;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner .search_results {
    margin-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner .search_results > .title {
  margin-top: calc(3 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner .search_results > .title {
    font-weight: 500;
    margin-top: 0;
    font-size: calc(14 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner .search_results > .name {
  margin-left: calc(8 / 1440 * var(--vw));
  font-size: calc(28 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner .search_results > .name {
    margin-left: 0;
    font-size: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  flex-wrap: wrap;
  gap: calc(48 / 1440 * var(--vw)) calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list {
    margin-top: calc(40 / 375 * var(--vw));
    display: block;
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item {
  display: flex;
  flex-direction: column;
  width: calc(282 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item {
    width: calc(327 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .head {
  position: relative;
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .head > .image {
  position: relative;
  display: block;
  width: 100%;
  height: calc(182 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .head > .image {
    height: calc(216 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .head > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body {
  margin-top: calc(16 / 1440 * var(--vw));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_name {
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_name {
    font-size: calc(15 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .title {
  font-weight: 500;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .title {
    font-size: calc(13 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .name {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 400;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .name {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .product_price {
  display: block;
  margin-top: calc(16 / 1440 * var(--vw));
  padding-top: calc(16 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .product_price {
    margin-top: calc(16 / 375 * var(--vw));
    padding-top: calc(16 / 375 * var(--vw));
    font-size: calc(18 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .product_price > .tax {
  margin-left: calc(4 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(10 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .product_price > .tax {
    margin-left: calc(4 / 375 * var(--vw));
    font-size: calc(10 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item:nth-child(n+2) {
    margin-top: calc(48 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .button {
  margin-top: calc(120 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(400 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  background-color: #FFFFFF;
  border: 1px solid #3F404A;
  border-radius: calc(24 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .button {
    margin-top: calc(120 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .search_section > .section_inner > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .search_section > .section_inner > .button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .search_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #product #app > .wrapper > .search_section > .section_inner {
    width: 1248px;
  }
  #product #app > .wrapper > .search_section > .section_inner .search_results {
    margin-top: 40px;
    padding-bottom: 24px;
  }
  #product #app > .wrapper > .search_section > .section_inner .search_results > .title {
    margin-top: 3px;
    font-size: 14px;
  }
  #product #app > .wrapper > .search_section > .section_inner .search_results > .name {
    margin-left: 8px;
    font-size: 28px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list {
    margin-top: 40px;
    gap: 48px 40px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item {
    width: 282px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .head > .image {
    height: 182px;
    border-radius: 4px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body {
    margin-top: 16px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_name {
    font-size: 15px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .title {
    font-size: 13px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .detail > .product_data > .name {
    margin-left: 8px;
    font-size: 13px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .product_price {
    margin-top: 16px;
    padding-top: 16px;
    font-size: 18px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .product_list > .item > .body > .product_price > .tax {
    margin-left: 4px;
    font-size: 10px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .button {
    margin-top: 120px;
    width: 400px;
    height: 48px;
    border-radius: 24px;
  }
  #product #app > .wrapper > .search_section > .section_inner > .button > .text {
    font-size: 16px;
  }
}
#product #app > .wrapper > .product_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner {
    width: calc(359 / 375 * var(--vw));
  }
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .head_label {
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content {
  position: relative;
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content {
    display: block;
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block {
  position: sticky;
  top: calc(114 / 1440 * var(--vw));
  left: 0;
  display: block;
  width: calc(400 / 1440 * var(--vw));
  height: max-content;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block {
    position: relative;
    top: 0;
    display: block;
    width: calc(359 / 375 * var(--vw));
    height: auto;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .product_swiper {
  width: calc(400 / 1440 * var(--vw)) !important;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .product_swiper {
    width: calc(359 / 375 * var(--vw)) !important;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .product_swiper > .product_swiperArea > .product_slide {
  display: block;
  position: relative;
  width: calc(400 / 1440 * var(--vw)) !important;
  height: calc(300 / 1440 * var(--vw)) !important;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .product_swiper > .product_swiperArea > .product_slide {
    width: calc(359 / 375 * var(--vw)) !important;
    height: calc(271 / 375 * var(--vw)) !important;
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .product_swiper > .product_swiperArea > .product_slide > .image > .i {
  display: block;
  width: 100%;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper {
  display: block;
  width: calc(400 / 1440 * var(--vw));
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper {
    width: calc(359 / 375 * var(--vw));
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper > .thumb_swiperArea {
  display: flex;
  gap: calc(8 / 1440 * var(--vw));
  transform: translate3d(0px, 0px, 0px) !important;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper > .thumb_swiperArea {
    gap: calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper > .thumb_swiperArea > .thumb_slide {
  display: block;
  position: relative;
  width: calc(68 / 1440 * var(--vw)) !important;
  height: calc(55 / 1440 * var(--vw)) !important;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper > .thumb_swiperArea > .thumb_slide {
    width: calc(68 / 375 * var(--vw)) !important;
    height: calc(55 / 375 * var(--vw)) !important;
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper > .thumb_swiperArea > .thumb_slide > .image {
  display: block;
  width: 100%;
  height: 100%;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper > .thumb_swiperArea > .thumb_slide > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block {
  position: relative;
  display: block;
  width: calc(784 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block {
    width: calc(359 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head {
    margin-top: calc(40 / 375 * var(--vw));
    display: block;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area_sp {
  display: block;
  margin-top: calc(8 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  width: calc(327 / 375 * var(--vw));
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area_sp {
    display: none;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area_sp > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(32 / 375 * var(--vw));
  line-height: 1.2;
  letter-spacing: 0.02em;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area_sp > .product_number {
  margin-top: calc(8 / 375 * var(--vw));
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area_sp > .product_number > .title {
  margin-right: calc(8 / 375 * var(--vw));
  font-weight: 500;
  font-size: calc(15 / 375 * var(--vw));
  line-height: 1.5;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area_sp > .product_number > .no {
  font-weight: 400;
  font-size: calc(15 / 375 * var(--vw));
  line-height: 1.5;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area {
  display: block;
  width: calc(240 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area {
    margin-top: calc(24 / 375 * var(--vw));
    width: calc(359 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner {
  position: relative;
  display: block;
  padding: calc(24 / 1440 * var(--vw));
  background-color: #F2F0EA;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner {
    padding: calc(24 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .product_price {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1;
  padding-bottom: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .product_price {
    font-size: calc(24 / 375 * var(--vw));
    line-height: 1;
    padding-bottom: calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .product_price > .tax {
  margin-left: calc(4 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(10 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .product_price > .tax {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(12 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data > .head {
  margin-right: calc(8 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data > .head {
    margin-right: calc(8 / 375 * var(--vw));
    font-weight: 500;
    font-size: calc(15 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data > .body {
  font-weight: 400;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data > .body {
    font-size: calc(15 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button {
  position: relative;
  display: block;
  width: 100%;
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button > .select {
  position: relative;
  width: 100%;
  appearance: none;
  /* デフォルトの矢印を非表示に */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: calc(2 / 1440 * var(--vw)) calc(8 / 1440 * var(--vw)) calc(2 / 1440 * var(--vw)) calc(16 / 1440 * var(--vw));
  border: 1px solid #ccc;
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #3F404A;
  color: #FFFFFF;
  font-weight: 500;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button > .select {
    padding: calc(2 / 375 * var(--vw)) calc(24 / 375 * var(--vw)) calc(2 / 375 * var(--vw)) calc(16 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(8 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  width: calc(16 / 1440 * var(--vw));
  height: calc(16 / 1440 * var(--vw));
  background-image: url("../images/common/select_arrow_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button::after {
    right: calc(6.5 / 375 * var(--vw));
    width: calc(16 / 375 * var(--vw));
    height: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart {
  margin-top: calc(8 / 1440 * var(--vw));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(200 / 1440 * var(--vw));
  height: calc(40 / 1440 * var(--vw));
  background-color: #0068B7;
  border-radius: calc(20 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart {
    margin-top: calc(8 / 375 * var(--vw));
    width: calc(311 / 375 * var(--vw));
    height: calc(40 / 375 * var(--vw));
    border-radius: calc(20 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart.__sold {
  background-color: #ADADC3;
  border: 1px solid #ADADC3;
  pointer-events: none;
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart:hover {
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart:hover > .text {
    color: #3F404A;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .sold {
  display: block;
  margin-top: calc(8 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .sold {
    margin-top: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .note {
  display: block;
  margin-top: calc(24 / 1440 * var(--vw));
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
  color: #FF4D00;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .note {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .about_link {
  display: block;
  width: max-content;
  margin-top: calc(24 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .about_link {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .about_link > .text {
  font-size: calc(14 / 1440 * var(--vw));
  letter-spacing: 1.8;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .about_link > .text {
    font-size: calc(14 / 375 * var(--vw));
    letter-spacing: 1.8;
  }
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .about_link:hover > .text {
    text-decoration: none;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area {
  display: block;
  margin-top: calc(8 / 1440 * var(--vw));
  width: calc(480 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area {
    margin-top: calc(24 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(32 / 1440 * var(--vw));
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .name {
    display: none;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .product_number {
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .product_number {
    display: none;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .product_number > .title {
  margin-right: calc(8 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .product_number > .no {
  font-weight: 400;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .text {
  margin-top: calc(32 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .text {
    margin-top: 0;
    font-size: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .text > a {
  color: #0068B7;
  text-decoration: underline;
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .text > a:hover {
    text-decoration: none;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body {
  position: relative;
  display: block;
  margin-top: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area {
  position: relative;
  display: block;
  margin-top: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content {
  padding-top: calc(21 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content {
    padding-top: calc(24 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .text {
  margin-top: calc(8 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .text {
    margin-top: calc(8 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .text:first-child {
  margin-top: 0;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .text > a {
  color: #0068B7;
  text-decoration: underline;
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .text > a:hover {
    text-decoration: none;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item {
  display: flex;
  align-items: center;
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .title {
  position: relative;
  padding-right: calc(15 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
  min-width: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .title {
    padding-right: calc(15 / 375 * var(--vw));
    font-size: calc(15 / 375 * var(--vw));
    min-width: calc(64 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .title::before {
  content: "：";
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .title::before {
    font-size: calc(15 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .text {
  margin-left: calc(8 / 1440 * var(--vw));
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .text {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(15 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .text > a {
  color: #0068B7;
  text-decoration: underline;
}
@media only screen and (min-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .text > a:hover {
    text-decoration: none;
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item:nth-child(n+2) {
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item:nth-child(n+2) {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_section {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #product #app > .wrapper > .product_section > .section_inner {
    width: 1248px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content {
    margin-top: 40px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block {
    top: 114px;
    width: 400px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .product_swiper {
    width: 400px !important;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .product_swiper > .product_swiperArea > .product_slide {
    width: 400px !important;
    height: 300px !important;
    border-radius: 4px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper {
    width: 400px;
    margin-top: 24px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper > .thumb_swiperArea {
    gap: 8px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .image_block > .thumb_swiper > .thumb_swiperArea > .thumb_slide {
    width: 68px !important;
    height: 55px !important;
    border-radius: 4px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block {
    width: 784px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area {
    width: 240px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner {
    padding: 24px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .product_price {
    font-size: 18px;
    padding-bottom: 8px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .product_price > .tax {
    margin-left: 4px;
    font-size: 10px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data {
    margin-top: 16px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data > .head {
    margin-right: 8px;
    font-size: 15px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .cart_data > .body {
    font-size: 15px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button {
    margin-top: 8px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button > .select {
    padding: 2px 8px 2px 16px;
    border-radius: 4px;
    font-size: 14px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .quantity_button::after {
    right: 8px;
    width: 16px;
    height: 16px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart {
    margin-top: 8px;
    width: 200px;
    height: 40px;
    border-radius: 20px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .add_cart > .text {
    font-size: 16px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .sold {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.6;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .inner > .note {
    margin-top: 24px;
    font-size: 13px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .about_link {
    margin-top: 24px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .cart_area > .about_link > .text {
    font-size: 14px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area {
    margin-top: 8px;
    width: 480px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .name {
    font-size: 32px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .product_number {
    margin-top: 8px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .product_number > .title {
    margin-right: 8px;
    font-size: 15px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .product_number > .no {
    font-size: 15px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .head > .text_area > .text {
    margin-top: 32px;
    font-size: 16px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body {
    margin-top: 64px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area {
    margin-top: 64px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content {
    padding-top: 21px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .text {
    margin-top: 8px;
    font-size: 16px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .title {
    padding-right: 15px;
    font-size: 15px;
    min-width: 64px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .title::before {
    font-size: 15px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item > .text {
    margin-left: 8px;
    font-size: 15px;
  }
  #product #app > .wrapper > .product_section > .section_inner > .product_content > .detail_block > .body > .detail_area > .content > .list > .item:nth-child(n+2) {
    margin-top: 8px;
  }
}
#product #app > .wrapper > .product_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
#product #app > .wrapper > .product_modal > .content {
  display: flex;
  justify-content: center;
  margin-top: calc(96 / 1440 * var(--vw));
  width: calc(1408 / 1440 * var(--vw));
  height: calc(100vh - 112 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #343438;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow-y: scroll;
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content {
    margin-top: 96px;
    width: 1408px;
    height: calc(100vh - 112px);
    border-radius: 4px;
  }
}
#product #app > .wrapper > .product_modal > .content > .inner {
  display: block;
  width: calc(820 / 1440 * var(--vw));
  height: max-content;
  padding-top: calc(60 / 846 * var(--vh));
  padding-bottom: calc(90 / 846 * var(--vh));
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content > .inner {
    width: 820px;
    padding-top: calc(90 / 846 * var(--vh));
    padding-bottom: calc(90 / 846 * var(--vh));
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper {
  position: relative;
  display: block;
  width: calc(720 / 1440 * var(--vw));
  margin: 0 auto;
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper {
    width: 720px;
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .modal_swiperArea > .modal_slide {
  width: calc(720 / 1440 * var(--vw)) !important;
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .modal_swiperArea > .modal_slide {
    width: 720px !important;
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .modal_swiperArea > .modal_slide > .image {
  display: block;
  width: 100%;
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .modal_swiperArea > .modal_slide > .image {
    border-radius: 4px;
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .modal_swiperArea > .modal_slide > .image > .i {
  display: block;
  width: 100%;
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-prev {
  display: block;
  position: absolute;
  left: calc(-42 / 1440 * var(--vw));
  width: calc(34 / 1440 * var(--vw));
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-prev {
    left: -42px;
    width: 34px;
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-prev > .icon {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-prev > .icon {
    width: calc(20 / 375 * var(--vw));
    height: calc(30 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-prev > .icon > use {
  color: #FFFFFF;
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-prev::after {
  content: none;
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-next {
  display: block;
  position: absolute;
  right: calc(-42 / 1440 * var(--vw));
  width: calc(34 / 1440 * var(--vw));
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-next {
    right: -42px;
    width: 34px;
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-next > .icon {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-next > .icon {
    width: calc(20 / 375 * var(--vw));
    height: calc(30 / 375 * var(--vw));
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-next > .icon > use {
  color: #FFFFFF;
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_swiper > .swiper-button-next::after {
  content: none;
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_close_button {
  margin-top: calc(32 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 1440 * var(--vw));
  height: calc(40 / 1440 * var(--vw));
  border: 1px solid #FFFFFF;
  border-radius: calc(40 / 1440 * var(--vw));
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_close_button {
    margin-top: 32px;
    width: 160px;
    height: 40px;
    border-radius: 40px;
  }
}
#product #app > .wrapper > .product_modal > .content > .inner > .modal_close_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (min-width: 1440px) {
  #product #app > .wrapper > .product_modal > .content > .inner > .modal_close_button > .text {
    font-size: 16px;
  }
}
#product #app > .wrapper > .product_modal.__visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

#cart #app > .wrapper > .cart_list_seciton {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner {
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner {
    display: block;
    width: calc(359 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block {
  position: relative;
  display: block;
  width: calc(944 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block {
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list {
  display: block;
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item {
  padding-top: calc(40 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item {
    align-items: flex-start;
    padding-top: calc(40 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head {
  display: block;
  width: calc(149 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head {
    width: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head > .link {
  display: block;
  width: 100%;
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head > .link > .image {
  position: relative;
  display: block;
  width: calc(149 / 1440 * var(--vw));
  height: calc(112 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head > .link > .image {
    width: calc(64 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head > .link > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head > .link > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head > .link:hover > .image > .i {
    transform: scale(1.03);
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body {
  display: flex;
  justify-content: space-between;
  margin-left: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body {
    margin-left: calc(16 / 375 * var(--vw));
    width: calc(247 / 375 * var(--vw));
    display: block;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area {
  display: block;
  width: calc(576 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area {
    width: 100%;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .link {
  display: inline-block;
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .link > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .link > .name {
    font-size: calc(20 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .link:hover > .name {
  text-decoration: underline;
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data {
  display: block;
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data {
    margin-top: calc(4 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .title {
  position: relative;
  padding-right: calc(15 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
  min-width: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .title {
    padding-right: calc(13 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
    min-width: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .title::before {
  content: "：";
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .title::before {
    font-size: calc(13 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .text {
  margin-left: calc(4 / 1440 * var(--vw));
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .text {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area {
  margin-left: calc(16 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area {
    margin-left: 0;
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .product_price {
  display: block;
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .product_price {
    text-align: left;
    font-size: calc(20 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .product_price > .tax {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(12 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .product_price > .tax {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(10 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart {
  margin-top: calc(35 / 1440 * var(--vw));
  display: flex;
  align-items: center;
  width: calc(163 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart {
    flex-direction: row-reverse;
    width: 100%;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart .delete_button {
  display: block;
  width: calc(32 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart .delete_button {
    width: calc(32 / 375 * var(--vw));
    margin-left: calc(8 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart .delete_button > .icon {
  display: block;
  width: 100%;
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart .delete_button > .icon > i {
  display: block;
  width: 100%;
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button {
  position: relative;
  display: block;
  width: calc(123 / 1440 * var(--vw));
  margin-left: calc(8 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button {
    width: calc(207 / 375 * var(--vw));
    margin-top: 0;
    margin-left: 0;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button > .select {
  position: relative;
  width: 100%;
  appearance: none;
  /* デフォルトの矢印を非表示に */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: calc(2 / 1440 * var(--vw)) calc(8 / 1440 * var(--vw)) calc(2 / 1440 * var(--vw)) calc(16 / 1440 * var(--vw));
  border: 1px solid #ccc;
  border-radius: calc(4 / 1440 * var(--vw));
  background-color: #3F404A;
  color: #FFFFFF;
  font-weight: 500;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button > .select {
    padding: calc(2 / 375 * var(--vw)) calc(24 / 375 * var(--vw)) calc(2 / 375 * var(--vw)) calc(16 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(8 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  width: calc(16 / 1440 * var(--vw));
  height: calc(16 / 1440 * var(--vw));
  background-image: url("../images/common/select_arrow_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button::after {
    right: calc(6.5 / 375 * var(--vw));
    width: calc(16 / 375 * var(--vw));
    height: calc(16 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item:nth-child(n+2) {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block {
  display: block;
  width: calc(240 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block {
    margin-top: calc(64 / 375 * var(--vw));
    width: calc(359 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner {
  position: relative;
  display: block;
  padding: calc(24 / 1440 * var(--vw));
  background-color: #F2F0EA;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner {
    padding: calc(32 / 375 * var(--vw)) calc(24 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity {
  display: block;
  margin-top: calc(8 / 1440 * var(--vw));
  padding-bottom: calc(8 / 1440 * var(--vw));
  border-bottom: 1px solid #3F404A;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity {
    margin-top: 0;
    padding-bottom: calc(8 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .title {
  position: relative;
  padding-right: calc(14 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .title {
    padding-right: calc(14 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
    min-width: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .title::before {
  content: "：";
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .title::before {
    font-size: calc(15 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .quantity {
  margin-left: calc(4 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .quantity {
    font-weight: 600;
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(15 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list {
  display: block;
  margin-top: calc(32 / 1440 * var(--vw));
  padding-bottom: calc(16 / 1440 * var(--vw));
  border-bottom: 1px solid #3F404A;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list {
    margin-top: calc(32 / 375 * var(--vw));
    padding-bottom: calc(16 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list > .item {
  display: flex;
  justify-content: space-between;
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list > .item > .checkout_label {
  font-weight: 500;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list > .item > .checkout_label {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list > .item > .checkout_price {
  font-weight: 400;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list > .item > .checkout_price {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .total_price {
  margin-top: calc(16 / 1440 * var(--vw));
  display: block;
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .total_price {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(24 / 375 * var(--vw));
    line-height: 1;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .total_price > .tax {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(12 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .total_price > .tax {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(12 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button {
  margin-top: calc(32 / 1440 * var(--vw));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(200 / 1440 * var(--vw));
  height: calc(40 / 1440 * var(--vw));
  background-color: #0068B7;
  border-radius: calc(20 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button {
    margin-top: calc(32 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
    width: calc(287 / 375 * var(--vw));
    height: calc(40 / 375 * var(--vw));
    border-radius: calc(20 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button:hover {
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button:hover > .text {
    color: #3F404A;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button {
  margin-top: calc(24 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(200 / 1440 * var(--vw));
  height: calc(40 / 1440 * var(--vw));
  background-color: #FFFFFF;
  border: 1px solid #3F404A;
  border-radius: calc(20 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button {
    margin-top: calc(24 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
    width: calc(287 / 375 * var(--vw));
    height: calc(40 / 375 * var(--vw));
    border-radius: calc(20 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button {
    transition: background-color 0.3s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #3F404A;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button:hover {
    background-color: #FFCC57;
    border: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button:hover > .text {
    color: #3F404A;
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .about_link {
  display: block;
  width: max-content;
  margin-top: calc(24 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .about_link {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .about_link > .text {
  font-size: calc(14 / 1440 * var(--vw));
  letter-spacing: 1.8;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .about_link > .text {
    font-size: calc(14 / 375 * var(--vw));
    letter-spacing: 1.8;
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .about_link:hover > .text {
    text-decoration: none;
  }
}
@media only screen and (min-width: 1440px) {
  #cart #app > .wrapper > .cart_list_seciton {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner {
    width: 1248px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block {
    width: 944px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item {
    padding-top: 40px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head {
    width: 149px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .head > .link > .image {
    width: 149px;
    height: 112px;
    border-radius: 4px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body {
    margin-left: 40px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area {
    width: 576px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .link > .name {
    font-size: 24px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data {
    margin-top: 8px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .title {
    padding-right: 15px;
    font-size: 15px;
    min-width: 64px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .title::before {
    font-size: 15px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .product_area > .detail_data > .text {
    margin-left: 4px;
    font-size: 15px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area {
    margin-left: 16px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .product_price {
    font-size: 24px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .product_price > .tax {
    margin-left: 8px;
    font-size: 12px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart {
    margin-top: 35px;
    width: 163px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart .delete_button {
    width: 32px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button {
    width: 123px;
    margin-left: 8px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button > .select {
    padding: 2px 8px 2px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item > .body > .detail_area > .cart > .quantity_button::after {
    right: 8px;
    width: 16px;
    height: 16px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .list_block > .cart_list > .item:nth-child(n+2) {
    margin-top: 40px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block {
    width: 240px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner {
    padding: 24px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity {
    margin-top: 8px;
    padding-bottom: 8px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .title {
    padding-right: 14px;
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .title::before {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_quantity > .quantity {
    margin-left: 4px;
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list {
    margin-top: 32px;
    padding-bottom: 16px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list > .item > .checkout_label {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_list > .item > .checkout_price {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .total_price {
    margin-top: 16px;
    font-size: 24px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .total_price > .tax {
    margin-left: 8px;
    font-size: 12px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button {
    margin-top: 32px;
    width: 200px;
    height: 40px;
    border-radius: 20px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .inner > .checkout_button > .text {
    font-size: 16px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button {
    margin-top: 24px;
    width: 200px;
    height: 40px;
    border-radius: 20px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .back_button > .text {
    font-size: 16px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .about_link {
    margin-top: 24px;
  }
  #cart #app > .wrapper > .cart_list_seciton > .section_inner > .checkout_block > .about_link > .text {
    font-size: 14px;
  }
}
#cart #app > .wrapper > .cart_form_seciton {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner {
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner {
    display: block;
    width: calc(359 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block {
  display: block;
  width: calc(320 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block {
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .note {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .note {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .about_link {
  display: block;
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .about_link {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .about_link > .text {
  font-size: calc(14 / 1440 * var(--vw));
  letter-spacing: 1.8;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .about_link > .text {
    font-size: calc(14 / 375 * var(--vw));
    letter-spacing: 1.8;
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block {
  display: block;
  width: calc(808 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block {
    margin-top: calc(64 / 375 * var(--vw));
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_costomer {
  display: block;
  width: 100%;
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery {
  display: block;
  width: 100%;
  margin-top: calc(80 / 1440 * var(--vw));
  padding-top: calc(32 / 1440 * var(--vw));
  padding-bottom: calc(32 / 1440 * var(--vw));
  background-color: #F2F0EA;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery {
    margin-top: calc(64 / 375 * var(--vw));
    padding-top: calc(32 / 375 * var(--vw));
    padding-bottom: calc(32 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check {
  width: calc(744 / 1440 * var(--vw));
  margin-top: calc(24 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  display: block;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check {
    width: calc(327 / 375 * var(--vw));
    margin-top: calc(8 / 1440 * var(--vw));
    align-items: flex-start;
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check > .checkbox {
  display: inline-block;
  width: calc(24 / 1440 * var(--vw));
  height: calc(24 / 1440 * var(--vw));
  border: 1px solid #CDCCCC;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check > .checkbox {
    margin-top: calc(4 / 1440 * var(--vw));
    width: calc(24 / 375 * var(--vw));
    height: calc(24 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check > .text {
  margin-left: calc(8 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check > .text {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_data {
  display: block;
  width: 100%;
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_data {
    margin-top: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_pay {
  display: block;
  width: 100%;
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_pay {
    margin-top: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area {
  display: block;
  width: calc(744 / 1440 * var(--vw));
  margin-top: calc(80 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area {
    width: calc(327 / 375 * var(--vw));
    margin-top: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area > .note {
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area > .note {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area > .note.__accent {
  color: #FF4D00;
}
#cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area > .note:nth-child(n+2) {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area > .note:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #cart #app > .wrapper > .cart_form_seciton {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner {
    width: 1248px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block {
    width: 320px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .note {
    margin-top: 40px;
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .about_link {
    margin-top: 40px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .progress_block > .about_link > .text {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block {
    width: 808px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery {
    margin-top: 80px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check {
    width: 744px;
    margin-top: 24px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check > .checkbox {
    width: 24px;
    height: 24px;
    border-radius: 4px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_delivery > .delivery_check > .text {
    margin-left: 8px;
    font-size: 16px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_data {
    margin-top: 80px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .form_pay {
    margin-top: 80px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area {
    width: 744px;
    margin-top: 80px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area > .note {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_form_seciton > .section_inner > .form_block > .note_area > .note:nth-child(n+2) {
    margin-top: 16px;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner {
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner {
    display: block;
    width: calc(359 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block {
  display: block;
  width: calc(320 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block {
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .note {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .note {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .about_link {
  display: block;
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .about_link {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .about_link > .text {
  font-size: calc(14 / 1440 * var(--vw));
  letter-spacing: 1.8;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .about_link > .text {
    font-size: calc(14 / 375 * var(--vw));
    letter-spacing: 1.8;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block {
  display: block;
  width: calc(808 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block {
    margin-top: calc(64 / 375 * var(--vw));
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list {
  display: block;
  width: calc(744 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list {
    width: calc(327 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item {
  padding-top: calc(40 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item {
    align-items: flex-start;
    padding-top: calc(40 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head {
  display: block;
  width: calc(149 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head {
    width: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head > .link {
  display: block;
  width: 100%;
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head > .link > .image {
  position: relative;
  display: block;
  width: calc(149 / 1440 * var(--vw));
  height: calc(112 / 1440 * var(--vw));
  border-radius: calc(4 / 1440 * var(--vw));
  overflow: hidden;
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head > .link > .image {
    width: calc(64 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head > .link > .image > .i {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head > .link > .image > .i {
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head > .link:hover > .image > .i {
    transform: scale(1.03);
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body {
  display: flex;
  justify-content: space-between;
  margin-left: calc(40 / 1440 * var(--vw));
  width: calc(555 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body {
    margin-left: calc(16 / 375 * var(--vw));
    width: calc(247 / 375 * var(--vw));
    display: block;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area {
  display: block;
  width: calc(360 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area {
    width: 100%;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .link {
  display: inline-block;
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .link > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1.2;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .link > .name {
    font-size: calc(20 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .link:hover > .name {
  text-decoration: underline;
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data {
  display: block;
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data {
    margin-top: calc(4 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .title {
  position: relative;
  padding-right: calc(15 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
  min-width: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .title {
    padding-right: calc(13 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
    min-width: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .title::before {
  content: "：";
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .title::before {
    font-size: calc(13 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .text {
  margin-left: calc(4 / 1440 * var(--vw));
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .text {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area {
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area {
    margin-top: calc(16 / 375 * var(--vw));
    display: flex;
    justify-content: space-between;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .product_price {
  display: block;
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .product_price {
    text-align: left;
    font-size: calc(20 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .product_price > .tax {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(12 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .product_price > .tax {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(10 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .quantity {
  margin-top: calc(42 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  text-align: right;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .quantity {
    margin-top: 0;
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.8;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item:nth-child(n+2) {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item:last-child {
  padding-bottom: calc(40 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list {
  display: block;
  margin-top: calc(24 / 1440 * var(--vw));
  width: calc(744 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(16 / 1440 * var(--vw));
  border-bottom: 1px solid #3F404A;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list {
    margin-top: calc(24 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(16 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list > .item {
  display: flex;
  justify-content: space-between;
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list > .item > .checkout_label {
  font-weight: 500;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list > .item > .checkout_label {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list > .item > .checkout_price {
  font-weight: 400;
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list > .item > .checkout_price {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .total_price {
  margin-top: calc(16 / 1440 * var(--vw));
  width: calc(744 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .total_price {
    margin-top: calc(16 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    font-size: calc(24 / 375 * var(--vw));
    line-height: 1;
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .total_price > .tax {
  margin-left: calc(8 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(12 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .total_price > .tax {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(12 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_costomer {
  margin-top: calc(80 / 1440 * var(--vw));
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_costomer {
    margin-top: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_delivery {
  display: block;
  width: 100%;
  margin-top: calc(80 / 1440 * var(--vw));
  padding-top: calc(32 / 1440 * var(--vw));
  padding-bottom: calc(32 / 1440 * var(--vw));
  background-color: #F2F0EA;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_delivery {
    margin-top: calc(64 / 375 * var(--vw));
    padding-top: calc(32 / 375 * var(--vw));
    padding-bottom: calc(32 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_data {
  margin-top: calc(80 / 1440 * var(--vw));
  display: block;
  width: 100%;
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_pay {
  display: block;
  width: 100%;
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_pay {
    margin-top: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area {
  display: block;
  width: calc(744 / 1440 * var(--vw));
  margin-top: calc(80 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area {
    width: calc(327 / 375 * var(--vw));
    margin-top: calc(64 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area > .note {
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area > .note {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area > .note.__accent {
  color: #FF4D00;
}
#cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area > .note:nth-child(n+2) {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area > .note:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #cart #app > .wrapper > .cart_confirm_seciton {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner {
    width: 1248px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block {
    width: 320px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .note {
    margin-top: 40px;
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .about_link {
    margin-top: 40px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .progress_block > .about_link > .text {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block {
    width: 808px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list {
    width: 744px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item {
    padding-top: 40px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head {
    width: 149px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .head > .link > .image {
    width: 149px;
    height: 112px;
    border-radius: 4px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body {
    margin-left: 40px;
    width: 555px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area {
    width: 360px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .link > .name {
    font-size: 24px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data {
    margin-top: 8px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .title {
    padding-right: 15px;
    font-size: 15px;
    min-width: 64px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .title::before {
    font-size: 15px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .product_area > .detail_data > .text {
    margin-left: 4px;
    font-size: 15px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .product_price {
    font-size: 24px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .product_price > .tax {
    margin-left: 8px;
    font-size: 12px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item > .body > .detail_area > .quantity {
    margin-top: 42px;
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item:nth-child(n+2) {
    margin-top: 40px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .cart_list > .item:last-child {
    padding-bottom: 40px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list {
    margin-top: 24px;
    width: 744px;
    padding-bottom: 16px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list > .item > .checkout_label {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .checkout_list > .item > .checkout_price {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .total_price {
    margin-top: 16px;
    width: 744px;
    font-size: 24px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .total_price > .tax {
    margin-left: 8px;
    font-size: 12px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_costomer {
    margin-top: 80px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_delivery {
    margin-top: 80px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_data {
    margin-top: 80px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .confirm_pay {
    margin-top: 80px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area {
    width: 744px;
    margin-top: 80px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area > .note {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_confirm_seciton > .section_inner > .confirm_block > .note_area > .note:nth-child(n+2) {
    margin-top: 16px;
  }
}
#cart #app > .wrapper > .cart_thanks_seciton {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner {
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner {
    display: block;
    width: calc(359 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block {
  display: block;
  width: calc(320 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block {
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .note {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .note {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link {
  display: block;
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link > .text {
  font-size: calc(14 / 1440 * var(--vw));
  letter-spacing: 1.8;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link > .text {
    font-size: calc(14 / 375 * var(--vw));
    letter-spacing: 1.8;
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block {
  display: block;
  width: calc(808 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .lead {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .lead {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .text {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .text {
    margin-top: calc(40 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.8;
    text-align: left;
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(280 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  margin-top: calc(40 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) {
  #cart #app > .wrapper > .cart_thanks_seciton {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner {
    width: 1248px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block {
    width: 320px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .note {
    margin-top: 40px;
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link {
    margin-top: 40px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link > .text {
    font-size: 14px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block {
    width: 808px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .lead {
    font-size: 20px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .text {
    margin-top: 40px;
    font-size: 16px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button {
    width: 280px;
    height: 48px;
    margin-top: 40px;
    border-radius: 24px;
  }
  #cart #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button > .text {
    font-size: 16px;
  }
}

#contact #app > .wrapper > .contact_form_seciton {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: 0;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner {
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner {
    display: block;
    width: calc(359 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block {
  display: block;
  width: calc(320 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block {
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .lead {
  font-weight: 500;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .lead {
    font-size: calc(16 / 375 * var(--vw));
    width: calc(311 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(320 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  border-radius: calc(24 / 1440 * var(--vw));
  margin-top: calc(32 / 1440 * var(--vw));
  background-color: #0068B7;
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button {
    border-radius: calc(24 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    margin-top: calc(32 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button:hover {
    background-color: #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button:hover > .text {
    color: #3F404A;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .text {
  margin-top: calc(32 / 1440 * var(--vw));
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .text {
    margin-top: calc(32 / 375 * var(--vw));
    font-size: calc(13 / 375 * var(--vw));
    width: calc(311 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .text:first-child {
  margin-top: 0;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title {
  display: block;
  width: calc(320 / 1440 * var(--vw));
  margin-top: calc(64 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title {
    display: none;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title > .label {
  position: relative;
  display: flex;
  align-items: center;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title > .label > .name {
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.6;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title > .label > .name {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.8;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title > .label:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #0068B7;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title > .label:after {
    margin-left: calc(16 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact {
  display: block;
  width: 100%;
  margin-top: calc(24 / 1440 * var(--vw));
  padding: calc(32 / 1440 * var(--vw)) calc(28 / 1440 * var(--vw));
  background-color: #F2F0EA;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact {
    display: none;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .title {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: calc(15 / 1440 * var(--vw));
  line-height: 1.5;
  text-align: center;
  padding-bottom: calc(16 / 1440 * var(--vw));
  border-bottom: 1px solid #3F404A;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel {
  margin-top: calc(24 / 1440 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .item {
  display: flex;
  align-items: center;
  justify-content: center;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .item > .icon {
  display: block;
  width: calc(32 / 1440 * var(--vw));
  margin-right: calc(8 / 1440 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .item > .icon > .i {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .item > .no {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .item:nth-child(n+2) {
  margin-top: calc(8 / 1440 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .typeone {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: calc(171.69 / 1440 * var(--vw));
  padding-bottom: calc(8 / 1440 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .typeone > .i {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .reception {
  margin-top: calc(16 / 1440 * var(--vw));
  font-weight: 500;
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .form_block {
  display: block;
  width: calc(808 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .form_block {
    margin-top: calc(40 / 375 * var(--vw));
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .form_block > .form_inquiry {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .form_block > .form_inquiry > .form_list {
  margin-top: 0;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block {
  margin-top: calc(80 / 375 * var(--vw));
  display: block;
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block {
    display: none;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_title {
  display: block;
  width: calc(320 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_title > .label {
  position: relative;
  display: flex;
  align-items: center;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_title > .label > .name {
  font-weight: 600;
  font-size: calc(16 / 375 * var(--vw));
  line-height: 1.6;
  color: #0068B7;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_title > .label:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #0068B7;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(16 / 375 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact {
  display: block;
  width: 100%;
  margin-top: calc(24 / 375 * var(--vw));
  padding: calc(32 / 375 * var(--vw)) calc(32 / 375 * var(--vw));
  background-color: #F2F0EA;
  border-radius: calc(4 / 375 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .title {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: calc(15 / 375 * var(--vw));
  line-height: 1.5;
  text-align: center;
  padding-bottom: calc(16 / 375 * var(--vw));
  border-bottom: 1px solid #3F404A;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .tel {
  margin-top: calc(24 / 375 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .tel > .item {
  display: flex;
  align-items: center;
  justify-content: center;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .tel > .item > .icon {
  display: block;
  width: calc(32 / 375 * var(--vw));
  margin-right: calc(8 / 375 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .tel > .item > .icon > .i {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .tel > .item > .no {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(24 / 375 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .tel > .item:nth-child(n+2) {
  margin-top: calc(8 / 1440 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .tel > .typeone {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: calc(171.69 / 375 * var(--vw));
  padding-bottom: calc(8 / 375 * var(--vw));
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .tel > .typeone > .i {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .tel_block > .tel_contact > .inner > .reception {
  margin-top: calc(16 / 375 * var(--vw));
  font-weight: 500;
  font-size: calc(13 / 375 * var(--vw));
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block {
  display: block;
  width: calc(808 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .lead {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .lead {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .text {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .text {
    margin-top: calc(40 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.8;
    text-align: left;
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(280 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  margin-top: calc(40 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .contact_form_seciton.__lang_en {
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #contact #app > .wrapper > .contact_form_seciton {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner {
    width: 1248px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block {
    width: 320px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .lead {
    font-size: 16px;
    line-height: 1.8;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button {
    width: 320px;
    height: 48px;
    border-radius: 24px;
    margin-top: 32px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .button > .text {
    font-size: 16px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .text {
    margin-top: 32px;
    font-size: 13px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title {
    width: 320px;
    margin-top: 64px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title > .label > .name {
    font-size: 16px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_title > .label:after {
    margin-left: 16px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact {
    margin-top: 24px;
    padding: 32px 28px;
    border-radius: 4px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .title {
    font-size: 15px;
    padding-bottom: 16px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel {
    margin-top: 24px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .item > .icon {
    width: 32px;
    margin-right: 8px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .item > .no {
    font-size: 24px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .item:nth-child(n+2) {
    margin-top: 8px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .tel > .typeone {
    width: 171.69px;
    padding-bottom: 8px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .other_block > .tel_contact > .inner > .reception {
    margin-top: 16px;
    font-size: 13px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .form_block {
    width: 808px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block {
    width: 808px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .lead {
    font-size: 20px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .text {
    margin-top: 40px;
    font-size: 16px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button {
    width: 280px;
    height: 48px;
    margin-top: 40px;
    border-radius: 24px;
  }
  #contact #app > .wrapper > .contact_form_seciton > .section_inner > .thanks_block > .back_button > .text {
    font-size: 16px;
  }
}
#contact #app > .wrapper > .dealer_section {
  position: relative;
  display: block;
  padding-top: calc(60 / 1440 * var(--vw));
  padding-bottom: calc(60 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(60 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .contact_lead {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.6;
  margin-bottom: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .contact_lead {
    font-size: calc(16 / 375 * var(--vw));
    margin-bottom: calc(80 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list {
  display: block;
  margin-top: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item {
  display: flex;
  align-items: center;
  padding-bottom: calc(24 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item {
    padding-bottom: calc(16 / 375 * var(--vw));
    flex-wrap: wrap;
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .name {
  flex-shrink: 0;
  display: block;
  width: calc(264 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .name {
    width: calc(215 / 375 * var(--vw));
    font-size: calc(18 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list {
  margin-left: calc(40 / 1440 * var(--vw));
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  width: calc(152 / 1440 * var(--vw));
  letter-spacing: 0.02em;
  gap: calc(8 / 1440 * var(--vw)) calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list {
    justify-content: flex-end;
    margin-left: calc(8 / 375 * var(--vw));
    width: calc(104 / 375 * var(--vw));
    gap: calc(4 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon {
  display: block;
  width: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon {
    width: calc(32 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon > .i {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail {
  flex-shrink: 0;
  margin-left: calc(40 / 1440 * var(--vw));
  display: block;
  width: calc(600 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail {
    margin-top: calc(8 / 375 * var(--vw));
    margin-left: 0;
    width: 100%;
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail > .text {
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail > .text {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  margin-left: calc(24 / 1440 * var(--vw));
  width: calc(128 / 1440 * var(--vw));
  gap: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list {
    margin-top: calc(8 / 375 * var(--vw));
    margin-left: 0;
    width: 100%;
    gap: calc(16 / 375 * var(--vw));
    justify-content: flex-start;
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item {
  display: block;
  width: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item {
    width: calc(32 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item > .icon {
  display: block;
  width: 100%;
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item > .icon > use {
  display: block;
  width: 100%;
  color: #3F404A;
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item > .icon > use {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item:hover > .icon > use {
    color: #FFCC57;
  }
}
#contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item:nth-child(n+2) {
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .dealer_section:last-child {
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (min-width: 1440px) {
  #contact #app > .wrapper > .dealer_section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner {
    width: 1248px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .contact_lead {
    font-size: 16px;
    margin-bottom: 80px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list {
    margin-top: 64px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item {
    padding-bottom: 24px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .name {
    width: 264px;
    font-size: 20px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list {
    margin-left: 40px;
    width: 152px;
    gap: 8px 16px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon {
    width: 40px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail {
    margin-left: 40px;
    width: 600px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail > .text {
    font-size: 14px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list {
    margin-left: 24px;
    width: 128px;
    gap: 16px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item {
    width: 32px;
  }
  #contact #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item:nth-child(n+2) {
    margin-top: 24px;
  }
  #contact #app > .wrapper > .dealer_section:last-child {
    padding-bottom: 120px;
  }
}
#contact #app > .wrapper > .cart_thanks_seciton {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner {
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner {
    display: block;
    width: calc(359 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block {
  display: block;
  width: calc(320 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block {
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .note {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .note {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link {
  display: block;
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link > .text {
  font-size: calc(14 / 1440 * var(--vw));
  letter-spacing: 1.8;
  text-decoration: underline;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link > .text {
    font-size: calc(14 / 375 * var(--vw));
    letter-spacing: 1.8;
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block {
  display: block;
  width: calc(808 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .lead {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .lead {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .text {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .text {
    margin-top: calc(40 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.8;
    text-align: left;
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(280 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  margin-top: calc(40 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) {
  #contact #app > .wrapper > .cart_thanks_seciton {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner {
    width: 1248px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block {
    width: 320px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .note {
    margin-top: 40px;
    font-size: 14px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link {
    margin-top: 40px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .progress_block > .about_link > .text {
    font-size: 14px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block {
    width: 808px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .lead {
    font-size: 20px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .text {
    margin-top: 40px;
    font-size: 16px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button {
    width: 280px;
    height: 48px;
    margin-top: 40px;
    border-radius: 24px;
  }
  #contact #app > .wrapper > .cart_thanks_seciton > .section_inner > .thanks_block > .back_button > .text {
    font-size: 16px;
  }
}

#faq #app > .wrapper > .faq_list_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
    display: block;
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block {
  position: sticky;
  top: calc(114 / 1440 * var(--vw));
  left: 0;
  width: calc(240 / 1440 * var(--vw));
  height: max-content;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block {
    position: relative;
    top: 0;
    width: 100%;
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list {
  display: block;
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: calc(8 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item {
    padding-bottom: calc(8 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item > .text {
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item > .text {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item > .icon {
  display: block;
  width: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item > .icon {
    width: calc(16 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item > .icon > .i {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item > .icon > .i {
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item:nth-child(n+2) {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item:hover > .icon > .i {
  transform: translate3d(0, 10%, 0);
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block {
  position: relative;
  width: calc(944 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block {
    width: calc(327 / 375 * var(--vw));
    margin-top: calc(60 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content {
  position: relative;
  display: block;
  padding-top: calc(20 / 1440 * var(--vw));
  padding-bottom: calc(60 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content {
    padding-top: calc(20 / 375 * var(--vw));
    padding-bottom: calc(60 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category {
    align-items: flex-start;
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category .label {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category .label {
    display: block;
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category .label > .name {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  margin-right: calc(32 / 1440 * var(--vw));
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category .label > .name {
    font-size: calc(24 / 375 * var(--vw));
    line-height: 1;
    margin-right: 0;
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category .label > .name_ja {
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category .label > .name_ja {
    display: block;
    margin-top: calc(8 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.8;
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #0068B7;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category:after {
    margin-top: calc(12 / 375 * var(--vw));
    margin-left: calc(16 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item {
  display: block;
  padding-bottom: calc(24 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item {
    padding-bottom: calc(24 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item > .title {
  display: flex;
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item > .title > .q {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(18 / 1440 * var(--vw));
  color: #0068B7;
  padding-top: calc(5 / 1440 * var(--vw));
  margin-right: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item > .title > .q {
    font-size: calc(18 / 375 * var(--vw));
    padding-top: calc(5 / 375 * var(--vw));
    margin-right: calc(8 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item > .title > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item > .title > .text {
    width: calc(252 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item:nth-child(n+2) {
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item:hover > .title > .text {
    text-decoration: underline;
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content:first-child {
  padding-top: 0;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content:first-child {
    padding-top: calc(20 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content:last-child {
  padding-bottom: 0;
}
@media only screen and (min-width: 1440px) {
  #faq #app > .wrapper > .faq_list_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner {
    width: 1248px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block {
    top: 114px;
    width: 240px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item {
    padding-bottom: 8px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item > .text {
    font-size: 14px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item > .icon {
    width: 16px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .anchor_block > .anchor_list > .item:nth-child(n+2) {
    margin-top: 16px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block {
    width: 944px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category .label > .name {
    font-size: 24px;
    margin-right: 32px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category .label > .name_ja {
    font-size: 14px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .fap_category:after {
    margin-left: 32px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list {
    margin-top: 40px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item {
    padding-bottom: 24px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item > .title > .q {
    font-size: 18px;
    padding-top: 5px;
    margin-right: 8px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item > .title > .text {
    font-size: 16px;
  }
  #faq #app > .wrapper > .faq_list_section > .section_inner > .faq_block > .faq_content > .faq_list > .item:nth-child(n+2) {
    margin-top: 24px;
  }
}
#faq #app > .wrapper > .faq_detail_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
    display: block;
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block {
  position: relative;
  width: calc(240 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block {
    position: relative;
    width: 100%;
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link {
  display: flex;
  align-items: center;
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link > .icon {
  display: block;
  width: calc(32 / 1440 * var(--vw));
  margin-right: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link > .icon {
    width: calc(32 / 375 * var(--vw));
    margin-right: calc(8 / 1440 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link > .icon > .i {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link > .icon > .i {
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link > .text {
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link:hover > .icon > .i {
    transform: translate3d(-10%, 0, 0);
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok {
  position: relative;
  width: calc(944 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok {
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content {
  position: relative;
  display: block;
  width: calc(944 / 1440 * var(--vw));
  margin-left: 0;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content {
    width: 100%;
    margin-top: calc(40 / 375 * var(--vw));
    padding-top: calc(24 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .question {
  display: flex;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .question {
    display: block;
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .question > .q {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1.6;
  color: #0068B7;
  margin-right: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .question > .q {
    font-size: calc(24 / 375 * var(--vw));
    margin-right: calc(16 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .question > .text {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .question > .text {
    font-size: calc(20 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer {
  display: flex;
  margin-top: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer {
    margin-top: calc(32 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer > .a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1.2;
  margin-right: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer > .a {
    font-size: calc(24 / 375 * var(--vw));
    margin-right: calc(16 / 375 * var(--vw));
  }
}
#faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer > .text {
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 1440px) {
  #faq #app > .wrapper > .faq_detail_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner {
    width: 1248px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block {
    width: 240px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link > .icon {
    width: 32px;
    margin-right: 8px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .back_block > .link > .text {
    font-size: 16px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok {
    width: 944px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content {
    width: 944px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .question > .q {
    font-size: 24px;
    margin-right: 24px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .question > .text {
    font-size: 20px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer {
    margin-top: 32px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer > .a {
    font-size: 24px;
    margin-right: 24px;
  }
  #faq #app > .wrapper > .faq_detail_section > .section_inner > .detail_blcok > .faq_content > .answer > .text {
    font-size: 16px;
  }
}

#guide #app > .wrapper > .guide_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
    display: block;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .anchor_block {
  position: sticky;
  top: calc(114 / 1440 * var(--vw));
  left: 0;
  width: calc(240 / 1440 * var(--vw));
  height: max-content;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block {
    position: relative;
    top: 0;
    width: 100%;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list {
  display: block;
}
#guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: calc(8 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item {
    padding-bottom: calc(8 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item > .text {
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item > .text {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item > .icon {
  display: block;
  width: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item > .icon {
    width: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item > .icon > use {
  color: #3F404A;
}
@media only screen and (min-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item > .icon > use {
    transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item:nth-child(n+2) {
  margin-top: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item:nth-child(n+2) {
    margin-top: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item:hover > .icon > use {
    transform: translate3d(10%, 0, 0);
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block {
  position: relative;
  width: calc(944 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block {
    width: calc(327 / 375 * var(--vw));
    margin-top: calc(40 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block > .title {
  font-weight: 800;
  font-size: calc(26 / 1440 * var(--vw));
  line-height: 1;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block > .title {
    font-size: calc(26 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list {
    margin-top: calc(80 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item {
  padding-top: calc(40 / 1440 * var(--vw));
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ADADC3;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item {
    margin-top: calc(40 / 375 * var(--vw));
    padding-top: calc(40 / 375 * var(--vw));
    display: block;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .image {
  display: block;
  width: calc(440 / 1440 * var(--vw));
  border: 1px solid #ADADC3;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .image {
    width: 100%;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .image > .i {
  display: block;
  width: 100%;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area {
  display: block;
  width: calc(424 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area {
    margin-top: calc(24 / 375 * var(--vw));
    width: 100%;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .lead {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #0068B7;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .lead {
    font-size: calc(18 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .lead > .no {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: calc(28 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  margin-right: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .lead > .no {
    font-size: calc(28 / 375 * var(--vw));
    margin-right: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .text {
  margin-top: calc(24 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .text {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .text > .bold {
  font-weight: 700;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .text > a {
  text-decoration: underline;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list {
  position: relative;
  counter-reset: item;
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list > .item {
  position: relative;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list > .item {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list > .item > a {
  text-decoration: underline;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list > .item.bold {
  font-weight: 600;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list.__dot > .item {
  padding-left: 1.2em;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list.__dot > .item::before {
  content: "・";
  position: absolute;
  left: 0.2em;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list.__no > .item {
  counter-increment: item;
  padding-left: 1.2em;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list.__no > .item::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0.2em;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item:last-child {
  padding-bottom: calc(40 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item:last-child {
    padding-bottom: calc(40 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item:nth-child(n+2) {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item:nth-child(n+2) {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area {
  margin-top: calc(40 / 1440 * var(--vw));
  padding: calc(32 / 1440 * var(--vw)) calc(40 / 1440 * var(--vw));
  background-color: #F2F0EA;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area {
    margin-top: calc(40 / 375 * var(--vw));
    padding: calc(32 / 375 * var(--vw)) calc(20 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner {
  display: block;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .lead {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .lead {
    font-size: calc(18 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .lead > .no {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: calc(28 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  margin-right: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .lead > .no {
    font-size: calc(28 / 375 * var(--vw));
    margin-right: calc(8 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .text {
  margin-top: calc(16 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .text {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .text > .bold {
  font-weight: 700;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .text > a {
  text-decoration: underline;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head {
    margin-top: calc(40 / 375 * var(--vw));
    display: block;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .image {
  display: block;
  width: calc(248 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .image {
    width: calc(177 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .image > .i {
  display: block;
  width: 100%;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .text_area {
  display: block;
  width: calc(640 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .text_area {
    margin-top: calc(40 / 375 * var(--vw));
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .text_area > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .text_area > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body {
  margin-top: calc(80 / 1440 * var(--vw));
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body {
    margin-top: calc(80 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item {
  position: relative;
  padding: calc(32 / 1440 * var(--vw)) calc(40 / 1440 * var(--vw));
  background-color: #F2F0EA;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item {
    padding: calc(24 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner {
  display: block;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .lead {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .lead {
    display: block;
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .lead > .no {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: calc(28 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  margin-right: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .lead > .no {
    display: block;
    margin-right: 0;
    margin-bottom: calc(8 / 375 * var(--vw));
    font-size: calc(24 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .text {
  margin-top: calc(16 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .text {
    margin-top: calc(16 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list {
  margin-top: calc(16 / 1440 * var(--vw));
  display: flex;
  gap: calc(10 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list {
    flex-wrap: wrap;
    margin-top: calc(16 / 375 * var(--vw));
    gap: calc(9 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list > .item {
  display: block;
  padding: calc(8 / 1440 * var(--vw)) calc(24 / 1440 * var(--vw));
  min-width: calc(136 / 1440 * var(--vw));
  border: 1px solid #3F404A;
  box-sizing: border-box;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list > .item {
    padding: calc(8 / 375 * var(--vw)) 0;
    width: calc(135 / 375 * var(--vw));
    min-width: auto;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list > .item > .text {
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list > .item > .text {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item:last-child::after {
  content: none;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  bottom: calc(-40 / 1440 * var(--vw));
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  background-image: url("../images/guide/flow_arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item::after {
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
    bottom: calc(-40 / 375 * var(--vw));
    left: 50%;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item:nth-child(n+2) {
  margin-top: calc(48 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item:nth-child(n+2) {
    margin-top: calc(48 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head {
    margin-top: calc(40 / 375 * var(--vw));
    display: block;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .image {
  display: block;
  width: calc(148 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .image {
    width: calc(111 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .image > .i {
  display: block;
  width: 100%;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .text_area {
  display: block;
  width: calc(704 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .text_area {
    margin-top: calc(40 / 375 * var(--vw));
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .text_area > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .text_area > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .text_area > .text > a {
  text-decoration: underline;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body {
  margin-top: calc(80 / 1440 * var(--vw));
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body {
    margin-top: calc(80 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item {
  position: relative;
  padding: calc(32 / 1440 * var(--vw)) calc(40 / 1440 * var(--vw));
  background-color: #F2F0EA;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item {
    padding: calc(24 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item > .inner {
  display: block;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item > .inner > .lead {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: calc(18 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item > .inner > .lead {
    display: block;
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item > .inner > .lead > .no {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: calc(28 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  margin-right: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item > .inner > .lead > .no {
    display: block;
    margin-right: 0;
    margin-bottom: calc(8 / 375 * var(--vw));
    font-size: calc(24 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item.__paypal {
  background-color: #012169;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item.__paypal > .inner > .lead {
  color: #FFFFFF;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item.__paypal::before {
  content: "";
  position: absolute;
  display: block;
  width: calc(43 / 1440 * var(--vw));
  height: calc(42 / 1440 * var(--vw));
  top: 50%;
  right: calc(40 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  background-image: url("../images/guide/guide_paypal_white.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item.__paypal::before {
    width: calc(32.44 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
    top: calc(22 / 375 * var(--vw));
    right: calc(23.56 / 375 * var(--vw));
    transform: translate3d(0, 0, 0);
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item:last-child::after {
  content: none;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
  bottom: calc(-40 / 1440 * var(--vw));
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  background-image: url("../images/guide/flow_arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item::after {
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
    bottom: calc(-40 / 375 * var(--vw));
    left: 50%;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item:nth-child(n+2) {
  margin-top: calc(48 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item:nth-child(n+2) {
    margin-top: calc(48 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content {
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content {
    margin-top: calc(80 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title {
  display: block;
  width: calc(944 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title {
    width: calc(327 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title > .label {
  position: relative;
  display: flex;
  align-items: center;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title > .label > .name {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title > .label > .name {
    font-size: calc(20 / 375 * var(--vw));
    line-height: 1.8;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title > .label:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #0068B7;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title > .label:after {
    margin-left: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .text {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .text {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list {
  position: relative;
  counter-reset: item;
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list > .item {
  position: relative;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list > .item {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list > .item > a {
  text-decoration: underline;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list > .item.bold {
  font-weight: 600;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list.__dot > .item {
  padding-left: 1.2em;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list.__dot > .item::before {
  content: "・";
  position: absolute;
  left: 0.2em;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list.__no > .item {
  counter-increment: item;
  padding-left: 1.2em;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list.__no > .item::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0.2em;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content {
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content {
    margin-top: calc(80 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title {
  display: block;
  width: calc(944 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title {
    width: calc(327 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title > .label {
  position: relative;
  display: flex;
  align-items: center;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title > .label > .name {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title > .label > .name {
    font-size: calc(20 / 375 * var(--vw));
    line-height: 1.8;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title > .label:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #0068B7;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title > .label:after {
    margin-left: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .text {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .text {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list {
  display: flex;
  margin-top: calc(40 / 1440 * var(--vw));
  gap: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list {
    margin-top: calc(24 / 375 * var(--vw));
    gap: calc(43 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list > .item {
  display: block;
  width: calc(160 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list > .item {
    width: calc(80 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list > .item > .image {
  display: block;
  width: 100%;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list > .item > .image > .i {
  display: block;
  width: 100%;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list > .item > .name {
  margin-top: calc(24 / 1440 * var(--vw));
  font-family: "Roboto", sans-serif;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list > .item > .name {
    margin-top: calc(24 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.2;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .image {
  margin-top: calc(40 / 1440 * var(--vw));
  display: block;
  width: 100%;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .image {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .image > .i {
  display: block;
  width: 100%;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner {
    margin-top: calc(24 / 375 * var(--vw));
    display: block;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area {
  display: block;
  width: calc(330 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area {
    width: 100%;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area > .text > a {
  text-decoration: underline;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area > .address {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area > .address {
    margin-top: calc(40 / 375 * var(--vw));
    font-size: calc(16 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area > .address > a {
  text-decoration: underline;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area {
  padding: calc(40 / 1440 * var(--vw)) calc(36 / 1440 * var(--vw));
  width: calc(588 / 1440 * var(--vw));
  background-color: #F2F0EA;
  border-radius: calc(4 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area {
    padding: calc(32 / 375 * var(--vw));
    width: calc(327 / 375 * var(--vw));
    border-radius: calc(4 / 375 * var(--vw));
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .logo {
  display: block;
  width: calc(383.95 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .logo {
    width: calc(251.54 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .logo > .i {
  display: block;
  width: 100%;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel {
  margin-top: calc(24 / 1440 * var(--vw));
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel {
    margin-top: calc(24 / 375 * var(--vw));
    flex-wrap: wrap;
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .icon {
  display: block;
  width: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .icon {
    width: calc(32 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .icon > .i {
  display: block;
  width: 100%;
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .no {
  margin-left: calc(8 / 1440 * var(--vw));
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: calc(24 / 1440 * var(--vw));
  line-height: 1;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .no {
    margin-left: calc(8 / 375 * var(--vw));
    font-size: calc(24 / 375 * var(--vw));
  }
}
#guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .reception {
  margin-left: calc(8 / 1440 * var(--vw));
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .reception {
    width: 100%;
    margin-top: calc(16 / 375 * var(--vw));
    margin-left: 0;
    font-size: calc(13 / 375 * var(--vw));
    text-align: center;
  }
}
@media only screen and (min-width: 1440px) {
  #guide #app > .wrapper > .guide_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner {
    width: 1248px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block {
    top: 114px;
    width: 240px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item {
    padding-bottom: 8px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item > .text {
    font-size: 14px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item > .icon {
    width: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .anchor_block > .anchor_list > .item:nth-child(n+2) {
    margin-top: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block {
    width: 944px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block > .title {
    font-size: 26px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list {
    margin-top: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item {
    padding-top: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .image {
    width: 440px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area {
    width: 424px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .lead {
    font-size: 18px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .lead > .no {
    font-size: 28px;
    margin-right: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .text {
    margin-top: 24px;
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list {
    margin-top: 24px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item > .text_area > .list > .item {
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item:last-child {
    padding-bottom: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .flow_list > .item:nth-child(n+2) {
    margin-top: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area {
    margin-top: 40px;
    padding: 32px 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .lead {
    font-size: 18px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .lead > .no {
    font-size: 28px;
    margin-right: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__01 > .mail_area > .inner > .text {
    margin-top: 16px;
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head {
    margin-top: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .image {
    width: 248px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .text_area {
    width: 640px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .head > .text_area > .text {
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body {
    margin-top: 80px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item {
    padding: 32px 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .lead {
    font-size: 18px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .lead > .no {
    font-size: 28px;
    margin-right: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .text {
    margin-top: 16px;
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list {
    margin-top: 16px;
    gap: 10px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list > .item {
    padding: 8px 24px;
    min-width: 136px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item > .inner > .pay_list > .item > .text {
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item:last-child::after {
    content: none;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item::after {
    width: 32px;
    height: 32px;
    bottom: -40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__02 > .body > .flow_list > .item:nth-child(n+2) {
    margin-top: 48px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head {
    margin-top: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .image {
    width: 148px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .text_area {
    width: 704px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .head > .text_area > .text {
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body {
    margin-top: 80px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item {
    padding: 32px 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item > .inner > .lead {
    font-size: 18px;
    line-height: 1.8;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item > .inner > .lead > .no {
    font-size: 28px;
    margin-right: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item.__paypal::before {
    width: 43px;
    height: 42px;
    right: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item::after {
    width: 32px;
    height: 32px;
    bottom: -40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .flow_list > .item:nth-child(n+2) {
    margin-top: 48px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content {
    margin-top: 80px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title {
    width: 944px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title > .label > .name {
    font-size: 20px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content .detail_title > .label:after {
    margin-left: 32px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .text {
    margin-top: 40px;
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list {
    margin-top: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__03 > .body > .detail_content > .list > .item {
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content {
    margin-top: 80px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title {
    width: 944px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title > .label > .name {
    font-size: 20px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content .detail_title > .label:after {
    margin-left: 32px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .text {
    margin-top: 40px;
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list {
    margin-top: 40px;
    gap: 64px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list > .item {
    width: 160px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .nts_list > .item > .name {
    margin-top: 24px;
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .image {
    margin-top: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner {
    margin-top: 40px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area {
    width: 330px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area > .text {
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .text_area > .address {
    margin-top: 40px;
    font-size: 16px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area {
    padding: 40px 36px;
    width: 588px;
    border-radius: 4px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .logo {
    display: block;
    width: 383.95px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel {
    margin-top: 24px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .icon {
    width: 32px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .no {
    margin-left: 8px;
    font-size: 24px;
  }
  #guide #app > .wrapper > .guide_section > .section_inner > .guide_block.__04 > .detail_content > .inner > .typeone_area > .tel > .reception {
    margin-left: 8px;
    font-size: 13px;
  }
}

#authorized-dealer #app > .wrapper > .dealer_section {
  position: relative;
  display: block;
  padding-top: calc(60 / 1440 * var(--vw));
  padding-bottom: calc(60 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(60 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block {
  margin-bottom: calc(60 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block {
    margin-bottom: calc(40 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #FF4D00;
  padding-top: calc(12 / 1440 * var(--vw));
  padding-bottom: calc(12 / 1440 * var(--vw));
  border-radius: calc(2 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button {
    padding-top: calc(12 / 375 * var(--vw));
    padding-bottom: calc(12 / 375 * var(--vw));
    border-radius: calc(2 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
  color: #FF4D00;
  text-align: center;
}
@media only screen and (min-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button:hover {
    background-color: #FF4D00;
  }
}
@media only screen and (min-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button:hover > .text {
    color: #FFFFFF;
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list {
  display: block;
  margin-top: calc(64 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item {
  display: flex;
  align-items: start;
  padding-bottom: calc(24 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item {
    padding-bottom: calc(16 / 375 * var(--vw));
    flex-wrap: wrap;
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .name {
  flex-shrink: 0;
  display: block;
  width: calc(264 / 1440 * var(--vw));
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .name {
    width: calc(215 / 375 * var(--vw));
    font-size: calc(18 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list {
  margin-left: calc(40 / 1440 * var(--vw));
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: calc(152 / 1440 * var(--vw));
  letter-spacing: 0.02em;
  gap: calc(8 / 1440 * var(--vw)) calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list {
    justify-content: flex-end;
    margin-left: calc(8 / 375 * var(--vw));
    width: calc(104 / 375 * var(--vw));
    gap: calc(4 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon {
  display: flex;
  height: calc(40 / 1440 * var(--vw));
  align-items: center;
  white-space: nowrap;
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon {
    width: calc(32 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon > .i {
  display: flex;
  height: 100%;
  margin-right: 0.5em;
}

@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon > .name {
    font-size: 0.75em;
  }
}

#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail {
  flex-shrink: 0;
  margin-left: calc(40 / 1440 * var(--vw));
  display: block;
  width: calc(600 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail {
    margin-top: calc(8 / 375 * var(--vw));
    margin-left: 0;
    width: 100%;
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail > .text {
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail > .text {
    font-size: calc(14 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  margin-left: calc(24 / 1440 * var(--vw));
  width: calc(128 / 1440 * var(--vw));
  gap: calc(16 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list {
    margin-top: calc(8 / 375 * var(--vw));
    margin-left: 0;
    width: 100%;
    gap: calc(16 / 375 * var(--vw));
    justify-content: flex-start;
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item {
  display: block;
  width: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item {
    width: calc(32 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item > .icon {
  display: block;
  width: 100%;
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item > .icon > use {
  display: block;
  width: 100%;
  color: #3F404A;
}
@media only screen and (min-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item > .icon > use {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item:hover > .icon > use {
    color: #FFCC57;
  }
}
#authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item:nth-child(n+2) {
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#authorized-dealer #app > .wrapper > .dealer_section:last-child {
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (min-width: 1440px) {
  #authorized-dealer #app > .wrapper > .dealer_section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner {
    width: 1248px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block {
    margin-bottom: 60px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 2px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .beware_block > .beware_button > .text {
    font-size: 16px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list {
    margin-top: 64px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item {
    padding-bottom: 24px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .name {
    width: 264px;
    font-size: 20px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list {
    margin-left: 40px;
    width: 152px;
    gap: 8px 16px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .country_list > .icon {
    width: 40px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail {
    margin-left: 40px;
    width: 600px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .detail > .text {
    font-size: 14px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list {
    margin-left: 24px;
    width: 128px;
    gap: 16px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item {
    width: 32px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item > .icon {
    width: 100%;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item > .contact_list > .item > .icon > use {
    width: 100%;
  }
  #authorized-dealer #app > .wrapper > .dealer_section > .section_inner > .dealer_list > .item:nth-child(n+2) {
    margin-top: 24px;
  }
  #authorized-dealer #app > .wrapper > .dealer_section:last-child {
    padding-bottom: 120px;
  }
}

#counterfeit #app > .wrapper > .counterfeit_section {
  position: relative;
  display: block;
  padding-top: calc(184 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section {
    padding-top: calc(96 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#counterfeit #app > .wrapper > .counterfeit_section > .section_inner {
  display: block;
  width: calc(880 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner {
    width: calc(359 / 375 * var(--vw));
  }
}
#counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .head {
  display: block;
  width: 100%;
}
#counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .head > .title {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: calc(36 / 1440 * var(--vw));
  line-height: 1;
  letter-spacing: 0;
  color: #FF4D00;
}
@media only screen and (max-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .head > .title {
    padding-left: calc(16 / 375 * var(--vw));
    font-size: calc(20 / 375 * var(--vw));
  }
}
#counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .body {
  margin-top: calc(64 / 1440 * var(--vw));
  padding-top: calc(40 / 1440 * var(--vw));
  padding-bottom: calc(80 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .body {
    margin-top: calc(40 / 375 * var(--vw));
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(64 / 375 * var(--vw));
  }
}
#counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .body > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .body > .text {
    width: calc(327 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
    font-size: calc(16 / 375 * var(--vw));
  }
}
#counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(400 / 1440 * var(--vw));
  padding: calc(15 / 1440 * var(--vw)) 0 calc(17 / 1440 * var(--vw));
  margin-top: calc(64 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button {
    margin-top: calc(64 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    padding: calc(15 / 375 * var(--vw)) 0 calc(17 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) {
  #counterfeit #app > .wrapper > .counterfeit_section {
    padding-top: 184px;
    padding-bottom: 120px;
  }
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner {
    width: 880px;
  }
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .head > .title {
    font-size: 36px;
  }
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .body {
    margin-top: 64px;
    padding-top: 40px;
    padding-bottom: 80px;
  }
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .body > .text {
    font-size: 16px;
  }
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button {
    width: 400px;
    padding: 15px 0 17px;
    margin-top: 64px;
    border-radius: 24px;
  }
  #counterfeit #app > .wrapper > .counterfeit_section > .section_inner > .back_button > .text {
    font-size: 16px;
  }
}

#privacypolicy #app > .wrapper > .privacypolicy_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section {
    padding-top: calc(40 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list {
  position: relative;
  padding-bottom: calc(120 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list {
    padding-bottom: calc(64 / 1440 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item {
  display: flex;
  justify-content: space-between;
  padding-top: calc(40 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item {
    padding-top: calc(24 / 375 * var(--vw));
    display: block;
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head {
  display: block;
  width: calc(240 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head {
    width: calc(327 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label {
  position: relative;
  margin-left: calc(8 / 1440 * var(--vw));
  padding-left: calc(11 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label {
    margin-left: calc(8 / 375 * var(--vw));
    padding-left: calc(11 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label > .text {
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: calc(14 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label::before {
    height: calc(14 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body {
  display: block;
  width: calc(888 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body {
    width: 100%;
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .text:nth-child(n+2) {
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .text:nth-child(n+2) {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .list {
  position: relative;
  counter-reset: item;
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .list {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .list > .item {
  counter-increment: item;
  position: relative;
  padding-left: 1.2em;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .list > .item {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .list > .item::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0.2em;
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item:nth-child(n+2) {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item:nth-child(n+2) {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(400 / 1440 * var(--vw));
  padding: calc(15 / 1440 * var(--vw)) 0 calc(17 / 1440 * var(--vw));
  margin-top: calc(64 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button {
    margin-top: calc(64 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    padding: calc(15 / 375 * var(--vw)) 0 calc(17 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) {
  #privacypolicy #app > .wrapper > .privacypolicy_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner {
    width: 1248px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list {
    padding-bottom: 120px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item {
    padding-top: 40px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head {
    width: 240px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label {
    margin-left: 8px;
    padding-left: 11px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label > .text {
    font-size: 16px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .head > .label::before {
    height: 14px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body {
    width: 888px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .text {
    font-size: 16px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .text:nth-child(n+2) {
    margin-top: 8px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .list {
    margin-top: 8px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item > .body > .list > .item {
    font-size: 16px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .privacypolicy_list > .item:nth-child(n+2) {
    margin-top: 40px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button {
    width: 400px;
    padding: 15px 0 17px;
    margin-top: 64px;
    border-radius: 24px;
  }
  #privacypolicy #app > .wrapper > .privacypolicy_section > .section_inner > .back_button > .text {
    font-size: 16px;
  }
}

#recruitment #app > .wrapper > .requirements_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section {
    padding-top: calc(40 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list {
  position: relative;
  padding-bottom: calc(120 / 1440 * var(--vw));
  border-bottom: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list {
    padding-bottom: calc(64 / 1440 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item {
  display: flex;
  justify-content: space-between;
  padding-top: calc(40 / 1440 * var(--vw));
  border-top: 1px solid #CDCCCC;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item {
    padding-top: calc(24 / 375 * var(--vw));
    display: block;
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head {
  display: block;
  width: calc(240 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head {
    width: calc(327 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label {
  position: relative;
  margin-left: calc(8 / 1440 * var(--vw));
  padding-left: calc(11 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label {
    margin-left: calc(8 / 375 * var(--vw));
    padding-left: calc(11 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label > .text {
  font-weight: 600;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: calc(14 / 1440 * var(--vw));
  transform: translate3d(0, -50%, 0);
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label::before {
    height: calc(14 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body {
  display: block;
  width: calc(888 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body {
    width: 100%;
    margin-top: calc(16 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text:nth-child(n+2) {
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text:nth-child(n+2) {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text > a {
  text-decoration: underline;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text > .bold {
  font-weight: 600;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text > .red {
  color: #FF4D00;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list {
  position: relative;
  counter-reset: item;
  margin-top: calc(8 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list {
    margin-top: calc(8 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list > .item {
  position: relative;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list > .item {
    font-size: calc(16 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list > .item > a {
  text-decoration: underline;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list > .item.bold {
  font-weight: 600;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list.__dot > .item {
  padding-left: 1.2em;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list.__dot > .item::before {
  content: "・";
  position: absolute;
  left: 0.2em;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list.__no > .item {
  counter-increment: item;
  padding-left: 1.2em;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list.__no > .item::before {
  content: counter(item) ". ";
  position: absolute;
  left: 0.2em;
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item:nth-child(n+2) {
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item:nth-child(n+2) {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(400 / 1440 * var(--vw));
  padding: calc(15 / 1440 * var(--vw)) 0 calc(17 / 1440 * var(--vw));
  margin-top: calc(64 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button {
    margin-top: calc(64 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    padding: calc(15 / 375 * var(--vw)) 0 calc(17 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) {
  #recruitment #app > .wrapper > .requirements_section {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner {
    width: 1248px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list {
    padding-bottom: 120px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item {
    padding-top: 40px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head {
    width: 240px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label {
    margin-left: 8px;
    padding-left: 11px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label > .text {
    font-size: 16px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .head > .label::before {
    height: 14px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body {
    width: 888px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text {
    font-size: 16px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .text:nth-child(n+2) {
    margin-top: 8px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list {
    margin-top: 8px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item > .body > .list > .item {
    font-size: 16px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .requirements_list > .item:nth-child(n+2) {
    margin-top: 40px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button {
    width: 400px;
    padding: 15px 0 17px;
    margin-top: 64px;
    border-radius: 24px;
  }
  #recruitment #app > .wrapper > .requirements_section > .section_inner > .back_button > .text {
    font-size: 16px;
  }
}
#recruitment #app > .wrapper > .entry_form_seciton {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner {
  display: flex;
  justify-content: space-between;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner {
    display: block;
    width: calc(359 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .other_block {
  display: block;
  width: calc(320 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .other_block {
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .other_block > .text {
  font-size: calc(13 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .other_block > .text {
    font-size: calc(13 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .form_block {
  display: block;
  width: calc(808 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .form_block {
    margin-top: calc(40 / 375 * var(--vw));
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .form_block > .form_inquiry {
  display: block;
  width: 100%;
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .form_block > .form_inquiry > .form_list {
  margin-top: 0;
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block {
  display: block;
  width: calc(808 / 1440 * var(--vw));
  flex-shrink: 0;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(311 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .lead {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .lead {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .text {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .text {
    margin-top: calc(40 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.8;
    text-align: left;
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(280 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  margin-top: calc(40 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) {
  #recruitment #app > .wrapper > .entry_form_seciton {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner {
    width: 1248px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .other_block {
    width: 320px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .other_block > .text {
    font-size: 13px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .form_block {
    width: 808px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block {
    width: 808px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .lead {
    font-size: 20px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .text {
    margin-top: 40px;
    font-size: 16px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button {
    width: 280px;
    height: 48px;
    margin-top: 40px;
    border-radius: 24px;
  }
  #recruitment #app > .wrapper > .entry_form_seciton > .section_inner > .thanks_block > .back_button > .text {
    font-size: 16px;
  }
}
#recruitment #app > .wrapper > .disabled_seciton {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .disabled_seciton > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner {
    width: calc(311 / 375 * var(--vw));
  }
}
#recruitment #app > .wrapper > .disabled_seciton > .section_inner > .lead {
  font-weight: 600;
  font-size: calc(20 / 1440 * var(--vw));
  line-height: 1.6;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .lead {
    font-size: calc(16 / 375 * var(--vw));
    line-height: 1.6;
  }
}
#recruitment #app > .wrapper > .disabled_seciton > .section_inner > .text {
  margin-top: calc(40 / 1440 * var(--vw));
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .text {
    margin-top: calc(40 / 375 * var(--vw));
    font-size: calc(14 / 375 * var(--vw));
    line-height: 1.8;
    text-align: left;
  }
}
#recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(280 / 1440 * var(--vw));
  height: calc(48 / 1440 * var(--vw));
  margin-top: calc(40 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  border-radius: calc(24 / 1440 * var(--vw));
  border: 1px solid #0068B7;
  background-color: #0068B7;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button {
    margin-top: calc(40 / 375 * var(--vw));
    width: calc(287 / 375 * var(--vw));
    height: calc(48 / 375 * var(--vw));
    border-radius: calc(24 / 375 * var(--vw));
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button {
    transition: background-color 0.4s cubic-bezier(0.45, 0, 0.55, 1), border 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
#recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button > .text {
  font-weight: 700;
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1;
  color: #FFFFFF;
}
@media only screen and (max-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button > .text {
    transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button:hover {
    background-color: #FFCC57;
    border: 1px solid #FFCC57;
  }
}
@media only screen and (min-width: 812px) {
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button:hover > .text {
    color: #3F404A;
  }
}
@media only screen and (min-width: 1440px) {
  #recruitment #app > .wrapper > .disabled_seciton {
    padding-top: 64px;
    padding-bottom: 120px;
  }
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner {
    width: 1248px;
  }
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .lead {
    font-size: 20px;
  }
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .text {
    margin-top: 40px;
    font-size: 16px;
  }
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button {
    width: 280px;
    height: 48px;
    margin-top: 40px;
    border-radius: 24px;
  }
  #recruitment #app > .wrapper > .disabled_seciton > .section_inner > .back_button > .text {
    font-size: 16px;
  }
}

#search #app > .wrapper > .result_section {
  position: relative;
  display: block;
  padding-top: calc(64 / 1440 * var(--vw));
  padding-bottom: calc(120 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section {
    padding-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(80 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner {
  display: block;
  width: calc(1248 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner {
    width: calc(327 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner .search_results {
  margin-top: calc(40 / 1440 * var(--vw));
  display: flex;
  align-items: center;
  padding-bottom: calc(24 / 1440 * var(--vw));
  border-bottom: 1px solid #3F404A;
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner .search_results {
    margin-top: calc(40 / 375 * var(--vw));
    padding-bottom: calc(8 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner .search_results > .title {
  margin-top: calc(3 / 1440 * var(--vw));
  font-size: calc(14 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner .search_results > .title {
    font-weight: 500;
    margin-top: 0;
    font-size: calc(14 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner .search_results > .name {
  margin-left: calc(8 / 1440 * var(--vw));
  font-size: calc(28 / 1440 * var(--vw));
  line-height: 1.6;
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner .search_results > .name {
    margin-left: 0;
    font-size: calc(16 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category {
  display: block;
  margin-top: calc(80 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category {
    margin-top: calc(80 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list {
  display: block;
  margin-top: calc(40 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list {
    margin-top: calc(40 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item {
  display: block;
  width: 100%;
  padding-bottom: calc(24 / 1440 * var(--vw));
  border-bottom: 1px solid #ADADC3;
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item {
    padding-bottom: calc(24 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item > .text {
  font-size: calc(16 / 1440 * var(--vw));
  line-height: 1.8;
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item > .text {
    font-size: calc(16 / 375 * var(--vw));
  }
}
@media only screen and (min-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item:hover > .text {
    text-decoration: underline;
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item:nth-child(n+2) {
  margin-top: calc(24 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item:nth-child(n+2) {
    margin-top: calc(24 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(160 / 375 * var(--vw));
  height: calc(40 / 375 * var(--vw));
  margin-top: calc(40 / 375 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border: 1px solid #3F404A;
  border-radius: calc(24 / 375 * var(--vw));
}
@media only screen and (min-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .button {
    display: none;
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .button > .text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: calc(16 / 375 * var(--vw));
  line-height: 1.2;
  color: #3F404A;
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination {
  margin-top: calc(64 / 1440 * var(--vw));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(209 / 1440 * var(--vw));
  margin-left: auto;
  margin-right: auto;
  padding: calc(7 / 1440 * var(--vw)) 0;
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination {
    margin-top: calc(80 / 375 * var(--vw));
    width: calc(209 / 375 * var(--vw));
    padding: calc(7 / 375 * var(--vw)) 0;
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .page_info {
  position: relative;
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: calc(18 / 1440 * var(--vw));
  letter-spacing: 0.02em;
  text-align: center;
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .page_info {
    font-size: calc(18 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .link {
  display: block;
  position: absolute;
  width: calc(32 / 1440 * var(--vw));
  height: calc(32 / 1440 * var(--vw));
}
@media only screen and (max-width: 812px) {
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .link {
    width: calc(32 / 375 * var(--vw));
    height: calc(32 / 375 * var(--vw));
  }
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .link > .icon {
  display: block;
  width: 100%;
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .link > .icon > .i {
  display: block;
  width: 100%;
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .link.next {
  left: 0;
  top: 0;
}
#search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .link.prev {
  right: 0;
  top: 0;
}
@media only screen and (min-width: 1440px) {
  #search #app > .wrapper > .result_section {
    padding-top: 64px;
  }
  #search #app > .wrapper > .result_section > .section_inner {
    width: 1248px;
  }
  #search #app > .wrapper > .result_section > .section_inner .search_results {
    margin-top: 40px;
    padding-bottom: 24px;
  }
  #search #app > .wrapper > .result_section > .section_inner .search_results > .title {
    margin-top: 3px;
    font-size: 14px;
  }
  #search #app > .wrapper > .result_section > .section_inner .search_results > .name {
    margin-left: 8px;
    font-size: 28px;
  }
  #search #app > .wrapper > .result_section > .section_inner > .results_category {
    margin-top: 80px;
  }
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list {
    margin-top: 40px;
  }
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item {
    padding-bottom: 24px;
  }
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item > .text {
    font-size: 16px;
  }
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .results_list > .item:nth-child(n+2) {
    margin-top: 24px;
  }
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination {
    margin-top: 64px;
    width: 209px;
    padding: 7px 0;
  }
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .page_info {
    font-size: 18px;
  }
  #search #app > .wrapper > .result_section > .section_inner > .results_category > .pagination > .link {
    width: 32px;
    height: 32px;
  }
}