@charset "UTF-8";
/* ==========================================================================
   Foundation
** ========================================================================== */
/** ===============================================
 *
 * Font
 *
 * =============================================== */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  font-feature-settings: "palt" 1;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  text-size-adjust: 100%;
}

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

/**
 * 
 */
* {
  box-sizing: border-box;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

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

:root {
  /* 外側余白：1536pxで80px。1683.35px以上は87.67pxで頭打ち */
  --gutter: min(87.67px, calc(100vw * 80 / 1536));
  /* 列間：1683pxで84px。それ未満はウィンドウ幅に比例 */
  --col-gap: min(84px, calc(100vw * 84 / 1683));
}

@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide:focus {
  outline: none;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-track {
  display: flex;
}

.slick-slide {
  height: auto !important;
}

.slick-loading .slick-list {
  background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: slick-font-url("slick.eot");
  src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: calc(100vw * 60 / 402);
  width: calc(100vw * 60 / 402);
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  top: 50%;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  z-index: 3;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .slick-prev,
  .slick-next {
    width: calc(100vw * 62 / 1728);
  }
}
@media (min-width: 1200px) {
  .slick-prev,
  .slick-next {
    width: 62px;
  }
}
.slick-prev:hover,
.slick-next:hover {
  opacity: 0.7;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: transparent url("../images/button-arrow.png") center center no-repeat;
  background-size: contain;
}
.slick-prev {
  left: calc(100vw * 60 / 402);
}
@media (min-width: 600px) {
  .slick-prev {
    left: calc(50% - 100vw * 460 / 1728);
  }
}
@media (min-width: 1200px) {
  .slick-prev {
    left: calc(50% - 460px);
  }
}
.slick-prev:before {
  transform: rotate(-180deg);
}
.slick-next {
  right: calc(100vw * 60 / 402);
}
@media (min-width: 600px) {
  .slick-next {
    right: calc(50% - 100vw * 460 / 1728);
  }
}
@media (min-width: 1200px) {
  .slick-next {
    right: calc(50% - 460px);
  }
}
/* Dots */
.slick-dotted.slick-slider {
  margin-block-end: calc(100vw * 52 / 402);
}
@media (min-width: 600px) {
  .slick-dotted.slick-slider {
    margin-block-end: calc(100vw * 52 / 1728);
  }
}
@media (min-width: 1728px) {
  .slick-dotted.slick-slider {
    margin-block-end: 52px;
  }
}

.slick-dots {
  position: absolute;
  bottom: calc(-100vw * 34 / 402);
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media (min-width: 600px) {
  .slick-dots {
    bottom: calc(-100vw * 34 / 1728);
  }
}
@media (min-width: 1728px) {
  .slick-dots {
    bottom: -34px;
  }
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: calc(100vw * 12 / 402);
  height: calc(100vw * 12 / 402);
  margin: 0 calc(100vw * 5 / 402);
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  width: calc(100vw * 12 / 402);
  height: calc(100vw * 12 / 402);
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: calc(100vw * 5 / 402);
  cursor: pointer;
}
@media (min-width: 600px) {
  .slick-dots li button {
    padding: calc(100vw * 5 / 1728);
    width: calc(100vw * 12 / 1728);
    height: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .slick-dots li button {
    padding: 5px;
    width: 12px;
    height: 12px;
  }
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: calc(100vw * 12 / 402);
  height: calc(100vw * 12 / 402);
  border-radius: 100px;
  line-height: 20px;
  text-align: center;
  color: black;
  background-color: #D9D9D9;
}
@media (min-width: 600px) {
  .slick-dots li button:before {
    width: calc(100vw * 12 / 1728);
    height: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .slick-dots li button:before {
    width: 12px;
    height: 12px;
  }
}
.slick-dots li.slick-active button:before {
  background-color: #333;
}

/* ==========================================================================
   Layout
** ========================================================================== */
html {
  color: #272727;
  font-family: "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: clamp(0.875rem, 0.7857rem + 0.381vw, 1rem);
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 600px) {
  html {
    font-size: clamp(0.875rem, 0.8085rem + 0.1773vw, 1rem);
  }
}
@media (min-width: 1728px) {
  html {
    font-size: 16px;
  }
}

body {
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

a:hover, button:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}

a {
  color: #00C7FF;
  vertical-align: baseline;
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
a.link-external:after {
  content: "";
  display: inline-block;
  width: calc(100vw * 14 / 402);
  height: calc(100vw * 14 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="%2300C7FF" d="M9.33,4.9l-5.19,5.19c-.11.11-.24.16-.41.16s-.3-.05-.41-.16c-.11-.11-.16-.24-.16-.41s.05-.3.16-.41l5.19-5.19h-4.43c-.17,0-.3-.06-.42-.17-.11-.11-.17-.25-.17-.42s.06-.3.17-.42.25-.17.42-.17h5.83c.17,0,.3.06.42.17.11.11.17.25.17.42v5.83c0,.17-.06.3-.17.42s-.25.17-.42.17-.3-.06-.42-.17c-.11-.11-.17-.25-.17-.42v-4.43Z"/></svg>');
  translate: 0 calc(100vw * 2 / 402);
}
@media (min-width: 600px) {
  a.link-external:after {
    width: 14px;
    height: 14px;
    translate: 0 2px;
  }
}
@media (min-width: 1728px) {
  a.link-external:after {
    width: 14px;
    height: 14px;
    translate: 0 2px;
  }
}
a.link-external:hover {
  text-decoration: underline;
}

.main a[target=_blank]:not(:has(img)):not([class*=button-]):after {
  content: "";
  display: inline-block;
  width: calc(100vw * 14 / 402);
  height: calc(100vw * 14 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="%2300C7FF" d="M9.33,4.9l-5.19,5.19c-.11.11-.24.16-.41.16s-.3-.05-.41-.16c-.11-.11-.16-.24-.16-.41s.05-.3.16-.41l5.19-5.19h-4.43c-.17,0-.3-.06-.42-.17-.11-.11-.17-.25-.17-.42s.06-.3.17-.42.25-.17.42-.17h5.83c.17,0,.3.06.42.17.11.11.17.25.17.42v5.83c0,.17-.06.3-.17.42s-.25.17-.42.17-.3-.06-.42-.17c-.11-.11-.17-.25-.17-.42v-4.43Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 calc(100vw * 2 / 402);
}
@media (min-width: 600px) {
  .main a[target=_blank]:not(:has(img)):not([class*=button-]):after {
    width: 14px;
    height: 14px;
    translate: 0 2px;
  }
}
@media (min-width: 1728px) {
  .main a[target=_blank]:not(:has(img)):not([class*=button-]):after {
    width: 14px;
    height: 14px;
    translate: 0 2px;
  }
}
.main a[target=_blank]:not(:has(img)):not([class*=button-]):hover {
  text-decoration: underline;
}

img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

address {
  font-style: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

p {
  font-size: calc(100vw * 14 / 402);
  font-weight: 500;
  line-height: 160%;
}
@media (min-width: 600px) {
  p {
    font-size: calc(100vw * 16 / 1728);
  }
}
@media (min-width: 1728px) {
  p {
    font-size: 16px;
  }
}

.for-screen-reader {
  display: none;
}

.pc-only-ib {
  display: none;
}
@media (min-width: 600px) {
  .pc-only-ib {
    display: inline-block;
  }
}

.pc-only {
  display: none;
}
@media (min-width: 600px) {
  .pc-only {
    display: block;
  }
}

@media (min-width: 600px) {
  .sp-only {
    display: none;
  }
}

.site-header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 31;
}
@media (min-width: 600px) {
  .site-header {
    z-index: 20;
  }
}
.site-header__inner {
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: calc(100vw * 20 / 402) calc(100vw * 20 / 402);
  width: 100%;
  max-width: 1728px;
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .site-header__inner {
    padding: calc(100vw * 40 / 1728) calc(100vw * 60 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__inner {
    padding: 40px 60px;
  }
}
.site-header .site-logo {
  position: relative;
  margin: 0;
  width: calc(100vw * 190 / 402);
  height: calc(100vw * 53 / 402);
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .site-header .site-logo {
    width: calc(100vw * 250 / 1728);
    height: calc(100vw * 70 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header .site-logo {
    width: 250px;
    height: 70px;
  }
}
.site-header .site-logo--full {
  display: block;
  position: absolute;
  width: 100%;
  transition: all 0.3s ease;
}
.site-header .site-logo--min {
  display: block;
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease;
}
.site-header__navigation {
  display: none;
}
@media (min-width: 600px) {
  .site-header__navigation {
    display: flex;
    margin-inline-start: calc(100vw * 40 / 1728);
    padding-block-start: calc(100vw * 16 / 1728);
    width: 77.68%;
  }
}
@media (min-width: 1728px) {
  .site-header__navigation {
    margin-inline-start: 40px;
    padding-block-start: 16px;
  }
}
.site-header__navigation__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-header__navigation__item {
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .site-header__navigation__item {
    font-size: calc(100vw * 16 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__item {
    font-size: 16px;
  }
}
.site-header__navigation__link {
  position: relative;
  display: inline-block;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .site-header__navigation__link {
    padding: calc(100vw * 8 / 1728) calc(100vw * 19 / 1728) calc(100vw * 8 / 1728) calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__link {
    padding: 8px 19px 8px 20px;
  }
}
.site-header__navigation__link:hover {
  opacity: 1;
  color: #00C7FF;
}
@media (min-width: 600px) {
  .site-header__navigation__link:has(> .icon) {
    padding-inline-end: calc(100vw * 33 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__link:has(> .icon) {
    padding-inline-end: 33px;
  }
}
.site-header__navigation__link .icon.icon-triangle-down {
  position: absolute;
  top: calc(100vw * 16 / 402);
  right: calc(100vw * 19 / 402);
}
@media (min-width: 600px) {
  .site-header__navigation__link .icon.icon-triangle-down {
    top: calc(100vw * 16 / 1728);
    right: calc(100vw * 19 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__link .icon.icon-triangle-down {
    top: 16px;
    right: 19px;
  }
}
.site-header__navigation__other-menu {
  position: relative;
}
.site-header__navigation__other-menu__button {
  position: relative;
  display: block;
  border: none;
  font-weight: 700;
  line-height: 140%;
  background-color: transparent;
  cursor: pointer;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .site-header__navigation__other-menu__button {
    padding: calc(100vw * 8 / 1728) calc(100vw * 33 / 1728) calc(100vw * 8 / 1728) calc(100vw * 20 / 1728);
    font-size: calc(100vw * 16 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__other-menu__button {
    padding: 8px 33px 8px 20px;
    font-size: 16px;
  }
}
.site-header__navigation__other-menu__button .icon.icon-triangle-down {
  position: absolute;
  top: calc(100vw * 16 / 402);
  right: calc(100vw * 19 / 402);
}
@media (min-width: 600px) {
  .site-header__navigation__other-menu__button .icon.icon-triangle-down {
    top: calc(100vw * 16 / 1728);
    right: calc(100vw * 19 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__other-menu__button .icon.icon-triangle-down {
    top: 16px;
    right: 19px;
  }
}
.site-header__navigation__other-menu__list {
  position: absolute;
  top: 100%;
  left: 50%;
  translate: -50% 0;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 0;
  background-color: #fff;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.15));
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
.site-header__navigation__other-menu__list:before {
  content: "";
  position: absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  translate: -50% 0;
  width: calc(100vw * 6 / 402);
  height: calc(100vw * 6 / 402);
  background-color: #fff;
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
@media (min-width: 600px) {
  .site-header__navigation__other-menu__list:before {
    width: calc(100vw * 6 / 1728);
    height: calc(100vw * 6 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__other-menu__list:before {
    width: 6px;
    height: 6px;
  }
}
.site-header__navigation__other-menu__item {
  position: relative;
  height: 0;
  font-weight: 700;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.3s ease;
}
.site-header__navigation__other-menu__item:not(:last-of-type):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(100% - 100vw * 20 / 402);
  height: 1px;
  background-color: #D9D9D9;
}
@media (min-width: 600px) {
  .site-header__navigation__other-menu__item:not(:last-of-type):before {
    width: calc(100% - 100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__other-menu__item:not(:last-of-type):before {
    width: calc(100% - 20px);
  }
}
.site-header__navigation__other-menu__link {
  box-sizing: border-box;
  display: block;
  padding: calc(100vw * 8 / 402) calc(100vw * 38 / 402);
  width: 100%;
  color: #272727;
  font-size: calc(100vw * 16 / 402);
  font-weight: 500;
  text-decoration: none;
  line-height: 160%;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .site-header__navigation__other-menu__link {
    padding: calc(100vw * 8 / 1728) calc(100vw * 38 / 1728);
    font-size: calc(100vw * 16 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__other-menu__link {
    padding: 8px 38px;
    font-size: 16px;
  }
}
.site-header__navigation__other-menu__link:hover {
  opacity: 1;
  color: #00C7FF;
}
.site-header__navigation__other-menu.is-active .site-header__navigation__other-menu__list {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.site-header__navigation__other-menu.is-active .site-header__navigation__other-menu__item {
  height: auto;
  overflow: visible;
}
@media (min-width: 600px) {
  .site-header__navigation__other-menu.is-active .site-header__navigation__other-menu__item {
    height: calc(100vw * 39 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__other-menu.is-active .site-header__navigation__other-menu__item {
    height: 39px;
  }
}
.site-header__navigation__button-area {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 600px) {
  .site-header__navigation__button-area {
    margin-inline-start: calc(100vw * 19 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__button-area {
    margin-inline-start: 19px;
  }
}
@media (min-width: 600px) {
  .site-header__navigation__button-area__button {
    width: calc(100vw * 180 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__button-area__button {
    width: 180px;
  }
}
@media (min-width: 600px) {
  .site-header__navigation__button-area__button:not(:last-of-type) {
    margin-inline-end: calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__navigation__button-area__button:not(:last-of-type) {
    margin-inline-end: 20px;
  }
}
.site-header__button-area {
  display: flex;
}
@media (min-width: 600px) {
  .site-header__button-area {
    padding-block-start: calc(100vw * 15 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__button-area {
    padding-block-start: 15px;
  }
}
.site-header__button-area__button:not(:last-of-type) {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .site-header__button-area__button:not(:last-of-type) {
    margin-inline-end: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__button-area__button:not(:last-of-type) {
    margin-inline-end: 10px;
  }
}
.site-header__button-area__button.button-search {
  display: none;
}
@media (min-width: 600px) {
  .site-header__button-area__button.button-search {
    display: block;
  }
}
@media (min-width: 600px) {
  .site-header__button-area__button.button-menu {
    display: none;
  }
}
.site-header__button-area__button.button-menu .icon-burger {
  display: block;
}
.site-header__button-lang {
  position: relative;
}
.site-header__button-lang__button {
  position: relative;
  display: flex;
  width: calc(100vw * 38 / 402);
  height: calc(100vw * 38 / 402);
  padding: calc(100vw * 9 / 402);
  border: 1px solid #333;
  border-radius: 50% 50%;
  background-color: #fff;
  align-items: flex-start;
  cursor: pointer;
}
@media (min-width: 600px) {
  .site-header__button-lang__button {
    padding: calc(100vw * 9 / 1728);
    width: calc(100vw * 38 / 1728);
    height: calc(100vw * 38 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__button-lang__button {
    padding: 9px;
    width: 38px;
    height: 38px;
  }
}
.site-header__button-lang__button .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.site-header__button-lang__button .icon-cross {
  display: none;
}
.site-header__button-lang__list {
  position: absolute;
  top: calc(100vw * 50 / 402);
  left: 50%;
  translate: -50% 0;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 0;
  background-color: #fff;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.15));
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
@media (min-width: 600px) {
  .site-header__button-lang__list {
    top: calc(100vw * 50 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__button-lang__list {
    top: 50px;
  }
}
.site-header__button-lang__list:before {
  content: "";
  position: absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  translate: -50% 0;
  width: calc(100vw * 6 / 402);
  height: calc(100vw * 6 / 402);
  background-color: #fff;
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
@media (min-width: 600px) {
  .site-header__button-lang__list:before {
    width: calc(100vw * 6 / 1728);
    height: calc(100vw * 6 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__button-lang__list:before {
    width: 6px;
    height: 6px;
  }
}
.site-header__button-lang__item {
  position: relative;
  height: 0;
  transition: all 0.3s ease;
}
.site-header__button-lang__item:not(:last-of-type):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(100% - 100vw * 20 / 402);
  height: 1px;
  background-color: #D9D9D9;
}
@media (min-width: 600px) {
  .site-header__button-lang__item:not(:last-of-type):before {
    width: calc(100% - 100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__button-lang__item:not(:last-of-type):before {
    width: calc(100% - 20px);
  }
}
.site-header__button-lang__link {
  box-sizing: border-box;
  display: block;
  padding: calc(100vw * 8 / 402) calc(100vw * 38 / 402);
  width: 100%;
  color: #272727;
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  text-decoration: none;
  line-height: 160%;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
}
@media (min-width: 600px) {
  .site-header__button-lang__link {
    padding: calc(100vw * 8 / 1728) calc(100vw * 38 / 1728);
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__button-lang__link {
    padding: 8px 38px;
    font-size: 14px;
  }
}
.site-header__button-lang__link:hover {
  opacity: 1;
  color: #00C7FF;
}
.site-header__button-lang.is-active .site-header__button-lang__button {
  background-color: #333;
}
.site-header__button-lang.is-active .site-header__button-lang__button .icon-lang {
  display: none;
}
.site-header__button-lang.is-active .site-header__button-lang__button .icon-cross {
  display: block;
}
.site-header__button-lang.is-active .site-header__button-lang__list {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.site-header__button-lang.is-active .site-header__button-lang__item {
  height: calc(100vw * 38 / 402);
}
@media (min-width: 600px) {
  .site-header__button-lang.is-active .site-header__button-lang__item {
    height: calc(100vw * 38 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header__button-lang.is-active .site-header__button-lang__item {
    height: 38px;
  }
}
.site-header.is-scroll .site-logo {
  padding-block-start: calc(100vw * 6 / 402);
  width: calc(100vw * 143 / 402);
  height: calc(100vw * 26 / 402);
}
@media (min-width: 600px) {
  .site-header.is-scroll .site-logo {
    padding-block-start: calc(100vw * 5 / 1728);
    width: calc(100vw * 160 / 1728);
    height: calc(100vw * 29 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header.is-scroll .site-logo {
    padding-block-start: 5px;
    width: 160px;
    height: 29px;
  }
}
.site-header.is-scroll .site-logo--full {
  opacity: 0;
  transition: all 0.3s ease;
}
.site-header.is-scroll .site-logo--min {
  display: block;
  opacity: 1;
}
.site-header.is-scroll .site-header__inner {
  padding: calc(100vw * 11 / 402) calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .site-header.is-scroll .site-header__inner {
    padding: calc(100vw * 15 / 1728) calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-header.is-scroll .site-header__inner {
    padding: 15px 20px;
  }
}
.site-header.is-scroll .site-header__navigation {
  display: none;
}
@media (min-width: 600px) {
  .site-header.is-scroll .site-header__button-area {
    padding-block-start: 0;
  }
}
@media (min-width: 1728px) {
  .site-header.is-scroll .site-header__button-area {
    padding-block-start: 0;
  }
}
.site-header.is-scroll .site-header__button-area__button.button-search {
  display: none;
}
@media (min-width: 600px) {
  .site-header.is-scroll .site-header__button-area__button.button-search {
    display: none;
  }
}
@media (min-width: 600px) {
  .site-header.is-scroll .site-header__button-area__button.button-menu {
    display: flex;
  }
}
.global-navigation {
  position: fixed;
  width: 100%;
  height: 100dvh;
  background-color: #F5F5F0;
  /* animation */
  pointer-events: none;
  opacity: 0;
  transform-origin: center;
  transform: scale(0.9);
  transition: all 0.3s ease;
  z-index: 20;
}
@media (min-width: 600px) {
  .global-navigation {
    height: auto;
    z-index: 30;
  }
}
.global-navigation__inner {
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  padding: calc(100vw * 70 / 402) calc(100vw * 20 / 402) calc(100vw * 90 / 402);
  max-width: 1728px;
  height: 100%;
  overflow-y: auto;
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .global-navigation__inner {
    padding: calc(100vw * 15 / 1728) calc(100vw * 20 / 1728) calc(100vw * 106 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__inner {
    padding: 15px 20px 106px;
  }
}
.global-navigation__header {
  display: none;
}
@media (min-width: 600px) {
  .global-navigation__header {
    padding-block-end: calc(100vw * 40 / 1728);
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1728px) {
  .global-navigation__header {
    padding-block-end: 40px;
  }
}
@media (min-width: 600px) {
  .global-navigation__content {
    display: flex;
    flex-direction: row-reverse;
    gap: calc(100vw * 40 / 1728);
    padding-inline: calc(100vw * 66 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__content {
    gap: 40px;
    padding-inline: 66px;
  }
}
@media (min-width: 600px) {
  .global-navigation__right {
    padding-block-start: calc(100vw * 33 / 1728);
    width: calc(100vw * 435 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__right {
    padding-block-start: 33px;
    width: 435px;
  }
}
.global-navigation__left {
  margin-block-start: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .global-navigation__left {
    margin-block-start: 0;
    width: calc(100vw * 1080 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__left {
    width: 1080px;
  }
}
.global-navigation__logo {
  margin: 0;
  position: relative;
  margin: 0;
  width: calc(100vw * 190 / 402);
  height: calc(100vw * 53 / 402);
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .global-navigation__logo {
    width: calc(100vw * 160 / 1728);
    height: calc(100vw * 29 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__logo {
    width: 160px;
    height: 29px;
  }
}
.global-navigation__sns {
  display: none;
}
@media (min-width: 600px) {
  .global-navigation__sns {
    display: flex;
    margin-block-start: calc(100vw * 40 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__sns {
    margin-block-start: 40px;
  }
}
.global-navigation__button-area {
  display: none;
}
@media (min-width: 600px) {
  .global-navigation__button-area {
    display: flex;
    margin-block-start: calc(100vw * 40 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__button-area {
    margin-block-start: 40px;
  }
}
@media (min-width: 600px) {
  .global-navigation__button-area__button {
    width: calc(100vw * 212 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__button-area__button {
    width: 212px;
  }
}
@media (min-width: 600px) {
  .global-navigation__button-area__button:not(:last-of-type) {
    margin-inline-end: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__button-area__button:not(:last-of-type) {
    margin-inline-end: 10px;
  }
}
@media (min-width: 600px) {
  .global-navigation__button-area__button .button {
    padding: calc(100vw * 12 / 1728) calc(100vw * 20 / 1728);
    width: calc(100vw * 212 / 1728);
    height: calc(100vw * 44 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__button-area__button .button {
    padding: 12px 20px;
    width: 212px;
    height: 44px;
  }
}
.global-navigation__category__title {
  margin: 0 0 calc(100vw * 10 / 402);
  color: #272727;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 16 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .global-navigation__category__title {
    margin-block-end: calc(100vw * 10 / 1728);
    height: calc(100vw * 23 / 1728);
    font-size: calc(100vw * 16 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__category__title {
    margin-block-end: 10px;
    height: 23px;
    font-size: 16px;
  }
}
.global-navigation__category__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: calc(100vw * 6 / 402) calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .global-navigation__category__list {
    gap: calc(100vw * 6 / 1728) calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__category__list {
    gap: 6px 20px;
  }
}
.global-navigation__category__item {
  box-sizing: border-box;
  overflow: hidden;
  width: 47.222%;
  border: 1px solid #272727;
  border-radius: 100px;
  font-size: calc(100vw * 14 / 402);
  font-weight: 500;
  line-height: 224%;
  background-color: #fff;
}
@media (min-width: 600px) {
  .global-navigation__category__item {
    width: calc(100vw * 200 / 1728);
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__category__item {
    width: 200px;
    font-size: 14px;
  }
}
.global-navigation__category__link {
  display: block;
  padding: calc(100vw * 5 / 402) calc(100vw * 20 / 402);
  color: #333;
  text-decoration: none;
}
@media (min-width: 600px) {
  .global-navigation__category__link {
    padding: calc(100vw * 5 / 1728) calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__category__link {
    padding: 5px 20px;
  }
}
.global-navigation__sublinks {
  margin-block-start: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .global-navigation__sublinks {
    margin-block-start: calc(100vw * 40 / 1728);
    width: calc(100vw * 640 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__sublinks {
    margin-block-start: 40px;
    width: 640px;
  }
}
.global-navigation__sublinks__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: calc(100vw * 5 / 402) calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .global-navigation__sublinks__list {
    gap: calc(100vw * 5 / 1728) calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__sublinks__list {
    gap: 5px 20px;
  }
}
.global-navigation__sublinks__item {
  width: calc(100vw * 170 / 402);
  font-size: calc(100vw * 14 / 402);
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .global-navigation__sublinks__item {
    width: calc(100vw * 200 / 1728);
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__sublinks__item {
    width: 200px;
    font-size: 14px;
  }
}
.global-navigation__sublinks__link {
  position: relative;
  display: block;
  padding: calc(100vw * 15 / 402) calc(100vw * 20 / 402) calc(100vw * 15 / 402) 0;
  border-bottom: 1px solid #555555;
  color: #333;
  text-decoration: none;
}
@media (min-width: 600px) {
  .global-navigation__sublinks__link {
    padding: calc(100vw * 15 / 1728) calc(100vw * 20 / 1728) calc(100vw * 15 / 1728) 0;
  }
}
@media (min-width: 1728px) {
  .global-navigation__sublinks__link {
    padding: 15px 20px 15px 0;
  }
}
.global-navigation__sublinks__link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: calc(100vw * 16 / 402);
  height: calc(100vw * 6 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 6"><path fill="%23272727" d="M19.39,2.89L16.5,0l-2.39,2.39H.5c-.28,0-.5.22-.5.5s.22.5.5.5h13.61l2.39,2.39,2.89-2.89Z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .global-navigation__sublinks__link:before {
    width: calc(100vw * 16 / 1728);
    height: calc(100vw * 6 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__sublinks__link:before {
    width: 16px;
    height: 6px;
  }
}
.global-navigation__bottom-sns {
  margin-block-start: calc(100vw * 15 / 402);
}
@media (min-width: 600px) {
  .global-navigation__bottom-sns {
    display: none;
  }
}
.global-navigation__bottom-buttons {
  display: flex;
  justify-content: space-between;
  margin-block-start: calc(100vw * 15 / 402);
}
@media (min-width: 600px) {
  .global-navigation__bottom-buttons {
    display: none;
  }
}
.global-navigation__bottom-buttons__button:not(:last-of-type) {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .global-navigation__bottom-buttons__button:not(:last-of-type) {
    margin-inline-end: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__bottom-buttons__button:not(:last-of-type) {
    margin-inline-end: 10px;
  }
}
.global-navigation__bottom-buttons__button:has(.button-mypage) {
  width: calc(100vw * 230 / 402);
}
@media (min-width: 600px) {
  .global-navigation__bottom-buttons__button:has(.button-mypage) {
    width: calc(100vw * 230 / 1728);
  }
}
@media (min-width: 1728px) {
  .global-navigation__bottom-buttons__button:has(.button-mypage) {
    width: 230px;
  }
}
.global-navigation__bottom-buttons__button:has(.button-mypage) .button-mypage {
  width: 100%;
}
.global-navigation.is-active {
  pointer-events: auto;
  opacity: 1;
  transform: scale(1);
}
.is-scroll .global-navigation__inner {
  padding: calc(100vw * 70 / 402) calc(100vw * 20 / 402) calc(100vw * 90 / 402);
}
@media (min-width: 600px) {
  .is-scroll .global-navigation__inner {
    padding: calc(100vw * 15 / 1728) calc(100vw * 20 / 1728) calc(100vw * 106 / 1728);
  }
}
@media (min-width: 1728px) {
  .is-scroll .global-navigation__inner {
    padding: 15px 20px 106px;
  }
}

.toggle-nav {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 200;
  width: 36px;
  height: 36px;
  background: #000;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
}
.toggle-nav span {
  display: block;
  position: absolute;
  height: 2px;
  width: 80%;
  background: #FFF;
  border-radius: 9px;
  opacity: 1;
  left: 10%;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.toggle-nav span:nth-child(1) {
  top: 9px;
}
.toggle-nav span:nth-child(2) {
  top: 17px;
}
.toggle-nav span:nth-child(3) {
  top: 25px;
}
.toggle-nav.open span:nth-child(1) {
  top: 17px;
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.toggle-nav.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.toggle-nav.open span:nth-child(3) {
  top: 17px;
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.toggle-nav.open b {
  color: #FFF;
}
.toggle-nav b {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  font-weight: normal;
  left: -2px;
  bottom: -18px;
  font-size: 11px;
  color: #000;
}

.site-footer {
  color: #fff;
  background-color: #333;
}
.site-footer__inner {
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  padding: calc(100vw * 40 / 402) calc(100vw * 25 / 402) calc(100vw * 70 / 402);
  max-width: 1728px;
}
@media (min-width: 600px) {
  .site-footer__inner {
    padding: calc(100vw * 40 / 1728) calc(100vw * 100 / 1728) calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__inner {
    padding: 40px 100px 20px;
  }
}
@media (min-width: 600px) {
  .site-footer__top {
    display: flex;
    flex-wrap: wrap;
    margin-block-end: calc(100vw * 30 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__top {
    margin-block-end: 30px;
  }
}
.site-footer__left {
  margin-block-end: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .site-footer__left {
    margin-block-end: 0;
    margin-inline-end: 3.79%;
    width: 11.78%;
  }
}
.site-footer__center {
  margin-block-end: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .site-footer__center {
    margin-block-end: 0;
    margin-inline-end: 1.308%;
    width: 58.9%;
  }
}
.site-footer__right {
  display: none;
}
@media (min-width: 600px) {
  .site-footer__right {
    display: block;
    margin-block-start: calc(100vw * 6 / 1728);
    width: 24.214%;
  }
}
@media (min-width: 1728px) {
  .site-footer__right {
    margin-block-start: 6px;
  }
}
.site-footer__bottom {
  border-top: 1px solid #fff;
}
.site-footer__logo {
  margin: 0 auto calc(100vw * 30 / 402);
  width: calc(100vw * 180 / 402);
  height: calc(100vw * 50 / 402);
}
@media (min-width: 600px) {
  .site-footer__logo {
    margin-block-end: calc(100vw * 20 / 1728);
    width: calc(100vw * 180 / 1728);
    height: calc(100vw * 50 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__logo {
    margin-block-end: 20px;
    width: 180px;
    height: 50px;
  }
}
@media (min-width: 600px) {
  .site-footer__sns {
    scale: 0.9;
  }
}
.site-footer__sns .c-box-sns__text {
  margin-inline-end: calc(100vw * 16 / 402);
}
@media (min-width: 600px) {
  .site-footer__sns .c-box-sns__text {
    margin-inline-end: calc(100vw * 16 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__sns .c-box-sns__text {
    margin-inline-end: 16px;
  }
}
.site-footer__sns .c-box-sns__list__item:not(:last-of-type) {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .site-footer__sns .c-box-sns__list__item:not(:last-of-type) {
    margin-inline-end: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__sns .c-box-sns__list__item:not(:last-of-type) {
    margin-inline-end: 10px;
  }
}
.site-footer__sns .c-box-sns__list__item:nth-of-type(3) {
  margin-inline-end: calc(100vw * 7 / 402);
}
@media (min-width: 600px) {
  .site-footer__sns .c-box-sns__list__item:nth-of-type(3) {
    margin-inline-end: calc(100vw * 7 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__sns .c-box-sns__list__item:nth-of-type(3) {
    margin-inline-end: 7px;
  }
}
.site-footer__category {
  display: none;
}
@media (min-width: 600px) {
  .site-footer__category {
    display: flex;
    margin-block-end: calc(100vw * 27 / 1728);
    padding: calc(100vw * 14 / 1728) calc(100vw * 40 / 1728) calc(100vw * 14 / 1728) calc(100vw * 24 / 1728);
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1728px) {
  .site-footer__category {
    margin-block-end: 27px;
    padding: 14px 40px 14px 24px;
  }
}
.site-footer__category__title {
  position: relative;
  margin: 0;
  color: #fff;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .site-footer__category__title {
    padding-inline-end: calc(100vw * 24 / 1728);
    font-size: calc(100vw * 16 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__category__title {
    padding-inline-end: 24px;
    font-size: 16px;
  }
}
.site-footer__category__title:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 1px;
  background-color: #fff;
}
@media (min-width: 600px) {
  .site-footer__category__title:before {
    height: calc(100vw * 25 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__category__title:before {
    height: 25px;
  }
}
.site-footer__category__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
@media (min-width: 600px) {
  .site-footer__category__list {
    padding-inline-start: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__category__list {
    padding-inline-start: 12px;
  }
}
.site-footer__category__item {
  line-height: 200%;
}
@media (min-width: 600px) {
  .site-footer__category__item {
    font-size: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__category__item {
    font-size: 12px;
  }
}
.site-footer__category__link {
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .site-footer__category__link {
    padding-inline: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__category__link {
    padding-inline: 12px;
  }
}
@media (min-width: 600px) {
  .site-footer__sublinks {
    margin-left: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__sublinks {
    margin-left: 10px;
  }
}
.site-footer__sublinks__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
@media (min-width: 600px) {
  .site-footer__sublinks__list {
    justify-self: start;
  }
}
.site-footer__sublinks__item {
  position: relative;
  font-size: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .site-footer__sublinks__item {
    font-size: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__sublinks__item {
    font-size: 10px;
  }
}
.site-footer__sublinks__item--sp-disable {
  display: none;
}
@media (min-width: 600px) {
  .site-footer__sublinks__item--sp-disable {
    display: block;
  }
}
.site-footer__sublinks__item:not(:last-of-type):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: calc(100vw * 12 / 402);
  background-color: #fff;
}
@media (min-width: 600px) {
  .site-footer__sublinks__item:not(:last-of-type):after {
    height: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__sublinks__item:not(:last-of-type):after {
    height: 10px;
  }
}
.site-footer__sublinks__link {
  color: #fff;
  text-decoration: none;
  padding: calc(100vw * 5 / 402) calc(100vw * 16 / 402);
}
@media (min-width: 600px) {
  .site-footer__sublinks__link {
    padding: calc(100vw * 5 / 1728) calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__sublinks__link {
    padding: 5px 12px;
  }
}
.site-footer__button-area {
  display: flex;
}
@media (min-width: 600px) {
  .site-footer__button-area__button {
    width: calc(100vw * 180 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__button-area__button {
    width: 180px;
  }
}
@media (min-width: 600px) {
  .site-footer__button-area__button:not(:last-of-type) {
    margin-inline-end: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-footer__button-area__button:not(:last-of-type) {
    margin-inline-end: 10px;
  }
}

.copyright {
  text-align: center;
  font-size: 10px;
}
.sp-footer-button-area {
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  background-color: #333;
  z-index: 31;
}
@media (min-width: 600px) {
  .sp-footer-button-area {
    display: none;
  }
}
.sp-footer-button-area__inner {
  display: flex;
  justify-content: center;
  padding: calc(100vw * 10 / 402) calc(100vw * 20 / 402);
}
.sp-footer-button-area__button:not(:last-of-type) {
  margin-inline-end: calc(100vw * 20 / 402);
}

.site-side-sns {
  display: none;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
  z-index: 10;
}
@media (min-width: 600px) {
  .site-side-sns {
    display: block;
    top: calc(100vw * 320 / 1440);
    left: calc(100vw * 10 / 1440);
  }
}
@media (min-width: 1440px) {
  .site-side-sns {
    top: calc(100vw * 384 / 1728);
    left: calc(100vw * 39 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-side-sns {
    top: 384px;
    left: 39px;
  }
}
.site-side-sns__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .site-side-sns__list__item {
    margin-block-end: calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-side-sns__list__item {
    margin-block-end: 20px;
  }
}
@media (min-width: 600px) {
  body.home .site-side-sns {
    top: calc(100vw * 320 / 1440);
    left: calc(100vw * 28 / 1440);
  }
}
@media (min-width: 1440px) {
  body.home .site-side-sns {
    top: calc(100vw * 320 / 1440);
    left: calc(100vw * 28 / 1440);
  }
}
@media (min-width: 1728px) {
  body.home .site-side-sns {
    top: 384px;
    left: 39px;
  }
}

body.is-menu-open {
  height: 100%;
  overflow: hidden;
}
@media (min-width: 600px) {
  body.is-menu-open {
    height: auto;
    overflow: auto;
  }
}
.site-content {
  padding-block-start: calc(100vw * 93 / 402);
  padding-block-end: calc(100vw * 80 / 402);
}
@media (min-width: 600px) {
  .site-content {
    padding-block-start: calc(100vw * 150 / 1728);
    padding-block-end: calc(100vw * 80 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-content {
    padding-block-start: 150px;
    padding-block-end: 80px;
  }
}

.site-content-container__inner {
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
  padding: 0 calc(100vw * 21 / 402);
  max-width: 1360px;
}
@media (min-width: 600px) {
  .site-content-container__inner {
    display: flex;
    justify-content: space-between;
    padding-inline: var(--gutter);
    max-width: calc(1196px + var(--col-gap) + var(--gutter) * 2);
    gap: var(--col-gap);
  }
}
.site-content-container .main {
  position: relative;
}
@media (min-width: 600px) {
  .site-content-container .main {
    padding-block-end: calc(100vw * 55 / 1728);
    width: 70%;
  }
}
@media (min-width: 600px) {
  .site-content-container .main:not(:has(+ .side)) {
    width: 100%;
  }
}
.site-content-container .side {
  position: relative;
  margin-block-start: calc(100vw * 40 / 402);
}
@media (min-width: 600px) {
  .site-content-container .side {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    align-self: flex-end;
    margin-block-start: 0;
    padding-inline: 0;
    padding-block-end: calc(100vw * 55 / 1728);
    width: 23.4375%;
  }
}
@media (min-width: 1728px) {
  .site-content-container .side {
    padding-block-end: 55px;
  }
}
.site-content-container--home {
  background-image: url("../images/common/bg_logo.webp");
  background-position: calc(-100vw * 305 / 402) calc(100vw * 412 / 402);
  background-repeat: no-repeat;
  background-size: calc(100vw * 870 / 402) calc(100vw * 580 / 402);
}
@media (min-width: 600px) {
  .site-content-container--home {
    background-size: calc(100vw * 1600 / 1728) calc(100vw * 1086 / 1728);
    background-position: calc(-100vw * 250 / 1728) calc(100vw * 114 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-content-container--home {
    background-size: 1600px 1086px;
    background-position: -250px 114px;
  }
}
.site-content-container--home .site-content-container__inner {
  padding-block-start: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .site-content-container--home .site-content-container__inner {
    padding-block-start: calc(100vw * 40 / 1728);
  }
}
@media (min-width: 1728px) {
  .site-content-container--home .site-content-container__inner {
    padding-block-start: 40px;
  }
}
@media (min-width: 600px) {
  .site-content-container--home .side {
    padding-block-start: calc(100vw * 93 / 1200);
  }
}
@media (min-width: 1200px) {
  .site-content-container--home .side {
    padding-block-start: 93px;
  }
}
@media (min-width: 1728px) {
  .site-content-container--home .side {
    padding-block-start: 93px;
  }
}

.l-container-bg {
  position: relative;
}
.l-container-bg:before {
  content: "";
  position: absolute;
  top: calc(100vw * 39 / 402);
  margin: 0 calc(50% - 50vw);
  width: 99.35vw;
  height: 100%;
  background-color: #F5F5F0;
  z-index: -1;
}
@media (min-width: 600px) {
  .l-container-bg:before {
    top: calc(100vw * 100 / 1728);
    margin: 0 calc(72.3% - 50vw);
    width: calc(100vw - 12px);
    height: calc(100% + 100vw * 120 / 1728);
  }
}
@media (min-width: 1728px) {
  .l-container-bg:before {
    top: 100px;
    width: 99.35vw;
    height: calc(100% + 120px);
  }
}

.l-container-bg-2 {
  position: relative;
  padding-block-start: calc(100vw * 40 / 402);
}
@media (min-width: 600px) {
  .l-container-bg-2 {
    padding-block-start: calc(100vw * 40 / 1728);
  }
}
@media (min-width: 1728px) {
  .l-container-bg-2 {
    padding-block-start: 40px;
  }
}
.l-container-bg-2:before {
  content: "";
  position: absolute;
  top: 0;
  margin: 0 calc(50% - 50vw);
  width: 99.35vw;
  height: 100%;
  background: linear-gradient(180deg, #F5F5F5 0%, #FFF 100%);
  z-index: -1;
}
@media (min-width: 600px) {
  .l-container-bg-2:before {
    margin: 0 calc(72.3% - 50vw);
    width: calc(100vw - 12px);
    height: calc(100% + 100vw * 120 / 1728);
  }
}
@media (min-width: 1728px) {
  .l-container-bg-2:before {
    width: 99.35vw;
    height: calc(100% + 120px);
  }
}

/* ==========================================================================
   Component
** ========================================================================== */
.c-heading-a {
  display: block;
  margin: 0 0 calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-heading-a {
    display: flex;
    align-items: center;
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-a {
    margin-block-end: 20px;
  }
}
.c-heading-a__en {
  display: block;
  color: #272727;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 38 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .c-heading-a__en {
    margin-inline-end: calc(100vw * 16 / 1200);
    font-size: calc(100vw * 52 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-a__en {
    margin-inline-end: 16px;
    font-size: 52px;
  }
}
.c-heading-a__ja {
  display: block;
  color: #333;
  font-size: calc(100vw * 16 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-heading-a__ja {
    font-size: calc(100vw * 24 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-a__ja {
    font-size: 24px;
  }
}

.c-heading-a-2 {
  display: flex;
  align-items: center;
  margin: 0 0 calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-heading-a-2 {
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-a-2 {
    margin-block-end: 40px;
  }
}
.c-heading-a-2__en {
  display: inline-block;
  margin-inline-end: calc(100vw * 16 / 402);
  color: #272727;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 32 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .c-heading-a-2__en {
    margin-inline-end: calc(100vw * 16 / 1200);
    font-size: calc(100vw * 52 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-a-2__en {
    margin-inline-end: 16px;
    font-size: 52px;
  }
}
.c-heading-a-2__ja {
  display: inline-block;
  color: #555555;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-heading-a-2__ja {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .c-heading-a-2__ja {
    font-size: 12px;
  }
}

.c-heading-b {
  margin: 0 0 calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-heading-b {
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b {
    margin-block-end: 40px;
  }
}
.c-heading-b__heading {
  margin: 0;
}
@media (min-width: 600px) {
  .c-heading-b__heading {
    display: flex;
    align-items: center;
  }
}
.c-heading-b__en {
  display: block;
  color: #272727;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 38 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .c-heading-b__en {
    display: inline-block;
    margin-inline-end: calc(100vw * 12 / 1200);
    font-size: calc(100vw * 52 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b__en {
    margin-inline-end: 12px;
    font-size: 52px;
  }
}
.c-heading-b__ja {
  position: relative;
  display: inline-block;
  color: #333;
  font-size: calc(100vw * 16 / 402);
  font-weight: 700;
  line-height: 140%;
  z-index: 1;
}
@media (min-width: 600px) {
  .c-heading-b__ja {
    font-size: calc(100vw * 24 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b__ja {
    font-size: 24px;
  }
}
.c-heading-b__ja:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 100%;
  height: calc(100vw * 12 / 402);
  background-color: #FFEF00;
  z-index: -1;
}
@media (min-width: 600px) {
  .c-heading-b__ja:before {
    height: calc(100vw * 12 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b__ja:before {
    height: 12px;
  }
}
.c-heading-b__copy {
  margin: calc(100vw * 10 / 402) 0 0;
  color: #555555;
  font-size: calc(100vw * 11 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-heading-b__copy {
    margin: 0;
    font-size: calc(100vw * 18 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b__copy {
    font-size: 18px;
  }
}

.c-heading-b-center {
  margin: 0;
}
.c-heading-b-center__heading {
  display: block;
  margin: 0 calc(100vw * 2 / 402);
}
@media (min-width: 600px) {
  .c-heading-b-center__heading {
    margin-block-end: calc(100vw * 2 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b-center__heading {
    margin-block-end: 2px;
  }
}
.c-heading-b-center__en {
  display: block;
  margin-block-end: calc(100vw * 2 / 402);
  color: #272727;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 38 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .c-heading-b-center__en {
    margin-block-end: calc(100vw * 2 / 1200);
    font-size: calc(100vw * 52 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b-center__en {
    margin-block-end: 2px;
    font-size: 52px;
  }
}
.c-heading-b-center__ja {
  position: relative;
  display: inline;
  padding-inline: calc(100vw * 2 / 402);
  color: #272727;
  font-size: calc(100vw * 20 / 402);
  font-weight: 700;
  line-height: 140%;
  background: linear-gradient(transparent 28.5%, #FFEF00 28.5%, #FFEF00 71.5%, transparent 71.5%);
  z-index: 1;
}
@media (min-width: 600px) {
  .c-heading-b-center__ja {
    padding-inline: calc(100vw * 3 / 1200);
    font-size: calc(100vw * 24 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b-center__ja {
    padding-inline: 3px;
    font-size: 24px;
  }
}
.c-heading-b-center__copy {
  margin-block-start: calc(100vw * 2 / 402);
  margin-block-end: 0;
  color: #555555;
  font-size: calc(100vw * 11 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-heading-b-center__copy {
    margin-block-start: calc(100vw * 2 / 1200);
    font-size: calc(100vw * 12 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-b-center__copy {
    margin-block-start: 2px;
    font-size: 12px;
  }
}

.c-heading-c {
  margin: 0;
}
.c-heading-c__en {
  display: block;
  color: #272727;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 32 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .c-heading-c__en {
    font-size: calc(100vw * 30 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-c__en {
    font-size: 30px;
  }
}
.c-heading-c__ja {
  display: block;
  color: #555555;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-heading-c__ja {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .c-heading-c__ja {
    font-size: 11px;
  }
}

.c-heading-d {
  padding-inline-start: 1em;
  color: #272727;
  font-size: calc(100vw * 26 / 402);
  font-weight: 700;
  line-height: 140%;
  text-indent: -1em;
}
@media (min-width: 600px) {
  .c-heading-d {
    font-size: calc(100vw * 38 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-d {
    font-size: 38px;
  }
}

.c-heading-e {
  position: relative;
  margin-block-start: 0;
  margin-block-end: calc(100vw * 40 / 402);
  padding-inline-start: calc(100vw * 14 / 402);
  font-size: calc(100vw * 20 / 402);
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-heading-e {
    margin-block-end: calc(100vw * 40 / 1200);
    padding-inline-start: calc(100vw * 14 / 1200);
    font-size: calc(100vw * 22 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-e {
    margin-block-end: 40px;
    padding-inline-start: 14px;
    font-size: 22px;
  }
}
.c-heading-e:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: calc(100vw * 4 / 402);
  height: calc(100% - 100vw * 8 / 402);
  border-radius: 100px;
  background-color: #D7D7BA;
}
@media (min-width: 600px) {
  .c-heading-e:before {
    width: calc(100vw * 4 / 1200);
    height: calc(100% - 100vw * 8 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-e:before {
    width: 4px;
    height: calc(100% - 8px);
  }
}

.c-heading-category.c-category {
  font-size: calc(100vw * 26 / 402);
  font-weight: 700;
  line-height: 1.461;
}
@media (min-width: 600px) {
  .c-heading-category.c-category {
    font-size: calc(100vw * 38 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-category.c-category {
    font-size: 38px;
  }
}
.c-heading-category.c-category:before {
  translate: 0 calc(-100vw * 4 / 402);
  width: calc(100vw * 10 / 402);
  height: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-heading-category.c-category:before {
    translate: 0 calc(-100vw * 5 / 1200);
    width: calc(100vw * 14 / 1200);
    height: calc(100vw * 14 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-heading-category.c-category:before {
    translate: 0 -5px;
    width: 14px;
    height: 14px;
  }
}

.c-list-category {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(100vw * 6 / 402) calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-list-category {
    display: block;
    gap: 0;
  }
}
@media (min-width: 600px) {
  .c-list-category__item {
    margin-block-end: calc(100vw * 6 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-category__item {
    margin-block-end: 6px;
  }
}
.c-list-category__link.c-category {
  display: block;
  padding: calc(100vw * 5 / 402) calc(100vw * 20 / 402);
  border: 1px solid #272727;
  border-radius: 100px;
  color: #272727;
  font-size: calc(100vw * 14 / 402);
  font-weight: 500;
  line-height: 224%;
  text-decoration: none;
  white-space: nowrap;
  background-color: #fff;
}
@media (min-width: 600px) {
  .c-list-category__link.c-category {
    display: inline-block;
    padding: 0 calc(100vw * 30 / 1200) 0 calc(100vw * 20 / 1200);
    font-size: calc(100vw * 14 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-category__link.c-category {
    padding: 0 30px 0 20px;
    font-size: 14px;
  }
}
.c-list-category__link.c-category:before {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-list-category__link.c-category:before {
    margin-inline-end: calc(100vw * 10 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-category__link.c-category:before {
    margin-inline-end: 10px;
  }
}

.c-list-ranking {
  list-style: none;
  margin: calc(100vw * 10 / 402) 0 0 0;
  padding: 0;
  counter-reset: ranking 0;
}
@media (min-width: 600px) {
  .c-list-ranking {
    margin-block-start: calc(100vw * 10 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-ranking {
    margin-block-start: 10px;
  }
}
.c-list-ranking__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .c-list-ranking__item {
    gap: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-ranking__item {
    gap: 20px;
  }
}
.c-list-ranking__item:hover {
  opacity: 0.7;
}
.c-list-ranking__item:not(:last-of-type) {
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-list-ranking__item:not(:last-of-type) {
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-ranking__item:not(:last-of-type) {
    margin-block-end: 20px;
  }
}
.c-list-ranking__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-list-ranking__number {
  position: absolute;
  top: calc(-100vw * 15 / 402);
  left: calc(-100vw * 15 / 402);
  display: block;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
  border: 1px solid #333;
  border-radius: 100px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 14 / 402);
  font-weight: 600;
  line-height: 140%;
  background-color: #333;
}
@media (min-width: 600px) {
  .c-list-ranking__number {
    top: calc(-100vw * 15 / 1200);
    left: calc(-100vw * 15 / 1200);
    width: calc(100vw * 30 / 1200);
    height: calc(100vw * 30 / 1200);
    font-size: calc(100vw * 14 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-ranking__number {
    top: -15px;
    left: -15px;
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}
.c-list-ranking__number:before {
  counter-increment: ranking 1;
  content: counter(ranking);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  color: #fff;
}
.c-list-ranking__thumb {
  margin: 0;
  width: calc(100vw * 120 / 402);
}
@media (min-width: 600px) {
  .c-list-ranking__thumb {
    width: calc(100vw * 120 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-ranking__thumb {
    width: 120px;
  }
}
.c-list-ranking__thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 120/63;
}
.c-list-ranking__info {
  width: calc(100vw * 210 / 402);
}
@media (min-width: 600px) {
  .c-list-ranking__info {
    width: calc(100vw * 160 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-ranking__info {
    width: 160px;
  }
}
.c-list-ranking__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin: 0;
  font-size: calc(100vw * 12 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-list-ranking__title {
    height: auto;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .c-list-ranking__title {
    font-size: 12px;
  }
}
.c-list-ranking__category {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.c-list-ranking__category .c-category {
  position: relative;
  z-index: 2;
}
@media (min-width: 600px) {
  .c-list-ranking__category .c-category {
    font-size: 10px;
  }
}
.c-list-ranking--white .c-list-ranking__number {
  background-color: #fff;
}
.c-list-ranking--white .c-list-ranking__number:before {
  color: #272727;
}

.c-list-post {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .c-list-post {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(100vw * 40 / 1200) calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-post {
    gap: 40px 40px;
  }
}
.c-list-post a[target=_blank]:not(:has(img)):not([class*=button-]):after {
  display: none;
}
.c-list-post__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: calc(100vw * 10 / 402);
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-list-post__item {
    display: block;
    gap: 0;
    margin-block-end: 0;
  }
}
.c-list-post__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.c-list-post__thumb {
  margin: 0;
  width: calc(100vw * 170 / 402);
}
@media (min-width: 600px) {
  .c-list-post__thumb {
    width: auto;
  }
}
.c-list-post__thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 120/63;
}
.c-list-post__info {
  width: calc(100vw * 180 / 402);
}
@media (min-width: 600px) {
  .c-list-post__info {
    padding-block-start: calc(100vw * 15 / 1200);
    width: auto;
  }
}
@media (min-width: 1200px) {
  .c-list-post__info {
    padding-block-start: 15px;
  }
}
.c-list-post__meta {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: calc(100vw * 8 / 402);
  margin-block-end: calc(100vw * 5 / 402);
}
@media (min-width: 600px) {
  .c-list-post__meta {
    gap: calc(100vw * 10 / 1200);
    margin-block-end: calc(100vw * 4 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-post__meta {
    margin-block-end: 4px;
    gap: 10px;
  }
}
.c-list-post__category {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  padding-block-start: calc(100vw * 2 / 402);
}
@media (min-width: 600px) {
  .c-list-post__category {
    padding-block-start: 0;
  }
}
.c-list-post__category .c-category {
  position: relative;
  z-index: 2;
  display: inline;
  font-size: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-list-post__category .c-category {
    font-size: 12px;
  }
}
.c-list-post__date {
  margin: 0;
  padding-block-start: calc(100vw * 2 / 402);
  color: #555555;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 10 / 402);
  font-weight: 600;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .c-list-post__date {
    padding-block-start: 0;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .c-list-post__date {
    padding-block-start: 0;
    font-size: 12px;
  }
}
.c-list-post__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin: 0 0 calc(100vw * 5 / 402);
  font-size: calc(100vw * 12 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-list-post__title {
    margin-block-end: calc(100vw * 14 / 1200);
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .c-list-post__title {
    margin-block-end: 14px;
    font-size: 18px;
  }
}
.c-list-post__other {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 600px) {
  .c-list-post__other {
    justify-content: space-between;
  }
}
.c-list-post__tag-box {
  display: none;
}
@media (min-width: 600px) {
  .c-list-post__tag-box {
    display: block;
  }
}
.c-list-post__tag-box__tag {
  position: relative;
  display: inline-block;
  margin-inline-end: calc(100vw * 10 / 402);
  color: #272727;
  font-size: calc(100vw * 11 / 402);
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  z-index: 2;
}
@media (min-width: 600px) {
  .c-list-post__tag-box__tag {
    margin-inline-end: calc(100vw * 10 / 1200);
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .c-list-post__tag-box__tag {
    margin-inline-end: 10px;
    font-size: 11px;
  }
}
.c-list-post__like {
  display: flex;
  align-items: end;
  visibility: hidden;
}
@media (min-width: 600px) {
  .c-list-post__like {
    padding-block-end: calc(100vw * 2 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-post__like {
    padding-block-end: 2px;
  }
}
.c-list-post__like .c-button-like {
  position: relative;
  z-index: 2;
}
.c-list-post__lead {
  margin: 0;
  font-size: calc(100vw * 12 / 402);
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-list-post__lead {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .c-list-post__lead {
    font-size: 12px;
  }
}
.c-list-post__item--ad .c-list-post__category .c-category {
  z-index: 1;
}
.c-list-pickup {
  position: relative;
}
.c-list-pickup__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-list-pickup__item {
  position: relative;
}
.c-list-pickup__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-list-pickup__thumb {
  margin: 0;
}
.c-list-pickup__thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 120/63;
}
.c-list-pickup__info {
  padding: calc(100vw * 10 / 402) calc(100vw * 12 / 402) calc(100vw * 17 / 402);
}
@media (min-width: 600px) {
  .c-list-pickup__info {
    padding: calc(100vw * 10 / 1200) calc(100vw * 12 / 1200) calc(100vw * 17 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__info {
    padding: 10px 12px 17px;
  }
}
.c-list-pickup__meta {
  display: flex;
  justify-content: space-between;
  gap: calc(100vw * 10 / 402);
  margin-block-end: calc(100vw * 5 / 402);
}
@media (min-width: 600px) {
  .c-list-pickup__meta {
    gap: calc(100vw * 10 / 1200);
    margin-block-end: calc(100vw * 4 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__meta {
    margin-block-end: 4px;
    gap: 10px;
  }
}
.c-list-pickup__category {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  padding-block-start: calc(100vw * 2 / 402);
}
@media (min-width: 600px) {
  .c-list-pickup__category {
    padding-block-start: 0;
  }
}
.c-list-pickup__category .c-category {
  position: relative;
  z-index: 2;
}
@media (min-width: 600px) {
  .c-list-pickup__category .c-category {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__category .c-category {
    font-size: 12px;
  }
}
.c-list-pickup__date {
  margin: 0;
  color: #555555;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 12 / 402);
  font-weight: 600;
}
@media (min-width: 600px) {
  .c-list-pickup__date {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__date {
    font-size: 12px;
  }
}
.c-list-pickup__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin: 0;
  font-size: calc(100vw * 18 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-list-pickup__title {
    margin-block-end: 14px;
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__title {
    margin-block-end: 14px;
    font-size: 18px;
  }
}
.c-list-pickup__button-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-start: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-list-pickup__button-area {
    position: absolute;
    top: calc(100% + 100vw * 45 / 1200);
    left: 0;
    margin-block: 0;
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__button-area {
    top: calc(100% + 45px);
  }
}
.c-list-pickup__button {
  position: relative;
  display: inline-block;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
  border: 1px solid #272727;
  border-radius: 100px;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 600px) {
  .c-list-pickup__button {
    width: calc(100vw * 30 / 1200);
    height: calc(100vw * 30 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__button {
    width: 30px;
    height: 30px;
  }
}
.c-list-pickup__button:before {
  content: "";
  position: absolute;
  top: 50%;
  translate: -50% -50%;
  width: calc(100vw * 28 / 402);
  height: calc(100vw * 6 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 6"><path fill="%23272727" d="M27.39,2.89L24.5,0l-2.39,2.39H.5c-.28,0-.5.22-.5.5s.22.5.5.5h21.61l2.39,2.39,2.89-2.89Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .c-list-pickup__button:before {
    width: calc(100vw * 28 / 1200);
    height: calc(100vw * 6 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__button:before {
    width: 28px;
    height: 6px;
  }
}
.c-list-pickup__button--prev:before {
  rotate: 180deg;
  left: calc(50% + 100vw * 11 / 402);
}
@media (min-width: 600px) {
  .c-list-pickup__button--prev:before {
    left: calc(50% + 100vw * 11 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__button--prev:before {
    left: calc(50% + 11px);
  }
}
.c-list-pickup__button--next:before {
  left: calc(50% - 100vw * 11 / 402);
}
@media (min-width: 600px) {
  .c-list-pickup__button--next:before {
    left: calc(50% - 100vw * 11 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__button--next:before {
    left: calc(50% - 11px);
  }
}
.c-list-pickup__sum {
  margin-inline: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-list-pickup__sum {
    margin-inline: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__sum {
    margin-inline: 20px;
  }
}
.c-list-pickup__sum__now, .c-list-pickup__sum__per, .c-list-pickup__sum__total {
  display: inline-block;
  color: #272727;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-list-pickup__sum__now, .c-list-pickup__sum__per, .c-list-pickup__sum__total {
    font-size: calc(100vw * 12 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-pickup__sum__now, .c-list-pickup__sum__per, .c-list-pickup__sum__total {
    font-size: 12px;
  }
}

.c-list-alongwith {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .c-list-alongwith {
    display: flex;
    gap: calc(100vw * 30 / 1200);
    padding-inline: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-alongwith {
    gap: 30px;
    padding-inline: 20px;
  }
}
.c-list-alongwith__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease;
  gap: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-list-alongwith__item {
    gap: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-alongwith__item {
    gap: 20px;
  }
}
.c-list-alongwith__item:hover {
  opacity: 0.7;
}
.c-list-alongwith__item:not(:last-of-type) {
  margin-block-end: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-list-alongwith__item:not(:last-of-type) {
    margin-block-end: 0;
  }
}
.c-list-alongwith__item:only-child {
  display: block;
  gap: 0;
  padding: 0 calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-list-alongwith__item:only-child {
    display: flex;
    align-items: center;
    gap: calc(100vw * 20 / 1200);
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .c-list-alongwith__item:only-child {
    gap: 20px;
  }
}
.c-list-alongwith__item:only-child .c-list-alongwith__thumb {
  margin-block-end: calc(100vw * 20 / 402);
  width: 100%;
}
@media (min-width: 600px) {
  .c-list-alongwith__item:only-child .c-list-alongwith__thumb {
    width: 37.5%;
    margin: 0;
  }
}
@media (min-width: 1728px) {
  .c-list-alongwith__item:only-child .c-list-alongwith__thumb {
    width: 330px;
  }
}
.c-list-alongwith__item:only-child .c-list-alongwith__info {
  width: 100%;
}
@media (min-width: 600px) {
  .c-list-alongwith__item:only-child .c-list-alongwith__info {
    width: 60.227%;
  }
}
@media (min-width: 1728px) {
  .c-list-alongwith__item:only-child .c-list-alongwith__info {
    width: 530px;
  }
}
.c-list-alongwith__item:only-child .c-list-alongwith__title {
  font-size: calc(100vw * 18 / 402);
}
@media (min-width: 600px) {
  .c-list-alongwith__item:only-child .c-list-alongwith__title {
    font-size: calc(100vw * 18 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-alongwith__item:only-child .c-list-alongwith__title {
    font-size: 18px;
  }
}
.c-list-alongwith__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-list-alongwith__thumb {
  margin: 0;
  width: calc(100vw * 170 / 402);
}
@media (min-width: 600px) {
  .c-list-alongwith__thumb {
    width: 47.619%;
  }
}
@media (min-width: 1728px) {
  .c-list-alongwith__thumb {
    width: 200px;
  }
}
.c-list-alongwith__thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 120/63;
}
.c-list-alongwith__info {
  width: calc(100vw * 170 / 402);
}
@media (min-width: 600px) {
  .c-list-alongwith__info {
    width: 47.619%;
  }
}
@media (min-width: 1728px) {
  .c-list-alongwith__info {
    width: 200px;
  }
}
.c-list-alongwith__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin: 0;
  height: calc(100vw * 54 / 402);
  font-size: calc(100vw * 12 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-list-alongwith__title {
    height: auto;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .c-list-alongwith__title {
    font-size: 12px;
  }
}
.c-list-alongwith__category {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  margin-block-start: calc(100vw * 6 / 402);
}
@media (min-width: 600px) {
  .c-list-alongwith__category {
    margin-block-start: calc(100vw * 6 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-alongwith__category {
    margin-block-start: 6px;
  }
}
.c-list-alongwith__category .c-category {
  position: relative;
  z-index: 2;
}
@media (min-width: 600px) {
  .c-list-alongwith__category .c-category {
    font-size: 10px;
  }
}
.c-list-writer {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .c-list-writer {
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * 20 / 1200) 3.262%;
  }
}
@media (min-width: 1200px) {
  .c-list-writer {
    gap: 20px 3.262%;
  }
}
.c-list-writer__item {
  box-sizing: border-box;
  position: relative;
  padding-block: calc(100vw * 20 / 402);
  border-bottom: 1px solid #D9D9D9;
}
@media (min-width: 600px) {
  .c-list-writer__item {
    padding-block: calc(100vw * 30 / 1200);
    width: 48.369%;
  }
}
@media (min-width: 1200px) {
  .c-list-writer__item {
    padding-block: 30px;
  }
}
.c-list-writer__item:hover .c-list-writer__photo img {
  scale: 1.2;
}
.c-list-writer__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-list-writer__content {
  display: flex;
  align-items: center;
}
.c-list-writer__photo {
  margin: 0;
  width: calc(100vw * 100 / 402);
  height: calc(100vw * 100 / 402);
  border-radius: 100px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .c-list-writer__photo {
    width: calc(100vw * 100 / 1200);
    height: calc(100vw * 100 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-list-writer__photo {
    width: 100px;
    height: 100px;
  }
}
.c-list-writer__photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  scale: 1;
  transition: all 0.3s ease;
}
.c-list-writer__position {
  margin: 0;
  color: #555555;
  font-size: calc(100vw * 12 / 402);
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-list-writer__position {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .c-list-writer__position {
    font-size: 12px;
  }
}
.c-list-writer__name {
  margin: 0;
  color: #272727;
  font-size: calc(100vw * 20 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-list-writer__name {
    font-size: clamp(1.125rem, 1rem + 0.3333vw, 1.25rem);
  }
}
@media (min-width: 1200px) {
  .c-list-writer__name {
    font-size: 20px;
  }
}

@media (min-width: 600px) {
  .c-ad-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  .c-ad-list {
    gap: calc(100vw * 16 / 1728);
  }
}
@media (min-width: 600px) and (min-width: 1200px) {
  .c-ad-list {
    gap: 16px;
  }
}
.c-ad-list__item {
  display: block;
  margin: 0 auto calc(100vw * 20 / 402);
  width: 300px;
}
@media (min-width: 600px) {
  .c-ad-list__item {
    margin: 0;
  }
}
.wrap-table {
  overflow: auto;
}

.table-default {
  width: 100%;
}
.table-default tr th,
.table-default tr td {
  padding: 10px;
  border: 1px solid #CCC;
}
.table-default tr th {
  background: #DEDEDE;
}
.table-responsive {
  width: 100%;
}
.table-responsive tr, .table-responsive th, .table-responsive td {
  display: block;
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 1200px) {
  .table-responsive tr {
    display: table-row;
  }
}
@media (min-width: 1200px) {
  .table-responsive th, .table-responsive td {
    display: table-cell;
  }
}
.table-responsive th {
  padding-top: 5px;
  padding-bottom: 5px;
  width: auto;
  text-align: left;
}
.table-responsive td {
  padding-top: 5px;
  padding-bottom: 10px;
}

.button {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  line-height: 1.1;
  text-decoration: none;
  user-select: none;
}
.button-menu {
  position: relative;
  display: flex;
  justify-content: center;
  padding: calc(100vw * 10 / 402) calc(100vw * 20 / 402);
  width: calc(100vw * 100 / 402);
  height: calc(100vw * 38 / 402);
  align-items: center;
  gap: calc(100vw * 10 / 402);
  border: none;
  border-radius: calc(100vw * 100 / 402);
  font-family: "Barlow Semi Condensed", sans-serif;
  color: #fff;
  background-color: #333;
}
@media (min-width: 600px) {
  .button-menu {
    padding: calc(100vw * 10 / 1728) calc(100vw * 15 / 1728);
    width: calc(100vw * 100 / 1728);
    height: calc(100vw * 38 / 1728);
    gap: calc(100vw * 4 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-menu {
    padding: 10px 15px;
    width: 100px;
    height: 38px;
    gap: 4px;
  }
}
.button-menu__textarea {
  display: flex;
  align-items: center;
}
@media (min-width: 600px) {
  .button-menu__textarea > *:not(:last-child) {
    margin-inline-end: calc(100vw * 4 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-menu__textarea > *:not(:last-child) {
    margin-inline-end: 4px;
  }
}
.button-menu__text {
  display: none;
  font-size: calc(100vw * 16 / 402);
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .button-menu__text {
    display: inline-block;
    font-size: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-menu__text {
    font-size: 12px;
  }
}
.button-menu__text__close {
  display: none;
}
.button-menu.is-active .icon-burger {
  display: none;
}
.button-menu.is-active .icon-magnifier {
  display: none;
}
.button-menu.is-active .button-menu__text {
  display: block;
}
.button-menu.is-active .button-menu__text__menu {
  display: none;
}
.button-menu.is-active .button-menu__text__close {
  display: inline-block;
}
.button-lang {
  display: flex;
  width: calc(100vw * 38 / 402);
  height: calc(100vw * 38 / 402);
  padding: calc(100vw * 9 / 402);
  border: 1px solid #333;
  border-radius: 50% 50%;
  background-color: #fff;
  align-items: flex-start;
}
@media (min-width: 600px) {
  .button-lang {
    padding: calc(100vw * 9 / 1728);
    width: calc(100vw * 38 / 1728);
    height: calc(100vw * 38 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-lang {
    padding: 9px;
    width: 38px;
    height: 38px;
  }
}
.button-lang .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button-search {
  position: relative;
  display: flex;
}
@media (min-width: 600px) {
  .button-search {
    width: calc(100vw * 38 / 1728);
    height: calc(100vw * 38 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search {
    width: 38px;
    height: 38px;
  }
}
.button-search__form {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.button-search__holder {
  position: relative;
  overflow: hidden;
  border-radius: 100px;
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .button-search__holder {
    width: calc(100vw * 38 / 1728);
    height: calc(100vw * 38 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search__holder {
    width: 38px;
    height: 38px;
  }
}
.button-search__input {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  outline: none;
  border: none;
  font-weight: 500;
  line-height: 140%;
  background-color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  /* animation */
  opacity: 0;
}
@media (min-width: 600px) {
  .button-search__input {
    padding: calc(100vw * 20 / 1728) calc(100vw * 80 / 1728) calc(100vw * 20 / 1728) calc(100vw * 25 / 1728);
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search__input {
    padding: 20px 80px 20px 25px;
    font-size: 14px;
  }
}
.button-search__button {
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
  outline: none;
  text-align: center;
  background-color: #333;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 2;
}
@media (min-width: 600px) {
  .button-search__button {
    padding: calc(100vw * 8 / 1728);
    width: calc(100vw * 38 / 1728);
    height: calc(100vw * 38 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search__button {
    padding: 8px;
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 600px) {
  .button-search__button__icon {
    margin-block-end: calc(100vw * 3 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search__button__icon {
    margin-block-end: 3px;
  }
}
.button-search__button__text {
  display: none;
  color: #fff;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
}
@media (min-width: 600px) {
  .button-search__button__text {
    font-size: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search__button__text {
    font-size: 12px;
  }
}
.button-search__close {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  pointer-events: none;
  cursor: pointer;
  transition: all 0.3s ease;
  translate: 0 -50%;
  rotate: -180deg;
  opacity: 0;
}
.button-search__close:hover {
  opacity: 0.7;
}
.button-search.is-active .button-search__holder {
  border: 1px solid #D9D9D9;
}
@media (min-width: 600px) {
  .button-search.is-active .button-search__holder {
    width: calc(100vw * 520 / 1728);
    height: calc(100vw * 60 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search.is-active .button-search__holder {
    width: 520px;
    height: 60px;
  }
}
.button-search.is-active .button-search__input {
  opacity: 1;
  cursor: auto;
}
.button-search.is-active .button-search__button {
  pointer-events: auto;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .button-search.is-active .button-search__button {
    padding-block-start: calc(100vw * 12 / 1728);
    width: calc(100vw * 80 / 1728);
    height: calc(100vw * 60 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search.is-active .button-search__button {
    padding-block-start: 12px;
    width: 80px;
    height: 60px;
  }
}
.button-search.is-active .button-search__button__text {
  display: block;
}
.button-search.is-active .button-search__close {
  pointer-events: auto;
  opacity: 1;
  rotate: 90deg;
}
@media (min-width: 600px) {
  .button-search.is-active .button-search__close {
    right: calc(-100vw * 53 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-search.is-active .button-search__close {
    right: -53px;
  }
}

.button-login {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(100vw * 14 / 402) calc(100vw * 20 / 402);
  width: calc(100vw * 170 / 402);
  height: calc(100vw * 46 / 402);
  border-radius: 100px;
  color: #fff;
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  text-align: center;
  background-color: #00C7FF;
}
@media (min-width: 600px) {
  .button-login {
    padding: calc(100vw * 10 / 1728) calc(100vw * 20 / 1728);
    width: calc(100vw * 180 / 1728);
    height: calc(100vw * 38 / 1728);
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-login {
    padding: 10px 20px;
    width: 180px;
    height: 38px;
    font-size: 14px;
  }
}
.button-login .icon {
  margin-inline-end: calc(100vw * 8 / 402);
}
@media (min-width: 600px) {
  .button-login .icon {
    margin-inline-end: calc(100vw * 8 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-login .icon {
    margin-inline-end: 8px;
  }
}

.button-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(100vw * 14 / 402) calc(100vw * 20 / 402);
  width: calc(100vw * 170 / 402);
  height: calc(100vw * 46 / 402);
  border-radius: 100px;
  color: #fff;
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  text-align: center;
  background-color: transparent;
}
@media (min-width: 600px) {
  .button-logout {
    padding: calc(100vw * 10 / 1728) calc(100vw * 20 / 1728);
    width: calc(100vw * 180 / 1728);
    height: calc(100vw * 38 / 1728);
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-logout {
    padding: 10px 20px;
    width: 180px;
    height: 38px;
    font-size: 14px;
  }
}
.button-logout .icon {
  margin-inline-end: calc(100vw * 8 / 402);
}
@media (min-width: 600px) {
  .button-logout .icon {
    margin-inline-end: calc(100vw * 8 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-logout .icon {
    margin-inline-end: 8px;
  }
}
.button-logout--black {
  color: #333;
}
.button-logout--short {
  padding: calc(100vw * 14 / 402) calc(100vw * 10 / 402);
  width: calc(100vw * 116 / 402);
  color: #333;
}
@media (min-width: 600px) {
  .button-logout--short {
    padding: calc(100vw * 10 / 1728) calc(100vw * 10 / 1728);
    width: calc(100vw * 116 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-logout--short {
    padding: 10px 10px;
    width: 116px;
  }
}

.button-magazine,
.button-mypage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(100vw * 14 / 402) calc(100vw * 20 / 402);
  width: calc(100vw * 170 / 402);
  height: calc(100vw * 46 / 402);
  border-radius: 100px;
  color: #333;
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  text-align: center;
  background-color: #FFEF00;
}
@media (min-width: 600px) {
  .button-magazine,
  .button-mypage {
    padding: calc(100vw * 10 / 1728) calc(100vw * 20 / 1728);
    width: calc(100vw * 180 / 1728);
    height: calc(100vw * 38 / 1728);
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-magazine,
  .button-mypage {
    padding: 10px 20px;
    width: 180px;
    height: 38px;
    font-size: 14px;
  }
}
.button-magazine .icon,
.button-mypage .icon {
  translate: 0 calc(-100vw * 2 / 402);
  margin-inline-end: calc(100vw * 8 / 402);
  transform: translateY(calc(100vw * 2 / 402));
}
@media (min-width: 600px) {
  .button-magazine .icon,
  .button-mypage .icon {
    translate: 0 calc(-100vw * 1 / 1728);
    margin-inline-end: calc(100vw * 8 / 1728);
    transform: translateY(calc(100vw * 2 / 1728));
  }
}
@media (min-width: 1728px) {
  .button-magazine .icon,
  .button-mypage .icon {
    translate: 0 -1px;
    margin-inline-end: 8px;
    transform: translateY(2px);
  }
}

.button-close {
  display: flex;
  width: calc(100vw * 38 / 402);
  height: calc(100vw * 38 / 402);
  padding: calc(100vw * 9 / 402);
  border-radius: 50% 50%;
  background-color: #333;
  align-items: flex-start;
}
@media (min-width: 600px) {
  .button-close {
    padding: calc(100vw * 9 / 1728);
    width: calc(100vw * 38 / 1728);
    height: calc(100vw * 38 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-close {
    padding: 9px;
    width: 38px;
    height: 38px;
  }
}
.button-close .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button-like {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  visibility: hidden;
  display: none;
}
.button-like__button {
  position: relative;
  display: inline-block;
  margin-inline-end: calc(100vw * 4 / 402);
  padding: 0;
  width: calc(100vw * 12 / 402);
  height: calc(100vw * 10 / 402);
  border: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
}
@media (min-width: 600px) {
  .button-like__button {
    margin-inline-end: 4px;
    width: 12px;
    height: 10px;
  }
}
@media (min-width: 1728px) {
  .button-like__button {
    margin-inline-end: 4px;
    width: 12px;
    height: 10px;
  }
}
.button-like__button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: calc(100vw * 12 / 402);
  height: calc(100vw * 10 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 12 11" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M5.61,10.43c-.13-.05-.25-.12-.35-.23l-.95-.89c-.97-.91-1.85-1.82-2.63-2.72-.78-.9-1.18-1.89-1.18-2.98,0-.89.29-1.63.87-2.22.58-.59,1.3-.89,2.16-.89.49,0,.94.11,1.38.32.43.21.8.5,1.1.87.3-.37.67-.66,1.1-.87.43-.21.89-.32,1.38-.32.86,0,1.58.3,2.16.89.58.59.87,1.33.87,2.22,0,1.08-.39,2.08-1.17,2.98-.78.91-1.66,1.82-2.65,2.73l-.93.88c-.1.1-.22.18-.35.23-.13.05-.26.07-.39.07s-.26-.02-.39-.07Z"/><path fill="%23555555" d="M6,11c-.19,0-.37-.03-.56-.1-.2-.07-.39-.19-.54-.35l-.93-.88c-.98-.92-1.88-1.85-2.67-2.76-.86-.99-1.3-2.1-1.3-3.31,0-1.02.34-1.88,1.01-2.57C1.68.35,2.53,0,3.52,0,4.08,0,4.62.12,5.12.37c.32.16.62.36.88.6.26-.24.56-.44.88-.6C7.38.12,7.92,0,8.47,0,9.47,0,10.32.35,10.99,1.04c.67.69,1.01,1.55,1.01,2.57,0,1.2-.43,2.32-1.29,3.31-.79.92-1.7,1.85-2.69,2.77l-.93.87c-.14.14-.32.26-.53.33-.18.07-.37.1-.56.1ZM3.52,1c-.73,0-1.32.24-1.8.74-.49.5-.72,1.11-.72,1.87,0,.97.34,1.84,1.05,2.65.77.88,1.64,1.79,2.6,2.69l.95.89c.06.06.11.1.17.12,0,0,0,0,0,0,.16.06.29.06.45,0,.06-.02.11-.06.16-.1l.95-.89c.97-.9,1.85-1.8,2.62-2.69.71-.82,1.05-1.69,1.05-2.66,0-.76-.24-1.37-.72-1.87-.48-.5-1.07-.74-1.8-.74-.41,0-.79.09-1.15.27-.37.18-.67.42-.93.74-.19.23-.58.23-.77,0-.26-.31-.56-.56-.94-.74-.36-.18-.75-.27-1.15-.27Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .button-like__button:before {
    width: 12px;
    height: 10px;
  }
}
@media (min-width: 1728px) {
  .button-like__button:before {
    width: 12px;
    height: 10px;
  }
}
.button-like__number {
  display: inline-block;
  color: #555555;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 12 / 402);
  font-weight: 600;
  line-height: 110%;
}
@media (min-width: 600px) {
  .button-like__number {
    font-size: 12px;
  }
}
@media (min-width: 1728px) {
  .button-like__number {
    font-size: 12px;
  }
}
.button-like.like .button-like__button:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 12 11" xmlns="http://www.w3.org/2000/svg"><path fill="%23555555" d="M5.61,10.43c-.13-.05-.25-.12-.35-.23l-.95-.89c-.97-.91-1.85-1.82-2.63-2.72-.78-.9-1.18-1.89-1.18-2.98,0-.89.29-1.63.87-2.22.58-.59,1.3-.89,2.16-.89.49,0,.94.11,1.38.32.43.21.8.5,1.1.87.3-.37.67-.66,1.1-.87.43-.21.89-.32,1.38-.32.86,0,1.58.3,2.16.89.58.59.87,1.33.87,2.22,0,1.08-.39,2.08-1.17,2.98-.78.91-1.66,1.82-2.65,2.73l-.93.88c-.1.1-.22.18-.35.23-.13.05-.26.07-.39.07s-.26-.02-.39-.07Z"/><path fill="%23555555" d="M6,11c-.19,0-.37-.03-.56-.1-.2-.07-.39-.19-.54-.35l-.93-.88c-.98-.92-1.88-1.85-2.67-2.76-.86-.99-1.3-2.1-1.3-3.31,0-1.02.34-1.88,1.01-2.57C1.68.35,2.53,0,3.52,0,4.08,0,4.62.12,5.12.37c.32.16.62.36.88.6.26-.24.56-.44.88-.6C7.38.12,7.92,0,8.47,0,9.47,0,10.32.35,10.99,1.04c.67.69,1.01,1.55,1.01,2.57,0,1.2-.43,2.32-1.29,3.31-.79.92-1.7,1.85-2.69,2.77l-.93.87c-.14.14-.32.26-.53.33-.18.07-.37.1-.56.1ZM3.52,1c-.73,0-1.32.24-1.8.74-.49.5-.72,1.11-.72,1.87,0,.97.34,1.84,1.05,2.65.77.88,1.64,1.79,2.6,2.69l.95.89c.06.06.11.1.17.12,0,0,0,0,0,0,.16.06.29.06.45,0,.06-.02.11-.06.16-.1l.95-.89c.97-.9,1.85-1.8,2.62-2.69.71-.82,1.05-1.69,1.05-2.66,0-.76-.24-1.37-.72-1.87-.48-.5-1.07-.74-1.8-.74-.41,0-.79.09-1.15.27-.37.18-.67.42-.93.74-.19.23-.58.23-.77,0-.26-.31-.56-.56-.94-.74-.36-.18-.75-.27-1.15-.27Z"/></svg>');
}

.button-like-large.like .icon.icon-heart:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 12 11" xmlns="http://www.w3.org/2000/svg"><path fill="%23555555" d="M5.61,10.43c-.13-.05-.25-.12-.35-.23l-.95-.89c-.97-.91-1.85-1.82-2.63-2.72-.78-.9-1.18-1.89-1.18-2.98,0-.89.29-1.63.87-2.22.58-.59,1.3-.89,2.16-.89.49,0,.94.11,1.38.32.43.21.8.5,1.1.87.3-.37.67-.66,1.1-.87.43-.21.89-.32,1.38-.32.86,0,1.58.3,2.16.89.58.59.87,1.33.87,2.22,0,1.08-.39,2.08-1.17,2.98-.78.91-1.66,1.82-2.65,2.73l-.93.88c-.1.1-.22.18-.35.23-.13.05-.26.07-.39.07s-.26-.02-.39-.07Z"/><path fill="%23555555" d="M6,11c-.19,0-.37-.03-.56-.1-.2-.07-.39-.19-.54-.35l-.93-.88c-.98-.92-1.88-1.85-2.67-2.76-.86-.99-1.3-2.1-1.3-3.31,0-1.02.34-1.88,1.01-2.57C1.68.35,2.53,0,3.52,0,4.08,0,4.62.12,5.12.37c.32.16.62.36.88.6.26-.24.56-.44.88-.6C7.38.12,7.92,0,8.47,0,9.47,0,10.32.35,10.99,1.04c.67.69,1.01,1.55,1.01,2.57,0,1.2-.43,2.32-1.29,3.31-.79.92-1.7,1.85-2.69,2.77l-.93.87c-.14.14-.32.26-.53.33-.18.07-.37.1-.56.1ZM3.52,1c-.73,0-1.32.24-1.8.74-.49.5-.72,1.11-.72,1.87,0,.97.34,1.84,1.05,2.65.77.88,1.64,1.79,2.6,2.69l.95.89c.06.06.11.1.17.12,0,0,0,0,0,0,.16.06.29.06.45,0,.06-.02.11-.06.16-.1l.95-.89c.97-.9,1.85-1.8,2.62-2.69.71-.82,1.05-1.69,1.05-2.66,0-.76-.24-1.37-.72-1.87-.48-.5-1.07-.74-1.8-.74-.41,0-.79.09-1.15.27-.37.18-.67.42-.93.74-.19.23-.58.23-.77,0-.26-.31-.56-.56-.94-.74-.36-.18-.75-.27-1.15-.27Z"/></svg>');
}

.button-more {
  position: relative;
  padding: calc(100vw * 6 / 402) calc(100vw * 10 / 402) calc(100vw * 6 / 402) calc(100vw * 40 / 402);
  border: none;
  color: #272727;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 140%;
  background-color: transparent;
}
@media (min-width: 600px) {
  .button-more {
    padding: calc(100vw * 6 / 1728) calc(100vw * 10 / 1728) calc(100vw * 6 / 1728) calc(100vw * 40 / 1728);
    font-size: 12px;
  }
}
@media (min-width: 1728px) {
  .button-more {
    padding: 6px 10px 6px 40px;
    font-size: 12px;
  }
}
.button-more .icon.icon-plus {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
.button-arrow {
  position: relative;
  display: block;
  padding: calc(100vw * 20 / 402) calc(100vw * 60 / 402);
  border: 1px solid #272727;
  border-radius: 100px;
  color: #272727;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 140%;
  text-align: center;
  background-color: #fff;
}
@media (min-width: 600px) {
  .button-arrow {
    display: inline-block;
    padding: calc(100vw * 20 / 1728) calc(100vw * 60 / 1728);
    min-width: calc(100vw * 380 / 1728);
    font-size: 12px;
  }
}
@media (min-width: 1728px) {
  .button-arrow {
    padding: 20px 60px;
    min-width: 380px;
    font-size: 12px;
  }
}
.button-arrow .icon.icon-arrow {
  position: absolute;
  top: 50%;
  right: calc(100vw * 35 / 402);
  translate: 0 -50%;
}
@media (min-width: 600px) {
  .button-arrow .icon.icon-arrow {
    right: calc(100vw * 35 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-arrow .icon.icon-arrow {
    right: 35px;
  }
}

.button-share {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(100vw * 10 / 402);
  width: 100%;
  border: none;
  background-color: #F5F5F0;
  cursor: pointer;
}
@media (min-width: 600px) {
  .button-share {
    padding: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-share {
    padding: 10px;
  }
}
.button-share__text {
  color: #272727;
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .button-share__text {
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-share__text {
    font-size: 14px;
  }
}
.button-share .icon {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .button-share .icon {
    margin-inline-end: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-share .icon {
    margin-inline-end: 10px;
  }
}

.button-icon {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(100vw * 10 / 402);
  border: 1px solid #333;
  border-radius: 100px;
  text-decoration: none;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 600px) {
  .button-icon {
    padding: calc(100vw * 10 / 1728) calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-icon {
    padding: 10px 10px;
  }
}
.button-icon__text {
  color: #272727;
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .button-icon__text {
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-icon__text {
    font-size: 14px;
  }
}
.button-icon .icon {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .button-icon .icon {
    margin-inline-end: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .button-icon .icon {
    margin-inline-end: 10px;
  }
}

.icon {
  position: relative;
  display: inline-block;
  background: 0 0 no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  line-height: 1;
}
.icon.icon-burger {
  width: calc(100vw * 20 / 402);
  height: calc(100vw * 12 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 13" fill="none"><line y1="0.5" x2="20" y2="0.5" stroke="%23fff"/><line y1="6.5" x2="20" y2="6.5" stroke="%23fff"/><line y1="12.5" x2="20" y2="12.5" stroke="%23fff"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-burger {
    width: calc(100vw * 20 / 1728);
    height: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-burger {
    width: 20px;
    height: 12px;
  }
}
.icon.icon-magnifier {
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 18 / 402);
}
@media (min-width: 600px) {
  .icon.icon-magnifier {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 18 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-magnifier {
    width: 18px;
    height: 18px;
  }
}
.icon.icon-magnifier:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 18 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M6.5 13C4.68333 13 3.14583 12.3708 1.8875 11.1125C0.629167 9.85417 0 8.31667 0 6.5C0 4.68333 0.629167 3.14583 1.8875 1.8875C3.14583 0.629167 4.68333 0 6.5 0C8.31667 0 9.85417 0.629167 11.1125 1.8875C12.3708 3.14583 13 4.68333 13 6.5C13 7.23333 12.8833 7.925 12.65 8.575C12.4167 9.225 12.1 9.8 11.7 10.3L17.3 15.9C17.4833 16.0833 17.575 16.3167 17.575 16.6C17.575 16.8833 17.4833 17.1167 17.3 17.3C17.1167 17.4833 16.8833 17.575 16.6 17.575C16.3167 17.575 16.0833 17.4833 15.9 17.3L10.3 11.7C9.8 12.1 9.225 12.4167 8.575 12.65C7.925 12.8833 7.23333 13 6.5 13ZM6.5 11C7.75 11 8.8125 10.5625 9.6875 9.6875C10.5625 8.8125 11 7.75 11 6.5C11 5.25 10.5625 4.1875 9.6875 3.3125C8.8125 2.4375 7.75 2 6.5 2C5.25 2 4.1875 2.4375 3.3125 3.3125C2.4375 4.1875 2 5.25 2 6.5C2 7.75 2.4375 8.8125 3.3125 9.6875C4.1875 10.5625 5.25 11 6.5 11Z" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-magnifier:before {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 18 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-magnifier:before {
    width: 18px;
    height: 18px;
  }
}
.icon.icon-lang {
  width: calc(100vw * 20 / 402);
  height: calc(100vw * 19 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M12.9021 15.5375L12.1229 17.7604C12.0618 17.9285 11.9549 18.066 11.8021 18.1729C11.6493 18.2799 11.4812 18.3333 11.2979 18.3333C10.9924 18.3333 10.7441 18.2073 10.5531 17.9552C10.3622 17.7031 10.3278 17.4243 10.45 17.1187L13.9333 7.90625C14.0097 7.73819 14.1243 7.60069 14.2771 7.49375C14.4299 7.38681 14.5979 7.33333 14.7812 7.33333H15.4687C15.6521 7.33333 15.8201 7.38681 15.9729 7.49375C16.1257 7.60069 16.2403 7.73819 16.3167 7.90625L19.8 17.1417C19.9222 17.4319 19.8917 17.7031 19.7083 17.9552C19.525 18.2073 19.2806 18.3333 18.975 18.3333C18.7764 18.3333 18.6045 18.2799 18.4594 18.1729C18.3142 18.066 18.2035 17.9208 18.1271 17.7375L17.3479 15.5375H12.9021ZM7.37917 10.9771L3.39167 14.9417C3.22361 15.1097 3.01354 15.1976 2.76146 15.2052C2.50937 15.2128 2.29167 15.125 2.10833 14.9417C1.94028 14.7736 1.85625 14.5597 1.85625 14.3C1.85625 14.0403 1.94028 13.8264 2.10833 13.6583L6.09583 9.67083C5.56111 9.13611 5.07604 8.525 4.64062 7.8375C4.20521 7.15 3.80417 6.37083 3.4375 5.5H5.3625C5.66806 6.09583 5.97361 6.61528 6.27917 7.05833C6.58472 7.50139 6.95139 7.94444 7.37917 8.3875C7.88333 7.88333 8.4066 7.17674 8.94896 6.26771C9.49132 5.35868 9.9 4.49167 10.175 3.66667H0.916667C0.656944 3.66667 0.439236 3.57882 0.263542 3.40313C0.0878472 3.22743 0 3.00972 0 2.75C0 2.49028 0.0878472 2.27257 0.263542 2.09687C0.439236 1.92118 0.656944 1.83333 0.916667 1.83333H6.41667V0.916667C6.41667 0.656944 6.50451 0.439236 6.68021 0.263542C6.8559 0.0878472 7.07361 0 7.33333 0C7.59306 0 7.81076 0.0878472 7.98646 0.263542C8.16215 0.439236 8.25 0.656944 8.25 0.916667V1.83333H13.75C14.0097 1.83333 14.2274 1.92118 14.4031 2.09687C14.5788 2.27257 14.6667 2.49028 14.6667 2.75C14.6667 3.00972 14.5788 3.22743 14.4031 3.40313C14.2274 3.57882 14.0097 3.66667 13.75 3.66667H12.0083C11.6875 4.76667 11.2063 5.89722 10.5646 7.05833C9.92292 8.21944 9.28889 9.10556 8.6625 9.71667L10.8625 11.9625L10.175 13.8417L7.37917 10.9771ZM13.475 13.9333H16.775L15.125 9.25833L13.475 13.9333Z" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-lang {
    width: calc(100vw * 20 / 1728);
    height: calc(100vw * 19 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-lang {
    width: 20px;
    height: 19px;
  }
}
.icon.icon-ln {
  position: relative;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .icon.icon-ln {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 22 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-ln {
    width: 22px;
    height: 22px;
  }
}
.icon.icon-ln:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 28 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M22 8.92661C22 4.0045 17.0655 0 11 0C4.93448 0 0 4.0045 0 8.92661C0 13.3394 3.91377 17.0346 9.19983 17.7336C9.5576 17.811 10.0453 17.9697 10.169 18.2759C10.2803 18.5543 10.2412 18.9894 10.2051 19.2709C10.2051 19.2709 10.0762 20.0473 10.0484 20.2122C9.99991 20.4906 9.82773 21.2999 11.001 20.8051C12.1754 20.3102 17.3356 17.0748 19.6431 14.4189C21.237 12.6703 22.001 10.8969 22.001 8.92661H22ZM7.11923 11.5588C7.11923 11.6753 7.0254 11.7692 6.9089 11.7692H3.81892C3.70241 11.7692 3.60859 11.6753 3.60859 11.5588V11.5557V6.75837C3.60859 6.64186 3.70241 6.54804 3.81892 6.54804H4.5994C4.71488 6.54804 4.80973 6.64289 4.80973 6.75837V10.569H6.90993C7.0254 10.569 7.12026 10.6639 7.12026 10.7794V11.5599L7.11923 11.5588ZM8.97919 11.5588C8.97919 11.6743 8.88537 11.7692 8.76887 11.7692H7.98838C7.8729 11.7692 7.77805 11.6753 7.77805 11.5588V6.75837C7.77805 6.64289 7.87187 6.54804 7.98838 6.54804H8.76887C8.88537 6.54804 8.97919 6.64186 8.97919 6.75837V11.5588ZM14.29 11.5588C14.29 11.6743 14.1962 11.7692 14.0797 11.7692H13.3043C13.2858 11.7692 13.2672 11.7661 13.2497 11.7619C13.2497 11.7619 13.2476 11.7619 13.2466 11.7619C13.2414 11.7609 13.2373 11.7588 13.2322 11.7578C13.2301 11.7578 13.228 11.7557 13.226 11.7557C13.2229 11.7547 13.2188 11.7527 13.2157 11.7516C13.2126 11.7496 13.2085 11.7485 13.2054 11.7465C13.2033 11.7454 13.2012 11.7444 13.1992 11.7434C13.1951 11.7413 13.1899 11.7382 13.1858 11.7351C13.1858 11.7351 13.1837 11.7341 13.1837 11.7331C13.1631 11.7186 13.1445 11.7011 13.1291 11.6805L10.9299 8.7101V11.5609C10.9299 11.6764 10.8361 11.7712 10.7196 11.7712H9.93908C9.8236 11.7712 9.72875 11.6774 9.72875 11.5609V6.76043C9.72875 6.64496 9.82257 6.5501 9.93908 6.5501H10.7144C10.7144 6.5501 10.7196 6.5501 10.7216 6.5501C10.7257 6.5501 10.7288 6.5501 10.733 6.5501C10.7371 6.5501 10.7402 6.5501 10.7443 6.55113C10.7474 6.55113 10.7505 6.55113 10.7536 6.55216C10.7577 6.55216 10.7618 6.55423 10.766 6.55526C10.768 6.55526 10.7711 6.55629 10.7732 6.55732C10.7773 6.55835 10.7814 6.56041 10.7855 6.56144C10.7876 6.56144 10.7897 6.56351 10.7928 6.56351C10.7969 6.56557 10.801 6.5666 10.8051 6.56866C10.8072 6.56969 10.8093 6.57072 10.8113 6.57175C10.8154 6.57382 10.8196 6.57588 10.8227 6.57794C10.8247 6.57897 10.8268 6.58 10.8289 6.58206C10.833 6.58413 10.8361 6.58722 10.8402 6.58928C10.8423 6.59031 10.8443 6.59237 10.8464 6.59341C10.8505 6.5965 10.8536 6.59959 10.8577 6.60268C10.8588 6.60372 10.8608 6.60475 10.8618 6.60578C10.866 6.6099 10.8701 6.61403 10.8742 6.61918C10.8742 6.61918 10.8742 6.61918 10.8752 6.62021C10.8814 6.62743 10.8866 6.63465 10.8917 6.64186L13.0878 9.60812V6.75734C13.0878 6.64186 13.1817 6.54701 13.2982 6.54701H14.0786C14.1941 6.54701 14.289 6.64083 14.289 6.75734V11.5578L14.29 11.5588ZM18.5502 7.53782C18.5502 7.65433 18.4564 7.74815 18.3399 7.74815H16.2397V8.55854H18.3399C18.4553 8.55854 18.5502 8.65339 18.5502 8.76887V9.54935C18.5502 9.66586 18.4564 9.75968 18.3399 9.75968H16.2397V10.5701H18.3399C18.4553 10.5701 18.5502 10.6649 18.5502 10.7804V11.5609C18.5502 11.6774 18.4564 11.7712 18.3399 11.7712H15.2499C15.1334 11.7712 15.0396 11.6774 15.0396 11.5609V11.5578V6.76559V6.76043C15.0396 6.64393 15.1334 6.5501 15.2499 6.5501H18.3399C18.4553 6.5501 18.5502 6.64496 18.5502 6.76043V7.54092V7.53782Z" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-ln:before {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 21 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-ln:before {
    width: 22px;
    height: 21px;
  }
}
.icon.icon-ln--white:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M22 8.92661C22 4.0045 17.0655 0 11 0C4.93448 0 0 4.0045 0 8.92661C0 13.3394 3.91377 17.0346 9.19983 17.7336C9.5576 17.811 10.0453 17.9697 10.169 18.2759C10.2803 18.5543 10.2412 18.9894 10.2051 19.2709C10.2051 19.2709 10.0762 20.0473 10.0484 20.2122C9.99991 20.4906 9.82773 21.2999 11.001 20.8051C12.1754 20.3102 17.3356 17.0748 19.6431 14.4189C21.237 12.6703 22.001 10.8969 22.001 8.92661H22ZM7.11923 11.5588C7.11923 11.6753 7.0254 11.7692 6.9089 11.7692H3.81892C3.70241 11.7692 3.60859 11.6753 3.60859 11.5588V11.5557V6.75837C3.60859 6.64186 3.70241 6.54804 3.81892 6.54804H4.5994C4.71488 6.54804 4.80973 6.64289 4.80973 6.75837V10.569H6.90993C7.0254 10.569 7.12026 10.6639 7.12026 10.7794V11.5599L7.11923 11.5588ZM8.97919 11.5588C8.97919 11.6743 8.88537 11.7692 8.76887 11.7692H7.98838C7.8729 11.7692 7.77805 11.6753 7.77805 11.5588V6.75837C7.77805 6.64289 7.87187 6.54804 7.98838 6.54804H8.76887C8.88537 6.54804 8.97919 6.64186 8.97919 6.75837V11.5588ZM14.29 11.5588C14.29 11.6743 14.1962 11.7692 14.0797 11.7692H13.3043C13.2858 11.7692 13.2672 11.7661 13.2497 11.7619C13.2497 11.7619 13.2476 11.7619 13.2466 11.7619C13.2414 11.7609 13.2373 11.7588 13.2322 11.7578C13.2301 11.7578 13.228 11.7557 13.226 11.7557C13.2229 11.7547 13.2188 11.7527 13.2157 11.7516C13.2126 11.7496 13.2085 11.7485 13.2054 11.7465C13.2033 11.7454 13.2012 11.7444 13.1992 11.7434C13.1951 11.7413 13.1899 11.7382 13.1858 11.7351C13.1858 11.7351 13.1837 11.7341 13.1837 11.7331C13.1631 11.7186 13.1445 11.7011 13.1291 11.6805L10.9299 8.7101V11.5609C10.9299 11.6764 10.8361 11.7712 10.7196 11.7712H9.93908C9.8236 11.7712 9.72875 11.6774 9.72875 11.5609V6.76043C9.72875 6.64496 9.82257 6.5501 9.93908 6.5501H10.7144C10.7144 6.5501 10.7196 6.5501 10.7216 6.5501C10.7257 6.5501 10.7288 6.5501 10.733 6.5501C10.7371 6.5501 10.7402 6.5501 10.7443 6.55113C10.7474 6.55113 10.7505 6.55113 10.7536 6.55216C10.7577 6.55216 10.7618 6.55423 10.766 6.55526C10.768 6.55526 10.7711 6.55629 10.7732 6.55732C10.7773 6.55835 10.7814 6.56041 10.7855 6.56144C10.7876 6.56144 10.7897 6.56351 10.7928 6.56351C10.7969 6.56557 10.801 6.5666 10.8051 6.56866C10.8072 6.56969 10.8093 6.57072 10.8113 6.57175C10.8154 6.57382 10.8196 6.57588 10.8227 6.57794C10.8247 6.57897 10.8268 6.58 10.8289 6.58206C10.833 6.58413 10.8361 6.58722 10.8402 6.58928C10.8423 6.59031 10.8443 6.59237 10.8464 6.59341C10.8505 6.5965 10.8536 6.59959 10.8577 6.60268C10.8588 6.60372 10.8608 6.60475 10.8618 6.60578C10.866 6.6099 10.8701 6.61403 10.8742 6.61918C10.8742 6.61918 10.8742 6.61918 10.8752 6.62021C10.8814 6.62743 10.8866 6.63465 10.8917 6.64186L13.0878 9.60812V6.75734C13.0878 6.64186 13.1817 6.54701 13.2982 6.54701H14.0786C14.1941 6.54701 14.289 6.64083 14.289 6.75734V11.5578L14.29 11.5588ZM18.5502 7.53782C18.5502 7.65433 18.4564 7.74815 18.3399 7.74815H16.2397V8.55854H18.3399C18.4553 8.55854 18.5502 8.65339 18.5502 8.76887V9.54935C18.5502 9.66586 18.4564 9.75968 18.3399 9.75968H16.2397V10.5701H18.3399C18.4553 10.5701 18.5502 10.6649 18.5502 10.7804V11.5609C18.5502 11.6774 18.4564 11.7712 18.3399 11.7712H15.2499C15.1334 11.7712 15.0396 11.6774 15.0396 11.5609V11.5578V6.76559V6.76043C15.0396 6.64393 15.1334 6.5501 15.2499 6.5501H18.3399C18.4553 6.5501 18.5502 6.64496 18.5502 6.76043V7.54092V7.53782Z" /></svg>');
}
.icon.icon-fb {
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .icon.icon-fb {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 22 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-fb {
    width: 22px;
    height: 22px;
  }
}
.icon.icon-fb:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M30,15C30,6.72,23.28,0,15,0S0,6.72,0,15c0,7.03,4.84,12.94,11.38,14.56v-9.97h-3.09v-4.58h0s3.09,0,3.09,0v-1.98c0-4.79,2.03-7.17,6.41-7.44.29-.02.6-.03.91-.03.22,0,.47.01.74.03.73.05,1.58.15,2.15.26.14.03.27.05.37.08v4.16s0,0,0,0h0c-.35-.04-.97-.06-1.73-.06-.31,0-.59.01-.85.04-1.83.21-2.56,1.19-2.56,3.31v1.62h4.9l-.84,4.58h0s0,0,0,0h-4.06v10.31c7.43-.9,13.18-7.22,13.18-14.89h0Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-fb:before {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 22 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-fb:before {
    width: 22px;
    height: 22px;
  }
}
.icon.icon-fb--white:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M30,15C30,6.72,23.28,0,15,0S0,6.72,0,15c0,7.03,4.84,12.94,11.38,14.56v-9.97h-3.09v-4.58h0s3.09,0,3.09,0v-1.98c0-4.79,2.03-7.17,6.41-7.44.29-.02.6-.03.91-.03.22,0,.47.01.74.03.73.05,1.58.15,2.15.26.14.03.27.05.37.08v4.16s0,0,0,0h0c-.35-.04-.97-.06-1.73-.06-.31,0-.59.01-.85.04-1.83.21-2.56,1.19-2.56,3.31v1.62h4.9l-.84,4.58h0s0,0,0,0h-4.06v10.31c7.43-.9,13.18-7.22,13.18-14.89h0Z"/></svg>');
}
.icon.icon-x {
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .icon.icon-x {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 22 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-x {
    width: 22px;
    height: 22px;
  }
}
.icon.icon-x:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 24 / 402);
  height: calc(100vw * 26 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M10.7123 7.87571L17.4132 0H15.8253L10.007 6.83846L5.35991 0H0L7.02729 10.3409L0 18.5998H1.58804L7.73244 11.3783L12.6401 18.5998H18L10.7122 7.87571H10.7126H10.7123ZM8.53733 10.432L7.82528 9.40237L2.16013 1.20863H4.59911L9.17107 7.82111L9.88312 8.85077L15.8261 17.446H13.3871L8.53748 10.4322V10.4317L8.53733 10.432Z" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-x:before {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 19 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-x:before {
    width: 18px;
    height: 19px;
  }
}
.icon.icon-x--white:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M10.7123 7.87571L17.4132 0H15.8253L10.007 6.83846L5.35991 0H0L7.02729 10.3409L0 18.5998H1.58804L7.73244 11.3783L12.6401 18.5998H18L10.7122 7.87571H10.7126H10.7123ZM8.53733 10.432L7.82528 9.40237L2.16013 1.20863H4.59911L9.17107 7.82111L9.88312 8.85077L15.8261 17.446H13.3871L8.53748 10.4322V10.4317L8.53733 10.432Z" /></svg>');
}
.icon.icon-ig {
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .icon.icon-ig {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 22 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-ig {
    width: 22px;
    height: 22px;
  }
}
.icon.icon-ig:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M5.8736 0.0701189C4.80684 0.120449 4.07836 0.290689 3.44151 0.540936C2.78241 0.7978 2.22377 1.14249 1.66793 1.70033C1.11209 2.25818 0.769807 2.81722 0.514747 3.47733C0.267909 4.11558 0.100677 4.84466 0.0535547 5.91202C0.00643285 6.97938 -0.00399411 7.32247 0.00121937 10.0451C0.00643285 12.7677 0.018464 13.109 0.0701977 14.1786C0.121129 15.2452 0.290768 15.9734 0.541015 16.6105C0.79828 17.2696 1.14257 17.828 1.70061 18.3841C2.25866 18.9401 2.8173 19.2816 3.47901 19.537C4.11666 19.7835 4.84595 19.9515 5.9131 19.9982C6.98026 20.045 7.32375 20.0558 10.0456 20.0506C12.7674 20.0454 13.1101 20.0333 14.1795 19.9826C15.2488 19.9319 15.9733 19.761 16.6106 19.512C17.2697 19.2541 17.8285 18.9104 18.3841 18.3522C18.9398 17.7939 19.2819 17.2345 19.5367 16.574C19.7838 15.9363 19.9516 15.2071 19.9979 14.1407C20.0446 13.0705 20.0557 12.7288 20.0505 10.0066C20.0452 7.28437 20.033 6.94309 19.9823 5.87392C19.9315 4.80476 19.7617 4.07868 19.5117 3.44123C19.254 2.78213 18.9101 2.22409 18.3523 1.66765C17.7944 1.11121 17.2346 0.769327 16.5743 0.515069C15.9362 0.268231 15.2073 0.0999961 14.1402 0.0538769C13.073 0.00775767 12.7295 -0.00407292 10.0067 0.00114056C7.28385 0.00635404 6.94297 0.0179841 5.8736 0.0701189ZM5.99071 18.1946C5.01318 18.1521 4.48241 17.9896 4.12869 17.8537C3.66028 17.6732 3.32662 17.4551 2.97411 17.106C2.62159 16.7569 2.40503 16.422 2.22216 15.9546C2.08481 15.6009 1.91938 15.0707 1.87366 14.0932C1.82393 13.0366 1.8135 12.7194 1.80769 10.0427C1.80187 7.36598 1.8121 7.04916 1.85842 5.99223C1.90013 5.0155 2.06355 4.48413 2.1993 4.13062C2.37977 3.6616 2.59713 3.32854 2.94704 2.97623C3.29694 2.62392 3.6308 2.40696 4.09861 2.22409C4.45193 2.08613 4.9821 1.92211 5.95922 1.87559C7.01656 1.82546 7.33338 1.81543 10.0097 1.80962C12.686 1.8038 13.0036 1.81383 14.0614 1.86035C15.0381 1.90286 15.5697 2.06468 15.9228 2.20123C16.3914 2.3817 16.7249 2.59846 17.0772 2.94896C17.4295 3.29947 17.6466 3.63213 17.8295 4.10094C17.9677 4.45325 18.1317 4.98322 18.1778 5.96095C18.2281 7.01828 18.2396 7.3353 18.2444 10.0114C18.2492 12.6875 18.2398 13.0054 18.1935 14.0619C18.1507 15.0394 17.9887 15.5704 17.8526 15.9245C17.6721 16.3927 17.4545 16.7266 17.1044 17.0787C16.7543 17.4308 16.4209 17.6478 15.9529 17.8306C15.5999 17.9684 15.0692 18.1328 14.0929 18.1793C13.0355 18.2291 12.7187 18.2395 10.0414 18.2453C7.36406 18.2511 7.04824 18.2403 5.99091 18.1946M14.164 4.6674C14.1652 5.33192 14.7046 5.86971 15.3692 5.86851C16.0337 5.86731 16.5715 5.32791 16.5703 4.66339C16.5691 3.99888 16.0297 3.46109 15.3651 3.46229C15.3651 3.46229 15.3649 3.46229 15.3647 3.46229C14.7004 3.46369 14.1628 4.00309 14.164 4.6674ZM4.87803 10.0359C4.88364 12.8792 7.19281 15.179 10.0356 15.1736C12.8783 15.1682 15.1797 12.8592 15.1742 10.0158C15.1688 7.17248 12.8591 4.87213 10.0159 4.87775C7.17276 4.88336 4.87261 7.19293 4.87803 10.0359ZM6.6839 10.0323C6.68029 8.1865 8.17355 6.68723 10.0193 6.68362C11.8651 6.68001 13.3644 8.17327 13.368 10.019C13.3716 11.8648 11.8783 13.3641 10.0326 13.3677C8.18698 13.3715 6.68771 11.8786 6.6839 10.0331V10.0323Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-ig:before {
    width: calc(100vw * 21 / 1728);
    height: calc(100vw * 21 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-ig:before {
    width: 21px;
    height: 21px;
  }
}
.icon.icon-ig--white:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M10.7123 7.87571L17.4132 0H15.8253L10.007 6.83846L5.35991 0H0L7.02729 10.3409L0 18.5998H1.58804L7.73244 11.3783L12.6401 18.5998H18L10.7122 7.87571H10.7126H10.7123ZM8.53733 10.432L7.82528 9.40237L2.16013 1.20863H4.59911L9.17107 7.82111L9.88312 8.85077L15.8261 17.446H13.3871L8.53748 10.4322V10.4317L8.53733 10.432Z" /></svg>');
}
.icon.icon-yt {
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .icon.icon-yt {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 22 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-yt {
    width: 22px;
    height: 22px;
  }
}
.icon.icon-yt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 20.454 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M21.5347 2.34596C21.278 1.42278 20.5538 0.703787 19.5897 0.4529C17.8868 0 10.9916 0 10.9916 0C10.9916 0 4.11321 0 2.41035 0.453986C1.46183 0.703787 0.723104 1.42387 0.449708 2.34596C0 4.00442 0 7.49185 0 7.49185C0 7.49185 0 10.9793 0.449708 12.653C0.723104 13.5598 1.46183 14.2951 2.41035 14.546C4.11433 15 10.9916 15 10.9916 15C10.9916 15 17.8857 15 19.5897 14.546C20.5538 14.2962 21.2769 13.5609 21.5347 12.653C22.0011 10.9793 22.0011 7.49185 22.0011 7.49185C22.0011 7.49185 22.0011 4.00442 21.5347 2.34596ZM8.8067 10.7143V4.28571L14.5112 7.49185L8.8067 10.7143Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-yt:before {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 15 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-yt:before {
    width: 22px;
    height: 15px;
  }
}
.icon.icon-yt--white:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M21.5347 2.34596C21.278 1.42278 20.5538 0.703787 19.5897 0.4529C17.8868 0 10.9916 0 10.9916 0C10.9916 0 4.11321 0 2.41035 0.453986C1.46183 0.703787 0.723104 1.42387 0.449708 2.34596C0 4.00442 0 7.49185 0 7.49185C0 7.49185 0 10.9793 0.449708 12.653C0.723104 13.5598 1.46183 14.2951 2.41035 14.546C4.11433 15 10.9916 15 10.9916 15C10.9916 15 17.8857 15 19.5897 14.546C20.5538 14.2962 21.2769 13.5609 21.5347 12.653C22.0011 10.9793 22.0011 7.49185 22.0011 7.49185C22.0011 7.49185 22.0011 4.00442 21.5347 2.34596ZM8.8067 10.7143V4.28571L14.5112 7.49185L8.8067 10.7143Z"/></svg>');
}
.icon.icon-tt {
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .icon.icon-tt {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 22 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-tt {
    width: 22px;
    height: 22px;
  }
}
.icon.icon-tt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 28 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M15.1241 2.68743C14.3908 2.21643 13.8613 1.46314 13.6963 0.584944C13.6606 0.395111 13.6411 0.199906 13.6411 0H11.3003L11.2965 9.23777C11.2571 10.2722 10.3926 11.1025 9.33262 11.1025C9.00323 11.1025 8.69294 11.0215 8.41992 10.8798C7.79365 10.5552 7.36515 9.90868 7.36515 9.16479C7.36515 8.09631 8.24784 7.22707 9.33262 7.22707C9.53517 7.22707 9.7293 7.25997 9.9132 7.31661V4.9634C9.72293 4.93788 9.52971 4.92199 9.33262 4.92199C6.95711 4.92199 5.02441 6.82524 5.02441 9.16457C5.02441 10.6 5.75275 11.8701 6.86368 12.6382C7.56337 13.122 8.4147 13.4071 9.33262 13.4071C11.7081 13.4071 13.6408 11.5039 13.6408 9.16457V4.48032C14.5588 5.12928 15.6835 5.51164 16.8972 5.51164V3.20656C16.2434 3.20656 15.6344 3.01516 15.1239 2.6872L15.1241 2.68743Z"/><path fill="%23333" d="M0 16.0093H3.77127L3.42506 17.0717L2.44667 17.0713V20.9998H1.22754V17.0713L0.000909288 17.0735L0 16.0091L0 16.0093Z"/><path fill="%23333" d="M9.94922 16.0093H13.8078L13.4616 17.0717L12.3979 17.0713V20.9998H11.177V17.0713L9.95036 17.0735L9.94945 16.0091L9.94922 16.0093Z"/><path fill="%23333" d="M4.00098 17.5967H5.21033L5.20897 21H4.00825L4.00098 17.5967Z"/><path fill="%23333" d="M5.69043 15.9952H6.89819V18.3193L8.09527 17.1626H9.53717L8.02298 18.6096L9.7188 20.9998H8.38806L7.25622 19.3423L6.89819 19.685V20.9998H5.69043V15.9952Z"/><path fill="%23333" d="M17.9717 15.9952H19.1794V18.3193L20.3765 17.1626H21.8184L20.3042 18.6096L22.0001 20.9998H20.6693L19.5375 19.3423L19.1794 19.685V20.9998H17.9717V15.9952Z"/><path fill="%23333" d="M4.60561 17.2078C4.9417 17.2078 5.21415 16.9395 5.21415 16.6085C5.21415 16.2776 4.9417 16.0093 4.60561 16.0093C4.26952 16.0093 3.99707 16.2776 3.99707 16.6085C3.99707 16.9395 4.26952 17.2078 4.60561 17.2078Z"/><path fill="%23333" d="M15.4114 16.9255C14.2689 16.9255 13.3428 17.8375 13.3428 18.9627C13.3428 20.0878 14.2689 20.9998 15.4114 20.9998C16.5539 20.9998 17.48 20.0878 17.48 18.9627C17.48 17.8375 16.5539 16.9255 15.4114 16.9255ZM15.4114 19.953C14.8561 19.953 14.4057 19.5095 14.4057 18.9627C14.4057 18.4158 14.8561 17.9723 15.4114 17.9723C15.9668 17.9723 16.4171 18.4158 16.4171 18.9627C16.4171 19.5095 15.9668 19.953 15.4114 19.953Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-tt:before {
    width: calc(100vw * 22 / 1728);
    height: calc(100vw * 21 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-tt:before {
    width: 22px;
    height: 21px;
  }
}
.icon.icon-tt--white:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M10.7123 7.87571L17.4132 0H15.8253L10.007 6.83846L5.35991 0H0L7.02729 10.3409L0 18.5998H1.58804L7.73244 11.3783L12.6401 18.5998H18L10.7122 7.87571H10.7126H10.7123ZM8.53733 10.432L7.82528 9.40237L2.16013 1.20863H4.59911L9.17107 7.82111L9.88312 8.85077L15.8261 17.446H13.3871L8.53748 10.4322V10.4317L8.53733 10.432Z" /></svg>');
}
.icon.icon-login {
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 18 / 402);
}
@media (min-width: 600px) {
  .icon.icon-login {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 18 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-login {
    width: 18px;
    height: 18px;
  }
}
.icon.icon-login:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 18 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M10 18C9.71667 18 9.47917 17.9042 9.2875 17.7125C9.09583 17.5208 9 17.2833 9 17C9 16.7167 9.09583 16.4792 9.2875 16.2875C9.47917 16.0958 9.71667 16 10 16H16V2H10C9.71667 2 9.47917 1.90417 9.2875 1.7125C9.09583 1.52083 9 1.28333 9 1C9 0.716667 9.09583 0.479167 9.2875 0.2875C9.47917 0.0958333 9.71667 0 10 0H16C16.55 0 17.0208 0.195833 17.4125 0.5875C17.8042 0.979167 18 1.45 18 2V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H10ZM8.175 10H1C0.716667 10 0.479167 9.90417 0.2875 9.7125C0.0958333 9.52083 0 9.28333 0 9C0 8.71667 0.0958333 8.47917 0.2875 8.2875C0.479167 8.09583 0.716667 8 1 8H8.175L6.3 6.125C6.11667 5.94167 6.025 5.71667 6.025 5.45C6.025 5.18333 6.11667 4.95 6.3 4.75C6.48333 4.55 6.71667 4.44583 7 4.4375C7.28333 4.42917 7.525 4.525 7.725 4.725L11.3 8.3C11.5 8.5 11.6 8.73333 11.6 9C11.6 9.26667 11.5 9.5 11.3 9.7L7.725 13.275C7.525 13.475 7.2875 13.5708 7.0125 13.5625C6.7375 13.5542 6.5 13.45 6.3 13.25C6.11667 13.05 6.02917 12.8125 6.0375 12.5375C6.04583 12.2625 6.14167 12.0333 6.325 11.85L8.175 10Z" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-login:before {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 18 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-login:before {
    width: 18px;
    height: 18px;
  }
}
.icon.icon-login--black:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M10 18C9.71667 18 9.47917 17.9042 9.2875 17.7125C9.09583 17.5208 9 17.2833 9 17C9 16.7167 9.09583 16.4792 9.2875 16.2875C9.47917 16.0958 9.71667 16 10 16H16V2H10C9.71667 2 9.47917 1.90417 9.2875 1.7125C9.09583 1.52083 9 1.28333 9 1C9 0.716667 9.09583 0.479167 9.2875 0.2875C9.47917 0.0958333 9.71667 0 10 0H16C16.55 0 17.0208 0.195833 17.4125 0.5875C17.8042 0.979167 18 1.45 18 2V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H10ZM8.175 10H1C0.716667 10 0.479167 9.90417 0.2875 9.7125C0.0958333 9.52083 0 9.28333 0 9C0 8.71667 0.0958333 8.47917 0.2875 8.2875C0.479167 8.09583 0.716667 8 1 8H8.175L6.3 6.125C6.11667 5.94167 6.025 5.71667 6.025 5.45C6.025 5.18333 6.11667 4.95 6.3 4.75C6.48333 4.55 6.71667 4.44583 7 4.4375C7.28333 4.42917 7.525 4.525 7.725 4.725L11.3 8.3C11.5 8.5 11.6 8.73333 11.6 9C11.6 9.26667 11.5 9.5 11.3 9.7L7.725 13.275C7.525 13.475 7.2875 13.5708 7.0125 13.5625C6.7375 13.5542 6.5 13.45 6.3 13.25C6.11667 13.05 6.02917 12.8125 6.0375 12.5375C6.04583 12.2625 6.14167 12.0333 6.325 11.85L8.175 10Z" /></svg>');
}
.icon.icon-mail {
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 14 / 402);
}
@media (min-width: 600px) {
  .icon.icon-mail {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-mail {
    width: 18px;
    height: 14px;
  }
}
.icon.icon-mail:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 14 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M1.8 14C1.305 14 0.88125 13.8286 0.52875 13.4859C0.17625 13.1432 0 12.7312 0 12.25V1.75C0 1.26875 0.17625 0.856771 0.52875 0.514063C0.88125 0.171354 1.305 0 1.8 0H16.2C16.695 0 17.1187 0.171354 17.4713 0.514063C17.8237 0.856771 18 1.26875 18 1.75V12.25C18 12.7312 17.8237 13.1432 17.4713 13.4859C17.1187 13.8286 16.695 14 16.2 14H1.8ZM16.2 3.5L9.4725 7.59063C9.3975 7.63438 9.31875 7.66719 9.23625 7.68906C9.15375 7.71094 9.075 7.72187 9 7.72187C8.925 7.72187 8.84625 7.71094 8.76375 7.68906C8.68125 7.66719 8.6025 7.63438 8.5275 7.59063L1.8 3.5V12.25H16.2V3.5ZM9 6.125L16.2 1.75H1.8L9 6.125ZM1.8 3.71875V2.42813V2.45V2.43906V3.71875Z" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-mail:before {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-mail:before {
    width: 18px;
    height: 14px;
  }
}
.icon.icon-cross {
  width: calc(100vw * 14 / 402);
  height: calc(100vw * 14 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M13.44,12.02l-4.95-4.95,4.95-4.95c.39-.39.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-4.95,4.95L2.12.71c-.39-.39-1.02-.39-1.41,0-.39.39-.39,1.02,0,1.41l4.95,4.95L.71,12.02c-.39.39-.39,1.02,0,1.41.39.39,1.02.39,1.41,0l4.95-4.95,4.95,4.95c.39.39,1.02.39,1.41,0,.39-.39.39-1.02,0-1.41Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-cross {
    width: calc(100vw * 14 / 1728);
    height: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-cross {
    width: 14px;
    height: 14px;
  }
}
.icon.icon-triangle-down {
  position: relative;
  width: calc(100vw * 6 / 402);
  height: calc(100vw * 5 / 402);
}
@media (min-width: 600px) {
  .icon.icon-triangle-down {
    width: calc(100vw * 6 / 1728);
    height: calc(100vw * 5 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-triangle-down {
    width: 6px;
    height: 5px;
  }
}
.icon.icon-triangle-down:before {
  content: "";
  display: block;
  width: calc(100vw * 6 / 402);
  height: calc(100vw * 5 / 402);
  background-color: #272727;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
@media (min-width: 600px) {
  .icon.icon-triangle-down:before {
    width: calc(100vw * 6 / 1728);
    height: calc(100vw * 5 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-triangle-down:before {
    width: 6px;
    height: 5px;
  }
}
.icon.icon-plus {
  position: relative;
  width: calc(100vw * 30 / 402);
  height: calc(100vw * 30 / 402);
  border: 1px solid #272727;
  border-radius: 100px;
  background-color: #fff;
}
@media (min-width: 600px) {
  .icon.icon-plus {
    width: calc(100vw * 30 / 1728);
    height: calc(100vw * 30 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-plus {
    width: 30px;
    height: 30px;
  }
}
.icon.icon-plus:before, .icon.icon-plus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 1px;
  height: calc(100vw * 8 / 402);
  background-color: #272727;
}
@media (min-width: 600px) {
  .icon.icon-plus:before, .icon.icon-plus:after {
    height: calc(100vw * 8 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-plus:before, .icon.icon-plus:after {
    height: 8px;
  }
}
.icon.icon-plus:after {
  rotate: 90deg;
}
.icon.icon-arrow {
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 6 / 402);
}
@media (min-width: 600px) {
  .icon.icon-arrow {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 6 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-arrow {
    width: 18px;
    height: 6px;
  }
}
.icon.icon-arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 6 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 6"><path fill="%23272727" d="M19.39,2.89L16.5,0l-2.39,2.39H.5c-.28,0-.5.22-.5.5s.22.5.5.5h13.61l2.39,2.39,2.89-2.89Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-arrow:before {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 6 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-arrow:before {
    width: 18px;
    height: 6px;
  }
}
.icon.icon-addlink {
  width: calc(100vw * 20 / 402);
  height: calc(100vw * 13 / 402);
}
@media (min-width: 600px) {
  .icon.icon-addlink {
    width: calc(100vw * 20 / 1728);
    height: calc(100vw * 13 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-addlink {
    width: 20px;
    height: 13px;
  }
}
.icon.icon-addlink:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 20 / 402);
  height: calc(100vw * 13 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M15 10H12.975C12.6917 10 12.4583 9.90417 12.275 9.7125C12.0917 9.52083 12 9.28333 12 9C12 8.71667 12.0958 8.47917 12.2875 8.2875C12.4792 8.09583 12.7167 8 13 8H15V6C15 5.71667 15.0958 5.47917 15.2875 5.2875C15.4792 5.09583 15.7167 5 16 5C16.2833 5 16.5208 5.09583 16.7125 5.2875C16.9042 5.47917 17 5.71667 17 6V8H19C19.2833 8 19.5208 8.09583 19.7125 8.2875C19.9042 8.47917 20 8.71667 20 9C20 9.28333 19.9042 9.52083 19.7125 9.7125C19.5208 9.90417 19.2833 10 19 10H17V12C17 12.2833 16.9042 12.5208 16.7125 12.7125C16.5208 12.9042 16.2833 13 16 13C15.7167 13 15.4792 12.9042 15.2875 12.7125C15.0958 12.5208 15 12.2833 15 12V10ZM8 10H5C3.61667 10 2.4375 9.5125 1.4625 8.5375C0.4875 7.5625 0 6.38333 0 5C0 3.61667 0.4875 2.4375 1.4625 1.4625C2.4375 0.4875 3.61667 0 5 0H8C8.28333 0 8.52083 0.0958333 8.7125 0.2875C8.90417 0.479167 9 0.716667 9 1C9 1.28333 8.90417 1.52083 8.7125 1.7125C8.52083 1.90417 8.28333 2 8 2H5C4.16667 2 3.45833 2.29167 2.875 2.875C2.29167 3.45833 2 4.16667 2 5C2 5.83333 2.29167 6.54167 2.875 7.125C3.45833 7.70833 4.16667 8 5 8H8C8.28333 8 8.52083 8.09583 8.7125 8.2875C8.90417 8.47917 9 8.71667 9 9C9 9.28333 8.90417 9.52083 8.7125 9.7125C8.52083 9.90417 8.28333 10 8 10ZM7 6C6.71667 6 6.47917 5.90417 6.2875 5.7125C6.09583 5.52083 6 5.28333 6 5C6 4.71667 6.09583 4.47917 6.2875 4.2875C6.47917 4.09583 6.71667 4 7 4H13C13.2833 4 13.5208 4.09583 13.7125 4.2875C13.9042 4.47917 14 4.71667 14 5C14 5.28333 13.9042 5.52083 13.7125 5.7125C13.5208 5.90417 13.2833 6 13 6H7ZM20 5H18C18 4.16667 17.7083 3.45833 17.125 2.875C16.5417 2.29167 15.8333 2 15 2H11.975C11.6917 2 11.4583 1.90417 11.275 1.7125C11.0917 1.52083 11 1.28333 11 1C11 0.716667 11.0958 0.479167 11.2875 0.2875C11.4792 0.0958333 11.7167 0 12 0H15C16.3833 0 17.5625 0.4875 18.5375 1.4625C19.5125 2.4375 20 3.61667 20 5Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-addlink:before {
    width: calc(100vw * 20 / 1728);
    height: calc(100vw * 13 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-addlink:before {
    width: 20px;
    height: 13px;
  }
}
.icon.icon-like {
  width: calc(100vw * 14 / 402);
  height: calc(100vw * 12 / 402);
}
@media (min-width: 600px) {
  .icon.icon-like {
    width: calc(100vw * 14 / 1728);
    height: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-like {
    width: 14px;
    height: 12px;
  }
}
.icon.icon-like:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 14 / 402);
  height: calc(100vw * 12 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 12 11" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M5.61,10.43c-.13-.05-.25-.12-.35-.23l-.95-.89c-.97-.91-1.85-1.82-2.63-2.72-.78-.9-1.18-1.89-1.18-2.98,0-.89.29-1.63.87-2.22.58-.59,1.3-.89,2.16-.89.49,0,.94.11,1.38.32.43.21.8.5,1.1.87.3-.37.67-.66,1.1-.87.43-.21.89-.32,1.38-.32.86,0,1.58.3,2.16.89.58.59.87,1.33.87,2.22,0,1.08-.39,2.08-1.17,2.98-.78.91-1.66,1.82-2.65,2.73l-.93.88c-.1.1-.22.18-.35.23-.13.05-.26.07-.39.07s-.26-.02-.39-.07Z"/><path fill="%23555555" d="M6,11c-.19,0-.37-.03-.56-.1-.2-.07-.39-.19-.54-.35l-.93-.88c-.98-.92-1.88-1.85-2.67-2.76-.86-.99-1.3-2.1-1.3-3.31,0-1.02.34-1.88,1.01-2.57C1.68.35,2.53,0,3.52,0,4.08,0,4.62.12,5.12.37c.32.16.62.36.88.6.26-.24.56-.44.88-.6C7.38.12,7.92,0,8.47,0,9.47,0,10.32.35,10.99,1.04c.67.69,1.01,1.55,1.01,2.57,0,1.2-.43,2.32-1.29,3.31-.79.92-1.7,1.85-2.69,2.77l-.93.87c-.14.14-.32.26-.53.33-.18.07-.37.1-.56.1ZM3.52,1c-.73,0-1.32.24-1.8.74-.49.5-.72,1.11-.72,1.87,0,.97.34,1.84,1.05,2.65.77.88,1.64,1.79,2.6,2.69l.95.89c.06.06.11.1.17.12,0,0,0,0,0,0,.16.06.29.06.45,0,.06-.02.11-.06.16-.1l.95-.89c.97-.9,1.85-1.8,2.62-2.69.71-.82,1.05-1.69,1.05-2.66,0-.76-.24-1.37-.72-1.87-.48-.5-1.07-.74-1.8-.74-.41,0-.79.09-1.15.27-.37.18-.67.42-.93.74-.19.23-.58.23-.77,0-.26-.31-.56-.56-.94-.74-.36-.18-.75-.27-1.15-.27Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-like:before {
    width: calc(100vw * 14 / 1728);
    height: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-like:before {
    width: 14px;
    height: 12px;
  }
}
.icon.icon-new {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw * 52 / 402);
  height: calc(100vw * 52 / 402);
  background-color: transparent;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%2300C7FF" d="M0 52V0H52L0 52Z"/><path fill="%23fff" d="M8.70918 18.9973C8.67619 18.9643 8.65969 18.928 8.65969 18.8884C8.65969 18.8356 8.67619 18.7927 8.70918 18.7597L9.85753 17.6114C9.89052 17.5784 9.93012 17.5652 9.97632 17.5718C10.0225 17.5652 10.0621 17.5784 10.0951 17.6114L16.7872 24.3035C16.8202 24.3364 16.8367 24.3793 16.8367 24.4321C16.8367 24.4717 16.8202 24.508 16.7872 24.541L15.5794 25.7488C15.5134 25.8148 15.4375 25.8313 15.3517 25.7983L9.43185 23.66C9.39885 23.6534 9.37575 23.6567 9.36255 23.6699C9.34935 23.6831 9.35595 23.7029 9.38235 23.7293L13.3817 27.7089C13.4147 27.7419 13.4312 27.7848 13.4312 27.8376C13.4312 27.8772 13.4147 27.9135 13.3817 27.9465L12.2334 29.0948C12.2004 29.1278 12.1608 29.1476 12.1146 29.1542C12.0684 29.1476 12.0288 29.1278 11.9958 29.0948L5.30376 22.4027C5.27076 22.3698 5.25426 22.3335 5.25426 22.2939C5.25426 22.2411 5.27076 22.1982 5.30376 22.1652L6.5016 20.9673C6.56759 20.9013 6.64349 20.8848 6.72929 20.9178L12.6492 23.0561C12.6822 23.0627 12.7053 23.0594 12.7185 23.0462C12.7317 23.033 12.7251 23.0132 12.6987 22.9868L8.70918 18.9973ZM16.2913 13.3357C16.3243 13.3687 16.3408 13.4116 16.3408 13.4644C16.3408 13.504 16.3243 13.5403 16.2913 13.5732L13.6383 16.2263C13.6053 16.2593 13.6053 16.2923 13.6383 16.3253L15.1826 17.8696C15.2156 17.9026 15.2486 17.9026 15.2816 17.8696L16.9348 16.2164C16.9678 16.1834 17.0074 16.1702 17.0536 16.1768C17.0998 16.1702 17.1394 16.1834 17.1724 16.2164L18.1327 17.1767C18.1657 17.2097 18.1822 17.2526 18.1822 17.3054C18.1822 17.345 18.1657 17.3813 18.1327 17.4143L16.4794 19.0675C16.4464 19.1005 16.4464 19.1335 16.4794 19.1665L18.0733 20.7603C18.1063 20.7933 18.1393 20.7933 18.1723 20.7603L20.8253 18.1072C20.8583 18.0742 20.8979 18.061 20.9441 18.0676C20.9903 18.061 21.0299 18.0742 21.0629 18.1072L22.0232 19.0675C22.0562 19.1005 22.0727 19.1434 22.0727 19.1962C22.0727 19.2358 22.0562 19.2721 22.0232 19.3051L18.0436 23.2847C18.0106 23.3177 17.971 23.3375 17.9248 23.3441C17.8786 23.3375 17.839 23.3177 17.806 23.2847L11.1139 16.5926C11.0809 16.5596 11.0644 16.5233 11.0644 16.4837C11.0644 16.4309 11.0809 16.388 11.1139 16.355L15.0935 12.3754C15.1265 12.3424 15.1661 12.3292 15.2123 12.3358C15.2585 12.3292 15.2981 12.3424 15.3311 12.3754L16.2913 13.3357ZM24.3859 16.9423C24.3199 17.0083 24.244 17.0182 24.1582 16.972L15.902 11.8243L15.8624 11.7847C15.803 11.7253 15.8096 11.6593 15.8822 11.5867L17.0999 10.3691C17.1791 10.2899 17.2582 10.2833 17.3374 10.3493L21.8912 13.3983C21.9176 13.4115 21.9374 13.4115 21.9506 13.3983C21.9638 13.3851 21.9638 13.3653 21.9506 13.3389L18.8719 8.81484C18.8059 8.73564 18.8125 8.65645 18.8917 8.57725L19.9905 7.47841C20.0631 7.40581 20.1423 7.39921 20.2281 7.45861L24.8215 10.4681C24.8479 10.4813 24.8677 10.4813 24.8809 10.4681C24.8941 10.4549 24.8941 10.4351 24.8809 10.4087L21.7922 5.89449C21.7262 5.81529 21.7328 5.7361 21.812 5.6569L22.9802 4.48876C23.066 4.40297 23.1418 4.41287 23.2078 4.51846L28.4546 12.6558C28.514 12.7416 28.5074 12.8208 28.4348 12.8934L27.3161 14.0121C27.2435 14.0847 27.1643 14.0913 27.0785 14.0319L22.2971 10.8541C22.2707 10.8409 22.2509 10.8409 22.2377 10.8541C22.2245 10.8673 22.2245 10.8871 22.2377 10.9135L25.4946 15.6158C25.5606 15.695 25.554 15.7742 25.4748 15.8534L24.3859 16.9423Z"/></svg>');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 1;
}
@media (min-width: 600px) {
  .icon.icon-new {
    width: calc(100vw * 52 / 1728);
    height: calc(100vw * 52 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-new {
    width: 52px;
    height: 52px;
  }
}
.icon.icon-article {
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 18 / 402);
}
@media (min-width: 600px) {
  .icon.icon-article {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 18 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-article {
    width: 18px;
    height: 18px;
  }
}
.icon.icon-article:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 18 / 402);
  height: calc(100vw * 17 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23333" d="M1.89474 15.1111V1.88889V6.11528V5.66667V15.1111ZM4.73684 9.44444H8.07632C8.34474 9.44444 8.56974 9.35394 8.75132 9.17292C8.93289 8.9919 9.02368 8.76759 9.02368 8.5C9.02368 8.23241 8.93289 8.0081 8.75132 7.82708C8.56974 7.64607 8.34474 7.55556 8.07632 7.55556H4.73684C4.46842 7.55556 4.24342 7.64607 4.06184 7.82708C3.88026 8.0081 3.78947 8.23241 3.78947 8.5C3.78947 8.76759 3.88026 8.9919 4.06184 9.17292C4.24342 9.35394 4.46842 9.44444 4.73684 9.44444ZM4.73684 13.2222H8.07632C8.34474 13.2222 8.56974 13.1317 8.75132 12.9507C8.93289 12.7697 9.02368 12.5454 9.02368 12.2778C9.02368 12.0102 8.93289 11.7859 8.75132 11.6049C8.56974 11.4238 8.34474 11.3333 8.07632 11.3333H4.73684C4.46842 11.3333 4.24342 11.4238 4.06184 11.6049C3.88026 11.7859 3.78947 12.0102 3.78947 12.2778C3.78947 12.5454 3.88026 12.7697 4.06184 12.9507C4.24342 13.1317 4.46842 13.2222 4.73684 13.2222ZM4.73684 5.66667H12.3158C12.5842 5.66667 12.8092 5.57616 12.9908 5.39514C13.1724 5.21412 13.2632 4.98981 13.2632 4.72222C13.2632 4.45463 13.1724 4.23032 12.9908 4.04931C12.8092 3.86829 12.5842 3.77778 12.3158 3.77778H4.73684C4.46842 3.77778 4.24342 3.86829 4.06184 4.04931C3.88026 4.23032 3.78947 4.45463 3.78947 4.72222C3.78947 4.98981 3.88026 5.21412 4.06184 5.39514C4.24342 5.57616 4.46842 5.66667 4.73684 5.66667ZM1.89474 17C1.37368 17 0.927632 16.815 0.556579 16.4451C0.185526 16.0752 0 15.6306 0 15.1111V1.88889C0 1.36944 0.185526 0.924769 0.556579 0.554861C0.927632 0.184954 1.37368 0 1.89474 0H15.1579C15.6789 0 16.125 0.184954 16.4961 0.554861C16.8671 0.924769 17.0526 1.36944 17.0526 1.88889V6.09167C17.0526 6.35926 16.9618 6.58356 16.7803 6.76458C16.5987 6.9456 16.3737 7.03611 16.1053 7.03611C15.8368 7.03611 15.6118 6.9456 15.4303 6.76458C15.2487 6.58356 15.1579 6.35926 15.1579 6.09167V1.88889H1.89474V15.1111H5.68421C5.95263 15.1111 6.17763 15.2016 6.35921 15.3826C6.54079 15.5637 6.63158 15.788 6.63158 16.0556C6.63158 16.3231 6.54079 16.5475 6.35921 16.7285C6.17763 16.9095 5.95263 17 5.68421 17H1.89474ZM11.5816 11.5931C11.1237 11.1366 10.8947 10.5778 10.8947 9.91667C10.8947 9.25556 11.1237 8.69676 11.5816 8.24028C12.0395 7.7838 12.6 7.55556 13.2632 7.55556C13.9263 7.55556 14.4868 7.7838 14.9447 8.24028C15.4026 8.69676 15.6316 9.25556 15.6316 9.91667C15.6316 10.5778 15.4026 11.1366 14.9447 11.5931C14.4868 12.0495 13.9263 12.2778 13.2632 12.2778C12.6 12.2778 12.0395 12.0495 11.5816 11.5931ZM13.2632 13.2222C13.8789 13.2222 14.4908 13.2812 15.0987 13.3993C15.7066 13.5174 16.2947 13.6944 16.8632 13.9306C17.2263 14.0722 17.5066 14.3044 17.7039 14.6271C17.9013 14.9498 18 15.3 18 15.6778V16.0556C18 16.3231 17.9092 16.5475 17.7276 16.7285C17.5461 16.9095 17.3211 17 17.0526 17H9.47368C9.20526 17 8.98026 16.9095 8.79869 16.7285C8.61711 16.5475 8.52632 16.3231 8.52632 16.0556V15.6778C8.52632 15.3 8.625 14.9498 8.82237 14.6271C9.01974 14.3044 9.3 14.0722 9.66316 13.9306C10.2316 13.6944 10.8197 13.5174 11.4276 13.3993C12.0355 13.2812 12.6474 13.2222 13.2632 13.2222Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-article:before {
    width: calc(100vw * 18 / 1728);
    height: calc(100vw * 17 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-article:before {
    width: 18px;
    height: 17px;
  }
}
.icon.icon-check {
  width: calc(100vw * 20 / 402);
  height: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .icon.icon-check {
    width: calc(100vw * 20 / 1728);
    height: calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-check {
    width: 20px;
    height: 20px;
  }
}
.icon.icon-check:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: calc(100vw * 20 / 402);
  height: calc(100vw * 20 / 402);
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M8.6 11.8L6.45 9.65C6.26667 9.46667 6.03333 9.375 5.75 9.375C5.46667 9.375 5.23333 9.46667 5.05 9.65C4.86667 9.83333 4.775 10.0667 4.775 10.35C4.775 10.6333 4.86667 10.8667 5.05 11.05L7.9 13.9C8.1 14.1 8.33333 14.2 8.6 14.2C8.86667 14.2 9.1 14.1 9.3 13.9L14.95 8.25C15.1333 8.06667 15.225 7.83333 15.225 7.55C15.225 7.26667 15.1333 7.03333 14.95 6.85C14.7667 6.66667 14.5333 6.575 14.25 6.575C13.9667 6.575 13.7333 6.66667 13.55 6.85L8.6 11.8ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 600px) {
  .icon.icon-check:before {
    width: calc(100vw * 20 / 1728);
    height: calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1728px) {
  .icon.icon-check:before {
    width: 20px;
    height: 20px;
  }
}

.c-linear-gradient {
  background: linear-gradient(#fff 0, #000 100%);
}

.c-wrap-resposive-iframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.c-wrap-resposive-iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.c-box-sns {
  display: flex;
  justify-content: center;
}
.c-box-sns__text {
  margin: 0 calc(100vw * 27 / 402) 0 0;
  padding: calc(100vw * 8 / 402) calc(100vw * 15 / 402);
  border: 1px solid #333;
  border-radius: calc(100vw * 138 / 402);
  color: #333;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 14 / 402);
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 140%; /* 14px */
}
@media (min-width: 600px) {
  .c-box-sns__text {
    margin-inline-end: calc(100vw * 20 / 1728);
    padding: calc(100vw * 6 / 1728) calc(100vw * 9 / 1728);
    border-radius: calc(100vw * 100 / 1728);
    font-size: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-box-sns__text {
    margin-inline-end: 20px;
    padding: 6px 9px;
    border-radius: 100px;
    font-size: 10px;
  }
}
.c-box-sns__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.c-box-sns__list__item:not(:last-of-type) {
  margin-inline-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-box-sns__list__item:not(:last-of-type) {
    margin-inline-end: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-box-sns__list__item:not(:last-of-type) {
    margin-inline-end: 14px;
  }
}
.c-box-sns--white .c-box-sns__text {
  color: #fff;
  border-color: #fff;
}

.c-search-box__holder {
  overflow: hidden;
  display: flex;
  width: 100%;
  border-radius: 100px;
  background-color: #fff;
}
.c-search-box__input {
  box-sizing: border-box;
  position: relative;
  padding: calc(100vw * 15 / 402) calc(100vw * 15 / 402) calc(100vw * 15 / 402) calc(100vw * 20 / 402);
  width: 100%;
  height: calc(100vw * 60 / 402);
  border: none;
  font-size: calc(100vw * 14 / 402);
  outline: none;
}
@media (min-width: 600px) {
  .c-search-box__input {
    padding: calc(100vw * 15 / 1728) calc(100vw * 15 / 1728) calc(100vw * 15 / 1728) calc(100vw * 20 / 1728);
    height: calc(100vw * 60 / 1728);
    font-size: calc(100vw * 14 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-search-box__input {
    padding: 15px 15px 15px 20px;
    height: 60px;
    font-size: 14px;
  }
}
.c-search-box__button {
  position: relative;
  padding: calc(100vw * 13 / 402) calc(100vw * 10 / 402) calc(100vw * 10 / 402);
  width: calc(100vw * 80 / 402);
  height: calc(100vw * 60 / 402);
  border: none;
  color: #fff;
  background-color: #333;
}
@media (min-width: 600px) {
  .c-search-box__button {
    padding: calc(100vw * 13 / 1728) calc(100vw * 10 / 1728) calc(100vw * 10 / 1728);
    width: calc(100vw * 80 / 1728);
    height: calc(100vw * 60 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-search-box__button {
    padding: 13px 10px 10px;
    width: 80px;
    height: 60px;
  }
}
.c-search-box__icon {
  display: block;
  margin: 0 auto calc(100vw * 3 / 402);
}
@media (min-width: 600px) {
  .c-search-box__icon {
    margin-block-end: calc(100vw * 3 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-search-box__icon {
    margin-block-end: 3px;
  }
}
.c-search-box__text {
  display: block;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-search-box__text {
    font-size: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-search-box__text {
    font-size: 12px;
  }
}

.c-category {
  position: relative;
  display: inline-block;
  margin: 0;
  color: #555555;
  font-size: calc(100vw * 12 / 402);
  text-decoration: none;
}
@media (min-width: 600px) {
  .c-category {
    font-size: calc(100vw * 12 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-category {
    font-size: 12px;
  }
}
.c-category:before {
  content: "";
  position: relative;
  top: calc(-100vw * 1 / 402);
  display: inline-block;
  margin-inline-end: calc(100vw * 6 / 402);
  width: calc(100vw * 8 / 402);
  height: calc(100vw * 8 / 402);
  rotate: 45deg;
  background-color: #555555;
  aspect-ratio: 1/1;
}
@media (min-width: 600px) {
  .c-category:before {
    top: calc(-100vw * 2 / 1728);
    margin-inline-end: calc(100vw * 6 / 1728);
    width: calc(100vw * 6 / 1728);
    height: calc(100vw * 6 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-category:before {
    top: -2px;
    margin-inline-end: 6px;
    width: 6px;
    height: 6px;
  }
}
.c-category--biz:before {
  background-color: #83D6E7;
}
.c-category--tour:before {
  background-color: #FF878C;
}
.c-category--city:before {
  background-color: #8BE88B;
}
.c-category--gourmet:before {
  background-color: #EECB5A;
}
.c-category--entertainment:before {
  background-color: #E2A0F8;
}
.c-category--money:before {
  background-color: #C0C0C0;
}
.c-category--common:before {
  background-color: #314DBA;
}
.c-category--serial:before {
  background-color: #00C7FF;
}
.c-category--column:before {
  background-color: #FFEF00;
}
.c-category--ad:before {
  background-color: #555555;
}

.c-box-category__pr {
  display: inline-block;
  margin: 0;
  padding: calc(100vw * 2 / 402) calc(100vw * 10 / 402);
  border-radius: 100px;
  color: #555555;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 10 / 402);
  font-weight: 400;
  background-color: #F5F5F5;
}
@media (min-width: 600px) {
  .c-box-category__pr {
    padding: calc(100vw * 2 / 1728) calc(100vw * 10 / 1728);
    font-size: 10px;
  }
}
@media (min-width: 1728px) {
  .c-box-category__pr {
    padding: 2px 10px;
    font-size: 10px;
  }
}
.c-box-category .c-category:before {
  left: calc(100vw * 2 / 402);
}
@media (min-width: 600px) {
  .c-box-category .c-category:before {
    left: calc(100vw * 2 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-box-category .c-category:before {
    left: 2px;
  }
}
.c-box-category .c-category:not(:last-child) {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-box-category .c-category:not(:last-child) {
    margin-inline-end: calc(100vw * 10 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-box-category .c-category:not(:last-child) {
    margin-inline-end: 10px;
  }
}

.c-tag-box__tag {
  display: inline-block;
  margin: 0 calc(100vw * 10 / 402) calc(100vw * 10 / 402) 0;
  padding: 0 calc(100vw * 12 / 402);
  border: 1px solid #272727;
  border-radius: 100px;
  color: #555555;
  font-size: calc(100vw * 14 / 402);
  font-weight: 400;
  line-height: 200%;
  text-decoration: none;
}
@media (min-width: 600px) {
  .c-tag-box__tag {
    margin: 0 calc(100vw * 10 / 1200) 0 0;
    padding: 0;
    border: none;
    font-size: calc(100vw * 16 / 1200);
    line-height: 220%;
  }
}
@media (min-width: 1200px) {
  .c-tag-box__tag {
    margin: 0 10px 0 0;
    font-size: 16px;
  }
}
@media (min-width: 600px) {
  .c-tag-box--list .c-tag-box__tag {
    margin: 0 calc(100vw * 15 / 1200) calc(100vw * 20 / 1200) 0;
    padding: calc(100vw * 4 / 1200) calc(100vw * 18 / 1200);
    border: 1px solid #272727;
    font-size: calc(100vw * 14 / 1200);
    line-height: 200%;
  }
}
@media (min-width: 1200px) {
  .c-tag-box--list .c-tag-box__tag {
    margin: 0 15px 20px 0;
    padding: 4px 18px;
    font-size: 14px;
  }
}
.c-tag-box--list .c-tag-box__tag:hover {
  opacity: 1;
  color: #fff;
  background-color: #555555;
}

.c-banner__banner img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  .c-banner__banner__sp {
    display: none;
  }
}
.c-banner__banner__pc {
  display: none;
}
@media (min-width: 600px) {
  .c-banner__banner__pc {
    display: block;
  }
}
.c-banner--side {
  padding-inline: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-banner--side {
    padding-inline: 0;
  }
}
.c-banner--yad {
  margin: 0 auto;
  width: 300px;
}
@media (min-width: 600px) {
  .c-banner--yad {
    margin: 0;
  }
}
.c-more {
  margin-block-start: calc(100vw * 40 / 402);
  text-align: center;
}
@media (min-width: 600px) {
  .c-more {
    margin-block-start: calc(100vw * 40 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-more {
    margin-block-start: 40px;
  }
}

.c-breadcrumb {
  margin-block-end: calc(100vw * 25 / 402);
}
@media (min-width: 600px) {
  .c-breadcrumb {
    margin-block-end: calc(100vw * 35 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-breadcrumb {
    margin-block-end: 35px;
  }
}
.c-breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /*
  		display: -webkit-box;
  		-webkit-box-orient: vertical;
  		overflow: hidden;
  		text-overflow: ellipsis;
  		-webkit-line-clamp: 1;
  */
}
.c-breadcrumb li {
  margin-block-end: calc(100vw * 5 / 402);
  position: relative;
  display: inline-block;
  margin-inline-end: calc(100vw * 8 / 402);
  padding-inline-end: calc(100vw * 12 / 402);
  font-size: calc(100vw * 10 / 402);
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-breadcrumb li {
    margin-block-end: calc(100vw * 5 / 1728);
    margin-inline-end: calc(100vw * 8 / 1728);
    padding-inline-end: calc(100vw * 12 / 1728);
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  .c-breadcrumb li {
    font-size: 10px;
  }
}
@media (min-width: 1728px) {
  .c-breadcrumb li {
    margin-block-end: 5px;
    margin-inline-end: 8px;
    padding-inline-end: 12px;
    font-size: 10px;
  }
}
.c-breadcrumb li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -20%;
  display: inline-block;
  width: calc(100vw * 3.5 / 402);
  height: calc(100vw * 4 / 402);
  background: #333;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
@media (min-width: 600px) {
  .c-breadcrumb li:not(:last-child):after {
    width: calc(100vw * 3.5 / 1728);
    height: calc(100vw * 4 / 1728);
  }
}
@media (min-width: 1728px) {
  .c-breadcrumb li:not(:last-child):after {
    width: 3.5px;
    height: 4px;
  }
}
.c-breadcrumb span, .c-breadcrumb a {
  display: block;
  color: #555555;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.c-breadcrumb span {
  color: rgba(85, 85, 85, 0.5);
}
.c-gmap iframe {
  width: 100% !important;
  height: 100% !important;
}

.c-box-check-copy {
  position: fixed;
  top: 35%;
  left: 50%;
  translate: -50% 0;
  display: block;
  visibility: hidden;
  z-index: 41;
}
.c-box-check-copy__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(100vw * 20 / 402) calc(100vw * 40 / 402);
  border-radius: 100px;
  background-color: #555555;
  min-width: 80vw;
}
@media (min-width: 600px) {
  .c-box-check-copy__button {
    padding: calc(100vw * 20 / 1200) calc(100vw * 40 / 1200);
    min-width: 300px;
  }
}
@media (min-width: 1200px) {
  .c-box-check-copy__button {
    padding: 20px 40px;
  }
}
.c-box-check-copy__button .icon {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-box-check-copy__button .icon {
    margin-inline-end: calc(100vw * 10 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-box-check-copy__button .icon {
    margin-inline-end: 10px;
  }
}
.c-box-check-copy__text {
  color: #fff;
  font-size: calc(100vw * 14 / 402);
  line-height: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-box-check-copy__text {
    font-size: calc(100vw * 14 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-box-check-copy__text {
    font-size: 14px;
  }
}
.c-side-box__header {
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-side-box__header {
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-side-box__header {
    margin-block-end: 20px;
  }
}
.c-side-box:not(:last-of-type) {
  margin-block-end: calc(100vw * 40 / 402);
}
@media (min-width: 600px) {
  .c-side-box:not(:last-of-type) {
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-side-box:not(:last-of-type) {
    margin-block-end: 40px;
  }
}
.c-side-box--numbers {
  padding-inline-start: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-side-box--numbers {
    padding-inline-start: 0;
  }
}
.c-block {
  padding-block-end: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-block {
    padding-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block {
    padding-block-end: 40px;
  }
}
.c-block__header {
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-block__header {
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block__header {
    margin-block-end: 20px;
  }
}
.c-block__feature-img {
  margin: 0 0 calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-block__feature-img {
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block__feature-img {
    margin-block-end: 20px;
  }
}
.c-block__feature-img img {
  display: block;
  width: 100%;
  height: auto;
}
.c-block__footer {
  margin-block-start: calc(100vw * 40 / 402);
  text-align: center;
}
@media (min-width: 600px) {
  .c-block__footer {
    margin-block-start: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block__footer {
    margin-block-start: 40px;
  }
}
.c-block:not(:last-child) {
  border-bottom: 1px solid #D9D9D9;
  margin-block-end: calc(100vw * 40 / 402);
}
@media (min-width: 600px) {
  .c-block:not(:last-child) {
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block:not(:last-child) {
    margin-block-end: 40px;
  }
}
.c-block.c-block-banner {
  padding: 0;
}
@media (min-width: 600px) {
  .c-block.c-block-banner {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .c-block.c-block-banner {
    padding: 0;
  }
}
.c-block--big .c-block__header {
  margin-block-end: calc(100vw * 40 / 402);
}
@media (min-width: 600px) {
  .c-block--big .c-block__header {
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block--big .c-block__header {
    margin-block-end: 40px;
  }
}
.c-block--bottomspace {
  padding-block-end: calc(100vw * 40 / 402);
}
@media (min-width: 600px) {
  .c-block--bottomspace {
    padding-block-end: calc(100vw * 70 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block--bottomspace {
    padding-block-end: 70px;
  }
}
.c-block--banner {
  padding-block-end: 0;
}
@media (min-width: 600px) {
  .c-block--banner {
    padding-block-end: 0;
  }
}
@media (min-width: 1200px) {
  .c-block--banner {
    padding-block-end: 0;
  }
}

.c-block-pickup {
  position: relative;
  margin-block-end: calc(100vw * 40 / 402);
  padding: 0 calc(100vw * 20 / 402) calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-block-pickup {
    margin-block-end: calc(100vw * 40 / 1200);
    padding: 0 calc(100vw * 110 / 1200) calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-pickup {
    margin-block-end: 40px;
    padding: 0 110px 40px;
  }
}
.c-block-pickup:before {
  content: "";
  position: absolute;
  top: calc(100vw * 27 / 402);
  left: 0;
  width: 100%;
  height: calc(100% - 100vw * 27 / 402);
  background-color: #fff;
  z-index: -1;
}
@media (min-width: 600px) {
  .c-block-pickup:before {
    top: calc(100vw * 37 / 1200);
    height: calc(100% - 100vw * 37 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-pickup:before {
    top: 37px;
    height: calc(100% - 37px);
  }
}
.c-block-pickup__header {
  margin-block-end: calc(100vw * 30 / 402);
  text-align: center;
}
@media (min-width: 600px) {
  .c-block-pickup__header {
    margin-block-end: calc(100vw * 30 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-pickup__header {
    margin-block-end: 30px;
  }
}
.c-block-pickup__copy {
  margin-block-start: calc(100vw * 2 / 402);
  margin-block-end: 0;
  font-size: calc(100vw * 11 / 402);
}
@media (min-width: 600px) {
  .c-block-pickup__copy {
    margin-block-start: calc(100vw * 2 / 1200);
    font-size: calc(100vw * 12 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-pickup__copy {
    margin-block-start: 2px;
    font-size: 12px;
  }
}
.c-block-pickup__footer {
  text-align: right;
  margin-block-start: calc(100vw * 20 / 402);
  padding: 0 calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-block-pickup__footer {
    margin-block-start: calc(100vw * 30 / 1200);
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .c-block-pickup__footer {
    margin-block-start: 30px;
  }
}

.c-block-additional {
  position: relative;
  margin-block-start: calc(100vw * 50 / 402);
  margin-block-end: calc(100vw * 40 / 402);
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}
@media (min-width: 600px) {
  .c-block-additional {
    margin-block-start: calc(100vw * 50 / 1200);
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-additional {
    margin-block-start: 50px;
    margin-block-end: 40px;
  }
}
.c-block-additional__title {
  position: absolute;
  top: calc(-100vw * 10 / 402);
  left: calc(100vw * 23 / 402);
  margin: 0;
  padding: 0 calc(100vw * 7 / 402);
  color: #555555;
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  line-height: 140%;
  background-color: #fff;
}
@media (min-width: 600px) {
  .c-block-additional__title {
    top: -10px;
    left: 23px;
    padding: 0 7px;
    font-size: 14px;
  }
}
.c-block-additional__title:before, .c-block-additional__title:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 1px;
  height: calc(100vw * 13 / 402);
  background-color: #555555;
}
@media (min-width: 600px) {
  .c-block-additional__title:before, .c-block-additional__title:after {
    height: 13px;
  }
}
.c-block-additional__title:before {
  left: 0;
  rotate: -15deg;
}
.c-block-additional__title:after {
  right: 0;
  rotate: 15deg;
}
.c-block-additional__content {
  padding-block-start: calc(100vw * 30 / 402);
  padding-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-block-additional__content {
    padding-block-start: calc(100vw * 30 / 1200);
    padding-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-additional__content {
    padding-block-start: 30px;
    padding-block-end: 20px;
  }
}

@media (min-width: 600px) {
  .c-block-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(100vw * 20 / 1200);
    padding-inline-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-share {
    gap: 20px;
    padding-inline-end: 20px;
  }
}
@media (min-width: 1200px) {
  .c-block-share {
    gap: 20px;
    padding-inline-end: 20px;
  }
}
.c-block-share__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(100vw * 20 / 402);
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-block-share__top {
    display: block;
    gap: 0;
    margin-block-end: 0;
    width: 24.39%;
  }
}
.c-block-share__top > .c-block-share__title {
  width: calc(100vw * 170 / 402);
}
@media (min-width: 600px) {
  .c-block-share__top > .c-block-share__title {
    display: none;
    width: auto;
  }
}
.c-block-share__thumb {
  margin: 0;
  width: calc(100vw * 170 / 402);
}
@media (min-width: 600px) {
  .c-block-share__thumb {
    width: auto;
  }
}
.c-block-share__thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.c-block-share__title {
  margin: 0;
  color: #272727;
  font-size: calc(100vw * 16 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-block-share__title {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .c-block-share__title {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .c-block-share__title {
    font-size: 16px;
  }
}
.c-block-share__info {
  padding-inline: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-block-share__info {
    padding-inline: 0;
    width: 73.17%;
  }
}
.c-block-share__info > .c-block-share__title {
  display: none;
}
@media (min-width: 600px) {
  .c-block-share__info > .c-block-share__title {
    display: block;
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-share__info > .c-block-share__title {
    margin-block-end: 20px;
  }
}
@media (min-width: 1200px) {
  .c-block-share__info > .c-block-share__title {
    margin-block-end: 20px;
  }
}
.c-block-share__sns {
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-block-share__sns {
    display: flex;
    justify-content: space-between;
    gap: calc(100vw * 15 / 1200);
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-share__sns {
    gap: 15px;
    margin-block-end: 20px;
  }
}
@media (min-width: 1200px) {
  .c-block-share__sns {
    gap: 15px;
    margin-block-end: 20px;
  }
}
@media (min-width: 600px) {
  .c-block-share__sns__link.button-icon {
    width: calc(100vw * 190 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-share__sns__link.button-icon {
    width: 190px;
  }
}
@media (min-width: 1200px) {
  .c-block-share__sns__link.button-icon {
    width: 190px;
  }
}
.c-block-share__sns__link:not(:last-of-type) {
  margin-block-end: calc(100vw * 15 / 402);
}
@media (min-width: 600px) {
  .c-block-share__sns__link:not(:last-of-type) {
    margin-block-end: 0;
  }
}
.c-block-share__button-area {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .c-block-share__button-area {
    display: flex;
    gap: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-share__button-area {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .c-block-share__button-area {
    gap: 20px;
  }
}
@media (min-width: 600px) {
  .c-block-share__button-area__item {
    width: 48.333%;
  }
}
.c-block-share__button-area__item:not(:last-of-type) {
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-block-share__button-area__item:not(:last-of-type) {
    margin-block-end: 0;
  }
}
@media (min-width: 600px) {
  .c-block-share__button-area__item:only-child {
    width: 100%;
  }
}
.c-block-share__button-area__item:not(:has(.button-like-large)) {
  width: 100%;
}
.c-block-share__button-area__item:has(.button-like-large) {
  visibility: hidden;
  display: none;
}
.c-block-information {
  box-sizing: border-box;
  margin-block-start: calc(100vw * 40 / 402);
  margin-block-end: calc(100vw * 20 / 402);
  padding: calc(100vw * 20 / 402) calc(100vw * 30 / 402);
  background-color: #F5F5F0;
}
@media (min-width: 600px) {
  .c-block-information {
    margin-block-start: calc(100vw * 40 / 1200);
    margin-block-end: calc(100vw * 20 / 1200);
    padding: calc(100vw * 20 / 1200) calc(100vw * 30 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-information {
    margin-block-start: 40px;
    margin-block-end: 20px;
    padding: 20px 30px;
  }
}
@media (min-width: 1200px) {
  .c-block-information__container {
    display: flex;
    flex-wrap: wrap;
    gap: 0 5%;
  }
}
.c-block-information__left {
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .c-block-information__left {
    margin-block-end: calc(100vw * 20 / 1728);
  }
}
@media (min-width: 1200px) {
  .c-block-information__left {
    margin-block-end: 0;
    width: 55%;
    order: 1;
  }
}
.c-block-information__left:only-child {
  width: 100%;
}
.c-block-information__left:has(.c-block-information__map) {
  margin-block-end: 0;
}
@media (min-width: 600px) {
  .c-block-information__left:has(.c-block-information__map) {
    margin-block-end: 0;
    height: auto;
    aspect-ratio: 2/1.18;
  }
}
@media (min-width: 600px) {
  .c-block-information__left:has(.c-block-information__map) .c-block-information__map {
    height: calc(100% - 100vw * 68 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-information__left:has(.c-block-information__map) .c-block-information__map {
    height: calc(100% - 68px);
  }
}
@media (min-width: 1200px) {
  .c-block-information__right {
    width: 38%;
    order: 2;
  }
}
@media (min-width: 1200px) {
  .c-block-information__bottom {
    width: 100%;
    order: 3;
  }
}
.c-block-information__title {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(100vw * 13 / 402);
  margin: 0;
}
@media (min-width: 600px) {
  .c-block-information__title {
    gap: 13px;
  }
}
@media (min-width: 1200px) {
  .c-block-information__title {
    gap: 13px;
  }
}
.c-block-information__title__en {
  color: #272727;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 30 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .c-block-information__title__en {
    font-size: clamp(1.75rem, 1.625rem + 0.3333vw, 1.875rem);
  }
}
@media (min-width: 1200px) {
  .c-block-information__title__en {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .c-block-information__title__en {
    font-size: 30px;
  }
}
.c-block-information__title__ja {
  color: #555555;
  font-size: calc(100vw * 11 / 402);
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-block-information__title__ja {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .c-block-information__title__ja {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .c-block-information__title__ja {
    font-size: 11px;
  }
}
.c-block-information__list__item {
  position: relative;
  margin: 0;
  padding-inline-start: calc(100vw * 14 / 402);
}
@media (min-width: 600px) {
  .c-block-information__list__item {
    display: flex;
    padding-inline-start: 14px;
  }
}
@media (min-width: 1200px) {
  .c-block-information__list__item {
    padding-inline-start: 14px;
  }
}
.c-block-information__list__item:before {
  content: "";
  position: absolute;
  top: calc(100vw * 13 / 402);
  left: 0;
  translate: 0 -50%;
  display: block;
  width: calc(100vw * 6 / 402);
  height: calc(100vw * 6 / 402);
  background-color: #D7D7BA;
  rotate: 45deg;
  aspect-ratio: 1/1;
}
@media (min-width: 600px) {
  .c-block-information__list__item:before {
    top: calc(100vw * 13 / 1200);
    width: calc(100vw * 6 / 1200);
    height: calc(100vw * 6 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-information__list__item:before {
    top: 13px;
    width: 6px;
    height: 6px;
  }
}
.c-block-information__list__item:not(:first-of-type) {
  margin-block-start: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-block-information__list__item:not(:first-of-type) {
    margin: 0;
  }
}
@media (min-width: 600px) {
  .c-block-information__list__item--wrap {
    flex-wrap: wrap;
  }
}
.c-block-information__list__title, .c-block-information__list__text {
  margin: 0;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 220%;
}
@media (min-width: 600px) {
  .c-block-information__list__title, .c-block-information__list__text {
    font-size: 12px;
  }
}
.c-block-information__list__title {
  position: relative;
}
@media (min-width: 600px) {
  .c-block-information__list__title:has(+ .c-block-information__list__text) {
    white-space: nowrap;
  }
}
.c-block-information__list__title:has(+ .c-block-information__list__text):after {
  content: "：";
}
@media (min-width: 600px) {
  .c-block-information__list__text {
    padding-inline-start: 0;
  }
}
@media (min-width: 1200px) {
  .c-block-information__list__text {
    padding-inline-start: 0;
  }
}
.c-block-information__list__text a {
  overflow-wrap: break-word;
  word-break: break-all;
  line-break: anywhere;
}
.c-block-information__map {
  height: calc(100vw * 180 / 402);
}
@media (min-width: 600px) {
  .c-block-information__map {
    height: calc(100% - 100vw * 26 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-information__map {
    height: calc(100% - 26px);
  }
}
.c-block-information__map__link {
  margin: 0;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 220%;
  text-align: right;
}
@media (min-width: 600px) {
  .c-block-information__map__link {
    font-size: 12px;
  }
}
.c-block-information__text {
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 220%;
}
@media (min-width: 600px) {
  .c-block-information__text {
    font-size: 12px;
  }
}
.c-block-writer {
  padding: calc(100vw * 30 / 402);
  background-color: #F5F5F0;
}
@media (min-width: 600px) {
  .c-block-writer {
    display: flex;
    gap: calc(100vw * 30 / 1200);
    padding: calc(100vw * 30 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-writer {
    gap: 30px;
    padding: 30px;
  }
}
.c-block-writer__image-area {
  margin-block-end: calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .c-block-writer__image-area {
    margin-block-end: 0;
  }
}
.c-block-writer__link:hover img {
  scale: 1.2;
}
.c-block-writer__photo {
  margin: 0 auto;
  width: calc(100vw * 180 / 402);
  height: calc(100vw * 180 / 402);
  border-radius: 100px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .c-block-writer__photo {
    width: calc(100vw * 140 / 1200);
    height: calc(100vw * 140 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__photo {
    width: 140px;
    height: 140px;
  }
}
.c-block-writer__photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  scale: 1;
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .c-block-writer__info {
    width: 80.232%;
  }
}
@media (min-width: 600px) {
  .c-block-writer__meta {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-block-end: calc(100vw * 10 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__meta {
    margin-block-end: 10px;
  }
}
.c-block-writer__individual {
  margin-block-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-block-writer__individual {
    margin-block-end: 0;
  }
}
.c-block-writer__position {
  margin: 0;
  color: #555555;
  font-size: calc(100vw * 12 / 402);
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-block-writer__position {
    font-size: 12px;
  }
}
.c-block-writer__name {
  margin: 0;
  color: #272727;
  font-size: calc(100vw * 20 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-block-writer__name {
    font-size: clamp(1.75rem, 1.625rem + 0.3333vw, 1.875rem);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__name {
    font-size: 30px;
  }
}
@media (min-width: 600px) {
  .c-block-writer__sns {
    text-align: right;
    width: calc(100vw * 250 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__sns {
    width: 250px;
  }
}
.c-block-writer__sns a[target=_blank]:not(:has(img)):not([class*=button-]):after {
  display: none;
}
.c-block-writer__sns__link {
  display: inline-block;
  margin-block-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .c-block-writer__sns__link {
    margin-block-end: calc(100vw * 10 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__sns__link {
    margin-block-end: 10px;
  }
}
.c-block-writer__sns__link.icon[class*=icon-] {
  width: calc(100vw * 22 / 402);
  height: calc(100vw * 22 / 402);
}
@media (min-width: 600px) {
  .c-block-writer__sns__link.icon[class*=icon-] {
    width: calc(100vw * 22 / 1200);
    height: calc(100vw * 22 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__sns__link.icon[class*=icon-] {
    width: 22px;
    height: 22px;
  }
}
.c-block-writer__sns__link:not(:last-child) {
  margin-inline-end: calc(100vw * 15 / 402);
}
@media (min-width: 600px) {
  .c-block-writer__sns__link:not(:last-child) {
    margin-inline-end: calc(100vw * 15 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__sns__link:not(:last-child) {
    margin-inline-end: 15px;
  }
}
.c-block-writer__intro p {
  margin: 0;
  color: #272727;
  font-size: calc(100vw * 14 / 402);
  font-weight: 500;
  line-height: 160%;
}
@media (min-width: 600px) {
  .c-block-writer__intro p {
    font-size: clamp(0.875rem, 0.75rem + 0.3333vw, 1rem);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__intro p {
    font-size: 16px;
  }
}
.c-block-writer__bottom {
  margin-block-start: calc(100vw * 10 / 402);
  text-align: right;
}
@media (min-width: 600px) {
  .c-block-writer__bottom {
    margin-block-start: calc(100vw * 10 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-writer__bottom {
    margin-block-start: 10px;
  }
}
.c-block-writer__link {
  margin: 0;
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  line-height: 160%;
}
@media (min-width: 600px) {
  .c-block-writer__link {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .c-block-writer__link {
    font-size: 16px;
  }
}

.c-block-404 {
  padding-block: calc(100vw * 100 / 402);
  text-align: center;
}
@media (min-width: 600px) {
  .c-block-404 {
    padding-block: calc(100vw * 180 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-404 {
    padding-block: 180px;
  }
}
.c-block-404 h1 {
  margin: 0 0 calc(100vw * 20 / 402);
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: calc(100vw * 34 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .c-block-404 h1 {
    margin-block-end: calc(100vw * 20 / 1200);
    font-size: clamp(3rem, 2.75rem + 0.6667vw, 3.25rem);
  }
}
@media (min-width: 1200px) {
  .c-block-404 h1 {
    margin-block-end: 20px;
    font-size: 52px;
  }
}
.c-block-404 p {
  margin: 0;
  font-size: calc(100vw * 18 / 402);
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 600px) {
  .c-block-404 p {
    font-size: clamp(1.25rem, 1rem + 0.6667vw, 1.5rem);
  }
}
@media (min-width: 1200px) {
  .c-block-404 p {
    font-size: 24px;
  }
}
.c-block-404__button-area {
  margin-block-start: calc(100vw * 60 / 402);
}
@media (min-width: 600px) {
  .c-block-404__button-area {
    margin-block-start: calc(100vw * 60 / 1200);
  }
}
@media (min-width: 1200px) {
  .c-block-404__button-area {
    margin-block-start: 60px;
  }
}

.entry {
  padding-block-end: calc(100vw * 40 / 402);
}
@media (min-width: 600px) {
  .entry {
    padding-block-end: calc(100vw * 60 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry {
    padding-block-end: 60px;
  }
}
.entry__footer {
  margin-block-start: calc(100vw * 60 / 402);
  text-align: center;
}
@media (min-width: 600px) {
  .entry__footer {
    margin-block-start: calc(100vw * 60 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__footer {
    margin-block-start: 60px;
  }
}
.entry__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .entry__meta {
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__meta {
    margin-block-end: 20px;
  }
}
@media (min-width: 600px) {
  .entry__category {
    width: calc(100vw * 645 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__category {
    width: 645px;
  }
}
.entry__category__cat {
  margin: 0;
  width: calc(100vw * 236 / 402);
  font-size: 1em;
}
@media (min-width: 600px) {
  .entry__category__cat {
    width: auto;
  }
}
@media (min-width: 600px) {
  .entry__category__cat .c-category {
    font-size: 12px;
  }
}
.entry__category__cat .c-category:not(:last-of-type) {
  margin-inline-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .entry__category__cat .c-category:not(:last-of-type) {
    margin-inline-end: calc(100vw * 10 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__category__cat .c-category:not(:last-of-type) {
    margin-inline-end: 10px;
  }
}
.entry__date {
  text-align: right;
}
@media (min-width: 600px) {
  .entry__date {
    width: calc(100vw * 230 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__date {
    width: 230px;
  }
}
.entry__date__text {
  display: inline-block;
  margin: 0;
  color: #555555;
  font-size: calc(100vw * 12 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .entry__date__text {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .entry__date__text {
    font-size: 12px;
  }
}
.entry__date__text:not(:first-of-type) {
  margin-inline-start: calc(100vw * 15 / 402);
}
@media (min-width: 600px) {
  .entry__date__text:not(:first-of-type) {
    margin-inline-start: calc(100vw * 15 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__date__text:not(:first-of-type) {
    margin-inline-start: 15px;
  }
}
.entry__date__number {
  font-family: "Barlow Semi Condensed", sans-serif;
}
.entry__title {
  margin: 0 0 calc(100vw * 20 / 402);
  color: #272727;
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .entry__title {
    margin-block-end: calc(100vw * 20 / 1200);
    font-size: clamp(1.625rem, 1.5rem + 0.3333vw, 1.75rem);
  }
}
@media (min-width: 1200px) {
  .entry__title {
    margin-block-end: 20px;
    font-size: 28px;
  }
}
.entry__bottom {
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .entry__bottom {
    display: flex;
    justify-content: space-between;
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__bottom {
    margin-block-end: 20px;
  }
}
.entry__writer {
  margin-block-end: calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .entry__writer {
    margin-block-end: 0;
  }
}
.entry__writer__link {
  display: flex;
  align-items: center;
  color: #272727;
  text-decoration: none;
}
.entry__writer__icon {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100vw * 32 / 402);
  height: calc(100vw * 32 / 402);
  border: 1px solid #D9D9D9;
  border-radius: 100px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .entry__writer__icon {
    width: calc(100vw * 32 / 1200);
    height: calc(100vw * 32 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__writer__icon {
    width: 32px;
    height: 32px;
  }
}
.entry__writer__icon img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.entry__writer__name {
  display: inline-block;
  margin: 0;
  padding-inline-start: calc(100vw * 8 / 402);
  font-size: calc(100vw * 12 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .entry__writer__name {
    padding-inline-start: calc(100vw * 8 / 1200);
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .entry__writer__name {
    margin-inline-start: 8px;
    font-size: 12px;
  }
}
.entry__other {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 600px) {
  .entry__other {
    display: block;
    text-align: right;
    padding-block-start: calc(100vw * 4 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__other {
    padding-block-start: 4px;
  }
}
.entry__tag-box {
  display: inline-block;
}
.entry__tag-box__tag {
  position: relative;
  display: inline-block;
  margin-inline-end: calc(100vw * 10 / 402);
  color: #272727;
  font-size: calc(100vw * 11 / 402);
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
  z-index: 2;
}
@media (min-width: 600px) {
  .entry__tag-box__tag {
    margin-inline-end: calc(100vw * 10 / 1200);
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .entry__tag-box__tag {
    margin-inline-end: 10px;
    font-size: 11px;
  }
}
.entry__like {
  display: inline-block;
}
.entry__like .c-button-like {
  position: relative;
  z-index: 2;
}
.entry__image {
  margin: 0 0 calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .entry__image {
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__image {
    margin-block-end: 40px;
  }
}
.entry__excerpt {
  margin-block-end: calc(100vw * 20 / 402);
}
@media (min-width: 600px) {
  .entry__excerpt {
    margin-block-end: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__excerpt {
    margin-block-end: 20px;
  }
}
.entry__excerpt p {
  margin: 0;
  font-size: calc(100vw * 13 / 402);
  font-weight: 700;
  line-height: 160%;
}
@media (min-width: 600px) {
  .entry__excerpt p {
    font-size: clamp(0.75rem, 0.625rem + 0.3333vw, 0.875rem);
  }
}
@media (min-width: 1200px) {
  .entry__excerpt p {
    font-size: 14px;
  }
}
.entry__attention {
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 160%;
}
@media (min-width: 600px) {
  .entry__attention {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .entry__attention {
    font-size: 12px;
  }
}
@media (min-width: 600px) {
  .entry__content__container {
    padding-inline: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__content__container {
    padding-inline: 40px;
  }
}

.entry__main h1, .entry__main h2, .entry__main h3, .entry__main h4, .entry__main h5, .entry__main h6 {
  margin: calc(100vw * 20 / 402) 0;
  font-weight: 700;
  line-height: 160%;
}
@media (min-width: 600px) {
  .entry__main h1, .entry__main h2, .entry__main h3, .entry__main h4, .entry__main h5, .entry__main h6 {
    margin-block: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main h1, .entry__main h2, .entry__main h3, .entry__main h4, .entry__main h5, .entry__main h6 {
    margin-block: 20px;
  }
}
.entry__main h1:first-child, .entry__main h2:first-child, .entry__main h3:first-child, .entry__main h4:first-child, .entry__main h5:first-child, .entry__main h6:first-child {
  margin-block-start: 0;
}
@media (min-width: 600px) {
  .entry__main h1:first-child, .entry__main h2:first-child, .entry__main h3:first-child, .entry__main h4:first-child, .entry__main h5:first-child, .entry__main h6:first-child {
    margin-block-start: 0;
  }
}
@media (min-width: 1200px) {
  .entry__main h1:first-child, .entry__main h2:first-child, .entry__main h3:first-child, .entry__main h4:first-child, .entry__main h5:first-child, .entry__main h6:first-child {
    margin-block-start: 0;
  }
}
.entry__main h2 {
  font-size: calc(100vw * 24 / 402);
}
@media (min-width: 600px) {
  .entry__main h2 {
    font-size: clamp(1.625rem, 1.5rem + 0.3333vw, 1.75rem);
  }
}
@media (min-width: 1200px) {
  .entry__main h2 {
    font-size: 26px;
  }
}
.entry__main h3 {
  position: relative;
  padding-inline-start: calc(100vw * 14 / 402);
  font-size: calc(100vw * 20 / 402);
  line-height: 140%;
}
@media (min-width: 600px) {
  .entry__main h3 {
    padding-inline-start: calc(100vw * 14 / 1200);
    font-size: clamp(1.25rem, 1.125rem + 0.3333vw, 1.375rem);
  }
}
@media (min-width: 1200px) {
  .entry__main h3 {
    padding-inline-start: 14px;
    font-size: 22px;
  }
}
.entry__main h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: calc(100vw * 4 / 402);
  height: calc(100% - 100vw * 8 / 402);
  border-radius: 100px;
  background-color: #D7D7BA;
}
@media (min-width: 600px) {
  .entry__main h3:before {
    width: calc(100vw * 4 / 1200);
    height: calc(100% - 100vw * 8 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main h3:before {
    width: 4px;
    height: calc(100% - 8px);
  }
}
.entry__main h4 {
  padding-block-end: calc(100vw * 15 / 402);
  font-size: calc(100vw * 18 / 402);
  border-bottom: 1px solid #333;
}
@media (min-width: 600px) {
  .entry__main h4 {
    padding-block-end: calc(100vw * 15 / 1200);
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .entry__main h4 {
    padding-block-end: 15px;
    font-size: 18px;
  }
}
.entry__main h5 {
  padding: calc(100vw * 10 / 402);
  font-size: calc(100vw * 16 / 402);
  background-color: #F5F5F0;
}
@media (min-width: 600px) {
  .entry__main h5 {
    padding: calc(100vw * 10 / 1200) calc(100vw * 20 / 1200);
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .entry__main h5 {
    padding: 10px 20px;
    font-size: 16px;
  }
}
.entry__main p {
  margin: 0;
  font-size: calc(100vw * 14 / 402);
  font-weight: 500;
  line-height: 160%;
  text-align: break-all;
}
@media (min-width: 600px) {
  .entry__main p {
    font-size: clamp(0.875rem, 0.75rem + 0.3333vw, 1rem);
  }
}
@media (min-width: 1200px) {
  .entry__main p {
    font-size: 16px;
  }
}
.entry__main .ql-size-marker {
  background: linear-gradient(transparent 37.5%, #FFEF00 37.5%, #FFEF00 68.75%, transparent 68.75%);
  font-weight: 700;
}
.entry__main img {
  display: block;
  margin: calc(100vw * 20 / 402) 0;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (min-width: 600px) {
  .entry__main img {
    margin-block: calc(100vw * 20 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main img {
    margin-block: 20px;
  }
}
.entry__main figure {
  margin: calc(100vw * 20 / 402) 0 calc(100vw * 40 / 402);
  width: auto !important;
  max-width: 100%;
}
@media (min-width: 600px) {
  .entry__main figure {
    margin-block-start: calc(100vw * 20 / 1200);
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main figure {
    margin-block-start: 20px;
    margin-block-end: 40px;
  }
}
.entry__main figure img {
  margin-bottom: 0;
}
.entry__main figure figcaption {
  margin-block-start: calc(100vw * 10 / 402);
  color: #777777;
  font-size: calc(100vw * 12 / 402);
  text-align: right;
  line-height: 500;
  line-height: 160%;
  text-align: break-all;
}
@media (min-width: 600px) {
  .entry__main figure figcaption {
    margin-block-start: calc(100vw * 10 / 1200);
    font-size: calc(100vw * 12 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main figure figcaption {
    margin-block-start: 10px;
    font-size: 12px;
  }
}
.entry__main .wp-caption {
  margin: calc(100vw * 20 / 402) 0 calc(100vw * 40 / 402);
  width: auto !important;
  max-width: 100%;
}
@media (min-width: 600px) {
  .entry__main .wp-caption {
    margin-block-start: calc(100vw * 20 / 1200);
    margin-block-end: calc(100vw * 40 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main .wp-caption {
    margin-block-start: 20px;
    margin-block-end: 40px;
  }
}
.entry__main .wp-caption img {
  margin-bottom: 0;
}
.entry__main .wp-caption-text {
  margin-block-start: calc(100vw * 10 / 402);
  color: #777777;
  font-size: calc(100vw * 12 / 402);
  text-align: right;
  line-height: 500;
  line-height: 160%;
  text-align: break-all;
}
@media (min-width: 600px) {
  .entry__main .wp-caption-text {
    margin-block-start: calc(100vw * 10 / 1200);
    font-size: calc(100vw * 12 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main .wp-caption-text {
    margin-block-start: 10px;
    font-size: 12px;
  }
}
.entry__main .banner-area {
  margin: calc(100vw * 20 / 402) auto;
  width: 100%;
}
@media (min-width: 600px) {
  .entry__main .banner-area {
    margin-block: calc(100vw * 20 / 1200);
    max-width: calc(100vw * 600 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main .banner-area {
    margin-block: 20px;
    max-width: 600px;
  }
}
@media (min-width: 1200px) {
  .entry__main .banner-area {
    margin-block: 20px;
    max-width: 600px;
  }
}
.entry__main .banner-area img {
  margin: 0;
}
.entry__main iframe {
  margin: 0 auto 6%;
  width: 100%;
  height: calc(100vw * 250 / 402);
}
@media (min-width: 600px) {
  .entry__main iframe {
    margin-block-end: 0;
    height: calc(100vw * 500 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main iframe {
    height: 500px;
  }
}
.entry__main .ql-size-small {
  font-size: calc(100vw * 12 / 402);
}
@media (min-width: 600px) {
  .entry__main .ql-size-small {
    font-size: calc(100vw * 12 / 1200);
  }
}
@media (min-width: 1200px) {
  .entry__main .ql-size-small {
    font-size: 12px;
  }
}

#ez-toc-container {
  margin-block-end: calc(100vw * 40 / 402);
  padding: calc(100vw * 20 / 402) calc(100vw * 30 / 402);
  background-color: #F5F5F0;
}
@media (min-width: 600px) {
  #ez-toc-container {
    margin-block-end: calc(100vw * 40 / 1200);
    padding: calc(100vw * 20 / 1200) calc(100vw * 30 / 1200);
  }
}
@media (min-width: 1200px) {
  #ez-toc-container {
    margin-block-end: 40px;
    padding: 20px 30px;
  }
}
#ez-toc-container .ez-toc-title-container .ez-toc-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(100vw * 12 / 402);
  color: #555555;
  margin: 0;
  font-size: calc(100vw * 11 / 402);
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 600px) {
  #ez-toc-container .ez-toc-title-container .ez-toc-title {
    gap: calc(100vw * 12 / 1200);
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  #ez-toc-container .ez-toc-title-container .ez-toc-title {
    gap: 12px;
    font-size: 11px;
  }
}
#ez-toc-container .ez-toc-title-container .ez-toc-title:before {
  content: "INDEX";
  font-family: "Barlow Semi Condensed", sans-serif;
  color: #272727;
  font-size: calc(100vw * 30 / 402);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  #ez-toc-container .ez-toc-title-container .ez-toc-title:before {
    font-size: clamp(1.75rem, 1.625rem + 0.3333vw, 1.875rem);
  }
}
@media (min-width: 1200px) {
  #ez-toc-container .ez-toc-title-container .ez-toc-title:before {
    font-size: 30px;
  }
}
#ez-toc-container .ez-toc-title-container .ez-toc-title-toggle {
  display: inline;
  text-align: left;
  vertical-align: middle;
}
#ez-toc-container ul {
  list-style: none;
  margin: 0 0 0 calc(100vw * 14 / 402);
  padding: 0;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 220%;
  overflow: visible;
}
@media (min-width: 600px) {
  #ez-toc-container ul {
    margin-inline-start: calc(100vw * 14 / 1200);
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  #ez-toc-container ul {
    margin-inline-start: 14px;
    font-size: 12px;
  }
}
#ez-toc-container ul > li {
  position: relative;
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 220%;
  overflow: visible;
}
@media (min-width: 600px) {
  #ez-toc-container ul > li {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  #ez-toc-container ul > li {
    font-size: 12px;
  }
}
#ez-toc-container ul > li:before {
  content: "";
  position: absolute;
  top: calc(100vw * 13 / 402);
  left: calc(-100vw * 10 / 402);
  translate: 0 -50%;
  display: block;
  width: calc(100vw * 6 / 402);
  height: calc(100vw * 6 / 402);
  background-color: #D7D7BA;
  rotate: 45deg;
  aspect-ratio: 1/1;
}
@media (min-width: 600px) {
  #ez-toc-container ul > li:before {
    top: calc(100vw * 13 / 1200);
    left: calc(-100vw * 10 / 1200);
    width: calc(100vw * 6 / 1200);
    height: calc(100vw * 6 / 1200);
  }
}
@media (min-width: 1200px) {
  #ez-toc-container ul > li:before {
    top: 13px;
    left: -10px;
    width: 6px;
    height: 6px;
  }
}
#ez-toc-container ul > li a {
  font-size: calc(100vw * 12 / 402);
  font-weight: 500;
  line-height: 220%;
}
@media (min-width: 600px) {
  #ez-toc-container ul > li a {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  #ez-toc-container ul > li a {
    font-size: 12px;
  }
}
#ez-toc-container ul > li > ul {
  margin-inline-start: 2em;
}
#ez-toc-container ul > li > ul > li:before {
  width: calc(100vw * 4 / 402);
  height: 1px;
  background-color: #333;
  rotate: 0deg;
}
@media (min-width: 600px) {
  #ez-toc-container ul > li > ul > li:before {
    width: calc(100vw * 4 / 1200);
  }
}
@media (min-width: 1200px) {
  #ez-toc-container ul > li > ul > li:before {
    width: 4px;
  }
}
#ez-toc-container a {
  color: #000;
  text-decoration: none;
}
/* 記事詳細内　広告 */
.article_detail_ad {
  position: relative;
  border: 1px double #ccc;
  margin: 3em 0 2em;
  padding: 1em;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 600px) {
  .article_detail_ad {
    grid-template-columns: 60% auto;
    gap: 10px 15px;
  }
}
.article_detail_ad a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article_detail_ad a[target=_blank]:not(:has(img)):not([class*=button-]):after {
  display: none;
}
.article_detail_ad .ad-pict {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (min-width: 600px) {
  .article_detail_ad .ad-pict {
    grid-row: 1/3;
  }
}
.article_detail_ad .ad-pict p {
  width: 80%;
}
@media (min-width: 600px) {
  .article_detail_ad .ad-pict p {
    width: 100%;
  }
}
.article_detail_ad .text_box {
  width: 80%;
  margin: 0.5em auto 0;
  grid-column: 1/2;
  grid-row: 2/3;
}
@media (min-width: 600px) {
  .article_detail_ad .text_box {
    width: auto;
    margin: 0;
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.article_detail_ad p {
  margin: 0 auto;
}
.article_detail_ad p.ad_title {
  margin-bottom: 0;
  font-size: calc(100vw * 16 / 402);
  font-weight: bold;
  line-height: 1.4;
}
@media (min-width: 600px) {
  .article_detail_ad p.ad_title {
    margin-bottom: 0.5em;
    font-size: clamp(1.125rem, 1rem + 0.3333vw, 1.25rem);
  }
}
@media (min-width: 1200px) {
  .article_detail_ad p.ad_title {
    font-size: 20px;
  }
}
.article_detail_ad p.lead {
  font-size: calc(100vw * 12 / 402);
  color: #999;
  line-height: 1.6;
}
@media (min-width: 600px) {
  .article_detail_ad p.lead {
    font-size: clamp(0.75rem, 0.625rem + 0.3333vw, 0.875rem);
  }
}
@media (min-width: 1200px) {
  .article_detail_ad p.lead {
    font-size: 14px;
  }
}
.article_detail_ad img {
  margin: 0;
}
.article_detail_ad .tag_box {
  display: block;
  width: 80%;
  margin: 0.2em auto 0;
  grid-column: 1/2;
  grid-row: 3/4;
}
@media (min-width: 600px) {
  .article_detail_ad .tag_box {
    width: 55%;
    margin: auto 0 0;
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.article_detail_ad .tag_box .tag {
  display: inline-block;
  width: auto;
}
.article_detail_ad .tag {
  padding-top: 0;
}
.article_detail_ad .tag p {
  border-bottom: 2px solid #00c7fe;
  padding-bottom: 0.2em;
  font-size: calc(100vw * 12 / 402);
  line-height: 1;
}
@media (min-width: 600px) {
  .article_detail_ad .tag p {
    font-size: clamp(0.75rem, 0.625rem + 0.3333vw, 0.875rem);
  }
}
@media (min-width: 1200px) {
  .article_detail_ad .tag p {
    font-size: 14px;
  }
}
.article_detail_ad.ad-ttl-none {
  grid-template-columns: 1fr;
  gap: 5px 0;
}
.article_detail_ad.ad-ttl-none .ad-pict {
  grid-row: 1/2;
}
@media (min-width: 600px) {
  .article_detail_ad.ad-ttl-none .ad-pict {
    grid-row: 1/2;
  }
}
.article_detail_ad.ad-ttl-none .ad-pict p {
  width: 80%;
}
.article_detail_ad.ad-ttl-none .tag_box {
  width: 80%;
  margin: 0 auto;
  grid-column: 1/2;
}
/* ==========================================================================
   Project
** ========================================================================== */
/* ************************************************

  home

************************************************ */
.p-home__headline {
  position: relative;
  overflow: hidden;
}
.p-home__headline:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 100vw * 60 / 402);
  background-color: #F5F5F0;
  z-index: -1;
}
@media (min-width: 600px) {
  .p-home__headline:before {
    height: calc(100vw * 498 / 1728);
  }
}
@media (min-width: 1728px) {
  .p-home__headline:before {
    height: 498px;
  }
}
.p-home__headline__inner {
  box-sizing: border-box;
  margin: 0 auto;
  padding-block-end: 1px;
  max-width: 1683.35px;
}
@media (min-width: 600px) {
  .p-home__headline__inner {
    padding-inline: var(--gutter);
    padding-block-start: 0.2551020408vw;
    padding-block-end: 2.5510204082vw;
    width: 100%;
  }
}
@media (min-width: 1683.35px) {
  .p-home__headline__inner {
    padding-inline: 87.67px;
    padding-block-start: 4px;
    padding-block-end: 40px;
    width: 1683.35px;
  }
}
.p-home__headline__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 600px) {
  .p-home__headline__list {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: minmax(0, 850fr) minmax(0, 320fr) minmax(0, 320fr);
    gap: 1.1883541295vw;
  }
}
@media (min-width: 1683px) {
  .p-home__headline__list {
    gap: 20px;
  }
}
.p-home__headline__list .slick-list {
  margin: 0 calc(-100vw * 10 / 402);
}
@media (min-width: 600px) {
  .p-home__headline__list .slick-list {
    margin: 0 -10px;
  }
}
.p-home__headline__list .slick-slide {
  margin: 0 calc(100vw * 10 / 402);
}
@media (min-width: 600px) {
  .p-home__headline__list .slick-slide {
    margin: 0 10px;
  }
}
.p-home__headline__item {
  position: relative;
  background-color: #fff;
  transition: all 0.3s ease;
}
@media (min-width: 600px) {
  .p-home__headline__item {
    width: auto;
    background-color: #fff;
  }
}
.p-home__headline__item:hover {
  opacity: 0.7;
}
@media (min-width: 600px) {
  .p-home__headline__item:first-of-type {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    width: auto;
  }
}
@media (min-width: 600px) {
  .p-home__headline__item:first-of-type .p-home__headline__title {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .p-home__headline__item:first-of-type .p-home__headline__title {
    font-size: 20px;
  }
}
.p-home__headline__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: #272727;
  text-decoration: none;
  z-index: 2;
}
.p-home__headline__thumb {
  position: relative;
  margin: 0;
}
.p-home__headline__thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 120/63;
}
.p-home__headline__thumb__attention {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: calc(100vw * 1 / 402) calc(100vw * 13 / 402) calc(100vw * 2 / 402);
  color: #fff;
  font-size: calc(100vw * 12 / 402);
  font-weight: 700;
  text-align: center;
  background-color: #333;
}
@media (min-width: 600px) {
  .p-home__headline__thumb__attention {
    padding: calc(100vw * 1 / 1728) calc(100vw * 13 / 1728) calc(100vw * 2 / 1728);
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .p-home__headline__thumb__attention {
    font-size: 12px;
  }
}
@media (min-width: 1728px) {
  .p-home__headline__thumb__attention {
    padding: 1px 13px 2px;
    font-size: 12px;
  }
}
.p-home__headline__info {
  padding: calc(100vw * 10 / 402) calc(100vw * 12 / 402) calc(100vw * 17 / 402);
}
@media (min-width: 600px) {
  .p-home__headline__info {
    padding: 13px 12px;
  }
}
@media (min-width: 1728px) {
  .p-home__headline__info {
    padding: 13px 12px;
  }
}
.p-home__headline__info .c-box-category .c-category {
  position: relative;
  z-index: 2;
}
@media (min-width: 600px) {
  .p-home__headline__info .c-box-category .c-category {
    font-size: 12px;
  }
}
.p-home__headline__meta .c-box-category {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-home__headline__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin: calc(100vw * 4 / 402) 0 0 0;
  margin-block-start: calc(100vw * 4 / 402);
  font-size: calc(100vw * 18 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .p-home__headline__title {
    margin-block-start: 4px;
    font-size: 18px;
  }
}
.p-home__popular-tags {
  position: relative;
  margin-block-end: calc(100vw * 14 / 402);
  z-index: 3;
}
@media (min-width: 600px) {
  .p-home__popular-tags {
    position: absolute;
    top: 0;
    right: calc(-100vw * 360 / 1200);
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-block-end: 0;
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags {
    right: -360px;
  }
}
.p-home__popular-tags__header {
  margin-block-end: calc(100vw * 20 / 402);
  text-align: center;
}
@media (min-width: 600px) {
  .p-home__popular-tags__header {
    margin-block-end: 0;
    width: calc(100vw * 100 / 1200);
    height: calc(100vw * 50 / 1200);
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags__header {
    width: 104px;
    height: 50px;
  }
}
.p-home__popular-tags__heading {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-inline: calc(100vw * 25 / 402);
  font-size: calc(100vw * 14 / 402);
  font-weight: 700;
  line-height: 140%;
}
@media (min-width: 600px) {
  .p-home__popular-tags__heading {
    padding: calc(100vw * 14 / 1568) calc(100vw * 21 / 1568);
    border: 1px solid #555555;
    border-radius: 100px;
    font-size: calc(100vw * 14 / 1200);
    background-color: #fff;
    white-space: nowrap;
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags__heading {
    padding: 14px 21px;
    font-size: 14px;
  }
}
.p-home__popular-tags__heading:before, .p-home__popular-tags__heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 1px;
  height: calc(100vw * 12.73 / 402);
  background-color: #555555;
}
@media (min-width: 600px) {
  .p-home__popular-tags__heading:before, .p-home__popular-tags__heading:after {
    top: 50%;
    bottom: auto;
    width: calc(100vw * 6 / 1200);
    height: calc(100vw * 6.93 / 1200);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    translate: 0 -50%;
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags__heading:before, .p-home__popular-tags__heading:after {
    width: 6px;
    height: 6.93px;
  }
}
.p-home__popular-tags__heading:before {
  left: 0;
  rotate: -23.13deg;
}
@media (min-width: 600px) {
  .p-home__popular-tags__heading:before {
    left: auto;
    right: calc(-100vw * 6 / 1200);
    rotate: 0deg;
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags__heading:before {
    right: -6px;
  }
}
.p-home__popular-tags__heading:after {
  right: 0;
  rotate: 23.13deg;
}
@media (min-width: 600px) {
  .p-home__popular-tags__heading:after {
    right: calc(-100vw * 4 / 1200);
    rotate: 0deg;
    background-color: #fff;
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags__heading:after {
    right: -4px;
  }
}
@media (min-width: 600px) {
  .p-home__popular-tags__content {
    width: calc(100vw * 407 / 1200);
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags__content {
    width: 407px;
  }
}
@media (min-width: 600px) {
  .p-home__popular-tags__content .c-tag-box {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: "";
    padding-inline-end: calc(-100vw * 10 / 1200);
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags__content .c-tag-box {
    padding-inline-end: -10px;
  }
}
@media (min-width: 600px) {
  .p-home__popular-tags__content .c-tag-box__tag {
    font-size: calc(100vw * 11 / 1200);
  }
}
@media (min-width: 1200px) {
  .p-home__popular-tags__content .c-tag-box__tag {
    font-size: 11px;
  }
}
.p-home__block.c-block {
  border-bottom: none;
  padding-block: 0 calc(100vw * 30 / 402);
}
@media (min-width: 600px) {
  .p-home__block.c-block {
    padding-block: 0 calc(100vw * 30 / 1728);
  }
}
@media (min-width: 1728px) {
  .p-home__block.c-block {
    padding-block: 0 30px;
  }
}
.p-home__block.c-block [class^=c-heading] {
  margin-block-end: 0;
}
@media (min-width: 600px) {
  .p-home__block.c-block [class^=c-heading] {
    margin-block-end: 0;
  }
}
@media (min-width: 1728px) {
  .p-home__block.c-block [class^=c-heading] {
    margin-block-end: 0;
  }
}
.p-home__block.c-block--banner {
  padding-block: 0;
}
@media (min-width: 600px) {
  .p-home__block.c-block--banner {
    padding-block: 0;
  }
}
@media (min-width: 1728px) {
  .p-home__block.c-block--banner {
    padding-block: 0;
  }
}
.p-home__block:not(:last-of-type).c-block {
  margin-block-end: calc(100vw * 40 / 402);
}
@media (min-width: 600px) {
  .p-home__block:not(:last-of-type).c-block {
    margin-block-end: calc(100vw * 40 / 1728);
  }
}
@media (min-width: 1728px) {
  .p-home__block:not(:last-of-type).c-block {
    margin-block-end: 40px;
  }
}
.p-home__features {
  position: relative;
}
.p-home__features:before {
  content: "";
  position: absolute;
  top: calc(-100vw * 30 / 402);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: calc(100% - 100vw * 30 / 402);
  background-color: #F5F5F0;
  z-index: -1;
}
@media (min-width: 600px) {
  .p-home__features:before {
    display: none;
  }
}
.p-home__new-articles.c-block:not(:last-of-type) {
  margin-block-end: calc(100vw * 60 / 402);
}
@media (min-width: 600px) {
  .p-home__new-articles.c-block:not(:last-of-type) {
    margin-block-end: calc(100vw * 60 / 1728);
  }
}
@media (min-width: 1728px) {
  .p-home__new-articles.c-block:not(:last-of-type) {
    margin-block-end: 60px;
  }
}
@media (min-width: 600px) {
  .p-home__pickup .slick-list {
    margin-inline: calc(-100vw * 15 / 1728);
  }
}
@media (min-width: 1728px) {
  .p-home__pickup .slick-list {
    margin-inline: -15px;
  }
}
@media (min-width: 600px) {
  .p-home__pickup .slick-slide {
    margin-inline: calc(100vw * 15 / 1728);
  }
}
@media (min-width: 1728px) {
  .p-home__pickup .slick-slide {
    margin-inline: 15px;
  }
}
.p-home__banner.c-block {
  padding-block-end: 0;
}

#about .media_info {
  margin-top: 4%;
}
#about .media {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 5.5%;
  padding: 0;
}
@media (min-width: 600px) {
  #about .media {
    width: 82%;
    margin-bottom: 1.6%;
  }
}
#about .media:first-of-type {
  border-bottom: 1px solid #ccc;
  padding-bottom: 2.5%;
}
#about .media > li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 5%;
}
@media (min-width: 600px) {
  #about .media > li {
    width: 31%;
    margin-right: 3%;
    margin-bottom: 0;
  }
}
#about .media > li:last-of-type {
  margin-right: 0;
}
#about .media > li a {
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #555;
  text-align: center;
  border: 0.45vw solid #555;
  border-radius: 5px;
  padding: 0.8em 0;
}
@media (min-width: 600px) {
  #about .media > li a {
    font-size: 1.16vw;
    border: 0.15vw solid #555;
    border-radius: 5px;
    padding: 0.5em 0;
  }
}
#about .media > li a:after {
  display: none;
}
#about .media > li a:hover {
  color: #00c7fe;
  border: 0.15vw solid #00c7fe;
  text-decoration: none;
}
#about .media_info p {
  padding-bottom: 0.5em;
}

#about {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 8%;
  padding: 5% 0 12% 0;
  box-shadow: none;
}
@media (min-width: 600px) {
  #about {
    margin-bottom: 3%;
    padding: 5% 8% 4% 8%;
    box-shadow: 0 0 3.5px #eee;
  }
}
#flu, #contact {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 3%;
  padding: 5% 8% 4% 8%;
  box-shadow: 0 0 3.5px #eee;
}
.about_area {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}
.about_area .bnr {
  display: block;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 2%;
  width: 95%;
}
@media (min-width: 600px) {
  .about_area .bnr {
    width: 50%;
  }
}
.about_area .bnr img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.about_area .bnr:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.about_area h2,
.contact_area h2 {
  display: block;
  width: 30%;
  margin: 0 auto;
  margin-bottom: 1em;
  margin-top: 4%;
}
.about_area h2 img,
.contact_area h2 img {
  display: block;
  width: 100%;
  height: auto;
}
.about_area h3,
.contact_area h3 {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 1em;
  font-size: 19px;
  font-weight: 600;
  color: #000;
  text-align: center;
  letter-spacing: 0.05em;
}
@media (min-width: 600px) {
  .about_area h3,
  .contact_area h3 {
    font-size: 2vw;
  }
}
.about_area .about_text,
.contact_area .about_text {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0.5em;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  line-height: 1.6em;
  text-align: justify;
}
@media (min-width: 600px) {
  .about_area .about_text,
  .contact_area .about_text {
    padding: 0 5em;
    padding-top: 1.5em;
    font-size: 18px;
    line-height: 1.8em;
  }
}
.about_area p,
.contact_area p {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0.5em;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  line-height: 1.8em;
  text-align: justify;
  padding-bottom: 1.5em;
  word-break: break-all;
}
@media (min-width: 600px) {
  .about_area p,
  .contact_area p {
    padding: 0 5em;
    padding-bottom: 1.5em;
    font-size: 1.16vw;
    line-height: 1.8em;
    word-break: normal;
  }
}
.about_area .bc1,
.contact_area .bc1 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  padding: 0;
}
.about_area .bc2,
.contact_area .bc2 {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: auto;
  padding: 0;
}
.about_area .bc3,
.contact_area .bc3 {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: auto;
  padding: 0;
}
.about_area .bc4,
.contact_area .bc4 {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: auto;
  padding: 0;
}

.contact_area .bc1 img, .contact_area .bc2 img, .contact_area .bc3 img, .contact_area .bc4 img {
  display: block;
  width: 50px;
  height: auto;
}

.about_area .bc1 img, .about_area .bc2 img, .about_area .bc3 img, .about_area .bc4 img {
  display: block;
  width: 50px;
  height: auto;
}

#about_link {
  display: block;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 0 3.5px #eee;
  padding: 5% 8% 4% 8%;
  margin-bottom: 3%;
  background: #fdfdfd;
}

.about_link_area {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}
.about_link_area h2 {
  display: block;
  width: 100%;
  font-size: 1.5vw;
  font-weight: 500;
  color: #333;
  padding-top: 2em;
  padding-bottom: 1em;
}
.about_link_area h2:first-of-type {
  padding-top: 0;
}
.about_link_area p {
  display: block;
  width: 100%;
  font-size: 1vw;
  font-weight: 400;
  color: #666;
  line-height: 1.8em;
  padding-bottom: 1em;
}
.about_link_area ul {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.about_link_area ul li {
  font-size: 1vw;
  font-weight: 400;
  color: #666;
  line-height: 1.8em;
  padding-bottom: 0.5em;
}

.static_sub {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  margin: 0.8em 0 0.8em 0;
  padding: 0.3em 0;
  color: #000;
}
@media (min-width: 600px) {
  .static_sub {
    font-size: 2vw;
  }
}
#about .static_sub,
#contact .static_sub {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  border-left: none;
  margin: 0.8em 0 0.8em 0;
  padding: 0.3em 0;
  margin-left: 0.5em;
  clear: both;
  padding-left: 0;
}
@media (min-width: 600px) {
  #about .static_sub,
  #contact .static_sub {
    margin-left: 3.2em;
    font-size: 2vw;
  }
}
#about .sns_box,
#contact .sns_box {
  display: flex;
  width: 72%;
  margin: 0 auto;
}
@media (min-width: 600px) {
  #about .sns_box,
  #contact .sns_box {
    width: 30%;
  }
}
#about .sns_box p,
#contact .sns_box p {
  display: block;
  width: auto;
  height: auto;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 2em;
  padding-left: 2.5em;
}
#about .sns_box p img,
#contact .sns_box p img {
  display: block;
  width: 11.114vw;
  height: auto;
}
@media (min-width: 600px) {
  #about .sns_box p img,
  #contact .sns_box p img {
    width: 2.865vw;
  }
}
#about .sns_box p img:hover,
#contact .sns_box p img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#about .sns_box p:first-of-type,
#contact .sns_box p:first-of-type {
  padding-left: 0;
}
#about .sns_box p:nth-of-type(2),
#contact .sns_box p:nth-of-type(2) {
  padding-top: 0.2em;
}

.article_info {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 3% 0;
  margin-bottom: 8%;
}

.about_area h2 {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 3vw;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding-bottom: 0.5em;
  letter-spacing: 0.1em;
}
.about_area h2 .subtitle {
  font-size: 2.5vw;
}
.about_area .link_info {
  display: block;
  width: 97%;
  margin: 0 auto;
  font-size: 0.95vw;
}
.about_area .link_info a {
  color: #aaa;
}
.about_area .link_info a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.about_area .magazine_info {
  padding-bottom: 0.5em;
}
.about_area .register_btn {
  position: static;
  display: block;
  width: 100%;
  background: #fff001;
  border-radius: 8px;
  text-align: center;
  margin: 0 auto;
  margin-left: 0;
  margin-bottom: 2em;
  padding: 0;
  float: none;
  margin-top: 0.8em;
}
@media (min-width: 600px) {
  .about_area .register_btn {
    margin: 0 auto;
    margin-top: 0.8em;
    margin-bottom: 2em;
    width: 40%;
  }
}
.about_area .register_btn a {
  display: block;
  width: 100%;
  height: auto;
  color: #272727;
  text-align: center;
  font-size: 4vw;
  padding: 0.5em 0;
  white-space: nowrap;
}
@media (min-width: 600px) {
  .about_area .register_btn a {
    font-size: 1.1vw;
  }
}
.about_area .company_link {
  display: block;
  width: 35%;
  background: #000;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 2em;
}
.about_area .company_link a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.1vw;
  font-weight: bold;
  padding: 0.5em 0;
  color: #fff;
  letter-spacing: 0.1em;
}
.about_area .company_link a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

#regist .about_link {
  display: block;
  width: 40%;
  background: #000;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 2em;
  float: none;
}
#regist .about_link a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.1vw;
  font-weight: bold;
  padding: 0.5em 0;
  color: #fff;
  letter-spacing: 0.1em;
}
#regist .about_link a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#regist .note {
  color: #ee0000;
  text-align: left;
  font-size: 0.95vw;
  display: block;
  width: 68%;
  margin: 0 auto;
}
#regist .note_form {
  color: #ee0000;
  text-align: left;
  font-size: 0.95vw;
  padding-left: 10%;
}
#regist .note_pw {
  color: #000;
  text-align: left;
  font-size: 0.95vw;
  padding-left: 12.2%;
  padding-top: 0.5em;
}

#application {
  display: block;
  width: 100%;
  margin: 0 auto;
}
#application form#mail_form dl {
  width: 84%;
}
#application form#mail_form input[type=button] {
  width: 33.6%;
}

.pc_info {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0.8em 0;
  background: #dff2fc;
  border: 3px solid #1ebbee;
}
.pc_info p {
  display: inline-block;
  width: auto;
  font-size: 0.9vw;
  font-weight: 500;
  color: #1ebbee;
  text-align: center;
}

#coming_soon {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: #fff;
}

.coming_soon_box {
  display: block;
  width: 90%;
  margin: 0 auto;
  background: #eaf6fd;
  padding: 7em 0 8em 0;
  margin-top: -3.5%;
}
.coming_soon_box h2 {
  font-size: 4vw;
  font-weight: 600;
  color: #00c7fe;
  text-align: center;
  padding-bottom: 5%;
}
.coming_soon_box p {
  font-size: 1.2vw;
  font-weight: 600;
  color: #00c7fe;
  text-align: center;
}

#coming_soon .site_link a {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  font-size: 1.5vw;
  font-weight: 500;
  color: #00c7fe;
}
#coming_soon .site_link a:hover {
  color: #fff001;
}

.coming_soon_box figure {
  display: block;
  width: 25%;
  margin: 0 auto;
  margin-top: 3%;
}
.coming_soon_box figure img {
  display: block;
  width: 100%;
  height: auto;
}
.coming_soon_box figure a {
  display: block;
  width: 100%;
}
.coming_soon_box figure a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

#satori__creative_container {
  display: block;
  width: 85%;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 3% 5%;
}

#delete h3 {
  display: block;
  width: 82%;
  margin: 0 auto;
  font-size: 1.1rem;
  font-weight: 600;
  color: #000;
  text-align: left;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  letter-spacing: 0.1em;
}

.delete_on {
  padding-left: 1em;
}

/* ==========================================================================
   Utility
** ========================================================================== */
.animation {
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.animation:hover {
  background-color: #F00;
}

.animset {
  -webkit-animation: anim 1.5s ease-in-out infinite alternate;
  -o-animation: anim 1.5s ease-in-out infinite alternate;
  -ms-animation: anim 1.5s ease-in-out infinite alternate;
  -moz-animation: anim 1.5s ease-in-out infinite alternate;
  animation: anim 1.5s ease-in-out infinite alternate;
}

.is-check {
  animation: fade 3s linear forwards;
}

@-webkit-keyframes anim {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
@-moz-keyframes anim {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
@keyframes anim {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
    visibility: visible;
  }
  5% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/************************************************

 Single property

************************************************/
.set-nowrap {
  white-space: nowrap;
}

.set-pos-rel {
  position: relative;
}

.set-pos-abs {
  position: absolute;
}

.set-hide {
  display: none;
}

.set-disp-cell {
  display: table-cell;
}

.set-disp-ib {
  display: inline-block;
}

.set-valign-m {
  vertical-align: middle;
}

.set-float-l {
  float: left;
}

.set-float-r {
  float: right;
}

.set-valign-m {
  vertical-align: middle;
}

.set-valign-t {
  vertical-align: top;
}

.set-valign-b {
  vertical-align: bottom;
}

.set-align-c {
  text-align: center;
}

.set-align-r {
  text-align: right;
}

.set-align-l {
  text-align: left;
}

.bold {
  font-weight: bold;
}
/*# sourceMappingURL=sourcemaps/style.css.map */