@charset "UTF-8";
/*!
Theme Name: matsuki2025_by_settenlab
Description: 株式会社 松樹 WordPressテーマ
Version: 1.0
Author: settenLab株式会社
Author URI: https://settenlab.jp/
*/
/*--- reset ---*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: normal;
  tab-size: 2;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
  box-sizing: border-box;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: none;
  box-shadow: none;
  outline-offset: 0;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:root {
  --font-noto: "Noto Sans JP", sans-serif;
  --font-num: "Marcellus", serif;
  --font-en: "Public Sans", sans-serif;
  --c-black: #0d100f;
  --c-new-black: #111111;
  --c-red: #c30606;
  --c-gray: #707070;
  --c-light-gray: #c7ccb6;
  --c-light-beige: #f2f4ec;
  --c-green: #005c26;
  --c-bk-green: #278e2e;
  --c-fl-green: #00b900;
  --c-light-green: #4ca223;
  --c-new-lite-green: #6DAD19;
  --c-newnew-lite-green: #F9FAF7;
  --c-yellow: #f4dd9d;
  --c-gold: #d1a64d;
  --icon-arrow: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzk0MyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgOTQzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMDA1YzI2Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0i44Kw44Or44O844OXXzc2OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzY5IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzI0NyIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ3IiBkPSJNMjcuMjMzLDMxLjg2NWExLjIzMywxLjIzMywwLDAsMS0uODcyLTIuMWw3LjQtNy40QTEuMjMzLDEuMjMzLDAsMSwxLDM1LjUsMjQuMWwtNy40LDcuNGExLjIyOCwxLjIyOCwwLDAsMS0uODcyLjM2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNzY3IC04LjIzMykiIGZpbGw9IiMwMDVjMjYiLz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ4IiBkYXRhLW5hbWU9IuODkeOCuSAyNDgiIGQ9Ik0zNC42MzIsMTkuODY1YTEuMjI4LDEuMjI4LDAsMCwxLS44NzItLjM2MWwtNy40LTcuNEExLjIzMywxLjIzMywwLDEsMSwyOC4xLDEwLjM2MWw3LjQsNy40YTEuMjMzLDEuMjMzLDAsMCwxLS44NzIsMi4xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS43NjcgLTMuNjMyKSIgZmlsbD0iIzAwNWMyNiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI2Ljk2MywyNC40NjZINy4yMzNhMS4yMzMsMS4yMzMsMCwwLDEsMC0yLjQ2NkgyNi45NjNhMS4yMzMsMS4yMzMsMCwwLDEsMCwyLjQ2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDk4IC04LjIzMykiIGZpbGw9IiMwMDVjMjYiLz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-line: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMjc4ZTJlIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0i44Kw44Or44O844OXXzE0NDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE0NDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjMgMC4yMykiPgogICAgPGcgaWQ9IuOCsOODq+ODvOODl183NjkiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDc2OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjMgLTAuMjMpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ3IiBkYXRhLW5hbWU9IuODkeOCuSAyNDciIGQ9Ik0yNy4yMzMsMzEuODY1YTEuMjMzLDEuMjMzLDAsMCwxLS44NzItMi4xbDcuNC03LjRBMS4yMzMsMS4yMzMsMCwxLDEsMzUuNSwyNC4xbC03LjQsNy40YTEuMjI4LDEuMjI4LDAsMCwxLS44NzIuMzYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS43NjcgLTguMjMzKSIgZmlsbD0iIzI3OGUyZSIvPgogICAgICA8cGF0aCBpZD0i44OR44K5XzI0OCIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ4IiBkPSJNMzQuNjMyLDE5Ljg2NWExLjIyOCwxLjIyOCwwLDAsMS0uODcyLS4zNjFsLTcuNC03LjRBMS4yMzMsMS4yMzMsMCwxLDEsMjguMSwxMC4zNjFsNy40LDcuNGExLjIzMywxLjIzMywwLDAsMS0uODcyLDIuMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNzY3IC0zLjYzMikiIGZpbGw9IiMyNzhlMmUiLz4KICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI2Ljk2MywyNC40NjZINy4yMzNhMS4yMzMsMS4yMzMsMCwwLDEsMC0yLjQ2NkgyNi45NjNhMS4yMzMsMS4yMzMsMCwwLDEsMCwyLjQ2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDk4IC04LjIzMykiIGZpbGw9IiMyNzhlMmUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-white: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzk0NCIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgOTQ0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZmIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0i44Kw44Or44O844OXXzc2OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzY5IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzI0NyIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ3IiBkPSJNMjcuMjMzLDMxLjg2NWExLjIzMywxLjIzMywwLDAsMS0uODcyLTIuMWw3LjQtNy40QTEuMjMzLDEuMjMzLDAsMSwxLDM1LjUsMjQuMWwtNy40LDcuNGExLjIyOCwxLjIyOCwwLDAsMS0uODcyLjM2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNzY3IC04LjIzMykiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ4IiBkYXRhLW5hbWU9IuODkeOCuSAyNDgiIGQ9Ik0zNC42MzIsMTkuODY1YTEuMjI4LDEuMjI4LDAsMCwxLS44NzItLjM2MWwtNy40LTcuNEExLjIzMywxLjIzMywwLDEsMSwyOC4xLDEwLjM2MWw3LjQsNy40YTEuMjMzLDEuMjMzLDAsMCwxLS44NzIsMi4xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS43NjcgLTMuNjMyKSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI2Ljk2MywyNC40NjZINy4yMzNhMS4yMzMsMS4yMzMsMCwwLDEsMC0yLjQ2NkgyNi45NjNhMS4yMzMsMS4yMzMsMCwwLDEsMCwyLjQ2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDk4IC04LjIzMykiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-black: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMWIxYjFiIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0i44Kw44Or44O844OXXzc4NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzg3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjIzIDAuMjMpIj4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjIzIC0wLjIzKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0i44OR44K5XzI0NyIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ3IiBkPSJNMjcuMjMzLDMxLjg2NWExLjIzMywxLjIzMywwLDAsMS0uODcyLTIuMWw3LjQtNy40QTEuMjMzLDEuMjMzLDAsMSwxLDM1LjUsMjQuMWwtNy40LDcuNGExLjIyOCwxLjIyOCwwLDAsMS0uODcyLjM2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNzY3IC04LjIzMykiIGZpbGw9IiMxYjFiMWIiLz4KICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTM0LjYzMiwxOS44NjVhMS4yMjgsMS4yMjgsMCwwLDEtLjg3Mi0uMzYxbC03LjQtNy40QTEuMjMzLDEuMjMzLDAsMSwxLDI4LjEsMTAuMzYxbDcuNCw3LjRhMS4yMzMsMS4yMzMsMCwwLDEtLjg3MiwyLjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Ljc2NyAtMy42MzIpIiBmaWxsPSIjMWIxYjFiIi8+CiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ5IiBkYXRhLW5hbWU9IuODkeOCuSAyNDkiIGQ9Ik0yNi45NjMsMjQuNDY2SDcuMjMzYTEuMjMzLDEuMjMzLDAsMCwxLDAtMi40NjZIMjYuOTYzYTEuMjMzLDEuMjMzLDAsMCwxLDAsMi40NjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjA5OCAtOC4yMzMpIiBmaWxsPSIjMWIxYjFiIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=');
  --icon-arrow-circle: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yMyAtMC4yMykiIGZpbGw9IiNmZmYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTAyMSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTAyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMzcgLTI4NjEpIj4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEyOSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEyOSIgd2lkdGg9IjQ2IiBoZWlnaHQ9IjQ2IiByeD0iMjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMzcgMjg2MSkiIGZpbGw9IiM2ZGFkMTkiLz4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzgyIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3ODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNDMuMjMgMjg2Ny4yMykiPgogICAgICA8ZyBpZD0i44Kw44Or44O844OXXzc2OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzY5IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDciIGRhdGEtbmFtZT0i44OR44K5IDI0NyIgZD0iTTI3LjQsMzMuMThhMS40LDEuNCwwLDAsMS0uOTg4LTIuMzg2bDguMzg1LTguMzg1YTEuNCwxLjQsMCwwLDEsMS45NzYsMS45NzZsLTguMzg1LDguMzg1YTEuMzkyLDEuMzkyLDAsMCwxLS45ODguNDA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTYuNjI4KSIgZmlsbD0iI2ZmZiIvPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ4IiBkYXRhLW5hbWU9IuODkeOCuSAyNDgiIGQ9Ik0zNS43ODMsMjEuMThhMS4zOTIsMS4zOTIsMCwwLDEtLjk4OC0uNDA5TDI2LjQxLDEyLjM4NmExLjQsMS40LDAsMCwxLDEuOTc2LTEuOTc2bDguMzg1LDguMzg1YTEuNCwxLjQsMCwwLDEtLjk4OCwyLjM4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuODMzIC0zLjAxMykiIGZpbGw9IiNmZmYiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzI0OSIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ5IiBkPSJNMjkuNzU4LDI0LjhINy40YTEuNCwxLjQsMCwwLDEsMC0yLjhoMjIuMzZhMS40LDEuNCwwLDAsMSwwLDIuOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODA3IC02LjYyNykiIGZpbGw9IiNmZmYiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+');
  --icon-arrow-circle-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMzLjY5OCIgaGVpZ2h0PSIzMy42OTgiIGZpbGw9IiMwMDVjMjYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTE1NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTE1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxOCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV8zMDciIGRhdGEtbmFtZT0i44OR44K5IDMwNyIgZD0iTTIzLDBBMjMsMjMsMCwxLDEsMCwyMywyMywyMywwLDAsMSwyMywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTgpIiBmaWxsPSIjZmZmIi8+CiAgICA8ZyBpZD0i44Kw44Or44O844OXXzc5NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzk3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IC0xMikiPgogICAgICA8ZyBpZD0i44Kw44Or44O844OXXzc2OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzY5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDciIGRhdGEtbmFtZT0i44OR44K5IDI0NyIgZD0iTTI3LjM4NCwzMy4wNzJhMS4zODQsMS4zODQsMCwwLDEtLjk3OC0yLjM2Mmw4LjMtOC4zYTEuMzg0LDEuMzg0LDAsMCwxLDEuOTU3LDEuOTU3bC04LjMsOC4zYTEuMzc4LDEuMzc4LDAsMCwxLS45NzguNDA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy40NSAtNi4yMTgpIiBmaWxsPSIjMjc4ZTJlIi8+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTM1LjY4OCwyMS4wNzJhMS4zNzksMS4zNzksMCwwLDEtLjk3OC0uNDA2bC04LjMtOC4zYTEuMzg0LDEuMzg0LDAsMSwxLDEuOTU3LTEuOTU3bDguMyw4LjNhMS4zODQsMS4zODQsMCwwLDEtLjk3OCwyLjM2MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNDUgLTIuNTIyKSIgZmlsbD0iIzI3OGUyZSIvPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ5IiBkYXRhLW5hbWU9IuODkeOCuSAyNDkiIGQ9Ik0yOS41MjgsMjQuNzY4SDcuMzg0YTEuMzg0LDEuMzg0LDAsMCwxLDAtMi43NjhIMjkuNTI4YTEuMzg0LDEuMzg0LDAsMCwxLDAsMi43NjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjI5IC02LjIxOCkiIGZpbGw9IiMyNzhlMmUiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
  --icon-arrow-circle-yellow-green: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAxKSIgZmlsbD0iIzAwNWMyNiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9IuOCsOODq+ODvOODl185NzUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDk3NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxOCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV8zMDciIGRhdGEtbmFtZT0i44OR44K5IDMwNyIgZD0iTTE4LDBBMTgsMTgsMCwxLDEsMCwxOCwxOCwxOCwwLDAsMSwxOCwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTgpIiBmaWxsPSIjYzdjY2I2Ii8+CiAgICA8ZyBpZD0i44Kw44Or44O844OXXzc5NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzk3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDQuOTk5KSI+CiAgICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTE4KSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ3IiBkYXRhLW5hbWU9IuODkeOCuSAyNDciIGQ9Ik0yNy4wODYsMzAuNjg2YTEuMDg2LDEuMDg2LDAsMCwxLS43NjgtMS44NTNsNi41MTQtNi41MTRhMS4wODYsMS4wODYsMCwwLDEsMS41MzUsMS41MzVsLTYuNTE0LDYuNTE0YTEuMDgxLDEuMDgxLDAsMCwxLS43NjguMzE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuNzgzIC05Ljk1NCkiIGZpbGw9IiMwMDVjMjYiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzI0OCIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ4IiBkPSJNMzMuNiwxOC42ODZhMS4wODEsMS4wODEsMCwwLDEtLjc2OC0uMzE4bC02LjUxNC02LjUxNGExLjA4NiwxLjA4NiwwLDAsMSwxLjUzNS0xLjUzNWw2LjUxNCw2LjUxNGExLjA4NiwxLjA4NiwwLDAsMS0uNzY4LDEuODUzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuNzgzIC00LjQ2OCkiIGZpbGw9IiMwMDVjMjYiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzI0OSIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ5IiBkPSJNMjQuNDU3LDI0LjE3MUg3LjA4NmExLjA4NiwxLjA4NiwwLDEsMSwwLTIuMTcxSDI0LjQ1N2ExLjA4NiwxLjA4NiwwLDEsMSwwLDIuMTcxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi42NCAtOS45NTQpIiBmaWxsPSIjMDA1YzI2Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-step: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4xMTIiIGhlaWdodD0iMjAuNzE2IiB2aWV3Qm94PSIwIDAgMTYuMTEyIDIwLjcxNiI+CiAgPGcgaWQ9Ikdyb3VwXzk5NCIgZGF0YS1uYW1lPSJHcm91cCA5OTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4MTMuMDU2IC0zNjMuNjQyKSByb3RhdGUoOTApIj4KICAgIDxwYXRoIGlkPSJQYXRoXzI0NyIgZGF0YS1uYW1lPSJQYXRoIDI0NyIgZD0iTTI3LjE1MSwzMS4yMDdhMS4xNTEsMS4xNTEsMCwwLDEtLjgxNC0xLjk2NWw2LjkwNS02LjkwNWExLjE1MSwxLjE1MSwwLDAsMSwxLjYyNywxLjYyN0wyNy45NjUsMzAuODdhMS4xNDYsMS4xNDYsMCwwLDEtLjgxNC4zMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0OS4xNTEgODc4MS44NDkpIiBmaWxsPSIjNGNhMjIzIi8+CiAgICA8cGF0aCBpZD0iUGF0aF8yNDgiIGRhdGEtbmFtZT0iUGF0aCAyNDgiIGQ9Ik0zNC4wNTYsMTkuMjA3YTEuMTQ2LDEuMTQ2LDAsMCwxLS44MTQtLjMzN2wtNi45MDUtNi45MDVhMS4xNTEsMS4xNTEsMCwwLDEsMS42MjctMS42MjdsNi45MDUsNi45MDVhMS4xNTEsMS4xNTEsMCwwLDEtLjgxNCwxLjk2NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ5LjE1MSA4Nzg2Ljk0MykiIGZpbGw9IiM0Y2EyMjMiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzI0OSIgZGF0YS1uYW1lPSJQYXRoIDI0OSIgZD0iTTI1LjU2NSwyNC4zSDcuMTUxYTEuMTUxLDEuMTUxLDAsMCwxLDAtMi4zSDI1LjU2NWExLjE1MSwxLjE1MSwwLDAsMSwwLDIuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU3LjY0MiA4NzgxLjg1KSIgZmlsbD0iIzRjYTIyMyIvPgogIDwvZz4KPC9zdmc+);
  --icon-arrow-right-bk-green: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzEyNjgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDEyNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IumVt+aWueW9ol8yMTAwIiBkYXRhLW5hbWU9IumVt+aWueW9oiAyMTAwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IiMyNzhlMmUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ3IiBkYXRhLW5hbWU9IuODkeOCuSAyNDciIGQ9Ik0yNi43NCwyNy45MTlhLjc0Ljc0LDAsMCwxLS41MjMtMS4yNjNsNC40MzktNC40MzlBLjc0Ljc0LDAsMCwxLDMxLjcsMjMuMjYzTDI3LjI2MywyNy43YS43MzcuNzM3LDAsMCwxLS41MjMuMjE3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMjYgLTEzLjc0KSIgZmlsbD0iIzI3OGUyZSIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTMxLjE3OSwxNS45MTlhLjczNy43MzcsMCwwLDEtLjUyMy0uMjE3bC00LjQzOS00LjQzOWEuNzQuNzQsMCwwLDEsMS4wNDYtMS4wNDZMMzEuNywxNC42NTZhLjc0Ljc0LDAsMCwxLS41MjMsMS4yNjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNi4yNiAtNi4xNzkpIiBmaWxsPSIjMjc4ZTJlIi8+CiAgICA8cGF0aCBpZD0i44OR44K5XzI0OSIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ5IiBkPSJNMTguNTc4LDIzLjQ4SDYuNzRhLjc0Ljc0LDAsMCwxLDAtMS40OEgxOC41NzhhLjc0Ljc0LDAsMCwxLDAsMS40OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuNjU5IC0xMy43NCkiIGZpbGw9IiMyNzhlMmUiLz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-select: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS43MzciIGhlaWdodD0iNi43NjQiIHZpZXdCb3g9IjAgMCAxMS43MzcgNi43NjQiPgogIDxwYXRoIGlkPSLjg5HjgrlfNjk5IiBkYXRhLW5hbWU9IuODkeOCuSA2OTkiIGQ9Ik03MDA5LjUxMywxMTcxMS42NTZsNC4zOTEsNC4zNTEsNC41MTktNC4zNTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDA4LjA5OSAtMTE3MTAuMjQyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA1YzI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=);
  --icon-confirm: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=);
  --icon-back: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yMyAtMC4yMykiIGZpbGw9IiMwMDVjMjYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjc3IDMzLjc3KSByb3RhdGUoMTgwKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDciIGRhdGEtbmFtZT0i44OR44K5IDI0NyIgZD0iTTI3LjQsMzMuMThhMS40LDEuNCwwLDAsMS0uOTg4LTIuMzg2TDM0LjgsMjIuNDA5YTEuNCwxLjQsMCwwLDEsMS45NzYsMS45NzZMMjguMzg4LDMyLjc3YTEuMzkyLDEuMzkyLDAsMCwxLS45ODguNDA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTYuNjI4KSIgZmlsbD0iIzRjYTIyMyIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTM1Ljc4MywyMS4xOGExLjM5MiwxLjM5MiwwLDAsMS0uOTg4LS40MDlMMjYuNDEsMTIuMzg2YTEuNCwxLjQsMCwwLDEsMS45NzYtMS45NzZMMzYuNzcxLDE4LjhhMS40LDEuNCwwLDAsMS0uOTg4LDIuMzg2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTMuMDEzKSIgZmlsbD0iIzRjYTIyMyIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI5Ljc1OCwyNC44SDcuNGExLjQsMS40LDAsMCwxLDAtMi44SDI5Ljc2YTEuNCwxLjQsMCwxLDEsMCwyLjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjgwNyAtNi42MjcpIiBmaWxsPSIjNGNhMjIzIi8+CiAgPC9nPgo8L3N2Zz4=);
  --icon-back-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yMyAtMC4yMykiIGZpbGw9IiNmZmYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjc3IDMzLjc3KSByb3RhdGUoMTgwKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDciIGRhdGEtbmFtZT0i44OR44K5IDI0NyIgZD0iTTI3LjQsMzMuMThhMS40LDEuNCwwLDAsMS0uOTg4LTIuMzg2bDguMzg1LTguMzg1YTEuNCwxLjQsMCwwLDEsMS45NzYsMS45NzZsLTguMzg1LDguMzg1YTEuMzkyLDEuMzkyLDAsMCwxLS45ODguNDA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTYuNjI4KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTM1Ljc4MywyMS4xOGExLjM5MiwxLjM5MiwwLDAsMS0uOTg4LS40MDlMMjYuNDEsMTIuMzg2YTEuNCwxLjQsMCwwLDEsMS45NzYtMS45NzZsOC4zODUsOC4zODVhMS40LDEuNCwwLDAsMS0uOTg4LDIuMzg2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTMuMDEzKSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI5Ljc1OCwyNC44SDcuNGExLjQsMS40LDAsMCwxLDAtMi44aDIyLjM2YTEuNCwxLjQsMCwwLDEsMCwyLjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjgwNyAtNi42MjcpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4=);
  --icon-check-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZyBpZD0i44Kw44Or44O844OXXzE1NDMiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE1NDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OSAtNTIwKSI+CiAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfOTQiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDk0IiBjeD0iOSIgY3k9IjkiIHI9IjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5IDUyMCkiIGZpbGw9IiM0Y2EyMjMiLz4KICAgIDxwYXRoIGlkPSJpY29uX2NoZWNrIiBkPSJNMTIsNiw2LjUsMTEuNSw0LDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCA1MjAuMjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPC9nPgo8L3N2Zz4=);
  --icon-search: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS42MzgiIGhlaWdodD0iMTkuNjM1IiB2aWV3Qm94PSIwIDAgMTkuNjM4IDE5LjYzNSI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xNTUxIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAxNTUxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOS42MzgpIHJvdGF0ZSg5MCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV80NDMiIGRhdGEtbmFtZT0i44OR44K5IDQ0MyIgZD0iTTYuMjY3LjI1NGEuODY0Ljg2NCwwLDAsMC0xLjIyMywwTDAsNS4zQTguNzU0LDguNzU0LDAsMCwxLDEuMjIzLDYuNTIxTDYuMjY3LDEuNDc3YS44NzEuODcxLDAsMCwwLDAtMS4yMjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjExNyAwKSIgZmlsbD0iIzAwNWMyNiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV80NDQiIGRhdGEtbmFtZT0i44OR44K5IDQ0NCIgZD0iTTE2LjQ2NCw4LjIzMmE4LjIzMiw4LjIzMiwwLDEsMC04LjIzMiw4LjIzMiw4LjIzMiw4LjIzMiwwLDAsMCw4LjIzMi04LjIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzLjE3NCkiIGZpbGw9IiMwMDVjMjYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogICAgPHBhdGggaWQ9IuODkeOCuV80NDUiIGRhdGEtbmFtZT0i44OR44K5IDQ0NSIgZD0iTTEyLjg1Nyw2LjQyOGE2LjQyOCw2LjQyOCwwLDEsMC02LjQyOCw2LjQyOCw2LjQyOCw2LjQyOCwwLDAsMCw2LjQyOC02LjQyOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS44MDQgNC45NzcpIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-copy: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMS43MTQiIHZpZXdCb3g9IjAgMCAxOSAyMS43MTQiPgogIDxwYXRoIGlkPSJjb3B5LXNvbGlkLWZ1bGwiIGQ9Ik0xMDQuMTQzLDY0YTIuNzE3LDIuNzE3LDAsMCwwLTIuNzE0LDIuNzE0Vjc3LjU3MWEyLjcxNywyLjcxNywwLDAsMCwyLjcxNCwyLjcxNGg4LjE0M0EyLjcxNywyLjcxNywwLDAsMCwxMTUsNzcuNTcxVjY5LjA2NGEyLjcxOCwyLjcxOCwwLDAsMC0uODM1LTEuOTU5bC0yLjQ0Ny0yLjM1QTIuNzE5LDIuNzE5LDAsMCwwLDEwOS44MzksNjRabS01LjQyOSw1LjQyOUEyLjcxNywyLjcxNywwLDAsMCw5Niw3Mi4xNDNWODNhMi43MTcsMi43MTcsMCwwLDAsMi43MTQsMi43MTRoOC4xNDNBMi43MTcsMi43MTcsMCwwLDAsMTA5LjU3MSw4M3YtLjY3OWgtMi43MTRWODNIOTguNzE0VjcyLjE0M2guNjc5VjY5LjQyOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NiAtNjQpIiBmaWxsPSIjMDA1YzI2Ii8+Cjwvc3ZnPg==);
}

/*--- parts ---*/
.ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: clamp(40px, 4.5454545455vw, 56px);
  row-gap: clamp(14px, 1.2175324675vw, 15px);
}
.ttl__en {
  font-family: var(--font-en);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
}
.ttl__en:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .ttl__en:before {
    margin-top: 0;
  }
}
.ttl__en {
  color: var(--c-gold);
  margin-bottom: clamp(10px, 1.2175324675vw, 15px);
}
.ttl__en--green {
  color: var(--c-light-green);
}
.ttl__ja {
  font-size: clamp(32px, 3.4090909091vw, 42px);
  font-weight: 700;
  line-height: 1.52;
}
.ttl__ja:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .ttl__ja:before {
    margin-top: 0;
  }
}
.ttl__ja {
  color: var(--c-new-black);
}
.ttl__ja--white {
  color: #fff;
}

.sub-ttl {
  font-size: clamp(26px, 2.9220779221vw, 36px);
  font-weight: 500;
  color: var(--c-new-black);
  margin-bottom: 40px;
  line-height: 1.54;
}
.sub-ttl__white {
  color: #fff;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 12px;
  min-height: 70px;
  padding: 14px 18px 14px 28px;
  background: var(--c-new-lite-green);
  filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.16));
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 12px;
  transition: background 0.2s;
  width: 100%;
  max-width: 344px;
  margin-inline: auto;
}
@media (any-hover: hover) {
  .btn:hover .btn__arrow::after {
    translate: 6px;
  }
}
.btn__arrow {
  display: flex;
  align-items: center;
  column-gap: clamp(12px, 1.2987012987vw, 16px);
}
.btn__arrow::before {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background-color: #fff;
}
.btn__arrow::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: var(--icon-arrow-white) no-repeat center/contain;
  transition: translate 0.3s ease-in-out;
}
.btn--gold {
  color: var(--c-new-black);
  background: linear-gradient(-120deg, #fae4a7 0%, #bd9b3e 100%);
}
.btn--gold .btn__arrow::before {
  background-color: var(--c-new-black);
}
.btn--gold .btn__arrow::after {
  background: var(--icon-arrow-black) no-repeat center/contain;
}
.btn--white {
  color: var(--c-green);
  background-color: #fff;
}
.btn--white .btn__arrow::before {
  background-color: var(--c-green);
}
.btn--white .btn__arrow::after {
  background: var(--icon-arrow) no-repeat center/contain;
}
.btn--green {
  background-color: var(--c-new-lite-green);
}
.btn--inline {
  display: inline-flex;
  margin-inline: 0;
  width: auto;
  max-width: unset;
}
.btn--thin {
  height: auto;
  padding: 8px 12px 8px 24px;
  font-size: 1.6rem;
  border-radius: 8px;
}
.btn--thin .btn__arrow {
  column-gap: 8px;
}
.btn--thin .btn__arrow::after {
  width: 24px;
  height: 24px;
  transition: translate 0.3s ease-in-out;
}
.btn--confirm {
  min-height: 42px;
  justify-content: center;
  background: var(--icon-confirm) no-repeat left 28px center/22px, var(--c-green);
  font-size: 1.6rem;
  cursor: pointer;
}
.btn--back-prymary {
  height: auto;
  justify-content: center;
  background: var(--icon-back-white) no-repeat left 28px center/24px, var(--c-green);
  color: #fff;
}
.btn--back {
  float: none !important;
  width: 100% !important;
  margin-top: 0;
  filter: none;
  height: auto;
  align-items: center;
  justify-content: flex-start;
  column-gap: clamp(12px, 1.2987012987vw, 16px);
  border: 1px solid var(--c-bk-green);
  background: var(--icon-back) no-repeat left 28px center/22px, var(--c-light-beige);
  color: var(--c-green);
  padding: 10px 18px 10px 28px;
  margin-bottom: 18px;
  font-size: 1.6rem;
  cursor: pointer;
}
.btn--submit {
  height: auto;
  align-items: center;
  justify-content: flex-start;
  column-gap: clamp(12px, 1.2987012987vw, 16px);
  border: none;
  background: var(--icon-arrow-white) no-repeat right 28px center/22px, var(--c-bk-green);
  font-size: 1.6rem;
  cursor: pointer;
}
.btn--search {
  justify-content: center;
  min-height: 56px;
  font-size: 1.8rem;
}
.btn__search-icon {
  flex: 0 0 auto;
}
.btn[disabled] {
  cursor: not-allowed !important;
  opacity: 0.6;
}

.form-wrap:not(:last-child) {
  margin-bottom: 40px;
}
.form-wrap__ttl {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c-green);
  margin-bottom: 14px;
}
.form-wrap__lead {
  margin-bottom: 24px;
}

.table-form {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--c-black);
  border-top: 1px var(--c-light-gray) solid;
  margin-bottom: 40px;
}
.table-form th,
.table-form td {
  padding: 0;
  margin: 0;
  text-align: left;
  vertical-align: top;
}
.table-form-item {
  display: grid;
  gap: 10px;
  border-bottom: 1px var(--c-light-gray) solid;
  padding-block: 12px;
}
.table-form-item:last-child {
  padding-block: 12px 10px;
}
.table-form-item--prop {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.table-form-item__head p {
  display: flex;
  align-items: center;
  column-gap: 12px;
  color: var(--c-black);
  font-size: 1.5rem;
  font-weight: 500;
}
.table-form-item__head .req,
.table-form-item__head .opt {
  flex: 0 0 auto;
  padding: 4px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  background-color: var(--c-red);
  border-radius: 4px;
}
.table-form-item__head .opt {
  color: var(--c-black);
  background-color: var(--c-light-beige);
}
.table-form-item__data select {
  appearance: none;
  padding-inline: 12px;
  height: 42px;
  background: #fff;
  border: 1px solid var(--c-green);
  border-radius: 4px;
  color: var(--c-black);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  background: var(--icon-arrow-select) no-repeat right 4px center/contain;
  background-size: 10px 10px;
}
.table-form-item__data--office select {
  padding-inline: 12px 24px;
}
.table-form-item__data--address {
  display: grid;
  gap: 10px;
}
.table-form-item__data--room p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.table-form-item__data--room p input:not([type=radio]) {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.table-form-item__data input:not([type=radio]) {
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  background-color: var(--c-light-beige);
  border: 1px solid #cccccc;
  border-radius: 10px;
  padding: 0 15px;
}
.table-form-item__data .td-label {
  font-weight: 500;
}
.table-form-item__data .td-caption {
  display: inline-block;
  font-size: 1.4rem;
  margin-top: 4px;
}
.table-form-item__data textarea {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--c-light-beige);
  border: 1px solid #cccccc;
  border-radius: 10px;
  padding: 10px 15px;
}
.table-form-item__data .btn-label {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 1.4rem;
  color: var(--c-gray);
  background-color: unset;
  padding: 0;
  border-radius: 4px;
}
.table-form-item__data .btn-label > span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  margin: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: var(--c-gray);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  height: 42px;
  width: auto;
  max-width: unset;
}
.table-form-item__btn-wrap {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.table-form-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--c-green);
  border-radius: 4px;
  color: var(--c-green);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}
.table-form-btn__label {
  flex: 0 0 auto;
}
.table-form-btn__icon {
  flex: 0 0 auto;
  overflow: hidden;
}
.table-form-btn__icon:before {
  content: "";
  display: block;
  width: 16px;
  aspect-ratio: 1;
}
.table-form-btn__icon--search:before {
  background: var(--icon-search) no-repeat center/contain;
}
.table-form-btn__icon--copy:before {
  background: var(--icon-copy) no-repeat center/contain;
}
.table-form .wpcf7-form-control-wrap {
  display: block;
}
.table-form .data-flex {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.table-form .data-flex p:not([class]) {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 8px;
}
.table-form .data-flex .wpcf7-form-control-wrap {
  flex: 1;
}
.table-form .wpcf7-not-valid-tip {
  position: absolute !important;
  top: 0 !important;
  width: auto !important;
  padding: 2px 4px !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  font-weight: 500;
  line-height: 1;
  background: var(--c-red) !important;
  border-radius: 2px;
  translate: 0 -50%;
}
.table-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) :is(input, textarea) {
  border-color: var(--c-red);
}

.form-btn {
  text-align: center;
}

.scrollable-box {
  overflow: hidden;
  background-color: var(--c-light-beige);
  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
  margin-bottom: 24px;
  padding: 16px 8px 16px 16px;
}
.scrollable-box__innr {
  overflow-y: auto;
  max-height: 300px;
  padding-right: 12px;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  scrollbar-color: var(--c-green) transparent;
}
.scrollable-box__ttl p {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.63;
  color: var(--c-green);
  margin-bottom: 14px;
}
.scrollable-box__body p {
  line-height: 1.63;
  margin-bottom: 24px;
}
.scrollable-box__body .scrollable-lead {
  margin-bottom: 14px;
  font-weight: 500;
}

.agree-check {
  text-align: center;
}
.agree-check span {
  margin: 0;
}

.send-box {
  margin-top: 35px;
  padding-bottom: 36px;
}
.send-box--no-pb {
  padding-bottom: 0;
}
.send-box p {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.send-box p .wpcf7-spinner {
  position: absolute;
  left: 50%;
  top: calc(100% + 12px);
  transform: translateX(-50%);
  margin: 0;
}

.fmb {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 8px 24px;
  line-height: 1.2;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-position 0.3s cubic-bezier(0, 0, 0, 1);
}
.fmb--confirm, .fmb--submit {
  padding-right: 56px;
  color: #fff;
  background: var(--c-green) var(--icon-arrow-white) no-repeat center right 16px/22px;
}
@media (any-hover: hover) {
  .fmb--confirm:not([disabled]):hover, .fmb--submit:not([disabled]):hover {
    background-position: center right 8px;
  }
}
.fmb--back {
  padding-left: 56px;
  color: var(--c-green);
  background: var(--c-light-beige) var(--icon-back) no-repeat center left 16px/22px;
  border: 1px solid var(--c-green);
}
@media (any-hover: hover) {
  .fmb--back:not([disabled]):hover {
    background-position: center left 8px;
  }
}
.fmb[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}

.breadcrumbs {
  padding: 100px 0 14px;
  width: calc(100% - 48px);
  margin-inline: auto;
  border-bottom: 1px solid var(--c-light-gray);
}
.breadcrumbs-list {
  display: flex;
  column-gap: 18px;
  overflow-x: auto;
  scrollbar-width: none;
}
.breadcrumbs-list::-webkit-scrollbar {
  display: none;
}
.breadcrumbs-list__item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.breadcrumbs-list__anch {
  flex: 0 0 auto;
  padding-bottom: 2px;
  line-height: 1;
  pointer-events: none;
}
.breadcrumbs-list__anch span {
  color: var(--c-green);
  font-size: 1.4rem;
  font-weight: 500;
  word-break: keep-all;
  white-space: nowrap;
}
.breadcrumbs-list__item:not(:nth-last-of-type(1)):after {
  content: "";
  flex: 0 0 auto;
  width: 1px;
  height: 18px;
  background-color: var(--c-light-gray);
}
.breadcrumbs-list__item:not(:nth-last-of-type(1)) .breadcrumbs-list__anch {
  pointer-events: auto;
}
.breadcrumbs-list__item:not(:nth-last-of-type(1)) .breadcrumbs-list__anch span {
  color: var(--c-light-gray);
  font-weight: 300;
  transition: color 0.2s;
}
@media (any-hover: hover) {
  .breadcrumbs-list__item:not(:nth-last-of-type(1)) .breadcrumbs-list__anch:hover span {
    color: color-mix(in srgb, var(--c-light-gray) 60%, var(--c-black));
  }
}
@media screen and (min-width: 768px) {
  .breadcrumbs {
    padding: 160px 0 14px;
    width: 90.1903367496%;
  }
  .breadcrumbs-list {
    column-gap: 22px;
  }
  .breadcrumbs-list__item {
    column-gap: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .breadcrumbs {
    padding: 185px 0 14px;
  }
  .breadcrumbs-list {
    column-gap: 24px;
  }
}

.cover {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  align-items: flex-end;
  width: calc(100% - 48px);
  margin: 60px auto;
}
.cover-headlines {
  flex: 0 1 auto;
}
.cover-headlines__label {
  margin-bottom: 24px;
  font-family: var(--font-en);
  color: var(--c-gold);
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.2;
}
.cover-headlines__ttl {
  color: var(--c-new-black);
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.380952381;
}
.cover-headlines__ttl:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.380952381) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .cover-headlines__ttl:before {
    margin-top: 0;
  }
}
.cover__lead {
  flex: 0 0 auto;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
}
.cover__lead .md-inline {
  display: none;
}

.sys-card {
  background-color: #fff;
  border: 1px solid var(--c-light-gray);
  border-radius: 12px;
  height: 100%;
  overflow: hidden;
}
.sys-card__ttl {
  padding-inline: 16px;
  margin-block: 12px 4px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.45;
}
.sys-card__desc {
  padding: 0 16px 20px;
  font-size: 1.6rem;
  line-height: 1.53125;
}

.proposal-bg {
  position: absolute;
  inset: 0;
  height: auto;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
}

.proposal-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 116px;
  padding: 24px 27px;
  background-color: var(--c-newnew-lite-green);
  border-radius: 18px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}
.proposal-card__ttl {
  flex-grow: 1;
  margin-right: 14px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c-green);
}
.proposal-card__arrow {
  flex-shrink: 0;
  display: block;
  width: 40px;
  height: 40px;
  background: var(--icon-arrow-circle) no-repeat center/contain;
}

.proposal {
  position: relative;
  background-color: var(--c-newnew-lite-green);
  border-radius: 24px 24px 0 0;
}
.proposal__innr {
  position: relative;
  padding-top: clamp(40px, 7.3051948052vw, 90px);
  padding-bottom: 60px;
  color: var(--c-white);
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
}
.proposal .sub-ttl {
  margin-bottom: 33px;
}
.proposal-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 16px;
}
.proposal__item {
  width: 100%;
  box-sizing: border-box;
}
.proposal .proposal-card {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .btn {
    width: auto;
    min-width: 250px;
    max-width: unset;
    min-height: 58px;
    padding: 14px 14px 14px 28px;
    font-size: 1.6rem;
    margin-inline: auto 0;
  }
  .btn__arrow {
    column-gap: 11px;
  }
  .btn__arrow::before {
    height: 30px;
  }
  .btn--inline {
    margin-inline: 0;
    max-width: unset;
  }
  .btn--thin {
    height: auto;
    padding: 8px 12px 8px 24px;
  }
  .btn--confirm, .btn--back-prymary, .btn--back, .btn--submit {
    margin-inline: auto;
  }
  .btn--back {
    background: var(--icon-back) no-repeat left 20px center/22px, var(--c-light-beige);
  }
  .btn--submit {
    padding: 14px;
    background: var(--icon-arrow-white) no-repeat right 14px center/22px, var(--c-bk-green);
  }
  .cover {
    gap: 32px 24px;
    width: 90.1903367496%;
    margin: 72px auto 60px;
  }
  .cover-headlines__label {
    margin-bottom: 28px;
  }
  .cover-headlines__ttl {
    font-size: 3.8rem;
  }
  .cover__lead {
    flex: 0 1 auto;
    width: auto;
    font-size: 1.7rem;
  }
  .sys-card {
    border-radius: 16px;
  }
  .sys-card__desc {
    font-size: 1.5rem;
  }
  .sys__btn {
    margin-top: 40px;
  }
  .proposal {
    border-radius: 36px 36px 0 0;
  }
  .proposal__innr {
    padding-bottom: 155px;
    display: flex;
    column-gap: clamp(24px, 7.4675324675vw, 92px);
    align-items: flex-start;
  }
  .proposal .sub-ttl {
    flex: 0 0 auto;
  }
  .proposal-list {
    gap: 30px 28px;
  }
  .proposal__item {
    width: calc(50% - 14px);
  }
  .proposal .proposal-card {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-height: 162px;
    height: 100%;
    padding: 26px 20px 20px 20px;
    border-radius: 18px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .proposal .proposal-card:hover .proposal-card__arrow {
    translate: 6px;
  }
}
@media screen and (min-width: 768px) {
  .proposal .proposal-card__ttl {
    margin-right: 0;
    font-size: 2rem;
    margin-top: 0;
  }
  .proposal .proposal-card__arrow {
    flex-shrink: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: var(--icon-arrow-circle) no-repeat center/contain;
    margin-top: auto;
    transition: translate 0.3s ease-in-out;
  }
  .table-form-item {
    display: grid;
    grid-template-columns: clamp(150px, 14.6103896104vw, 180px) 1fr;
    column-gap: 24px;
  }
  .table-form-item__head p {
    justify-content: space-between;
    min-height: 42px;
  }
  .table-form .data-flex--sm-nowrap {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .sys-card {
    border-radius: 20px;
  }
  .sys-card__ttl {
    padding-inline: 20px;
    font-size: 2.4rem;
  }
  .sys-card__desc {
    padding: 0 20px 24px;
    font-size: 1.4rem;
  }
}
.info-tabs {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
  justify-content: center;
}
@media (min-width: 1024px) {
  .info-tabs {
    display: none;
  }
}

.info-tab {
  flex: 1;
  max-width: 200px;
  padding: 10px 24px;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c-green);
  background-color: #fff;
  border: 2px solid var(--c-green);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}
@media (min-width: 1024px) {
  .info-tab {
    display: none;
  }
}
.info-tab--active {
  background-color: var(--c-green);
  color: #fff;
  border-color: var(--c-green);
}

.info__panels {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .info__panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 29px;
  }
}

.info__panel {
  display: none;
  animation: fadeIn 0.3s ease;
}
.info__panel--active {
  display: block;
}
@media (min-width: 1024px) {
  .info__panel {
    display: grid;
    grid-template-rows: 72px auto auto;
  }
}

.info__description {
  font-size: clamp(15px, 1.2987012987vw, 16px);
  line-height: 1.8;
  color: var(--c-text);
  margin-bottom: 32px;
  padding: 12px;
  background-color: var(--c-white);
  border-left: 2px solid var(--c-light-gray);
}
@media (min-width: 1024px) {
  .info__description {
    padding: 0;
    margin-bottom: 18px;
    display: grid;
    grid-template-columns: 120px 1fr;
    border-left: none;
    gap: 26px;
    align-items: center;
  }
}

.info__badge {
  display: none;
}

@media (min-width: 1024px) {
  .info__badge {
    display: flex;
    color: #fff;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 500;
    background-color: var(--c-green);
    letter-spacing: 0.01rem;
    width: 120px;
    height: 53px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }
  .info__badge--short {
    width: 105px;
  }
}
.info__block {
  margin-bottom: 24px;
  padding: 24px;
  background-color: #fff;
  border-radius: 8px;
}
.info__block--demerit {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .info__block--demerit .info__list {
    border-top: none;
  }
  .info__block--demerit .info__block-title {
    margin-top: 6px;
    height: calc(100% - 6px);
  }
}
@media (min-width: 1024px) {
  .info__block {
    padding: 0;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 120px auto;
    background-color: transparent;
    gap: 26px;
  }
}

.info__block-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--c-green);
}
@media (min-width: 1024px) {
  .info__block-title {
    background-color: #fff;
    border-radius: 10px;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }
}

.info__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .info__list {
    padding-block: 20px;
    border-top: 1px solid #c7ccb6;
    border-bottom: 1px solid #c7ccb6;
  }
}

.info__list-item {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--c-text);
  margin-bottom: 8px;
}
@media (min-width: 1024px) {
  .info__list-item {
    font-size: clamp(15px, 1.2987012987vw, 16px);
    margin-bottom: 6px;
  }
}
.info__list-item:last-child {
  margin-bottom: 0;
}
.info__list-item--highlight {
  padding: 12px;
  background-color: var(--c-light-beige);
  border: 2px solid var(--c-green);
  border-radius: 4px;
  margin-left: -8px;
  margin-right: -8px;
}
@media (min-width: 1024px) {
  .info__list-item--highlight {
    padding: 16px;
  }
}

.info__icon {
  color: var(--c-green);
  font-size: 8px;
  flex-shrink: 0;
  margin-top: 7px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 1024px) {
  .flow__panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
}
.flow__panel {
  display: none;
  animation: fadeIn 0.3s ease;
}
.flow__panel--active {
  display: block;
}
@media (min-width: 1024px) {
  .flow__panel {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 20px;
  }
}
.flow__steps {
  max-width: 800px;
  margin: 0 auto;
}
.flow__step {
  position: relative;
  margin-bottom: 12px;
  background-color: #fff;
  border-radius: 10px;
  padding: 16px;
}
@media (min-width: 1024px) {
  .flow__step {
    padding: 14px 20px 19px;
  }
}
.flow__step:last-child {
  margin-bottom: 0;
}
.flow__step:last-child .sell-process__step-arrow {
  display: none;
}
.flow__step:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 30px;
  width: 16px;
  height: 21px;
  background: var(--icon-arrow-step);
  background-repeat: no-repeat;
  z-index: 2;
}
@media (min-width: 1024px) {
  .flow__step:not(:last-child)::after {
    left: 40px;
  }
}
.flow__step-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--c-light-gray);
}
@media (min-width: 1024px) {
  .flow__step-header {
    gap: 23px;
    padding: 0;
    padding-bottom: 14px;
    margin-bottom: 18px;
  }
}
.flow__step-number {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--c-green);
  flex-shrink: 0;
  min-width: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flow__step-number::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: var(--c-light-gray);
  margin-left: 8px;
}
@media (min-width: 1024px) {
  .flow__step-number::after {
    height: 24px;
  }
}
@media (min-width: 1024px) {
  .flow__step-number {
    font-size: 18px;
    min-width: 72px;
  }
}
.flow__step-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.32;
  color: var(--c-green);
  margin: 0;
  flex: 1;
}
@media (min-width: 1024px) {
  .flow__step-title {
    font-size: 18px;
  }
}
.flow__step-content {
  padding: 16px 0 0;
}
@media (min-width: 1024px) {
  .flow__step-content {
    padding: 0;
  }
}
.flow__step-text {
  font-size: 17px;
  line-height: 1.8;
  color: var(--c-text);
  margin: 0;
}
@media (min-width: 1024px) {
  .flow__step-text {
    font-size: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .btn--send {
    margin-inline: auto 0;
  }
  .form-wrap {
    display: grid;
    grid-template-columns: clamp(160px, 18.1818181818vw, 224px) 1fr;
    gap: clamp(40px, 4.8701298701vw, 60px);
    margin-bottom: 40px;
  }
  .form-wrap:last-child {
    margin-bottom: 0;
  }
  .form-wrap__ttl {
    font-size: 2.8rem;
  }
  .agree-check {
    text-align: left;
  }
  .send-box P {
    justify-content: flex-end;
  }
  .send-box P .wpcf7-spinner {
    right: 0;
    left: unset;
    transform: unset;
  }
  .cover {
    gap: 40px 24px;
    margin: 80px auto 60px;
  }
  .cover-headlines__label {
    margin-bottom: 30px;
    font-size: 2rem;
  }
  .cover-headlines__ttl {
    font-size: 4.2rem;
  }
  .cover__lead {
    font-size: 1.8rem;
    padding-right: 1em;
  }
  .cover__lead .md-inline {
    display: inline;
  }
  .table-form {
    font-size: 1.6rem;
    margin-bottom: 36px;
  }
  .form-btn {
    text-align: right;
  }
  .scrollable-box {
    padding: 24px 8px 24px 24px;
  }
}
/*--- common ---*/
.w100 {
  width: 100%;
  height: auto;
}

.size-full {
  width: 100%;
  height: 100%;
}

.wbr {
  display: inline-block;
}

:has(> wbr) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

:where(.container) {
  width: calc(100% - 48px);
  max-width: 1232px;
  margin-inline: auto;
}

@media screen and (min-width: 768px) {
  .l-container {
    margin-left: clamp(67px, 4.91vw, 120px);
  }
}
section[data-bg=beige] {
  background-color: var(--c-newnew-lite-green);
}

section[data-bg=white] {
  background: #fff;
}

aside[data-bg=green-wave] {
  background-image: url(img/front-page/bg_idx.webp);
  background-size: cover;
  background-position: center;
  border-radius: 24px 24px 0 0;
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
  overflow-x: clip;
}

body {
  font-family: var(--font-noto);
  font-optical-sizing: auto;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;
  color: var(--c-black);
  background-color: #fff;
  line-height: 2;
  overflow-x: clip;
}

figure {
  margin: 0;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 6px;
  padding-block: 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: calc(100% - 40px);
  margin-inline: auto;
}
.header-logo {
  flex: 0 0 auto;
  width: 34px;
}
.header-side {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
.header-nav {
  display: none;
}
.header-line {
  display: none;
}
.header-inq {
  flex: 0 0 auto;
}
.header-inq__anch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding-inline: 23px;
  vertical-align: middle;
  background: linear-gradient(to left, #f9e3a5 0%, #d5b663 100%);
  border-radius: 19px;
  color: #1b1b1b;
  text-decoration: none;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.header-inq__anch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #f9e3a5 0%, #d5b663 100%);
  z-index: 1;
  border-radius: 32px;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.header-inq__anch:hover::before {
  opacity: 1;
}
.header-inq__lbl {
  flex: 0 1 auto;
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
  z-index: 10;
}
.header .drawer-tgl {
  flex: 0 0 auto;
  z-index: 60;
}
.header .drawer-tgl-btn {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 6px;
  background-color: var(--c-light-beige);
  border-radius: 12px;
  width: auto;
  height: 38px;
  aspect-ratio: 16/13;
  transition: background-color 0.2s;
}
.header .drawer-tgl-btn__bar {
  position: relative;
  width: 59.375%;
  height: 2px;
  margin-bottom: 8px;
  background-color: var(--c-green);
  transition: background-color 0.3s ease-in-out;
}
.header .drawer-tgl-btn__bar::before, .header .drawer-tgl-btn__bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--c-green);
  transition: transform 0.3s ease-in-out;
}
.header .drawer-tgl-btn__bar::before {
  top: -6px;
}
.header .drawer-tgl-btn__bar::after {
  top: 6px;
}
.header .drawer-tgl-btn__lbl {
  color: var(--c-green);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.015em;
}
@media (any-hover: hover) {
  .header .drawer-tgl-btn:hover {
    background-color: color-mix(in srgb, var(--c-light-beige) 80%, var(--c-gold));
  }
}

.drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 50;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 80px 24px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
}
.drawer__innr {
  max-width: 600px;
  margin: 0 auto;
  transform: translateY(20px);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

body.is-drawer-open .drawer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
body.is-drawer-open .drawer__innr {
  transform: translateY(0);
}
body.is-drawer-open .drawer-tgl {
  position: relative;
  z-index: 100;
}
body.is-drawer-open .drawer-tgl-btn__bar {
  width: 50%;
  background-color: transparent;
}
body.is-drawer-open .drawer-tgl-btn__bar::before {
  transform: translateY(6px) rotate(-45deg);
}
body.is-drawer-open .drawer-tgl-btn__bar::after {
  transform: translateY(-6px) rotate(45deg);
}

.drawer-group {
  padding-block: 24px;
  border-bottom: 1px solid #c7ccb6;
}
.drawer-group:last-child {
  border-bottom: none;
}
.drawer-group__title {
  display: inline-flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
  color: #212121;
}
@media (any-hover: hover) {
  .drawer-group__title:hover::after {
    translate: 6px;
  }
}
.drawer-group__title::after {
  content: "";
  margin-left: 14px;
  flex-shrink: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: translate 0.3s ease-in-out;
}
.drawer-group__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
  list-style: none;
}
.drawer-group__anch {
  font-size: 1.4rem;
  color: var(--c-black);
  display: flex;
  align-items: center;
}
.drawer-group__anch::before {
  content: "";
  width: 12px;
  height: 3px;
  border-radius: 3px;
  background: var(--c-light-green);
  margin-right: 6px;
}

.drawer-row {
  margin-top: 18px;
  display: flex;
  gap: 53px;
}

.drawer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.drawer-grid__anch {
  font-size: 1.6rem;
  font-weight: 500;
  color: #212121;
  text-decoration: none;
  display: flex;
  column-gap: 6px;
  align-items: center;
}
@media (any-hover: hover) {
  .drawer-grid__anch:hover::after {
    translate: 6px;
  }
}
.drawer-grid__anch::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: var(--icon-arrow) no-repeat center/contain;
  transition: translate 0.3s ease-in-out;
}

.drawer-footer {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.drawer-footer__anch {
  font-size: 1.4rem;
  color: #77837f;
  font-weight: 600;
  text-decoration: none;
}

.fixed-bnr {
  position: fixed;
  width: 100%;
  height: 53px;
  bottom: 0;
  z-index: 50;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.4s ease-in-out;
  letter-spacing: 0.05em;
}
.fixed-bnr__anch {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 500;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  text-align: center;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
  line-height: 53px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  transition: color 0.3s;
}
.fixed-bnr__anch--disposal {
  color: var(--c-black);
  background: linear-gradient(120deg, #fae4a7 0%, #d5b663 100%);
}
.fixed-bnr__anch--disposal::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  background: linear-gradient(120deg, #d5b663 0%, #fae4a7 100%);
}
.fixed-bnr__anch--disposal:hover::after {
  opacity: 1;
}
.fixed-bnr__anch--proposal {
  color: #fff;
  background-color: var(--c-bk-green);
  transition: background-color 0.3s;
}
.fixed-bnr__anch--proposal:hover {
  background-color: var(--c-light-green);
}
.fixed-bnr__anch--line {
  flex: 0 0 auto;
  width: 53px;
  height: 53px;
  background-color: var(--c-fl-green);
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed-bnr__anch--line img {
  border-radius: 12px;
  width: 27px;
  height: 26px;
}
.fixed-bnr.is-hide {
  transform: translateY(100%);
}

.footer {
  background-color: #fff;
}
.footer .scroll-top {
  position: relative;
  z-index: 1;
}
.footer .scroll-top-bg {
  position: absolute;
  inset: 0;
}
.footer .scroll-top-bg__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer .scroll-top:hover .scroll-top-btn__icon {
  transform: translate(-50%, calc(-50% - 6px)) rotate(-90deg);
}
.footer .scroll-top-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 72px;
  transition: transform 0.3s ease-in-out;
}
.footer .scroll-top-btn__icon {
  position: absolute;
  top: 0;
  left: 50%;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%) rotate(-90deg);
  width: 36px;
  height: 36px;
  background-color: var(--c-light-gray);
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0, 0, 0, 1);
}
.footer .scroll-top-btn__icon:before {
  content: "";
  width: 26px;
  aspect-ratio: 1;
  background: var(--icon-arrow) no-repeat center/contain;
}
.footer .scroll-top-btn__lbl {
  font-family: var(--font-en);
  color: #fff;
  font-size: 1.6rem;
  margin-top: 10px;
  line-height: 1;
}
.footer .scroll-top-btn__lbl:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .footer .scroll-top-btn__lbl:before {
    margin-top: 0;
  }
}
@media (any-hover: hover) {
  .footer .scroll-top-btn:hover .footer .scroll-top-btn__icon {
    translate: 0 -8px;
  }
}
.footer .scroll-top--gr .scroll-top-bg {
  background: linear-gradient(to right, #f2f4ec 0%, #dce3d2 100%);
}
.footer .scroll-top--gr .scroll-top-bg picture {
  display: none;
}
.footer .scroll-top--gr .scroll-top-btn__lbl {
  color: var(--c-green);
}
.footer__info {
  padding-block: 34px;
  width: calc(100% - 48px);
  margin-inline: auto;
}
@media (min-width: 768px) {
  .footer__info--detail {
    padding-bottom: 95px;
  }
}
.footer-address {
  font-style: normal;
  font-family: var(--font-ja);
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--c-green);
}
.footer-address__logo {
  width: clamp(164px, 19.4805194805vw, 240px);
  margin-bottom: 24px;
}
.footer-address__info {
  line-height: 1;
}
.footer-address__info:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .footer-address__info:before {
    margin-top: 0;
  }
}
.footer-address__addr {
  margin-bottom: 12px;
}
.footer-copy {
  font-size: 1.5rem;
  font-weight: 400;
  font-family: var(--font-en);
  color: var(--c-light-green);
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .pc-br {
    display: block;
  }
  .header {
    width: 90.1903367496%;
    padding-block: 26px 32px;
  }
  .header-logo {
    width: 48px;
  }
  .header-side {
    column-gap: 10px;
  }
  .header-inq__anch {
    height: 52px;
    padding-inline: 33px;
    border-radius: 26px;
  }
  .header-inq__lbl {
    font-size: 1.6rem;
  }
  .header-line {
    display: block;
  }
  .header-line__anch {
    display: grid;
    place-items: center;
    width: 52px;
    aspect-ratio: 1;
    border-radius: 15px;
    background-color: var(--c-fl-green);
  }
  .header-line__icon {
    width: 27px;
    aspect-ratio: 27/26;
    transition: transform 0.3s cubic-bezier(0, 0, 0, 1);
  }
  .header-line:hover .header-line__icon {
    transform: scale(1.2);
  }
  .header .drawer-tgl-btn {
    height: 52px;
    padding-bottom: 8px;
    border-radius: 15px;
  }
  .header .drawer-tgl-btn__bar {
    margin-bottom: 11px;
  }
  .header .drawer-tgl-btn__lbl {
    font-size: 1.2rem;
  }
  .drawer {
    padding-top: 180px;
  }
  .drawer__innr {
    display: flex;
    justify-content: center;
    gap: 40px;
    width: 100%;
    max-width: unset;
    margin: 0 auto;
  }
  .drawer-group {
    padding-block: 0;
    padding-right: 42px;
    border-bottom: none;
    border-right: 1px solid #c7ccb6;
    flex: 0 0 auto;
  }
  .drawer-group:last-child {
    border-right: none;
    padding-right: 0;
  }
  .drawer-group__title {
    font-size: 2.4rem;
  }
  .drawer-group__title::after {
    width: 34px;
    height: 34px;
  }
  .drawer-group__list {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .drawer-group__anch {
    font-size: 1.8rem;
  }
  .drawer-row {
    margin-top: 24px;
    gap: 18px;
    flex-direction: column;
  }
  .drawer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding-top: 24px;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .drawer-grid__anch:hover::after {
    translate: 6px;
  }
}
@media screen and (min-width: 768px) {
  .drawer-grid__anch::after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: var(--icon-arrow) no-repeat center/contain;
    transition: translate 0.3s ease-in-out;
  }
  .drawer-footer {
    margin-top: 18px;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .drawer-footer__anch {
    font-size: 1.4rem;
    color: #77837f;
    text-decoration: none;
  }
  .fixed-bnr__anch--line {
    display: none;
  }
  .footer__info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .footer-address {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    column-gap: 30px;
  }
  .footer-address__logo {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  body {
    font-size: 1.6rem;
  }
  .header-logo {
    width: 68px;
  }
  .header-nav {
    display: block;
    flex: 0 0 auto;
    margin-right: 5px;
  }
  .header-nav__list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 10px;
    background-color: #fff;
    border-radius: 15px;
  }
  .header-nav__item {
    flex: 0 0 auto;
    text-align: center;
    min-width: 0;
    white-space: nowrap;
  }
  .header-nav__anch {
    display: grid;
    place-items: center;
    height: 52px;
    padding-inline: clamp(10px, 5.6818181818vw - 48.1818181818px, 20px);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--c-new-black);
    text-decoration: none;
    transition: color 0.2s;
  }
  .header-nav__anch:hover {
    color: var(--c-light-green);
  }
  .fixed-bnr {
    bottom: 184px;
    right: 0;
    width: 49px;
    height: auto;
    flex-direction: column;
    row-gap: 10px;
    padding-inline: 0;
    font-size: 1.6rem;
  }
  .fixed-bnr__anch {
    writing-mode: vertical-rl;
    height: 163px;
    padding: 15px 0;
    letter-spacing: 0.15em;
    border-radius: 12px 0 0 12px;
    flex-grow: 0;
  }
  .fixed-bnr__anch--proposal::before {
    transform: scaleY(0);
    transform-origin: bottom;
  }
  .fixed-bnr__anch:hover::before {
    transform: scaleY(1);
  }
  .fixed-bnr.is-hide {
    transform: translateX(100%);
  }
  .footer__info {
    width: calc(100% - 134px);
  }
  aside[data-bg=green-wave] {
    border-radius: 36px 36px 0 0;
  }
}
.fixed-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  z-index: -1;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 66%, #d8ddd4 100%);
}

/*--- front-page ---*/
.kv {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: calc(100svh + 48px);
}
.kv-fig {
  position: relative;
  width: 100%;
  height: 100%;
}
.kv-fig__img {
  width: 100%;
  height: calc(100svh + 48px);
  object-fit: cover;
  object-position: top;
  vertical-align: bottom;
}
.kv-fig::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(244, 249, 239, 0.6) 70%, #e9f4e1 100%);
  pointer-events: none;
  z-index: 1;
}
.kv-fig .video-js {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.kv-fig .video-js .vjs-big-play-button {
  display: none !important;
}
.kv-fig video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kv__body {
  position: absolute;
  z-index: 10;
  bottom: 168px;
  left: clamp(24px, 5.4383116883vw, 67px);
}
.kv__text-box {
  margin-top: 1.5rem;
  color: var(--c-green);
  font-weight: 500;
}
.kv__lead {
  font-size: clamp(32px, 3.2467532468vw, 40px);
  margin-bottom: 16px;
  line-height: 1.38;
}
.kv__figure-box {
  position: relative;
  display: flex;
  column-gap: 14px;
  align-items: center;
  justify-content: center;
}
.kv__figure-box > .kv__figure, .kv__figure-box > .kv__unit {
  position: relative;
  z-index: 10;
}
.kv__figure-box > .kv__unit {
  margin-top: 18px;
}
.kv__figure-box::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -48px;
  display: block;
  width: 100%;
  height: 72px;
  background-image: url("img/front-page/kv_lead_dec.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.kv__figure {
  font-size: clamp(78px, 7.7922077922vw, 96px);
  font-family: var(--font-num);
  line-height: 1;
}
.kv__unit {
  font-size: clamp(23px, 2.3538961039vw, 29px);
}
.kv-sd {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--c-light-gray);
  translate: -50%;
  overflow: hidden;
}
.kv-sd:after {
  content: "";
  width: 2px;
  height: 149px;
  background-color: currentColor;
}
.kv-sd__lbl {
  margin-bottom: 14px;
  font-family: var(--font-en);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.kv-sd__mouse {
  width: 16px;
  height: 16px;
  margin-bottom: -24px;
  border: 2px solid currentColor;
  border-radius: 50%;
  animation: sd 3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
@keyframes sd {
  0% {
    translate: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    translate: 0 96px;
    opacity: 0;
  }
}

.idx-pick-info {
  padding-block: 60px;
  text-align: center;
  background-color: var(--c-newnew-lite-green);
}
.idx-pick-info__ttl {
  margin-bottom: 28px;
  color: var(--c-new-black);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
}
.idx-pick-info__body {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7778;
}

.mre-marquee {
  display: flex;
  overflow: hidden;
}
.mre-marquee__item {
  flex: 0 0 auto;
  width: min(205.89743589%, 1396px);
  padding-right: min(2.8653295%, 40px);
  animation: mre 30s linear forwards infinite;
}

@keyframes mre {
  0% {
    translate: 0;
  }
  100% {
    translate: -100%;
  }
}
.idx-disposal {
  position: relative;
  z-index: 20;
  padding-block: 5px clamp(20px, 4.8701298701vw, 60px);
}
.idx-disposal-marquee {
  margin-bottom: 50px;
}
.idx-disposal__innr {
  position: relative;
}
.idx-disposal__slider--right {
  display: none;
}
.idx-disposal__slider .idx-disposal-slide__track {
  overflow: visible;
}
.idx-disposal__slider .idx-disposal-slide__item {
  width: clamp(217px, 24.025974026vw, 296px);
}
.idx-disposal__slider .idx-disposal-slide__img {
  display: block;
  border-radius: 24px;
  border: 1px solid #fff;
  width: 100%;
  height: auto;
}
.idx-disposal__content {
  margin-block: 40px;
  max-width: 647px;
  margin-inline: auto;
  font-size: 1.6rem;
}
.idx-disposal__txt {
  margin-bottom: 14px;
}
.idx-disposal__btn {
  margin-top: 34px;
  margin-bottom: 60px;
  text-align: right;
}

.idx-safe-sys {
  padding-block: 60px 96px;
  background-color: var(--c-newnew-lite-green);
  border-radius: 24px 24px 0 0;
}
.idx-safe-sys__list {
  margin-top: -10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px 16px;
}
.idx-safe-sys__btn {
  text-align: right;
  margin-top: 34px;
}

.idx-proposal {
  position: relative;
  margin-top: -24px;
  background-color: #fff;
  border-radius: 24px 24px 0 0;
}
.idx-proposal__innr {
  position: relative;
  padding-top: clamp(56px, 7.3051948052vw, 90px);
  padding-bottom: 15.3846153846%;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
}
.idx-proposal .sub-ttl {
  margin-bottom: 33px;
}
.idx-proposal-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.idx-about {
  position: relative;
  padding-bottom: 104px;
}
.idx-about:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  top: min(12.8205128205vw, 83px);
  background-color: var(--c-newnew-lite-green);
  border-radius: 24px 24px 0 0;
}
.idx-about__innr {
  display: flex;
  flex-direction: column;
}
.idx-about-visual {
  z-index: 1;
  max-width: 671px;
  margin-top: max(-18.7134502924%, -106px);
  display: flex;
  column-gap: clamp(16px, 3.0844155844vw, 38px);
  align-items: start;
  margin-inline: auto;
}
.idx-about-visual__col {
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, 3.2467532468vw, 40px);
  flex: 1;
}
.idx-about-visual__col--right {
  padding-top: min(11.6959064327%, 80px);
}
.idx-about-visual__pic {
  border: 2px solid #fff;
  border-radius: 16px;
  overflow: hidden;
}
.idx-about__detail {
  z-index: 1;
  max-width: 647px;
  margin: 16px auto 0;
}
.idx-about__detail .ttl {
  row-gap: 14px;
}
.idx-about__text {
  margin-bottom: 14px;
}
.idx-about__btn {
  margin-top: 40px;
  text-align: right;
}

.idx-info {
  position: relative;
  background-color: #fff;
  border-radius: 24px 24px 0 0;
  margin-top: -24px;
  padding-top: 60px;
  padding-bottom: 80px;
}
.idx-info-slide {
  margin-right: -24px;
}
.idx-info-slide__track {
  overflow: visible;
}
.idx-info-slide__item {
  display: flex;
  width: clamp(253px, 23.2142857143vw, 286px);
  margin-right: 16px;
}
.idx-info-card {
  display: flex;
  flex-direction: column;
  padding: 8px;
  background-color: var(--c-newnew-lite-green);
  border-radius: 12px;
}
.idx-info-card__img-wrap {
  overflow: hidden;
  border-radius: 4px;
}
.idx-info-card__img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.idx-info-card__txt-wrap {
  padding: 20px 8px 10px 8px;
}
.idx-info-card__date {
  font-family: var(--font-en);
  color: var(--c-light-green);
  font-size: 1.2rem;
}
.idx-info-card__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c-green);
  line-height: 1.4;
}
.idx-info-card:hover .idx-info-card__img {
  transform: scale(1.05);
}
.idx-info__detail {
  margin-top: 48px;
  text-align: right;
}

.idx-new-sale .new-sale-head {
  position: relative;
  padding-block: clamp(60px, 5.6818181818vw, 70px) 40px;
  padding-inline: 24px;
  background-color: var(--c-newnew-lite-green);
  border-top-right-radius: 24px;
}
.idx-new-sale .new-sale-head__innr {
  position: relative;
}
.idx-new-sale .new-sale-head__innr .ttl__ja {
  margin-bottom: calcClamp(24, 103);
}
.idx-new-sale .new-sale-head__innr .ttl {
  margin-bottom: 0;
}
.idx-new-sale__list {
  width: calc(100% - 48px);
  max-width: 1232px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-block: 24px 60px;
  margin-inline: auto;
}
.idx-new-sale-card {
  display: flex;
  align-items: center;
  column-gap: 16px;
  justify-content: center;
  margin-inline: auto;
}
.idx-new-sale-card:hover .idx-new-sale-card__img {
  transform: scale(1.1);
  border-radius: 12px;
}
.idx-new-sale-card__pic {
  overflow: hidden;
  border: 1px solid #c7ccb6;
  border-radius: 12px;
  flex: 0 0 auto;
  width: 41.984733%;
  min-width: 170px;
  max-width: 252px;
}
.idx-new-sale-card__img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.idx-new-sale-card__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 10px;
  line-height: 1;
}
.idx-new-sale-card__locale {
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c-green);
}
.idx-new-sale-card__tags {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.idx-new-sale-card__tag {
  flex: 0 0 auto;
  padding: 2px 12px 3px;
  background-color: var(--c-light-beige);
  border-radius: 14px;
  border: 1px solid #77837f;
  color: #77837f;
  font-weight: 500;
}
.idx-new-sale-card__detail {
  color: #77837f;
  font-weight: 500;
}
.idx-new-sale-line {
  position: relative;
  padding-bottom: 24px;
}
.idx-new-sale-line-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.idx-new-sale-line-bg:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: #bbc4a0;
  opacity: 0.3;
  mix-blend-mode: multiply;
}
.idx-new-sale-line-bg__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 121.9512195122%;
  max-inline-size: unset;
  object-fit: cover;
}
.idx-new-sale-line__innr {
  position: relative;
  display: grid;
  grid-template-columns: min(21.6374269006%, 100px) 1fr;
  gap: 22px 16px;
  align-items: center;
  width: fit-content;
  padding: 40px 24px;
  color: #fff;
  margin-inline: auto;
  transition: opacity 0.2s;
}
@media (any-hover: hover) {
  .idx-new-sale-line__innr:hover {
    opacity: 0.6;
  }
}
.idx-new-sale-line__heading {
  grid-area: 1/1/2/2;
  position: relative;
}
.idx-new-sale-line__ttl {
  grid-area: 1/2/2/3;
  font-size: clamp(1.8rem, 5.64vw, 2.2rem);
  font-weight: 500;
  line-height: 1.45;
}
.idx-new-sale-line__link {
  grid-area: 2/1/3/3;
  font-size: 1.5rem;
  line-height: 1.6;
}
.idx-new-sale-line__link:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .idx-new-sale-line__link:before {
    margin-top: 0;
  }
}
.idx-new-sale-line__link {
  font-weight: 400;
}

.idx-column {
  position: relative;
  background-color: #fff;
  border-radius: 24px 24px 0 0;
  margin-top: -24px;
}
.idx-column-main .ttl {
  margin-bottom: 34px;
}
.idx-column-cont {
  padding-block: 60px 36px;
  max-width: 560px;
}
.idx-column__desc {
  margin-bottom: 40px;
}
.idx-column-links {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.idx-column-links__anch {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
:where(.idx-column-links__item:nth-last-of-type(1)) .idx-column-links__anch {
  padding-bottom: 24px;
}
.idx-column-links-fig {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.idx-column-links-fig__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.idx-column-links-fig::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(75, 119, 93, 0.4);
  mix-blend-mode: darken;
  pointer-events: none;
}
.idx-column-links__body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 234px;
  padding: 24px;
}
.idx-column-links-ttl {
  color: #fff;
  font-weight: 500;
}
.idx-column-links-ttl__en {
  display: block;
  font-family: var(--font-en);
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.idx-column-links-ttl__ja {
  display: block;
  font-family: var(--font-ja);
  font-size: 2.2rem;
  line-height: 1;
}
.idx-column-links-ttl__ja:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .idx-column-links-ttl__ja:before {
    margin-top: 0;
  }
}
.idx-column-links__arrow {
  align-self: flex-end;
  width: 36px;
  height: 36px;
  background: var(--icon-arrow-circle-white) no-repeat center/contain;
  transition: transform 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .idx-column-links__anch:hover .idx-column-links-fig__img {
    transform: scale(1.05);
  }
}
.idx-column__detail {
  text-align: right;
}
.idx-column__cs {
  width: 100%;
  padding: 12px;
  color: var(--c-light-gray);
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  background-color: var(--c-newnew-lite-green);
  border-radius: 8px;
}
.idx-column-marquee {
  padding-bottom: 5px;
}

.column-card {
  border-bottom: 1px solid var(--c-light-gray);
}
.column-card__fig {
  margin: 0;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--c-gold);
  overflow: hidden;
}
.column-card__img {
  height: 100%;
  object-fit: cover;
}
.column-card__txt {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  column-gap: 12px;
  line-height: 1.6;
}
.column-card__cat {
  display: block;
  color: var(--c-gold);
  font-weight: 500;
  font-size: 1.4rem;
}
.column-card__ttl {
  color: var(--c-green);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.45;
}
.column-card__ttl:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.45) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .column-card__ttl:before {
    margin-top: 0;
  }
}
.column-card__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.column-card__arrow {
  align-self: center;
  display: block;
  width: 36px;
  height: 36px;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: transform 0.3s ease-in-out;
}
.column-card__innr:hover .column-card__arrow {
  transform: translateX(6px);
}
.column-card--lg {
  padding-bottom: clamp(24px, 2.4350649351vw, 30px);
  margin-bottom: 24px;
}
.column-card--lg .column-card__fig {
  border-radius: 24px;
  margin-bottom: 14px;
}
.column-card--lg .column-card__cat {
  margin-bottom: 10px;
  grid-area: 1/1/2/2;
}
.column-card--lg .column-card__ttl {
  grid-area: 2/1/3/2;
  font-size: 2rem;
}
.column-card--lg .column-card__arrow {
  grid-area: 1/2/3/3;
}
.column-card--sm {
  padding-bottom: 20px;
  margin-bottom: 24px;
}
.column-card--sm:last-of-type {
  margin-bottom: 40px;
}
.column-card--sm .column-card__innr {
  display: flex;
  align-items: flex-start;
  column-gap: 16px;
}
.column-card--sm .column-card__txt {
  flex: 1 1 auto;
  align-self: center;
}
.column-card--sm .column-card__cat {
  grid-area: 1/1/2/3;
  margin-bottom: 10px;
}
.column-card--sm .column-card__fig {
  flex: 0 0 auto;
  width: min(37.4269005848%, 190px);
}
.column-card--sm .column-card__ttl {
  grid-area: 2/1/3/2;
}
.column-card--sm .column-card__arrow {
  grid-area: 2/2/3/3;
}

.idx-branches {
  position: relative;
  background: none;
  margin-top: -24px;
  padding-block: 63px 80px;
}
.idx-branches .ttl {
  margin-bottom: 34px;
}
.idx-branches::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  border-radius: 24px 24px 0 0;
  pointer-events: none;
}
.idx-branches .container {
  position: relative;
}
.idx-branches__header {
  margin-bottom: 54px;
  display: flex;
  flex-direction: column;
}
.idx-branches__list {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  max-width: 420px;
  margin-inline: auto;
}
.idx-branches__item .branches-card {
  display: flex;
  align-items: stretch;
  column-gap: 14px;
  width: 100%;
  height: 100%;
}
.idx-branches__item .branches-card-fig {
  flex: 0 0 auto;
  width: 34.782609%;
}
.idx-branches__item .branches-card-fig a {
  display: block;
  height: 100%;
}
.idx-branches__item .branches-card-fig__img {
  border-radius: 14px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx-branches__item .branches-card-info {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--c-light-gray);
  padding-block: 16px;
  width: 100%;
}
.idx-branches__item .branches-card-info-txt-wrap {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.idx-branches__item .branches-card-info__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c-green);
  line-height: 1;
}
.idx-branches__item .branches-card-info__ttl:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .idx-branches__item .branches-card-info__ttl:before {
    margin-top: 0;
  }
}
.idx-branches__item .branches-card-info__tel {
  font-family: var(--font-en);
  font-size: 2.4rem;
  color: var(--c-green);
  line-height: 1;
}
.idx-branches__item .branches-card-info__tel:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .idx-branches__item .branches-card-info__tel:before {
    margin-top: 0;
  }
}
.idx-branches__item .branches-card-info__time {
  font-size: 1.5rem;
  color: #77837f;
  line-height: 1.2;
}
.idx-branches__item .branches-card-info__time:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .idx-branches__item .branches-card-info__time:before {
    margin-top: 0;
  }
}
.idx-branches__item .branches-card-info__arrow {
  flex: 0 0 auto;
  display: block;
  width: 36px;
  height: 36px;
  margin-left: auto;
  margin-top: auto;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: transform 0.3s ease-in-out;
}
.idx-branches__item .branches-card:hover .branches-card-info__arrow {
  transform: translateX(6px);
}

.idx-inq {
  position: relative;
}
.idx-inq__cont {
  background-color: var(--c-newnew-lite-green);
}
.idx-inq__innr {
  padding-top: 37px;
  padding-bottom: 27px;
  margin-inline: auto;
}
.idx-inq-ttl {
  margin-bottom: clamp(14px, 2.2727272727vw, 28px);
}
.idx-inq-ttl__ja {
  font-size: 32px;
  line-height: 1.52;
}
.idx-inq__txt {
  font-size: clamp(16px, 1.461038961vw, 18px);
  line-height: 1.88;
  color: var(--c-new-black);
}
.idx-inq__detail {
  position: absolute;
  width: 100%;
  max-width: 344px;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
}
.idx-inq__img .inq-fig__img {
  aspect-ratio: 393/376;
  object-fit: cover;
  object-position: top;
}

@media screen and (min-width: 768px) {
  .idx-pick-info__ttl {
    margin-bottom: 32px;
    font-size: 2.8rem;
  }
  .idx-safe-sys__list {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px 20px;
  }
  .idx-safe-sys__btn {
    margin-top: 40px;
  }
  .idx-proposal-bg__img {
    border-radius: 36px 36px 0 0;
  }
  .idx-proposal__innr {
    padding-bottom: 80px;
    display: flex;
    column-gap: clamp(24px, 7.4675324675vw, 92px);
    align-items: flex-start;
  }
  .idx-proposal .sub-ttl {
    flex: 0 0 auto;
  }
  .idx-proposal-list {
    flex: 1 1 auto;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
  }
  .idx-proposal .proposal-card {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: 152px;
    padding: 26px 20px 20px 20px;
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .idx-proposal .proposal-card:hover .proposal-card__arrow {
    translate: 6px;
  }
}
@media screen and (min-width: 768px) {
  .idx-proposal .proposal-card__arrow {
    margin-left: auto;
    transition: translate 0.3s ease-in-out;
  }
  .idx-info {
    padding-top: 85px;
    padding-bottom: 111px;
  }
  .idx-info__innr {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 63px;
    margin-top: -98px;
  }
  .idx-info-slide {
    margin-bottom: 0;
  }
  .idx-info-slide__item {
    width: clamp(253px, 23.2142857143vw, 286px);
    margin-right: 20px;
  }
  .idx-info-card {
    padding: 10px;
  }
  .idx-info-card__img {
    transition: transform 0.3s ease-in-out;
  }
  .idx-info-card__img-wrap {
    border-radius: 6px;
  }
  .idx-info-card__txt-wrap {
    padding: 20px 12px 16px;
  }
  .idx-info-card__date {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
  .idx-info-card:hover .idx-info-card__img {
    transform: scale(1.05);
  }
  .idx-info__detail {
    margin-top: 0;
  }
  .idx-info__detail .btn {
    max-width: 249px;
  }
  .idx-new-sale__list {
    gap: 40px 28px;
    grid-template-columns: repeat(auto-fit, minmax(307px, 1fr));
    margin-block: 60px 60px;
  }
  .idx-new-sale-line__innr {
    grid-template-rows: auto auto;
    gap: 16px 32px;
  }
  .idx-new-sale-line__heading {
    grid-area: 1/1/3/2;
  }
  .idx-new-sale-line__ttl {
    font-size: 2.4rem;
  }
  .idx-new-sale-line__link {
    grid-area: 2/2/3/3;
    font-size: 1.6rem;
  }
  .idx-column-links {
    flex-direction: row;
  }
  .idx-column-links__item {
    flex: 0 0 auto;
    width: calc((100% + 2px) / 3 - 2px);
  }
  .idx-column-links__anch {
    padding-bottom: 24px;
  }
  .idx-column-links__body {
    height: 246px;
  }
  .idx-column-links__arrow {
    bottom: 39px;
  }
  .idx-branches__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .idx-branches__header .ttl {
    margin-bottom: 0;
  }
  .idx-branches__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 28px;
    max-width: none;
  }
  .idx-branches .branches-card-fig {
    width: 50%;
    flex: auto;
  }
  .idx-branches .branches-card-info {
    border-top: 1px solid var(--c-light-gray);
    column-gap: 10px;
  }
  .idx-branches .branches-card-info__ttl {
    font-size: clamp(15px, 0.8vw + 12px, 18px);
  }
  .idx-branches .branches-card-info__tel {
    font-size: clamp(20px, 1.17vw + 8.02px, 24px);
  }
  .idx-inq {
    padding-top: 0;
    display: flex;
    max-height: 443px;
  }
  .idx-inq__cont {
    flex: 1;
    min-width: 0;
  }
  .idx-inq__innr {
    padding: clamp(24px, 4.0584415584vw, 50px) 0 clamp(24px, 5.6006493506vw, 69px) 0;
    width: fit-content;
    max-width: 448px;
  }
  .idx-inq-ttl__ja {
    font-size: clamp(24px, 2.5974025974vw, 32px);
  }
  .idx-inq__txt {
    margin-bottom: clamp(24px, 2.9220779221vw, 36px);
  }
  .idx-inq__detail {
    position: static;
    transform: none;
  }
  .idx-inq__btn {
    padding-left: 23px;
    margin: unset;
  }
  .idx-inq__img {
    width: 43.3382137628%;
    max-height: 443px;
    flex-shrink: 0;
  }
  .idx-inq .inq-fig {
    height: 100%;
    margin: 0;
    overflow: hidden;
  }
  .idx-inq .inq-fig__pic {
    display: block;
    height: 100%;
    width: 100%;
  }
  .idx-inq .inq-fig__img {
    object-fit: cover;
    object-position: center;
    display: block;
    height: 100%;
    aspect-ratio: auto;
  }
}
@media screen and (min-width: 1024px) {
  .kv__lead {
    margin-bottom: 20px;
  }
  .kv-fig::after {
    content: none;
  }
  .kv__figure-box {
    column-gap: 17px;
  }
  .kv__figure-box::after {
    height: 6.5153733529vw;
    max-height: 89px;
    bottom: clamp(-59px, -4.3191800878vw, 0px);
  }
  .kv__body {
    bottom: 234px;
    left: max(67px, 50% - 613px);
  }
  .kv-sd:after {
    width: 3px;
    height: 84px;
  }
  .kv-sd__lbl {
    margin-bottom: 6px;
  }
  .kv-sd__mouse {
    width: 32px;
    height: 54px;
    margin-bottom: 0;
    border: 3px solid currentColor;
    border-radius: 16px;
    animation: none;
    position: relative;
  }
  .kv-sd__mouse:before {
    content: "";
    position: absolute;
    top: 10px;
    left: calc(50% - 2px);
    display: block;
    width: 4px;
    height: 11px;
    background-color: currentColor;
    border-radius: 2px;
  }
  .idx-pick-info {
    padding-block: 60px 88px;
  }
  .idx-pick-info__ttl {
    margin-bottom: 40px;
    font-size: 3.6rem;
  }
  .idx-pick-info__body {
    font-size: 1.8rem;
  }
  .idx-disposal {
    padding-block: 5px 120px;
  }
  .idx-disposal__innr {
    width: auto;
    max-width: none;
    display: grid;
    grid-template-columns: auto min(45.60761%, 623px) min(38.06735%, 520px) auto;
    grid-template-rows: auto 1fr;
    align-items: start;
    grid-template-areas: ".  title     txt   ." "slider-l  slider-l  txt   slider-r";
  }
  .idx-disposal__ttl {
    grid-area: title;
    min-width: 0;
    margin-bottom: 55px;
  }
  .idx-disposal__ttl .ttl {
    margin-bottom: 0;
  }
  .idx-disposal__slider {
    visibility: hidden;
    min-width: 0;
  }
  .idx-disposal__slider--left {
    grid-area: slider-l;
    min-width: 0;
    visibility: visible;
    overflow: visible;
    width: 100%;
  }
  .idx-disposal__slider--right {
    grid-area: slider-r;
    display: block;
  }
  .idx-disposal__slider .idx-disposal-slide__track {
    overflow: hidden;
    filter: drop-shadow(1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 -1px 0 #fff);
  }
  .idx-disposal__slider .idx-disposal-slide__track--left {
    border-radius: 0 24px 24px 0;
  }
  .idx-disposal__slider .idx-disposal-slide__track--right {
    border-radius: 24px 0 0 24px;
  }
  .idx-disposal__slider .idx-disposal-slide__list {
    will-change: transform;
  }
  .idx-disposal__slider .idx-disposal-slide__item {
    flex-shrink: 0;
    width: clamp(217px, 24.025974026vw, 296px);
  }
  .idx-disposal__slider .idx-disposal-slide__img {
    display: block;
    border-radius: 24px;
    border: none;
    width: 100%;
    height: auto;
  }
  .idx-disposal__content {
    grid-area: txt;
    align-self: end;
    margin-block: 0;
    margin-inline: clamp(28px, 5.1948051948vw, 64px);
  }
  .idx-disposal__btn {
    margin-top: 34px;
    margin-bottom: 0;
  }
  .idx-safe-sys {
    padding-block: 110px 142px;
    border-radius: 32px 32px 0 0;
  }
  .idx-safe-sys__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
    margin-top: 0;
  }
  .idx-about {
    padding-bottom: 0;
  }
  .idx-about:before {
    border-radius: 32px 32px 0 0;
  }
  .idx-about__innr {
    flex-direction: row;
    align-items: flex-start;
    column-gap: unset;
    justify-content: space-between;
  }
  .idx-about-visual {
    flex: 0 0 auto;
    margin-top: -110px;
    max-width: unset;
    width: 54.5454545455%;
    margin-inline: 0;
    justify-content: space-between;
  }
  .idx-about-visual__col {
    flex: 0 0 auto;
    width: 45.3869047619%;
    row-gap: 30px;
  }
  .idx-about-visual__col--right {
    padding-top: 80px;
  }
  .idx-about-visual__pic {
    border-radius: 24px;
  }
  .idx-about__detail {
    flex: 0 0 auto;
    align-self: center;
    max-width: unset;
    width: 37.0941558%;
    margin: 0;
    padding-bottom: min(6.49350649%, 80px);
  }
  .idx-about__text:not(:last-child) {
    margin-bottom: 28px;
  }
  .idx-proposal {
    margin-top: -32px;
    border-radius: 32px 32px 0 0;
  }
  .idx-proposal__innr {
    padding-top: 100px;
    padding-bottom: 58px;
  }
  .idx-proposal-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 24px;
  }
  .idx-info {
    position: relative;
    z-index: 1;
    padding-top: 100px;
    margin-top: max(-7.759882869%, -106px);
    padding-bottom: 120px;
    border-radius: 32px 32px 0 0;
  }
  .idx-info-slide {
    margin-bottom: 0;
  }
  .idx-info-slide__item {
    margin-right: 28px;
  }
  .idx-info__detail {
    margin-top: -12px;
  }
  .idx-new-sale {
    overflow-x: clip;
    container-type: inline-size;
  }
  .idx-new-sale__innr {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: calc(100% - 48px);
    max-width: 1232px;
    margin-inline: auto;
  }
  .idx-new-sale .new-sale-head {
    flex: 0 0 clamp(260px, 25.5681818182vw, 315px);
    padding: 70px 63px 70px 0;
    width: 100%;
    background-color: none;
  }
  .idx-new-sale .new-sale-head:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    left: calc((100cqw - min(100cqw - 48px, 1232px)) / -2);
    background-color: var(--c-newnew-lite-green);
    border-top-right-radius: 32px;
  }
  .idx-new-sale .new-sale-head__innr {
    flex: 1;
    min-width: 0;
    width: 100%;
    max-width: unset;
  }
  .idx-new-sale .new-sale-head__innr .ttl__ja {
    font-size: clamp(2.4rem, 3vw, 4.2rem);
  }
  .idx-new-sale .new-sale-head__innr .ttl {
    margin-bottom: 103px;
  }
  .idx-new-sale__content {
    flex: 1;
  }
  .idx-new-sale__list {
    width: 100%;
    max-width: unset;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    padding-left: clamp(40px, -154px + 19.006vw, 105px);
    margin-block: 0 89px;
  }
  .idx-new-sale-card {
    row-gap: 8px;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
  }
  .idx-new-sale-card__pic {
    width: 100%;
    max-width: unset;
  }
  .idx-new-sale-card__locale {
    margin-bottom: 2px;
  }
  .idx-new-sale-card__tags {
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
  }
  .idx-new-sale-line {
    padding-bottom: 32px;
    margin-right: calc((100cqw - min(100cqw - 48px, 1232px)) / -2);
  }
  .idx-new-sale-line__innr {
    gap: 12px 40px;
    width: 100%;
    padding: 36px 40px;
    margin-inline: 0;
  }
  .idx-column {
    margin-top: -32px;
    border-radius: 32px 32px 0 0;
  }
  .idx-column-cont {
    padding-block: 92px 36px;
    max-width: 1232px;
  }
  .idx-column-main .ttl {
    margin-bottom: 60px;
  }
  .idx-column__desc {
    margin-bottom: 40px;
  }
  .idx-column-list {
    display: grid;
    grid-template-columns: 48.8636363636% 42.857142857%;
    grid-template-rows: repeat(3, auto);
    justify-content: space-between;
    row-gap: 28px;
    margin-bottom: 60px;
  }
  .idx-column .column-card__arrow {
    width: 46px;
    height: 46px;
  }
  .idx-column .column-card--lg {
    grid-area: 1/1/4/2;
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  .idx-column .column-card--lg .column-card__fig {
    margin-bottom: 18px;
    border-radius: 24px;
  }
  .idx-column .column-card--sm {
    padding-bottom: 28px;
    margin-bottom: 0;
  }
  .idx-column .column-card--sm:last-of-type {
    margin-bottom: 0;
  }
  .idx-column .column-card--sm .column-card__innr {
    column-gap: 6.0606060606%;
  }
  .idx-column .column-card--sm .column-card__ttl {
    font-size: 2rem;
  }
  .idx-column-links__anch {
    padding-bottom: 32px;
  }
  .idx-column-links__body {
    padding: 24px max(5.7268722466%, 24px) 40px max(9.6916299559%, 24px);
  }
  .idx-column-links__arrow {
    width: 46px;
    height: 46px;
  }
  .idx-column__cs {
    margin-bottom: 64px;
  }
  .idx-branches {
    padding-block: 100px;
    margin-top: -32px;
  }
  .idx-branches:before {
    border-radius: 32px 32px 0 0;
  }
  .idx-branches__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 28px;
  }
}
/*--- Sell Property Page ---*/
/* Hero Section */
.sell-hero {
  padding-top: 80px;
  padding-bottom: clamp(40px, 6.0064935065vw, 74px);
}
@media screen and (min-width: 768px) {
  .sell-hero {
    margin-left: clamp(67px, 4.91vw, 120px);
  }
}
.sell-hero__innr {
  position: relative;
}
.sell-hero__content {
  width: 100%;
}
.sell-hero__label {
  font-family: var(--font-en);
  font-size: clamp(16px, 1.6233766234vw, 20px);
  font-weight: 300;
  color: var(--c-light-green);
  margin-bottom: 15px;
  line-height: 1;
}
.sell-hero__label:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .sell-hero__label:before {
    margin-top: 0;
  }
}
.sell-hero__title {
  font-size: clamp(32px, 3.4090909091vw, 42px);
  font-weight: 500;
  color: var(--c-green);
  line-height: 1.5;
  margin-bottom: 24px;
}
.sell-hero__text {
  font-size: clamp(15px, 1.461038961vw, 18px);
  line-height: 2;
  color: var(--c-black);
  letter-spacing: 0.01em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .sell-hero {
    padding-right: clamp(60px, 9.51vw, 130px);
    max-width: none;
  }
  .sell-hero__innr {
    display: flex;
    align-items: flex-end;
  }
  .sell-hero__title {
    display: inline-block;
    margin-bottom: 0;
    min-width: 320px;
    margin-right: 40px;
  }
  .sell-hero__text {
    display: inline-block;
    line-height: 3.2rem;
    max-width: 434px;
    margin-left: auto;
    margin-right: 0;
  }
}
.sell-hero__fig {
  overflow: hidden;
}
.sell-hero__img {
  display: block;
  aspect-ratio: 2/1;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .sell-hero__img {
    min-height: 417px;
    max-height: 600px;
  }
}
@media screen and (min-width: 768px) {
  .sell-hero__img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    aspect-ratio: unset;
    border-radius: 24px 0 0 0;
  }
}

/* Problems Section */
.sell-problems {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sell-problems {
    border-radius: 24px 0 0 0;
    overflow: visible;
  }
}
.sell-problems__slider-wrap {
  position: relative;
  margin-top: 40px;
}
@media screen and (min-width: 1200px) {
  .sell-problems__slider-wrap {
    margin-top: 60px;
  }
}
.sell-problems__wrap {
  background-color: #fff;
}
.sell-problems__innr {
  padding: 40px 0;
}
@media screen and (min-width: 1200px) {
  .sell-problems__innr {
    position: relative;
    max-width: 1022px;
    left: calc(clamp(67px, 4.91vw, 120px) * -0.5);
  }
}
@media screen and (min-width: 768px) {
  .sell-problems__innr {
    padding: 95px 0 70px;
  }
}
.sell-problems__slider {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: fit-content;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sell-problems__slider {
    left: calc(50% - clamp(67px, 4.91vw, 120px) * 0.5);
  }
}
.sell-problems__slider .splide__track {
  padding-inline: 20px !important;
}
@media screen and (min-width: 768px) {
  .sell-problems__slider .splide__track {
    padding-inline: 0px !important;
  }
}
@media screen and (min-width: 1200px) {
  .sell-problems__slider .splide__track {
    border-top-right-radius: 24px;
  }
}
.sell-problems__slider .splide__slide {
  display: flex;
  justify-content: center;
  width: 80% !important;
  max-width: 320px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sell-problems__slider .splide__slide {
    max-width: 366px;
  }
}
.sell-problems__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  list-style: none;
  margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sell-problems__list {
    padding-right: clamp(67px, 4.91vw, 120px);
  }
}
.sell-problems__item {
  border-radius: 14px;
  transition: all 0.25s ease;
  font-size: 14px;
  line-height: 1.5;
  background-color: var(--c-newnew-lite-green);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}

.realtor-card {
  width: 100%;
}
.realtor-card__fig {
  width: 100%;
  aspect-ratio: 366/460;
  position: relative;
}
.realtor-card__fig::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 100%;
  height: 100%;
  background-color: var(--c-newnew-lite-green);
  border-radius: 12px;
  z-index: -1;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 1200px) {
  .realtor-card__fig::after {
    border-radius: 24px;
    top: 33px;
    right: 26px;
  }
}
.realtor-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  border: 1.5px solid #fff;
}
@media screen and (min-width: 1200px) {
  .realtor-card__img {
    border-radius: 24px;
  }
}
.realtor-card__info {
  padding: 14px 0 0 0;
}
.realtor-card__label {
  font-family: var(--font-en);
  font-size: 1.2rem;
  color: var(--c-gray);
  margin-bottom: 8px;
}
.realtor-card__name {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  margin-bottom: 8px;
}
@media screen and (min-width: 1200px) {
  .realtor-card__name {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-direction: row-reverse;
  }
}
.realtor-card__name span {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  text-align: left;
}
.realtor-card__name::before {
  position: relative;
  content: "●";
  display: inline-block;
  font-size: 10px;
  line-height: 6px;
  margin-right: 9px;
}
.realtor-card__title {
  font-size: 1.4rem;
  color: var(--c-gold);
  margin-bottom: 4px;
  text-align: left;
}
.realtor-card__subtitle {
  font-size: 1.2rem;
  line-height: 2rem;
  color: var(--c-gray);
  line-height: 1.6;
}

.problem-card {
  padding: 20px;
  min-height: 80px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .problem-card {
    padding: 27px 21px 27px 27px;
  }
}
.problem-card__text {
  font-size: 1.5rem;
  line-height: 1.444444;
  color: var(--c-green);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .problem-card__text {
    font-size: clamp(1.6rem, 1.32vw, 1.8rem);
  }
}

/* Our Promises Section */
.sell-promises {
  padding-block: clamp(60px, 8.1168831169vw, 100px) clamp(60px, 10.4707792208vw, 129px);
}
.sell-promises[data-bg=white] {
  padding-block: clamp(60px, 6.9805194805vw, 86px) clamp(60px, 9.4155844156vw, 116px);
}
@media screen and (min-width: 1200px) {
  .sell-promises__innr {
    position: relative;
    max-width: 1022px;
    left: calc(clamp(67px, 4.91vw, 120px) * -0.5);
  }
}
.sell-promises__three {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sell-promises__three {
    padding-right: clamp(67px, 4.91vw, 120px);
  }
}
.sell-promises__label {
  font-family: var(--font-en);
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--c-gold);
  margin-bottom: 20px;
  line-height: 1;
}
.sell-promises__label:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .sell-promises__label:before {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sell-promises__trust {
    padding-right: clamp(67px, 4.91vw, 120px);
  }
}
@media (min-width: 1200px) {
  .sell-promises__trust {
    display: grid;
    grid-template-columns: auto 392px;
    align-items: end;
    gap: clamp(80px, 9.74vw, 133px);
  }
  .sell-promises__trust-left {
    position: sticky;
    bottom: 24px;
  }
  .sell-promises__trust-right {
    margin-top: 190px;
  }
}
.sell-promises__text {
  font-size: clamp(15px, 1.2987012987vw, 16px);
  line-height: 2;
  color: var(--c-black);
  margin-bottom: 24px;
}
.sell-promises__subtitle {
  font-size: clamp(24px, 2.2727272727vw, 28px);
  font-weight: 500;
  color: var(--c-green);
  margin-bottom: 32px;
  line-height: 1.5;
}
.sell-promises__slider {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.sell-promises__slider .splide__slide {
  display: flex;
  justify-content: center;
}
.sell-promises__box-title {
  font-size: clamp(26px, 2.9220779221vw, 36px);
  font-weight: 500;
  color: var(--c-green);
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.5;
  padding: 12px 20px;
  border: 2px solid var(--c-green);
  border-radius: 8px;
  display: inline-block;
  width: 100%;
}
.sell-promises__promise-list {
  list-style: none;
  display: grid;
  gap: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sell-promises__reasons {
    padding-right: clamp(67px, 4.91vw, 120px);
  }
}
.sell-promises__reason-list {
  list-style: none;
  display: grid;
  gap: 40px;
}
@media (min-width: 540px) {
  .sell-promises__reason-list {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
  }
}
@media screen and (min-width: 1024px) {
  .sell-promises__reason-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.sell-promises .sys__list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px 16px;
}
@media screen and (min-width: 768px) {
  .sell-promises .sys__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .sell-promises .sys__list {
    grid-template-columns: 1fr;
  }
}
.sell-promises__item {
  width: 100%;
}
.sell-promises__btn {
  text-align: center;
  margin-top: 34px;
}

.promise-item {
  border-bottom: 1px solid var(--c-light-gray);
  padding-bottom: 20px;
  height: 100%;
}
.sell-promises__promise-item:last-child .promise-item {
  border-bottom: none;
}
.promise-item__header {
  display: grid;
  grid-template-columns: 52px auto;
  align-items: center;
  gap: 20px;
  margin-bottom: 16px;
}
.promise-item__num {
  font-family: var(--font-en);
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 500;
  color: var(--c-green);
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.promise-item__num::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 3.2rem;
  background-color: var(--c-light-gray);
}
.promise-item__title {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--c-green);
  line-height: 1.4;
}
.promise-item__desc {
  font-size: 1.4rem;
  line-height: 1.8;
  color: var(--c-black);
}

.reason-item {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .reason-item {
    display: grid;
    grid-template-columns: auto 380px;
    gap: 40px;
    align-items: self-end;
  }
}
.reason-item__fig {
  width: 100%;
  overflow: hidden;
}
.reason-item__img {
  border-radius: 12px;
  aspect-ratio: 601/353;
  display: block;
}
.reason-item__content {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .reason-item__content {
    margin-top: 0;
  }
}
.reason-item__title {
  font-size: clamp(20px, 1.9480519481vw, 24px);
  font-weight: 600;
  color: var(--c-green);
  margin-bottom: 16px;
}
.reason-item__desc {
  font-size: 1.4rem;
  line-height: 1.8;
  color: var(--c-black);
}

/* CTA Section */
.sell-cta {
  padding-block: clamp(60px, 5.6006493506vw, 69px);
}
.sell-cta[data-bg=green-wave] {
  border-radius: 0;
}
.sell-cta__innr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}
@media screen and (min-width: 768px) {
  .sell-cta__innr {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sell-cta__card {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  text-decoration: none;
  transition: transform 0.3s, box-shadow 0.3s;
  position: relative;
  max-height: 160px;
}
@media screen and (min-width: 768px) {
  .sell-cta__card {
    max-height: unset;
    height: 172px;
  }
}
.sell-cta__fig {
  flex-shrink: 0;
  width: auto;
  flex: 1;
  max-width: 230px;
  height: 100%;
}
.sell-cta__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.sell-cta__content {
  flex: 1;
  padding: 24px 20px 20px 10px;
}
@media screen and (min-width: 1024px) {
  .sell-cta__content {
    padding: 24px 20px 20px;
  }
}
.sell-cta__label {
  font-size: 1.2rem;
  font-size: clamp(1.2rem, 1.3vw, 1.8rem);
  line-height: 1;
  color: var(--c-green);
  margin-bottom: 4px;
}
.sell-cta__title {
  font-size: 2rem;
  font-size: clamp(2rem, 2.6vw, 3.2rem);
  line-height: 1.5;
  font-weight: 600;
  color: var(--c-green);
}
.sell-cta__arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: translate 0.3s ease-in-out;
  right: 10px;
  bottom: 10px;
}
@media screen and (min-width: 500px) {
  .sell-cta__arrow {
    width: 46px;
    height: 46px;
    right: 20px;
    bottom: 20px;
  }
}
@media (any-hover: hover) {
  .sell-cta__card:hover .sell-cta__arrow {
    translate: 8px;
  }
}

/* Comparison Section */
.sell-comparison {
  padding-block: clamp(40px, 6.4935064935vw, 80px) 0;
  background-color: #fff;
}
@media screen and (min-width: 1200px) {
  .sell-comparison__innr {
    position: relative;
    max-width: 1022px;
    left: calc(clamp(67px, 4.91vw, 120px) * -0.5);
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sell-comparison__innr {
    padding-right: clamp(67px, 4.91vw, 120px);
  }
}
.sell-comparison__box-title {
  font-size: clamp(26px, 2.9220779221vw, 36px);
  font-weight: 500;
  color: var(--c-green);
  text-align: center;
  margin-bottom: 32px;
  line-height: 1.5;
  padding: 12px 20px;
  border: 2px solid var(--c-green);
  border-radius: 8px;
  display: inline-block;
  width: 100%;
}
.sell-comparison__fig {
  display: block;
  margin-bottom: 24px;
  border-radius: 24px;
  overflow: hidden;
  max-width: 480px;
  margin-inline: auto;
}
@media (min-width: 600px) {
  .sell-comparison__fig {
    aspect-ratio: 3/2;
  }
}
.sell-comparison__img {
  object-fit: cover;
  object-position: right bottom;
  width: 100%;
}
@media (min-width: 768px) {
  .sell-comparison__img {
    height: 100%;
  }
}
.sell-comparison__text {
  font-size: clamp(15px, 1.2987012987vw, 16px);
  line-height: 2;
  color: var(--c-black);
  margin-bottom: 32px;
}
.sell-comparison__emphasis {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 20px;
  font-size: clamp(16px, 1.461038961vw, 18px);
}
@media (min-width: 1024px) {
  .sell-comparison__intro {
    display: grid;
    grid-template-columns: 1fr 1.27fr;
    column-gap: clamp(80px, 9.74vw, 133px);
    margin-bottom: 100px;
  }
  .sell-comparison__fig {
    aspect-ratio: 392/443;
  }
  .sell-comparison__img {
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
  }
  .sell-comparison__text {
    flex: 1;
    margin-bottom: 0;
  }
  .sell-comparison__emphasis {
    display: block;
    width: 98%;
  }
}
@media screen and (min-width: 768px) {
  .sell-comparison {
    padding-top: 109px;
    padding-bottom: 100px;
  }
  .sell-comparison .sub-ttl {
    margin-bottom: 64px;
  }
}

/* Process Flow Section */
.sell-process {
  padding-block: clamp(60px, 6.4935064935vw, 80px);
  background-color: var(--c-light-beige);
}
@media (min-width: 768px) {
  .sell-process {
    padding-block: 0 clamp(80px, 9.6590909091vw, 119px);
  }
}
@media screen and (min-width: 1200px) {
  .sell-process__innr {
    position: relative;
    max-width: 1022px;
    left: calc(clamp(67px, 4.91vw, 120px) * -0.5);
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sell-process__innr {
    padding-right: clamp(67px, 4.91vw, 120px);
  }
}
.sell-process__content {
  position: relative;
}

.sell-consultation {
  position: relative;
  padding: 60px 0;
}
.sell-consultation.has-bgc {
  background-color: var(--c-light-beige);
}
main:has(.sell-consultation.has-bgc):has(.proposal) .sell-consultation.has-bgc {
  padding-bottom: 84px;
  margin-bottom: -24px;
}
.sell-consultation.has-bgc.is-white {
  background-color: #fff;
}
.sell-consultation.has-bgc.is-left-space {
  background-color: transparent;
}
.sell-consultation.is-left-space:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--c-light-beige);
  border-top-left-radius: 24px;
}
.sell-consultation.is-left-space.is-white:before {
  background-color: #fff;
}
.sell-consultation.is-left-space.is-no-bdrs:before {
  border-top-left-radius: 0;
}
@media (min-width: 768px) {
  .sell-consultation {
    padding: 80px 0;
  }
  main:has(.sell-consultation.has-bgc):has(.proposal) .sell-consultation.has-bgc {
    padding-bottom: 112px;
    margin-bottom: -32px;
  }
  .sell-consultation.has-bgc.is-left-space {
    background-color: transparent;
  }
}
@media (min-width: 1024px) {
  .sell-consultation {
    padding: 100px 0 120px;
  }
  .sell-consultation.is-left-space:before {
    inset: 0 0 0 4.9048316252%;
  }
}
.sell-consultation__innr {
  position: relative;
  width: calc(100% - 48px);
  margin-inline: auto;
}
@media (min-width: 768px) {
  .sell-consultation__innr {
    width: auto;
    margin-inline: 4.9048316252% 0;
  }
}
@media (min-width: 1024px) {
  .sell-consultation__innr {
    margin-inline: calc((100% - min(82.03125%, 1022px)) / 2) 0;
  }
}
.sell-consultation__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 768px) {
  .sell-consultation__content {
    flex-direction: row;
    justify-content: flex-start;
    gap: 40px;
  }
}
@media (min-width: 1024px) {
  .sell-consultation__content {
    gap: clamp(60px, 4.392386vw, 100px);
  }
}
.sell-consultation__text-block {
  flex: 1;
  order: 2;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .sell-consultation__text-block {
    flex: 0 0 auto;
    order: 1;
    width: min(35.32289628%, 361px);
  }
}
.sell-consultation__description {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .sell-consultation__description {
    margin-bottom: 36px;
  }
}
@media (min-width: 1024px) {
  .sell-consultation__description {
    margin-bottom: 40px;
  }
}
.sell-consultation__description p {
  font-size: 14px;
  line-height: 1.8;
  color: var(--c-text);
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .sell-consultation__description p {
    font-size: 15px;
  }
}
@media (min-width: 1024px) {
  .sell-consultation__description p {
    font-size: 16px;
    line-height: 2;
  }
  .sell-consultation__description p:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 2) * 0.5em);
  }
}
@media (min-width: 1024px) and (-ms-high-contrast: none) {
  .sell-consultation__description p:before {
    margin-top: 0;
  }
}
.sell-consultation__description p:last-child {
  margin-bottom: 0;
}
.sell-consultation__buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 480px) {
  .sell-consultation__buttons {
    flex-direction: row;
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .sell-consultation__buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: auto;
  }
}
.sell-consultation .btn {
  margin-left: 0;
}
.sell-consultation__image {
  flex: 1;
  border-radius: 12px;
  overflow: hidden;
  order: 1;
  max-width: 480px;
  margin-inline: auto;
  height: fit-content;
}
@media (min-width: 768px) {
  .sell-consultation__image {
    order: 2;
    flex: 0 1 auto;
    max-width: 806px;
    margin-inline: 0;
    border-radius: 24px 0 0 0;
  }
}
.sell-consultation__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
}
@media (min-width: 768px) {
  .sell-consultation__image img {
    max-height: 501px;
    aspect-ratio: 774/501;
  }
}

/* Tablet and Desktop Styles */
@media screen and (min-width: 768px) {
  .sell-hero__cta {
    right: 0;
  }
  .sell-hero__cta-btn {
    width: 70px;
    height: 140px;
  }
  .sell-hero__cta-lbl {
    font-size: 1.6rem;
  }
  .sell-problems__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .sell-problems .ttl__ja {
    font-size: 32px;
    grid-area: ttl;
  }
  .sell-problems__innr {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "ttl list" "slider list";
    align-items: start;
    column-gap: clamp(80px, 9.74vw, 133px);
  }
  .sell-problems__list {
    grid-template-columns: 497px;
    max-width: 497px;
    grid-area: list;
    margin-top: 4px;
  }
  .sell-problems__slider-wrap {
    grid-area: slider;
    width: calc(50vw - 119px);
    width: 100vw;
    position: absolute;
    right: 0;
    margin-left: calc(clamp(67px, 4.91vw, 120px) * -1);
    z-index: 10;
  }
}
@media screen and (min-width: 768px) {
  .sell-promises__promise-list {
    grid-template-columns: 1fr 1fr;
  }
  .sell-cta[data-bg=green-wave] {
    border-radius: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  .sell-cta__innr {
    position: relative;
    max-width: 1022px;
    left: calc(clamp(67px, 4.91vw, 120px) * -0.5);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1199px) {
  .sell-cta__innr {
    padding-right: clamp(67px, 4.91vw, 120px);
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .sell-cta__innr {
    width: 90%;
    max-width: 1077px;
    grid-template-columns: 1fr 1fr;
    height: 172px;
  }
}
@media screen and (min-width: 768px) {
  .sell-comparison__tabs {
    max-width: 600px;
    margin-inline: auto;
    margin-bottom: 40px;
  }
  .sell-process__tabs {
    max-width: 600px;
    margin-inline: auto;
    margin-bottom: 48px;
  }
  .sell-consultation__cta {
    grid-template-columns: 1fr 1fr;
    max-width: 700px;
    margin-inline: auto;
  }
  .sell-footer-problems__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .sell-promises__promise-list {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .sell-promises .sub-ttl {
    margin-bottom: 64px;
  }
  .promise__tree {
    margin-bottom: 82px;
  }
  .promise-item {
    display: grid;
    grid-template-columns: auto 497px;
    gap: 40px;
    padding-bottom: 26px;
  }
  .promise-item__header {
    grid-template-columns: 64px auto;
    gap: 42px;
  }
  .promise-item__title {
    font-size: 2.8rem;
  }
  .promise-item__desc {
    font-size: 1.5rem;
    line-height: 1.7333333;
    letter-spacing: 0.01em;
  }
}
/*/////////////*/
/*--- buy ---*/
/*/////////////*/
.psb-sec {
  padding-block: 64px;
}

.buy-cond {
  background-color: var(--c-newnew-lite-green);
}

.buy-cond-list__term {
  width: fit-content;
  padding: 8px 12px;
  margin-bottom: 16px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  background-color: var(--c-gold);
  border-radius: 4px;
}
.buy-cond-list-group:not(:nth-last-of-type(1)) {
  margin-bottom: 32px;
}
.buy-cond-list-group__item {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 8px;
}
.buy-cond-list-group__item:not(:nth-last-of-type(1)) {
  margin-bottom: 12px;
}
.buy-cond-action {
  margin-top: 40px;
  text-align: center;
}

.buy-reco {
  background-color: #fff;
}

.buy-flow {
  background-color: var(--c-newnew-lite-green);
}
.buy-flow-fig {
  margin: 0 0 32px -24px;
}
.buy-flow-fig__img {
  width: 100%;
  height: auto;
  border-radius: 0 16px 16px 0;
}
.buy-flow__ttl {
  line-height: 1.4;
}

.buy-reco-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.buy-reco-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  text-decoration: none;
  overflow: hidden;
  align-items: center;
}
.buy-reco-card__img-wrap {
  position: relative;
  aspect-ratio: 164/117;
  border-radius: 12px;
  overflow: hidden;
}
.buy-reco-card__img-wrap:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: 12px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
}
.buy-reco-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: scale 0.3s cubic-bezier(0, 0, 0, 1);
}
.buy-reco-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.buy-reco-card__title {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c-green);
  margin: 0;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.buy-reco-card__tag {
  min-width: 69px;
  padding: 2px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 21px;
  font-weight: 750;
  border-radius: 14px;
  align-self: flex-start;
  background: #f2f4ec;
  border: 1px solid #77837f;
  color: #77837f;
}
.buy-reco-card__info {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 500;
  color: #77837f;
}
@media (any-hover: hover) {
  .buy-reco-card:hover .buy-reco-card__img {
    scale: 1.1;
  }
}

@media screen and (min-width: 768px) {
  .psb-sec {
    padding-block: 72px;
  }
  .buy-cond-list {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 32px;
  }
  .buy-cond-list__term {
    width: auto;
    padding: 14px 16px;
    margin-bottom: 0;
    text-align: center;
  }
  .buy-cond-list-group:not(:nth-last-of-type(1)) {
    margin-bottom: 0;
  }
  .buy-cond-list-group__item {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
  .buy-cond-list-group__item:not(:nth-last-of-type(1)) {
    margin-bottom: 16px;
  }
  .buy-flow__innr {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-template-areas: "ttl ttl" "fig step";
    gap: 0 32px;
  }
  .buy-flow__ttl {
    margin-bottom: 0;
    grid-area: ttl;
  }
  .buy-flow-fig {
    margin: 0;
    grid-area: fig;
  }
  .buy-flow-fig__img {
    border-radius: 16px;
  }
  .buy-flow .flows__steps {
    grid-area: step;
  }
  .buy-reco-list {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 28px;
  }
  .buy-reco-card {
    grid-template-columns: 1fr;
  }
  .buy-reco-card__body {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "title title" "category info";
    align-items: center;
  }
  .buy-reco-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    grid-area: title;
  }
  .buy-reco-card__tag {
    min-width: 72px;
    padding: 3px 5px;
    grid-area: category;
  }
  .buy-reco-card__info {
    grid-area: info;
  }
}
@media screen and (min-width: 1024px) {
  .psb-sec {
    padding-block: min(7.8125%, 100px);
  }
  .buy-cond-list {
    gap: 32px 40px;
  }
  .buy-cond-list__term {
    padding: 13px 16px;
    font-size: 1.8rem;
  }
  .buy-cond-list-group__item {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  .buy-cond-action {
    margin-top: 48px;
  }
  .buy-flow__innr {
    grid-template-columns: 30% 1fr;
    grid-template-areas: "ttl step" "fig step";
    gap: 0 56px;
    grid-template-rows: auto 1fr;
  }
  .buy-flow__ttl {
    line-height: 1.5;
  }
  .buy-reco-list {
    gap: 28px;
  }
}
/*///////////////////////////*/
/*--- purchase-simulation ---*/
/*///////////////////////////*/
.simu {
  width: calc(100% - 48px);
  max-width: 1232px;
  padding-top: 60px;
  margin-inline: auto;
}
.simu__innr {
  display: flex;
  flex-direction: column;
  gap: 40px 32px;
}
.simu__lead {
  padding-left: 16px;
  margin-top: 24px;
  font-weight: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  border-left: 2px solid var(--c-light-green);
}
.simu__body {
  padding: 24px 16px;
  background-color: #fff;
  border-radius: 12px;
}
.simu__body .simulator {
  max-width: 480px;
  margin-inline: auto;
}

.simu-table {
  display: grid;
  grid-template-columns: 1fr auto auto;
  border-top: 1px solid var(--c-light-gray);
}
.simu-table__body {
  display: contents;
}
.simu-table__row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 3;
  row-gap: 8px;
  padding-block: 12px 14px;
  border-bottom: 1px solid var(--c-light-gray);
}
.simu-table-term {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 3;
}
.simu-table-term__innr {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 3;
  align-items: center;
  column-gap: 8px;
  line-height: 1.4;
}
.simu-table-term__lbl {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
}
.simu-table-term__req {
  padding: 2px 4px 3px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  background-color: var(--c-red);
  border-radius: 4px;
}
.simu-table__tip-btn {
  display: block;
  width: 19px;
  aspect-ratio: 1;
  border: 1px solid var(--c-red);
  border-radius: 50%;
}
.simu-table__data {
  display: block;
  grid-column: span 3;
}

.simu-input__wrap {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.simu-input__entry {
  flex: 1 1 auto;
  width: 100%;
  height: 42px;
  padding-inline: 12px;
  font-size: 1.6rem;
  text-align: right;
  background-color: var(--c-light-beige);
  border: 1px solid #ccc;
  border-radius: 8px;
}
.simu-input__entry--sml {
  flex: 0 0 auto;
  width: 6em;
}
.simu-input__okuri {
  flex: 0 0 auto;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  opacity: 0.6;
}
.simu-input-radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
}
.simu-input-radio__item {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.simu-table__radio-label {
  display: flex;
  align-items: center;
  column-gap: 4px;
  min-height: 32px;
}
.simu-table__radio-lbl {
  flex: 0 1 auto;
  font-size: 1.6rem;
  line-height: 1;
  translate: 0 -1px;
}

.simu-act {
  margin-top: 32px;
  text-align: right;
}

.simu-form-confirm {
  display: none;
  padding: 12px 16px;
  margin-block: 64px 32px;
  background-color: var(--c-light-beige);
  border-radius: 8px;
}

.simu-result__item {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.simu-result__item:not(:nth-last-of-type(1)) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--c-light-gray);
}
.simu-result__term {
  flex: 0 1 auto;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.simu-result-data {
  flex: 1 1 auto;
  display: flex;
  align-items: baseline;
  column-gap: 4px;
}
.simu-result-data__input {
  appearance: none;
  flex: 0 1 auto;
  width: 100%;
  color: var(--c-bk-green);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  text-align: right;
  background-color: transparent;
  border: none;
}
.simu-result-data__okuri {
  flex: 0 0 auto;
  font-weight: 1.4rem;
  font-weight: 500;
  line-height: 1;
  opacity: 0.6;
}

@media screen and (min-width: 768px) {
  .simu {
    width: 90.1903367496%;
    padding-top: 72px;
  }
  .simu__innr {
    flex-direction: row;
  }
  .simu__header {
    flex: 0 0 auto;
    width: 48%;
    max-width: 420px;
  }
  .simu__header .cover-headlines {
    white-space: nowrap;
  }
  .simu__lead {
    padding-left: 24px;
    margin-top: 32px;
  }
  .simu__body {
    padding: 24px;
    border-radius: 16px;
    flex: 1 1 auto;
    margin-top: 112px;
  }
  .simu__body .simulator {
    max-width: unset;
  }
  .simu-form-confirm {
    padding: 16px 20px;
    border-radius: 12px;
  }
  .simu-result-data__input {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .simu {
    padding-top: 80px;
  }
  .simu__innr {
    gap: 40px 50px;
  }
  .simu__lead {
    padding-left: 32px;
    margin-top: 50px;
  }
  .simu__body {
    padding: 56px 4.545454%;
    margin-top: 8px;
    container-type: inline-size;
  }
  @container (width > 400px) {
    .simu-table {
      grid-template-columns: auto auto auto 1fr;
    }
    .simu-table__row {
      grid-column: span 4;
      align-items: center;
    }
    .simu-table-term {
      margin-right: 8px;
    }
    .simu-table-term__lbl {
      padding-right: 6.1224489795cqw;
    }
    .simu-table__data {
      grid-column: span 1;
    }
    .simu-input__wrap {
      column-gap: 10px;
      min-width: 182px;
    }
    .simu-input__entry {
      max-width: 182px;
    }
    .simu-input__entry--sml {
      width: 100%;
      flex: 1 1 auto;
      max-width: 70px;
    }
  }
  .simu-form-confirm {
    padding: 24px 32px;
  }
  .simu-result-data__input {
    font-size: 2.2rem;
  }
}
/*////////////*/
/*--- rent ---*/
/*////////////*/
.rent-intro-fig__img, .column-intro-fig__img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 0 0 1px var(--c-light-gray);
}

.rent-sec {
  padding-block: 64px;
  background-color: var(--c-newnew-lite-green);
}
.rent-sec:nth-child(even) {
  background-color: #fff;
}
.rent-sec__ttl {
  margin-bottom: 32px;
  color: var(--c-new-black);
  font-size: 2.8rem;
  font-weight: 500;
}

.rent-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
  gap: 22px min(3.508771929%, 20px);
}
.rent-list__item {
  display: flex;
}

.rent-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10px 10px 12px;
  background-color: #fff;
  border-radius: 12px;
}
.rent-card-fig {
  position: relative;
  margin-bottom: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.rent-card-fig:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: 4px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
}
.rent-card-fig__img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: contain;
  background-color: #fff;
}
.rent-card__room {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 4px 8px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  background-color: var(--c-gold);
  border-bottom-right-radius: 4px;
}
.rent-card__room.is-full {
  color: #fff;
  background-color: var(--c-green);
}
.rent-card-ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 4px;
  margin-bottom: 8px;
}
.rent-card-ttl:after {
  content: "";
  flex: 0 0 auto;
  width: 20px;
  aspect-ratio: 1;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: translate 0.3s cubic-bezier(0, 0, 0, 1);
}
.rent-card-ttl__lbl {
  flex: 0 1 auto;
  color: var(--c-green);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
}
.rent-card__place {
  width: fit-content;
  padding: 2px 4px;
  margin-bottom: 8px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
  background-color: var(--c-light-beige);
  border-radius: 2px;
}
.rent-card__comment {
  color: var(--c-gray);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}
.rent-sec:nth-child(even) .rent-card {
  background-color: var(--c-newnew-lite-green);
}
.rent-sec:nth-child(even) .rent-card__place {
  background-color: #fff;
}
@media (any-hover: hover) {
  .rent-card:hover .rent-card-ttl:after {
    translate: 8px;
  }
}

@media screen and (min-width: 768px) {
  .rent-intro__txt, .column-intro__txt {
    width: 50%;
  }
  .rent-sec {
    padding-block: 72px;
  }
  .rent-sec__ttl {
    font-size: 3rem;
  }
  .rent-list {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 24px 20px;
  }
  .rent-card {
    padding: 12px 12px 16px;
    border-radius: 14px;
  }
  .rent-card-fig {
    border-radius: 6px;
  }
  .rent-card-fig:after {
    border-radius: 6px;
  }
  .rent-card__room {
    font-size: 1.3rem;
  }
  .rent-card-ttl:after {
    width: 24px;
  }
  .rent-card-ttl__lbl {
    font-size: 2rem;
  }
  .rent-card__place {
    padding: 3px 6px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .rent-intro-fig__img, .column-intro-fig__img {
    border-radius: 24px;
  }
  .rent-sec {
    padding-block: 80px 96px;
  }
  .rent-sec__ttl {
    font-size: 3.2rem;
  }
  .rent-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .rent-card {
    border-radius: 16px;
  }
  .rent-card-fig {
    margin-bottom: 12px;
    border-radius: 8px;
  }
  .rent-card-fig:after {
    border-radius: 8px;
  }
  .rent-card__room {
    font-size: 1.4rem;
  }
  .rent-card-ttl:after {
    width: 28px;
  }
  .rent-card-ttl__lbl {
    font-size: 2.2rem;
  }
  .rent-card__place {
    padding: 4px 8px;
    font-size: 1.4rem;
  }
}
/*///////////////*/
/*--- company ---*/
/*///////////////*/
.full-mv {
  width: 100%;
}
.full-mv__img {
  width: 100%;
  height: 100%;
  max-height: 400px;
  object-fit: cover;
}

.bgi-intro {
  position: relative;
  z-index: 1;
  padding-block: 60px;
  margin-top: -24px;
}
.bgi-intro:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #fff;
  border-radius: 24px 24px 0 0;
}
.bgi-intro__txt {
  margin-bottom: 32px;
}
.bgi-intro-ttl {
  display: grid;
  row-gap: 16px;
  margin-bottom: 40px;
  font-weight: 500;
}
.bgi-intro-ttl__en {
  font-family: var(--font-en);
  color: var(--c-gold);
  font-size: 1.6rem;
  line-height: 1.2;
}
.bgi-intro-ttl__ja {
  font-size: 3.2rem;
  line-height: 1.5238095238;
}
.bgi-intro-ttl__ja:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5238095238) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .bgi-intro-ttl__ja:before {
    margin-top: 0;
  }
}
.bgi-intro__lead {
  line-height: 2;
}
.bgi-intro__lead:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .bgi-intro__lead:before {
    margin-top: 0;
  }
}
.bgi-intro__lead p + p {
  margin-top: 1em;
}
.company-intro-fig {
  margin-right: -24px;
}
.company-intro-fig__img {
  width: 108.1967213%;
  max-width: unset;
  aspect-ratio: 396/380;
}

.company-about {
  padding-block: 60px 104px;
  background-color: var(--c-newnew-lite-green);
}
.company-about__innr {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 56px 32px;
}
.company-about-sec__ttl {
  margin-bottom: 20px;
  color: var(--c-new-black);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.2;
}

.ca-table {
  display: grid;
  grid-template-columns: min(34.50292397%, 170px) 1fr;
  column-gap: 12px;
}
.ca-table__tbody {
  display: contents;
}
.ca-table__row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  line-height: 1.4667;
}
.ca-table-term {
  display: flex;
  padding-inline: 12px;
  text-align: left;
  background-color: #fff;
}
.ca-table-term__lbl {
  flex: 1 1 auto;
  display: flex;
  padding-block: 12px;
  color: var(--c-green);
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 1px solid var(--c-light-gray);
}
.ca-table__row:nth-of-type(1) .ca-table-term {
  border-radius: 10px 10px 0 0;
}
.ca-table__row:nth-last-of-type(1) .ca-table-term {
  border-radius: 0 0 10px 10px;
}
.ca-table__row:nth-last-of-type(1) .ca-table-term__lbl {
  border-bottom: none;
}
.ca-table__data {
  padding-block: 13px;
  border-bottom: 1px solid var(--c-light-gray);
}
.ca-table__row:nth-of-type(1) .ca-table__data {
  border-top: 1px solid var(--c-light-gray);
}

.company-branches {
  padding-bottom: 104px;
}

.company-bnrs {
  position: relative;
  z-index: 1;
  padding-block: 60px 80px;
  margin-top: -24px;
}
.company-bnrs-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.company-bnrs-bg__img {
  width: 100%;
  height: 100%;
  object-position: left top;
  object-fit: cover;
  border-radius: 24px 24px 0 0;
}
.company-bnrs-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}

.company-bnr {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 12px;
  background-color: var(--c-light-beige);
  border-radius: 12px;
  overflow: hidden;
}
.company-bnr:after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: block;
  width: 35px;
  aspect-ratio: 1;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: translate 0.3s cubic-bezier(0, 0, 0, 1);
}
@media (any-hover: hover) {
  .company-bnr:hover:after {
    translate: 8px;
  }
}
.company-bnr-fig {
  flex: 0 0 auto;
  width: 40.935672514%;
}
.company-bnr-fig__img {
  width: 100%;
  aspect-ratio: 1;
  max-height: 197px;
  object-fit: cover;
}
.company-bnr__body {
  display: grid;
  row-gap: 8px;
  padding-block: 12px;
}
.company-bnr__lead {
  padding-right: 12px;
  color: var(--c-green);
  line-height: 1.4667;
}
.company-bnr__ttl {
  padding-right: 50px;
  color: var(--c-new-black);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .full-mv__img {
    max-height: 496px;
  }
  .bgi-intro {
    padding-block: 80px 60px;
    container-type: inline-size;
  }
  .bgi-intro__innr {
    display: flex;
    column-gap: 32px;
  }
  .bgi-intro__txt {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
  .bgi-intro-ttl__ja {
    font-size: 3.6rem;
  }
  .bgi-intro-fig {
    flex: 1 1 auto;
  }
  .company-intro__txt {
    width: max(41.66667%, 320px);
  }
  .company-intro-fig {
    margin-right: calc((100cqw - 100%) / -2);
  }
  .company-about {
    padding-block: 80px 110px;
  }
  .company-about__innr {
    grid-template-columns: repeat(2, 1fr);
  }
  .company-about-sec__ttl {
    font-size: 2.4rem;
  }
  .company-branches {
    padding-bottom: 120px;
  }
  .company-bnrs {
    padding-block: 70px 80px;
  }
  .company-bnr {
    column-gap: 18px;
  }
  .company-bnr-fig {
    max-width: 248px;
  }
}
@media screen and (min-width: 1024px) {
  .bgi-intro {
    padding-block: 130px 72px;
    margin-top: -36px;
  }
  .bgi-intro:before {
    border-radius: 36px 36px 0 0;
  }
  .bgi-intro-bg__img {
    border-radius: 36px 36px 0 0;
  }
  .bgi-intro__innr {
    column-gap: max(7.46527778%, 32px);
  }
  .bgi-intro-ttl {
    row-gap: 30px;
    margin-bottom: 72px;
  }
  .bgi-intro-ttl__ja {
    font-size: clamp(3.6rem, 3.074670571vw, 4.2rem);
  }
  .company-intro__txt {
    width: 34.7222222%;
  }
  .company-intro__lead {
    padding-right: 12%;
  }
  .company-intro-fig {
    margin-bottom: calc(max(-9.4918055556%, -109px) - 72px);
  }
  .company-intro-fig__img {
    width: auto;
    height: 100%;
    aspect-ratio: 820/783;
    object-position: left top;
    object-fit: cover;
  }
  .company-about {
    padding-block: min(15.373352855%, 210px) 152px;
  }
  .company-about-sec__ttl {
    margin-bottom: 24px;
    font-size: 2.8rem;
  }
  .ca-table {
    column-gap: 14px;
  }
  .ca-table-term {
    padding-inline: 14px;
  }
  .ca-table-term__lbl {
    font-size: 1.8rem;
  }
  .company-branches {
    padding-bottom: 152px;
  }
  .company-bnrs {
    padding-block: 80px;
    margin-top: -32px;
  }
  .company-bnrs-bg__img {
    border-radius: 32px 32px 0 0;
  }
  .company-bnrs-list {
    gap: 28px;
  }
  .company-bnr {
    column-gap: 24px;
  }
  .company-bnr:after {
    right: 24px;
    bottom: 20px;
    width: 46px;
  }
  .company-bnr__lead {
    padding-right: 24px;
    font-size: clamp(1.5rem, 1.5625vw, 2rem);
  }
  .company-bnr__ttl {
    font-size: clamp(1.8rem, 2.5vw, 3.2rem);
  }
}
/*////////////////////////*/
/*--- Branches, Staffs ---*/
/*////////////////////////*/
.branches-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 16px;
}
.branches-list__item {
  display: flex;
}

.branch-card {
  display: grid;
  grid-template-columns: min(50%, 200px) 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "fig ttl" "desc desc";
  gap: 12px;
  width: 100%;
  padding: 16px;
  background-color: #fff;
  border-radius: 12px;
}
.branch-card-fig {
  grid-area: fig;
}
.branch-card-fig__img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 8px;
}
.branch-card__ttl {
  grid-area: ttl;
  align-self: end;
  padding-bottom: 16px;
  color: var(--c-green);
  font-size: 2.2rem;
  font-weight: 500;
}
.branch-card-txt {
  grid-area: desc;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.branch-card-txt:after {
  content: "";
  flex: 0 0 auto;
  width: 38px;
  aspect-ratio: 1;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: translate 0.3s cubic-bezier(0, 0, 0, 1);
}
.branch-card-txt__desc {
  flex: 1 1 auto;
  line-height: 1.5;
}
.branch-card-txt__desc:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .branch-card-txt__desc:before {
    margin-top: 0;
  }
}
@media (any-hover: hover) {
  .branch-card:hover .branch-card-txt:after {
    translate: 8px;
  }
}

/**
 * MARK: detail
 */
.office-about__innr {
  display: grid;
}
.office-about-fig {
  --padd: 16px;
  margin-bottom: 24px;
  padding: 0 0 var(--padd) var(--padd);
}
.office-about-fig__img {
  width: 100%;
  height: auto;
  border-radius: var(--padd);
  box-shadow: calc(var(--padd) * -1) var(--padd) 0 #DADECC;
}
.office-about__ttl {
  margin-bottom: 16px;
  color: var(--c-green);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
}
.office-about__desc {
  line-height: 1.7;
}
.office-about-area {
  display: flex;
  flex-direction: column;
  gap: 8px 12px;
  padding: 12px 16px 16px;
  margin-top: 24px;
  line-height: 1.5;
  background-color: #fff;
  border-radius: 12px;
}
.office-about-area__term {
  color: var(--c-gold);
  font-size: 1.6rem;
  font-weight: 500;
}
.office-about-area__areas {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}
.office-about-area__data {
  flex: 0 1 auto;
}

.office-staffs-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.office-staffs-list__item {
  display: flex;
}

.staff-card {
  display: grid;
  grid-template-columns: 56% 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "fig name" "comment comment";
  gap: 12px;
  padding: 12px;
  background-color: var(--c-newnew-lite-green);
  border-radius: 12px;
}
.staff-card-fig {
  grid-area: fig;
}
.staff-card-fig__img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 8px;
}
.staff-card-name {
  grid-area: name;
  align-self: end;
  display: flex;
  flex-direction: column;
  gap: 4px 8px;
  padding-bottom: 12px;
  color: var(--c-green);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}
.staff-card-name__farm {
  flex: 0 1 auto;
}
.staff-card-name__yomi {
  flex: 0 1 auto;
  font-family: YakuHanJPs, "Noto Sans JP", sans-serif;
  font-size: 0.7em;
}
.staff-card__comment {
  grid-area: comment;
  line-height: 1.7;
}
.staff-card__comment:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .staff-card__comment:before {
    margin-top: 0;
  }
}

.office-detail__innr {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
.office-detail-fig {
  flex: 1 1 300px;
}
.office-detail-fig__img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
}
.office-detail__body {
  flex: 1 1 240px;
  padding-top: 24px;
}
.office-detail-shop {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  margin-bottom: 20px;
  color: var(--c-green);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
}
.office-detail-shop__kabu {
  flex: 0 1 auto;
  font-size: 0.7273em;
}
.office-detail-shop__name {
  flex: 0 1 auto;
}
.office-detail-inquiry {
  margin-top: 32px;
  text-align: right;
}
.office-detail__map {
  width: 100%;
  height: 50svh;
  margin-top: 56px;
  border-radius: 24px;
}

@media screen and (min-width: 768px) {
  .branches-list {
    gap: 20px;
  }
  .branch-card {
    gap: 16px;
    padding: 20px;
    border-radius: 16px;
  }
  .branch-card__ttl {
    font-size: 2.4rem;
  }
  .branch-card-txt {
    column-gap: 12px;
  }
}
@media screen and (min-width: 768px) {
  /**
   * MARK: detail
   */
  .office-about__innr {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 24px;
    grid-template-areas: "body fig" "body area";
  }
  .office-about-fig {
    --padd: 24px;
    margin-bottom: 0;
    grid-area: fig;
    margin-top: -172px;
  }
  .office-about-fig__img {
    width: calc(100% + 16px);
    max-inline-size: unset;
    margin-right: -16px;
  }
  .office-about__body {
    grid-area: body;
  }
  .office-about__ttl {
    margin-bottom: 24px;
    font-size: 2.4rem;
  }
  .office-about-area {
    margin-top: 0;
    grid-area: area;
    align-self: start;
  }
  .office-staffs-list {
    gap: 20px;
  }
  .staff-card {
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
  }
  .staff-card-name {
    font-size: 2.2rem;
  }
  .office-detail__innr {
    flex-wrap: nowrap;
    gap: 0 32px;
  }
  .office-detail-fig {
    flex: 0 0 auto;
    width: 50%;
    max-width: 560px;
  }
  .office-detail-fig__img {
    border-radius: 16px;
  }
  .office-detail__body {
    padding-top: 32px;
  }
  .office-detail-shop {
    gap: 0 12px;
    margin-bottom: 24px;
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .branches-list {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
  }
  .branch-card-txt:after {
    width: 44px;
  }
}
@media screen and (min-width: 1024px) {
  /**
  	 * MARK: detail
  	 */
  .office-about__innr {
    gap: 24px 40px;
  }
  .office-about-fig {
    --padd: 33px;
    margin-top: -180px;
  }
  .office-about-fig__img {
    width: calc(100% + 32px);
    margin-right: -32px;
  }
  .office-about__ttl {
    margin-bottom: 32px;
    font-size: clamp(2.8rem, 2.734375vw, 3.2rem);
  }
  .office-about__desc {
    line-height: 1.8;
    font-size: 1.8rem;
  }
  .office-about-area {
    flex-direction: row;
    gap: 0 16px;
    padding: 16px 20px;
    border-radius: 16px;
    align-items: center;
  }
  .office-about-area__term {
    flex: 0 0 auto;
  }
  .office-about-area__areas {
    flex: 0 1 auto;
    padding-left: 16px;
    border-left: 1px solid var(--c-light-gray);
  }
  .office-about-area__data {
    font-size: 1.6rem;
  }
  .office-staffs-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  .office-detail__innr {
    gap: 0 40px;
  }
  .office-detail-fig__img {
    border-radius: 20px;
  }
  .office-detail__body {
    padding-top: 40px;
  }
  .office-detail-shop {
    font-size: 2.8rem;
  }
  .office-detail__map {
    height: 60svh;
    margin-top: 64px;
  }
}
/*--- asmt-kyoubai -*/
.asmt-hero {
  margin-block: 60px;
  container-type: inline-size;
}
.asmt-hero__innr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
.asmt-hero__ttl {
  font-size: clamp(32px, 3.4090909091vw, 42px);
  font-weight: 500;
  line-height: 1.52;
}
.asmt-hero__ttl:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .asmt-hero__ttl:before {
    margin-top: 0;
  }
}
.asmt-hero__ttl {
  color: var(--c-new-black);
}
.asmt-hero__txts {
  border-left: 2px solid var(--c-light-green);
  padding-left: 20px;
}
.asmt-hero__txt {
  font-weight: 500;
}
.asmt-hero__fig {
  width: 100%;
  max-width: 460px;
  justify-self: center;
  padding: 0 0 16px 16px;
}
.asmt-hero__fig img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  box-shadow: -16px 16px 0 0 var(--c-light-gray);
}

.asmt-flow {
  position: relative;
  padding-block: clamp(60px, 6.9805194805vw, 86px) clamp(60px, 9.4155844156vw, 116px);
}
.asmt-flow:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--c-newnew-lite-green);
}
.asmt-flow__innr {
  max-width: 1022px;
  margin: 0 auto;
}
.asmt-flow .sub-ttl {
  position: relative;
}
.asmt-flow .sub-ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: -4px;
  left: -24px;
  width: 4px;
  background-color: var(--c-green);
}
.asmt-flow .asmt-step {
  position: relative;
  margin-bottom: 24px;
  background-color: #fff;
  border-radius: 10px;
  padding: 16px;
}
.asmt-flow .asmt-step:last-child {
  margin-bottom: 0;
}
.asmt-flow .asmt-step:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 30px;
  width: 16px;
  height: 21px;
  background: var(--icon-arrow-step) no-repeat center/contain;
  z-index: 2;
}
.asmt-flow .asmt-step__header {
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  gap: 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--c-light-gray);
}
.asmt-flow .asmt-step__number {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--c-green);
  flex-shrink: 0;
  min-width: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.asmt-flow .asmt-step__number::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: var(--c-light-gray);
  margin-left: 8px;
}
.asmt-flow .asmt-step__title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c-green);
  margin: 0;
  flex: 1;
}
.asmt-flow .asmt-step__content {
  padding: 16px 0 0;
}
.asmt-flow .asmt-step__text {
  font-size: 15px;
  line-height: 1.63;
  color: var(--c-text);
  margin: 0;
}

.asmt-form {
  position: relative;
  padding-block: clamp(60px, 6.9805194805vw, 86px) clamp(60px, 6.295754vw, 84px);
}
.asmt-form:before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.asmt-form__innr {
  max-width: 1022px;
  margin: 0 auto;
}
.asmt-form__header {
  margin-bottom: 46px;
}
.asmt-form__header .sub-ttl {
  margin-bottom: 24px;
  position: relative;
}
.asmt-form__header .sub-ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: -4px;
  left: -24px;
  width: 4px;
  background-color: var(--c-green);
}
.asmt-form__txt {
  font-size: clamp(15px, 1.2987012987vw, 16px);
  line-height: 1.63;
  color: var(--c-black);
}
.asmt-form .sell-prop-select {
  margin-bottom: 40px;
}
.asmt-form .sell-prop-select__ttl {
  margin-bottom: 16px;
  font-size: clamp(22px, 2.2727272727vw, 28px);
  font-weight: 500;
  color: var(--c-green);
  text-align: center;
}
.asmt-form .sell-prop-select__btns {
  display: grid;
  grid-template-columns: repeat(auto-fit, 156px);
  justify-content: center;
  gap: 16px;
  gap: 12px;
}
.asmt-form .sell-prop-select__btn button {
  width: 100%;
  padding: 15px 10px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1;
  color: var(--c-green);
  border: 1px solid var(--c-green);
  background-color: #fff;
  border-radius: 10px;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.asmt-form .sell-prop-select__btn button.active {
  color: #fff;
  background-color: var(--c-green);
}
.asmt-form .ttl--box {
  font-size: clamp(22px, 2.2727272727vw, 28px);
  line-height: 1.5;
  font-weight: 500;
  color: var(--c-green);
  margin-block: 40px 14px;
  position: relative;
}
.asmt-form .txt--lead {
  font-size: 1.5rem;
  line-height: 1.63;
  color: var(--c-text);
  margin-bottom: 24px;
}
.asmt-form__complete {
  margin-bottom: 40px;
}

form.wpcf7-form {
  scroll-margin-top: 160px;
}

.form-entry-wrap.is-hide {
  display: none;
}

.error-message {
  display: none;
  padding: 8px 12px;
  margin-bottom: 32px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  background-color: var(--c-red);
  border-radius: 4px;
}
.has-error .error-message {
  display: block;
}

.form-confirm-wrap {
  display: none;
}
.form-confirm-wrap.is-show {
  display: block;
}

.form-confirm__message {
  padding: 8px 12px;
  margin-bottom: 32px;
  color: var(--c-bk-green);
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.form-confirm__value {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 4px 8px;
  background-color: var(--c-light-beige);
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .asmt-hero {
    margin-inline: auto;
    padding: 80px 24px;
  }
  .asmt-hero__innr {
    width: 100%;
    grid-template-columns: 1fr clamp(200px, 38.5551948052vw, 475px);
    grid-template-rows: auto auto;
    row-gap: 50px;
    column-gap: clamp(40px, 8.5227272727vw, 105px);
    grid-template-areas: "ttl fig" "txt fig";
  }
  .asmt-hero__content {
    min-width: 300px;
  }
  .asmt-hero__ttl {
    grid-area: ttl;
    font-size: clamp(32px, 3.4090909091vw, 42px);
    line-height: 1.3;
  }
  .asmt-hero__ttl:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none) {
  .asmt-hero__ttl:before {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .asmt-hero__txts {
    grid-area: txt;
    max-width: 598px;
    line-height: 1.8;
  }
  .asmt-hero__fig {
    grid-area: fig;
    padding: 0 0 31px 31px;
    align-self: start;
    height: 0;
    display: flex;
    max-width: unset;
  }
  .asmt-hero__fig img {
    aspect-ratio: 445/519;
    box-shadow: -31px 31px 0 0 var(--c-light-gray);
  }
  .asmt-step {
    padding: 14px 20px 19px;
  }
}
@media screen and (min-width: 1024px) {
  .asmt-hero {
    margin: 0;
    padding: 71px 0 57px;
  }
  .asmt-hero__innr {
    position: relative;
    width: 88.6530014641%;
    max-width: 1211px;
  }
  .asmt-flow {
    padding-block: 120px;
  }
  .asmt-flow:before {
    inset: 0 0 0 4.904832%;
  }
  .asmt-flow__innr {
    position: relative;
    width: 74.816984%;
  }
  .asmt-flow .sub-ttl:before {
    left: calc((100% - 90.1903367496cqw) / 2);
    width: 6px;
  }
  .asmt-flow .asmt-step {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 40px;
    padding: 24px;
  }
  .asmt-flow .asmt-step:not(:last-child)::after {
    bottom: -24px;
  }
  .asmt-flow .asmt-step__header {
    padding: 0;
    border-bottom: none;
  }
  .asmt-flow .asmt-step__number {
    font-size: 18px;
    min-width: 72px;
  }
  .asmt-flow .asmt-step__number::after {
    height: 24px;
  }
  .asmt-flow .asmt-step__title {
    font-size: 2.4rem;
  }
  .asmt-flow .asmt-step__content {
    padding: 0;
  }
  .asmt-flow .asmt-step__text {
    font-size: 1.6rem;
  }
  .asmt-form {
    container-type: inline-size;
  }
  .asmt-form__innr {
    width: 74.816984%;
  }
  .asmt-form:before {
    inset: 0 0 0 4.904832%;
  }
  .asmt-form .sub-ttl:before {
    left: calc((100% - 90.1903367496cqw) / 2);
    width: 6px;
  }
  .asmt-form .sell-prop-select {
    margin-bottom: 60px;
  }
  .asmt-form .ttl--box {
    margin-top: 0;
  }
  .asmt-form__confirm {
    margin-top: 100px;
  }
  .asmt-form__complete {
    margin-bottom: 100px;
  }
}
/*/////////////*/
/*--- partner ---*/
/*/////////////*/
.l-content-wrap {
  position: relative;
  padding-block: 64px 80px;
}
.l-content-wrap--lsp-beige:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--c-newnew-lite-green);
  border-top-left-radius: 24px;
}
.l-content-wrap--lsp-beige.is-no-bdrs:before {
  border-radius: 0;
}
.l-content-wrap--lsp-white:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #fff;
}

.l-thin-container {
  width: calc(100% - 48px);
  max-width: 1022px;
  margin-inline: auto;
}

.partners {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
}

.partner-box {
  padding: 20px 16px 16px;
  background-color: #fff;
  background-color: #fff;
  border: 1px solid var(--c-light-gray);
  border-radius: 16px;
}
.partner-box__header {
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-rows: 1fr auto;
  gap: 8px 12px;
  grid-template-areas: "fig company" "fig parson";
  margin-bottom: 20px;
}
.partner-box-fig {
  grid-area: fig;
  margin: 0;
}
.partner-box-fig__img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 4px;
}
.partner-box__company {
  grid-area: company;
  align-self: center;
  padding-top: 8px;
  color: var(--c-green);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}
.partner-box-parson {
  grid-area: parson;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
}
.partner-box-parson__title {
  flex: 0 1 auto;
  color: var(--c-gold);
}
.partner-box-parson__name {
  flex: 0 1 auto;
  font-size: 1.1429em;
}
.partner-box__body {
  line-height: 1.75;
}
.partner-box__body:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .partner-box__body:before {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .partner {
    padding-block: 72px 96px;
  }
  .l-content-wrap {
    padding-block: 72px 96px;
  }
  .l-thin-container {
    width: 90.1903367496%;
  }
  .partners {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 24px;
  }
  .partner-box {
    padding: 24px 20px 20px;
  }
  .partner-box__header {
    gap: 8px 16px;
  }
  .partner-box__company {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .l-content-wrap {
    padding-block: 80px 120px;
  }
  .l-content-wrap--lsp-beige:before {
    inset: 0 0 0 4.9048316252%;
  }
  .l-content-wrap--lsp-white:before {
    inset: 0 0 0 4.9048316252%;
  }
  .l-thin-container {
    width: 82.03125%;
  }
  .partners {
    gap: 40px 32px;
  }
  .partner-box {
    padding: 24px 24px 20px;
  }
  .partner-box__header {
    grid-template-columns: 140px 1fr;
  }
  .partner-box__company {
    font-size: 2.4rem;
  }
  .partner-box__body {
    font-size: 1.6rem;
  }
}
/* ========================================
   Main Content
   ======================================== */
.main-content {
  width: 100%;
}

/* ========================================
   Quick Filter
   ======================================== */
.quick-filter {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 30px 0 20px;
}
.quick-filter__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: calc(100% - 50px);
}
.quick-filter__tag {
  padding: 4px 12px 6px;
  background-color: var(--c-light-beige);
  color: var(--c-green);
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  transition: all 0.3s;
}
.quick-filter__tag.is-active {
  border-color: currentColor;
  font-weight: 600;
  background-color: var(--c-bk-green);
  color: white;
  opacity: 0.3;
}
.quick-filter__tag:hover {
  background-color: var(--c-light-green);
  color: white;
  opacity: 0.3;
}
.quick-filter__result {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 4px;
  font-size: 14px;
  color: var(--c-black);
  white-space: nowrap;
}
.quick-filter__result-label {
  font-size: 24px;
  font-weight: 500;
}
.quick-filter__result-count {
  font-family: var(--font-en);
  font-size: 42px;
  font-weight: 500;
  color: var(--c-bk-green);
  margin-left: 6px;
}
.quick-filter__result-unit {
  font-size: 24px;
  color: var(--c-black);
}

/* ========================================
   View Toggle
   ======================================== */
.view-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  border-bottom: 6px solid var(--c-green);
}
@media (min-width: 768px) {
  .view-toggle {
    margin-bottom: 0px;
  }
}
.view-toggle__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px;
  background: linear-gradient(to bottom, #f2f4ec 0%, #d9dbd1 100%);
  border-radius: 18px 18px 0 0;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  color: var(--c-green);
}
.view-toggle__btn--active {
  background: var(--c-green);
  color: white;
}

.view-toggle:has(.view-toggle__btn--active[data-view=map]) ~ .pagination {
  display: none;
}

/* ========================================
   Properties List
   ======================================== */
.properties-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: #fff;
  padding: 30px 16px;
}
.properties-list--rent-room {
  padding: 0;
  background-color: transparent;
}
@media (min-width: 768px) {
  .properties-list {
    padding: 40px 29px 36px clamp(16px, 3vw, 40px);
    gap: 41px;
  }
  .properties-list--rent-room {
    padding: 0;
    margin-top: 32px;
  }
}
.properties-list__empty {
  font-size: 18px;
  line-height: 26px;
  color: var(--c-green);
  text-align: center;
}
.properties-list__rent-full {
  padding: 8px 16px;
  color: var(--c-green);
  font-weight: 500;
  text-align: center;
  background-color: var(--c-light-beige);
  border-radius: 8px;
}

/* ========================================
   Property Card
   ======================================== */
.property-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--c-light-gray);
}
@media (min-width: 768px) {
  .property-card {
    padding-bottom: 36px;
  }
}
.property-card {
  /* Image Wrapper - Mobile */
}
.property-card__image-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 1fr 1.65fr;
  gap: 16px;
}
@media (min-width: 768px) {
  .property-card__image-wrapper {
    grid-template-columns: 1fr;
  }
}
.property-card__image {
  width: 100%;
  aspect-ratio: 117/88;
  border-radius: 6px;
  object-fit: cover;
  display: block;
}
.property-card {
  /* Content */
}
.property-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.property-card {
  /* Header - Mobile */
}
.property-card__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
.property-card__header--pc {
  display: none;
}
.property-card__type {
  display: inline-block;
  padding: 4px 7px;
  background-color: var(--c-light-beige);
  color: var(--c-green);
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  width: fit-content;
}
@media (min-width: 768px) {
  .property-card__type {
    font-size: 15px;
    padding: 5px 8px 6px;
  }
}
.property-card__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.property-card__specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--c-light-gray);
  margin: 10px 0 12px;
}
.property-card__spec-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.4;
  gap: 10px;
  grid-column: span 2;
  padding: 12px 0;
  border-bottom: 1px solid var(--c-light-gray);
}
.property-card__spec-item--wide {
  grid-column: span 2 !important;
}
.property-card__spec-item--wide::after {
  display: none !important;
}
.property-card__spec-item--price .property-card__spec-value {
  font-size: 18px;
}
@media (min-width: 768px) {
  .property-card__spec-item--price .property-card__spec-value {
    font-size: 20px;
  }
}
.property-card__spec-item--area {
  grid-column: span 1;
  position: relative;
  white-space: wrap;
}
.property-card__spec-item--area:nth-child(even)::after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: var(--c-light-gray);
  position: relative;
  margin-left: auto;
  margin-right: 13px;
}
@media (min-width: 768px) {
  .property-card__spec-item--area:nth-child(even)::after {
    display: none;
  }
}
@media (min-width: 768px) {
  .property-card__spec-item:nth-child(2)::after {
    display: none;
  }
  .property-card__spec-item:not(:last-child):nth-child(odd)::after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    background-color: var(--c-light-gray);
    position: relative;
    margin-left: auto;
    margin-right: 13px;
  }
  .property-card__spec-item:last-child:nth-child(odd) {
    grid-column: span 2;
  }
}
.property-card__spec-item--empty {
  display: none;
}
.property-card__spec-label {
  opacity: 0.6;
  color: var(--c-black) -light;
  line-height: 1.4;
}
.property-card__spec-value {
  color: var(--c-black);
  font-weight: 500;
}
.property-card__spec-unit {
  font-size: 14px;
  color: var(--c-black);
  position: relative;
  left: -4px;
}
.property-card {
  /* Description */
}
.property-card__description {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .property-card__description {
    margin-bottom: 0px;
  }
}
.property-card {
  /* Actions */
}
.property-card__actions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 9px;
  width: 100%;
}
.property-card__actions--rent, .property-card__actions--fav {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .property-card__actions {
    grid-column: span 2;
  }
}
@media (min-width: 1024px) and (max-width: 1128px) {
  .property-card__actions {
    grid-template-columns: 1fr 1fr;
    grid-column: span 2;
  }
  .property-card__actions--fav {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .property-card__actions--rent {
    grid-template-columns: repeat(2, 1fr);
  }
}
.property-card__action-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  background-color: var(--c-light-beige);
  border: 1px solid var(--c-bk-green);
  border-radius: 10px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  color: var(--c-green);
  cursor: pointer;
  text-align: center;
  line-height: 1.3;
  text-decoration: none;
}
.property-card__action-btn--favorite::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(./img/properties-search-result/icon-heart.svg);
  transition: background-image 0.3s ease;
  background-repeat: no-repeat;
  background-size: contain;
}
.property-card__action-btn--favorite--active {
  background: linear-gradient(#f9e3a5 0%, #d5b663 100%);
  border: 1px solid #d1a64d;
  color: #fff;
}
.property-card__action-btn--favorite--active::before {
  background-image: url(./img/properties-search-result/icon-heart-active.svg);
}
@media (min-width: 1024px) {
  .property-card__action-btn {
    padding: 0 24px;
    height: 58px;
    justify-content: center;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
  }
}
@media (min-width: 1268px) {
  .property-card__action-btn {
    padding: 0 10px;
  }
}
.property-card__action-btn--details {
  background-color: var(--c-bk-green);
  color: white;
  justify-content: center;
}
.property-card__action-btn--details .property-card__action-icon {
  transition: transform 0.3s ease;
}
.property-card__action-btn--details:hover .property-card__action-icon {
  transform: translateX(6px);
}
@media (min-width: 1024px) {
  .property-card__action-btn--details {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    column-gap: 20px;
  }
  .property-card__action-btn--details:before {
    content: "";
    grid-area: 1/1/2/2;
  }
  .property-card__action-btn--details .property-card__action-text {
    grid-area: 1/2/2/3;
  }
  .property-card__action-btn--details .property-card__action-btn__details-icon-wrap {
    grid-area: 1/3/2/4;
    justify-self: end;
    padding-left: 10px;
    border-left: 1px solid #fff;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1268px) {
  .property-card__action-btn--details {
    grid-template-columns: auto 1fr auto;
  }
}
@media screen and (min-width: 1024px) {
  .property-card__action-btn--tel {
    display: none;
  }
}
.property-card__action-icon {
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .property-card__action-icon {
    min-width: 24px;
    height: auto;
  }
}
.property-card__action-text {
  font-size: clamp(8px, 2.544529vw, 14px);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .property-card__action-text {
    font-size: 16px;
  }
}

/* ========================================
   Map View
   ======================================== */
.map-view {
  width: 100%;
  margin-bottom: 24px;
  border-radius: 0 0 18px 18px;
  overflow: hidden;
  border: 1px solid var(--c-light-gray);
  border-top: none;
}

/* ========================================
   Pagination
   ======================================== */
.pagination {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  padding-bottom: 60px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .pagination {
    padding-left: clamp(16px, 3vw, 40px);
  }
}
.pagination__info {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .pagination__info {
    font-size: 15px;
  }
}
.pagination__count {
  font-family: var(--font-en);
  font-size: 22px;
  color: var(--c-light-green);
  margin-right: 6px;
}
@media (min-width: 768px) {
  .pagination__count {
    margin-right: 4px;
    font-size: 27px;
  }
}
.pagination__page {
  font-family: var(--font-en);
  font-size: 18px;
}
@media (min-width: 768px) {
  .pagination__page {
    font-size: 20px;
  }
}
.pagination__line {
  font-size: 13px;
  margin: 0 2px;
}
@media (min-width: 768px) {
  .pagination__line {
    font-size: 15px;
  }
}
.pagination__text {
  color: var(--c-black);
  margin-right: 8px;
}
@media (min-width: 768px) {
  .pagination__text {
    margin-right: 5px;
  }
}
.pagination__text:last-child {
  margin-left: 4px;
  margin-right: 0;
}
@media (min-width: 768px) {
  .pagination__text:last-child {
    margin-right: 3px;
  }
}
.pagination__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .pagination__buttons {
    padding-right: 29px;
  }
}
.pagination__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 31px;
  height: 31px;
  background-color: var(--c-light-beige);
  border-radius: 8px;
  font-family: var(--font-en);
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  color: var(--c-light-green);
  cursor: pointer;
  transition: all 0.3s;
}
.pagination__btn--active {
  background-color: var(--c-light-green);
  color: white;
}
.pagination__btn--next, .pagination__btn--prev {
  height: 18px;
  min-width: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(./img/properties-search-result/icon-arrow-green.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
}
.pagination__btn--prev {
  transform: rotate(180deg);
}
.pagination__dots {
  color: var(--c-light-green);
  font-size: 12px;
  letter-spacing: -0.25em;
  padding: 0 4px;
}

/* ========================================
   Mobile Filter Button
   ======================================== */
.mobile-filter-btn-fixed {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: fixed;
  bottom: 65px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 24px;
  background: var(--c-green);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  z-index: 100;
  width: calc(100% - 48px);
  letter-spacing: 0.01em;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 1024px) {
  .mobile-filter-btn-fixed {
    display: none;
  }
}

.container--sb:has(.property-filters.is-open) ~ .mobile-filter-btn-fixed {
  opacity: 0;
  visibility: hidden;
}

/* ========================================
   Filter Section
   ======================================== */
.filter-section {
  margin-bottom: 24px;
}
.filter-section__title {
  font-size: 16px;
  font-weight: bold;
  color: var(--c-black);
  margin-bottom: 12px;
  padding-left: 12px;
  border-left: 4px solid var(--c-green);
}

/* ========================================
   Filter Checkboxes
   ======================================== */
.filter-checkboxes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 8px;
}
.filter-checkboxes--bulk {
  margin-bottom: 8px;
}

.filter-checkbox {
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 8px 12px;
  background-color: white;
  border: 1px solid var(--c-light-gray);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
}
.filter-checkbox:hover {
  background-color: var(--c-light-gray);
  border-color: var(--c-green);
}
.filter-checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  cursor: pointer;
  accent-color: var(--c-green);
}
.filter-checkbox input[type=checkbox]:checked + span {
  color: var(--c-green);
  font-weight: 500;
}
.filter-checkbox span {
  color: var(--c-black);
  font-size: 1.4rem;
  line-height: 1.2;
}

/* ========================================
   Desktop Filter Modals
   ======================================== */
.desktop-filter-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 20px;
  transition: background-color 0.3s ease-in-out;
}
.desktop-filter-modal.is-open {
  display: flex;
  background-color: rgba(0, 0, 0, 0.5);
}
.desktop-filter-modal.is-open .desktop-filter-modal__content {
  opacity: 1;
}
.desktop-filter-modal__content {
  background-color: white;
  border-radius: 12px;
  max-width: 800px;
  width: 100%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.desktop-filter-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid var(--c-light-gray);
}
.desktop-filter-modal__title {
  font-size: 18px;
  font-weight: bold;
  color: var(--c-black);
  padding-left: 12px;
  border-left: 4px solid var(--c-green);
}
.desktop-filter-modal__close {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--c-black);
  border-radius: 50%;
  transition: background-color 0.3s;
}
.desktop-filter-modal__close:hover {
  background-color: var(--c-light-gray);
}
.desktop-filter-modal__body {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.desktop-filter-modal__footer {
  padding: 20px 24px;
  border-top: 1px solid var(--c-light-gray);
  display: flex;
  justify-content: center;
}
.desktop-filter-modal__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  background-color: var(--c-green);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}
.desktop-filter-modal__submit:hover {
  background-color: var(--c-bk-green);
}

/* Sidebar Filters */
.property-filters {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 1024px) {
  .property-filters {
    position: sticky;
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    top: 100px;
    z-index: 0;
    overflow: unset;
    align-self: start;
    height: fit-content;
    background-color: transparent;
  }
}
.property-filters.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.property-filters__backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .property-filters__backdrop {
    display: none;
  }
}
.property-filters__wrap {
  display: flex;
  flex-direction: column;
  background-color: var(--c-newnew-lite-green);
  border-radius: 24px;
  padding: 20px;
  height: fit-content;
  max-height: calc(100svh - 80px);
  margin: auto;
  width: calc(100% - 48px);
}
@media (min-width: 1024px) {
  .property-filters__wrap {
    width: 100%;
    margin: 0;
    max-height: calc(100svh - 100px - 48px);
  }
}
.property-filters__title {
  flex: 0 0 auto;
  font-size: 18px;
  font-weight: 500;
  color: var(--c-black);
}
.property-filters__title::after {
  content: "";
  display: block;
  position: relative;
  width: calc(100% + 40px);
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--c-light-gray);
  margin: 13px 0 15px;
}
.property-filters__body {
  flex: 1 1 auto;
  overflow: auto;
  overscroll-behavior: none;
}
.property-filters__section {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--c-light-gray);
}
.property-filters__section:not(:nth-last-of-type(1)) {
  margin-bottom: 20px;
}
.property-filters__section-title {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  opacity: 0.6;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.property-filters__section-title::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background-color: #444;
  opacity: 0.6;
}
.property-filters__selected {
  font-size: 14px;
  color: var(--c-green);
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 6px;
}
.property-filters__selected::before {
  content: attr(data-placeholder);
}
.property-filters__selected.has-tags::before {
  content: "";
}
.property-filters__change-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 10px 10px 16px;
  background-color: white;
  border: 1px solid var(--c-green);
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--c-green);
  cursor: pointer;
  transition: all 0.3s;
}
.property-filters__change-btn:hover {
  background-color: var(--c-light-gray);
}
.property-filters__act {
  flex: 0 0 auto;
}
.property-filters__search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px;
  background-color: var(--c-bk-green);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-top: 20px;
}
.property-filters__search-btn:hover {
  background-color: var(--c-bk-green);
}
.property-filters__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 7px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 12px;
  border-radius: 10px;
  color: #fff;
  background: #b4bbb5;
}
@media (min-width: 1024px) {
  .property-filters__close-btn {
    display: none;
  }
  .property-filters__close-btn:hover {
    background-color: var(--c-light-gray);
  }
}

.property-filter__tag:not(:last-child) {
  margin-right: 2px;
}
.property-filter__tag:not(:last-child) .property-filter__tag-close::after {
  content: "/";
  display: inline;
}

/* Filter Modal - Desktop adjustments */
.filter-checkboxes {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

/* ========================================
   TABLET - 1024px+
   ======================================== */
@media (min-width: 768px) {
  /* Quick Filter */
  .quick-filter {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 40px;
  }
  .quick-filter__result {
    justify-content: flex-start;
  }
  .quick-filter__result * {
    line-height: 1;
  }
  /* Property Card*/
  .property-card {
    display: grid;
    grid-template-columns: clamp(280px, 25.768668vw, 352px) 1fr;
    grid-template-rows: auto auto;
    column-gap: 28px;
    row-gap: 24px;
  }
  .property-card__image-wrapper {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    grid-column: 1;
    grid-row: 1;
  }
  .property-card__image {
    aspect-ratio: 352/264;
    width: 100%;
    object-fit: cover;
  }
  .property-card__content {
    grid-column: 2;
    grid-row: 1;
  }
  .property-card__header {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }
  .property-card__header--mobile {
    display: none;
  }
  .property-card__header--pc {
    display: flex;
    gap: 14px;
    justify-content: left;
  }
  .property-card__header-wrapper {
    flex-direction: row;
    width: 100%;
  }
  .property-card__title {
    font-size: 18px;
  }
  .property-card__specs {
    grid-template-columns: 1fr 1fr;
    margin: 16px 0;
  }
  .property-card__spec-item {
    grid-column: span 1;
    padding: 16px 0;
  }
  .property-card__spec-item--area {
    grid-column: span 1;
  }
  .property-card--rent-room .property-card__image-wrapper {
    grid-area: 1/1/3/2;
  }
  .property-card--rent-room .property-card__actions {
    grid-area: 2/2/3/3;
  }
  /* Filter Modal - Adjust for tablet */
  .filter-checkboxes {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
}
@media (min-width: 768px) {
  .container--sb {
    padding-top: 60px;
  }
}
/* ========================================
   DESKTOP - 1024px+
   ======================================== */
@media (min-width: 1024px) {
  .container--sb {
    display: grid;
    grid-template-columns: 1fr clamp(240px, 20.497804vw, 280px);
    gap: 28px;
    box-sizing: content-box;
    padding-inline: 24px;
    margin-bottom: 60px;
  }
  .main-content {
    min-width: 0;
  }
  /* Property Card - Desktop */
  .property-card {
    grid-template-columns: clamp(117px, 117px + 235 * (100vw - 768px) / 598, 352px) 1fr;
    grid-template-rows: auto auto;
  }
  .property-card__image-wrapper {
    width: 100%;
    height: 100%;
    grid-column: 1;
    grid-row: 1;
  }
  .property-card__content {
    grid-column: 2;
    grid-row: 1;
  }
  .property-card__title {
    font-size: 22px;
  }
  .property-card__price-value {
    font-size: 28px;
  }
  .property-card__specs {
    grid-template-columns: 1fr 1fr;
  }
  .property-card__spec-item {
    grid-column: span 1;
  }
  .property-card__spec-item--area {
    grid-column: span 1;
  }
  .property-card--rent-room .property-card__image-wrapper {
    grid-area: 1/1/3/2;
  }
  .property-card--rent-room .property-card__actions {
    grid-area: 2/2/3/3;
  }
  /* Pagination */
  .pagination {
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 80px;
  }
  .pagination__info {
    order: 1;
  }
  .pagination__buttons {
    order: 2;
  }
}
@media (min-width: 1024px) and (min-width: 1124px) {
  .pagination__buttons {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* ========================================
   LARGE DESKTOP - 1366px+
   ======================================== */
@media (min-width: 1366px) {
  .container--sb {
    grid-template-columns: 1fr 287px;
  }
  .property-filters {
    width: 287px;
  }
}
/*/////////////*/
/*--- TVCM ---*/
/*/////////////*/
.tvcm-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(162px, 1fr));
  gap: 24px 16px;
}

.tvcm-card {
  width: 100%;
}
.tvcm-card-fig {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
}
.tvcm-card-fig__img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: scale 0.3s cubic-bezier(0, 0, 0, 1);
}
@media (any-hover: hover) {
  .tvcm-card:hover .tvcm-card-fig__img {
    scale: 1.1;
  }
}
.tvcm-card-ttl__lbl {
  display: block;
  color: var(--c-green);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

.yt-modal {
  position: fixed;
  margin: auto;
  width: calc(100% - 32px);
  max-width: 880px;
  background-color: transparent;
  border: none;
  overflow: visible;
}
.yt-modal::backdrop {
  background-color: rgba(0, 0, 0, 0.4);
}
.yt-modal__close {
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 40px;
  aspect-ratio: 1;
}
.yt-modal__close:before, .yt-modal__close:after {
  content: "";
  position: absolute;
  left: 25%;
  display: block;
  width: 50%;
  height: 2px;
  background-color: #fff;
}
.yt-modal__close:before {
  rotate: 45deg;
}
.yt-modal__close:after {
  rotate: -45deg;
}
.yt-modal__content {
  width: 100%;
  aspect-ratio: 16/9;
}
.yt-modal__content iframe {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .tvcm-list {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 32px 24px;
  }
  .tvcm-card-fig {
    margin-bottom: 12px;
  }
  .tvcm-card-ttl__lbl {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .tvcm-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 32px;
  }
  .tvcm-card-fig {
    border-radius: 12px;
  }
  .tvcm-card-ttl__lbl {
    font-size: 1.8rem;
  }
}
/*/////////////*/
/*--- FAQ ---*/
/*/////////////*/
.faq-sc {
  width: calc(100% - 48px);
  margin: 60px auto;
}
.faq-sc-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 8px;
}
.faq-sc-list__item {
  display: flex;
}
.faq-sc-btn {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 8px 12px;
  background-color: var(--c-newnew-lite-green);
  border-radius: 12px;
  box-shadow: 0 0 1px 1px var(--c-light-green);
}
.faq-sc-btn__lbl {
  flex: 0 1 auto;
  margin-block: auto;
  color: var(--c-green);
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}
.faq-sc-btn:after {
  content: "";
  flex: 0 0 auto;
  width: 20px;
  aspect-ratio: 1;
  background: var(--c-bk-green) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC44MjgiIGhlaWdodD0iNi40MTQiIHZpZXdCb3g9IjAgMCAxMC44MjggNi40MTQiPgogIDxwYXRoIGlkPSJJY29uX2ZlYXRoZXItY2hldnJvbi1kb3duIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1jaGV2cm9uLWRvd24iIGQ9Ik05LDEzLjVsNCw0LDQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNTg2IC0xMi4wODYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==") no-repeat center;
  border-radius: 50%;
  transition: translate 0.3s cubic-bezier(0, 0, 0, 1);
}
@media (any-hover: hover) {
  .faq-sc-btn:hover:after {
    translate: 0 4px;
  }
}

.faq-sec:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.faq-sec:nth-of-type(odd):before {
  background-color: var(--c-newnew-lite-green);
}
.faq-sec:nth-of-type(even):before {
  background-color: #fff;
}
.faq-sec:nth-of-type(1):before {
  border-top-left-radius: 24px;
}
.faq-sec__ttl {
  position: relative;
  margin-bottom: 40px;
  color: var(--c-new-black);
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.4375;
}
.faq-sec__ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: -4px;
  left: -24px;
  width: 4px;
  background-color: var(--c-green);
}

.l-mid-container {
  width: calc(100% - 48px);
  margin-inline: auto;
}

.faq-list__item {
  padding: 16px 16px 20px;
  border-radius: 16px;
}
.faq-list__item:not(:nth-last-of-type(1)) {
  margin-bottom: 24px;
}
.faq-sec:nth-of-type(odd) .faq-list__item {
  background-color: #fff;
}
.faq-sec:nth-of-type(even) .faq-list__item {
  background-color: var(--c-newnew-lite-green);
}
.faq-list-ques {
  display: flex;
  column-gap: 4px;
  align-items: baseline;
  padding-bottom: 12px;
  margin-bottom: 12px;
  font-weight: 500;
  line-height: 1.5;
  border-bottom: 1px solid var(--c-light-gray);
}
.faq-list-ques:before {
  content: "Q.";
  flex: 0 0 auto;
  color: var(--c-bk-green);
  font-size: 1.4rem;
}
.faq-list-ques__ttl {
  flex: 0 1 auto;
  font-size: 1.8rem;
}
.faq-list-ans {
  display: flex;
  align-items: baseline;
  column-gap: 4px;
}
.faq-list-ans:before {
  content: "A.";
  flex: 0 0 auto;
  color: var(--c-gold);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}
.faq-list-ans__body {
  flex: 1 1 auto;
}
.faq-list-ans__txt {
  line-height: 1.7;
}
.faq-list-ans-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .faq-sc {
    width: 90.1903367496%;
    margin: 72px auto 60px;
  }
  .faq-sc-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .faq-sc-btn__lbl {
    font-size: 1.6rem;
  }
  .faq-sec {
    container-type: inline-size;
  }
  .faq-sec__ttl {
    margin-bottom: 48px;
    font-size: 3.4rem;
  }
  .faq-sec__ttl:before {
    left: calc((100% - 100cqw) / 2);
  }
  .l-mid-container {
    width: 90.1903367496%;
  }
  .faq-list__item {
    padding: 20px 20px 24px;
  }
  .faq-list-ques {
    column-gap: 8px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .faq-list-ques:before {
    font-size: 1.6rem;
  }
  .faq-list-ques__ttl {
    font-size: 2rem;
  }
  .faq-list-ans {
    column-gap: 8px;
  }
  .faq-list-ans:before {
    font-size: 1.6rem;
  }
  .faq-list-ans__txt {
    font-size: 1.6rem;
  }
  .faq-list-ans-link {
    gap: 8px 12px;
  }
}
@media screen and (min-width: 1024px) {
  .faq-sc {
    width: 82.03125%;
    margin: 80px auto 60px;
    max-width: 1152px;
  }
  .faq-sc-list {
    gap: 16px;
  }
  .faq-sc-btn {
    gap: 8px;
    padding: 12px 16px;
  }
  .faq-sc-btn__lbl {
    font-size: 1.7rem;
  }
  .faq-sc-btn:after {
    width: 24px;
  }
  .faq-sec:before {
    inset: 0 0 0 4.9048316252%;
  }
  .faq-sec__ttl {
    margin-bottom: 56px;
    font-size: 3.6rem;
  }
  .faq-sec__ttl:before {
    left: calc((100% - 90.1903367496cqw) / 2);
    width: 6px;
  }
  .l-mid-container {
    width: 84.3338213763%;
    max-width: 1152px;
  }
  .faq-list__item {
    padding: 20px min(3.51390922cqw, 48px) 28px;
  }
  .faq-list__item:not(:nth-last-of-type(1)) {
    margin-bottom: 32px;
  }
  .faq-list-ques {
    column-gap: 12px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .faq-list-ques:before {
    font-size: 1.8rem;
  }
  .faq-list-ques__ttl {
    font-size: 2.2rem;
  }
  .faq-list-ans {
    column-gap: 12px;
  }
  .faq-list-ans:before {
    font-size: 1.8rem;
  }
  .faq-list-ans__txt {
    line-height: 1.75;
  }
  .faq-list-ans-link {
    gap: 8px 12px;
  }
}
/*//////////////////////*/
/*--- privacy policy ---*/
/*//////////////////////*/
.pp-lead {
  max-width: 600px;
  margin-bottom: 56px;
  padding-left: 12px;
  border-left: 2px solid var(--c-light-green);
}

.pp-list {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 32px 8px;
}
.pp-list__item {
  counter-increment: num;
  display: grid;
  grid-template-columns: subgrid;
  row-gap: 12px;
  grid-column: span 2;
}
.pp-list__term {
  display: grid;
  grid-template-columns: subgrid;
  align-items: baseline;
  grid-column: span 2;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
}
.pp-list__term:before {
  content: counter(num) ".";
  grid-area: 1/1/2/2;
  color: var(--c-bk-green);
  font-size: 0.7273em;
}
.pp-list__data {
  grid-area: 2/2/3/3;
  line-height: 1.75;
}

.pp-sign {
  margin-top: 0.8em;
  font-weight: 500;
}

.pp-inq {
  padding: 16px 20px;
  margin-top: 48px;
  background-color: #fff;
  border-radius: 12px;
}
.pp-inq__ttl {
  position: relative;
  margin-bottom: 12px;
  color: var(--c-green);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
.pp-inq__ttl:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 0 -20px;
  width: 2px;
  background-color: var(--c-green);
}
.pp-inq__ttl br {
  display: none;
}
.pp-inq-det {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 8px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.pp-inq-det__term {
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .pp-lead {
    margin-bottom: 64px;
    padding-left: 16px;
    padding-bottom: 2px;
    font-size: 1.6rem;
  }
  .pp-list {
    gap: 40px 12px;
  }
  .pp-list__term {
    font-size: 2.4rem;
  }
  .pp-list__data {
    font-size: 1.6rem;
  }
  .pp-inq {
    padding: 20px 24px;
    margin-top: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    column-gap: 32px;
  }
  .pp-inq__ttl {
    margin-bottom: 0;
    font-size: 2rem;
    flex: 0 0 auto;
  }
  .pp-inq__ttl:before {
    inset: 0 0 0 -24px;
    width: 3px;
  }
  .pp-inq__ttl br {
    display: inline;
  }
  .pp-inq-det {
    flex: 0 1 auto;
  }
}
@media screen and (min-width: 1024px) {
  .pp-lead {
    margin-bottom: 72px;
    padding-left: 24px;
    border-left-width: 3px;
  }
  .pp-list {
    gap: 48px 12px;
  }
  .pp-list__term {
    font-size: 2.8rem;
  }
  .pp-inq {
    padding: 24px 40px;
    margin-top: 64px;
    column-gap: 40px;
  }
  .pp-inq__ttl:before {
    inset: 0 0 0 -40px;
  }
}
/*////////////////*/
/*--- site map ---*/
/*////////////////*/
.sitemap-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  align-items: start;
  gap: 16px;
}
.sitemap-list__item.is-home {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
.sitemap-list__innr {
  background-color: #fff;
  border-radius: 12px;
}

.sitemap-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 8px;
  padding: 12px 16px;
}
.sitemap-link:after {
  content: "";
  flex: 0 0 auto;
  width: 32px;
  aspect-ratio: 1;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: translate 0.3s cubic-bezier(0, 0, 0, 1);
}
.sitemap-link__lbl {
  flex: 0 1 auto;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (any-hover: hover) {
  .sitemap-link:hover:after {
    translate: 8px;
  }
}

.sitemap-sub-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  width: calc(100% - 32px);
  padding-block: 16px;
  margin-inline: auto;
  border-top: 1px solid var(--c-light-gray);
}
.sitemap-sub-list__item {
  flex: 0 1 auto;
}

.sitemap-sub-link {
  display: flex;
  align-items: center;
  column-gap: 4px;
  padding-block: 4px;
}
.sitemap-sub-link:before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 2px;
  background-color: var(--c-bk-green);
}
.sitemap-sub-link__lbl {
  flex: 0 1 auto;
  font-weight: 500;
  line-height: 1.2;
}
@media (any-hover: hover) {
  .sitemap-sub-link:hover .sitemap-sub-link__lbl {
    text-decoration: underline;
  }
}

@media screen and (min-width: 768px) {
  .sitemap-list {
    gap: 20px 24px;
  }
  .sitemap-link {
    padding: 12px 24px;
  }
  .sitemap-link:after {
    width: 36px;
  }
  .sitemap-sub-list {
    width: calc(100% - 48px);
    padding-block: 16px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .sitemap-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 32px;
  }
  .sitemap-link__lbl {
    font-size: 2rem;
  }
  .sitemap-sub-list {
    gap: 12px 24px;
  }
}
/*/////////////*/
/*--- posts ---*/
/*/////////////*/
.posts-row {
  display: grid;
  gap: 56px 28px;
  width: calc(100% - 48px);
  margin: 0 auto 80px;
}
.posts-row--is-single {
  margin-top: 64px;
}

.post-nav {
  grid-area: 2/1/3/2;
  margin-top: -28px;
}
.post-nav-list {
  display: grid;
  padding: 0 8px;
  border-block: 1px solid var(--c-light-gray);
}
.post-nav-list__item:not(:nth-last-of-type(1)) {
  border-bottom: 1px solid var(--c-light-gray);
}
.post-nav-link {
  display: flex;
  flex-direction: column;
  gap: 8px 12px;
  padding: 20px 8px;
  font-weight: 500;
}
.post-nav-link__lbl {
  color: var(--c-light-green);
  font-size: 1.4rem;
  line-height: 1;
}
.post-nav-link__icon {
  flex: 0 0 auto;
  width: 26px;
  aspect-ratio: 26/20;
}
.post-nav-link__ttl {
  flex: 0 1 auto;
  color: var(--c-green);
  font-size: 1.8rem;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.post-nav-link--back {
  flex-direction: row;
  justify-content: center;
}

.posts-card:not(:nth-last-of-type(1)) {
  margin-bottom: 16px;
}
.posts-card__innr {
  display: grid;
  grid-template-columns: min(47.53623188%, 180px) 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "fig head" "desc desc";
  gap: 12px 16px;
  padding: 12px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--c-light-gray) 30%, transparent);
}
.posts-card-fig {
  grid-area: fig;
  position: relative;
  z-index: 1;
  aspect-ratio: 4/3;
  border-radius: 8px;
  overflow: hidden;
}
.posts-card-fig:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: 8px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
.posts-card-fig__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s cubic-bezier(0, 0, 0, 1);
}
.posts-card-head {
  grid-area: head;
  align-self: center;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-top: 12px;
}
.posts-card-head__attr {
  font-family: var(--font-en);
  color: var(--c-light-green);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
}
.posts-card-head__ttl {
  color: var(--c-green);
  font-size: 2rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.posts-card-desc {
  grid-area: desc;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.posts-card-desc:after {
  content: "";
  flex: 0 0 auto;
  width: 40px;
  aspect-ratio: 1;
  background: var(--icon-arrow-circle) no-repeat center/contain;
  transition: translate 0.3s cubic-bezier(0, 0, 0, 1);
}
.posts-card-desc__txt {
  flex: 1 1 auto;
  line-height: 1.7333;
}
.posts-card-desc__txt:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7333) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .posts-card-desc__txt:before {
    margin-top: 0;
  }
}
.posts-card-desc__txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (any-hover: hover) {
  .posts-card__innr:hover .posts-card-fig__img {
    scale: 1.1;
  }
  .posts-card__innr:hover .posts-card-desc:after {
    translate: 8px;
  }
}

.posts-pager:has(.pagination-list) {
  padding: 20px;
  margin: 48px -24px 0;
  background-color: #fff;
}

.pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.pagination-list__item {
  flex: 0 0 auto;
}
.pagination-list .page-numbers {
  display: grid;
  place-items: center;
  width: 36px;
  aspect-ratio: 1;
  font-family: var(--font-en);
  color: var(--c-light-green);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  background-color: var(--c-light-beige);
  border-radius: 8px;
  transition: color 0.2s, background-color 0.2s;
}
.pagination-list .page-numbers.current {
  color: #fff;
  background-color: var(--c-bk-green);
}
.pagination-list .page-numbers.dots {
  width: auto;
  color: var(--c-bk-green);
  background-color: transparent;
  pointer-events: none;
}
.pagination-list .page-numbers:is(.prev, .next) {
  background-color: transparent;
}
.pagination-list .page-numbers:is(.prev, .next):before {
  content: "";
  width: 24px;
  aspect-ratio: 1;
  background: var(--icon-arrow-right-bk-green) no-repeat center/contain;
  transition: translate 0.3s cubic-bezier(0, 0, 0, 1);
}
.pagination-list .page-numbers.prev:before {
  rotate: y 180deg;
}
@media (any-hover: hover) {
  .pagination-list .page-numbers:not(.prev):not(.next):hover {
    color: #fff;
    background-color: var(--c-bk-green);
  }
  .pagination-list .page-numbers.prev:hover:before {
    translate: -8px;
  }
  .pagination-list .page-numbers.next:hover:before {
    translate: 8px;
  }
}

.posts-sidebar {
  background-color: var(--c-newnew-lite-green);
  border-radius: 12px;
}
.posts-sidebar-sec {
  padding: 24px 20px;
}
.posts-sidebar-sec:not(:nth-last-of-type(1)) {
  border-bottom: 1px solid var(--c-light-gray);
}
.posts-sidebar-sec__ttl {
  position: relative;
  margin-bottom: 12px;
  font-size: 1.8rem;
  font-weight: 500;
}
.posts-sidebar-sec__ttl:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 0 -20px;
  width: 4px;
  background-color: var(--c-green);
}
.posts-sidebar-list__item:not(:nth-last-of-type(1)) {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--c-light-gray);
}
.posts-sidebar-post {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  font-weight: 500;
  line-height: 1.5;
}
.posts-sidebar-post__attr {
  font-family: var(--font-en);
  color: var(--c-light-green);
  font-size: 1.4rem;
}
.posts-sidebar-post__ttl {
  color: var(--c-green);
  font-size: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (any-hover: hover) {
  .posts-sidebar-post:hover .posts-sidebar-post__ttl {
    text-decoration: underline;
  }
}
.posts-sidebar-select {
  position: relative;
}
.posts-sidebar-select:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 10px;
  aspect-ratio: 1;
  border: 2px solid var(--c-bk-green);
  border-top: none;
  border-left: none;
  rotate: 45deg;
  translate: 0 -75%;
  pointer-events: none;
}
.posts-sidebar-select select {
  appearance: none;
  width: 100%;
  height: 44px;
  padding-inline: 12px 44px;
  color: var(--c-green);
  font-size: 1.6rem;
  border-color: var(--c-green);
  border-radius: 8px;
}
.posts-sidebar-tax {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.posts-sidebar-tax__item {
  flex: 0 1 auto;
}
.posts-sidebar-tax-link {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  color: var(--c-bk-green);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
  background-color: #fff;
  border-radius: 16px;
}
.posts-sidebar-tax-link:before {
  content: "#";
  flex: 0 0 auto;
}
.posts-sidebar-tax-link__lbl {
  flex: 0 1 auto;
}
@media (any-hover: hover) {
  .posts-sidebar-tax-link:hover {
    box-shadow: 0 0 0 1px var(--c-bk-green);
  }
}

.post-single {
  padding: 20px 20px 40px;
  background-color: #fff;
}
.post-single-header {
  margin-bottom: 32px;
}
.post-single-header__ttl {
  margin-bottom: 16px;
  color: var(--c-green);
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.381;
}
.post-single-header-attr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  line-height: 1;
}
.post-single-header-attr__date {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  column-gap: 6px;
  font-family: var(--font-en);
  color: var(--c-bk-green);
  font-size: 1.4rem;
  font-weight: 500;
}
.post-single-header-attr__date:before {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  aspect-ratio: 1;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTUuNDMyIiBoZWlnaHQ9IjE1LjQzMiIgdmlld0JveD0iMCAwIDE1LjQzMiAxNS40MzIiPgogIDxwYXRoIGlkPSLjg5HjgrlfNjg1IiBkYXRhLW5hbWU9IuODkeOCuSA2ODUiIGQ9Ik0xNS40MzIsNy43MTZhNy43MTYsNy43MTYsMCwxLDAtNy43MTYsNy43MTYsNy43MTYsNy43MTYsMCwwLDAsNy43MTYtNy43MTYiIGZpbGw9IiNjN2NjYjYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogIDxwYXRoIGlkPSLjg5HjgrlfNjg2IiBkYXRhLW5hbWU9IuODkeOCuSA2ODYiIGQ9Ik0zOS44OTMsMjQuMzNhLjU3Ni41NzYsMCwwLDEtLjQwOS0uMTdMMzcuMTcsMjEuODQ2YS41NzguNTc4LDAsMCwxLS4xNy0uNDA5VjE3LjU3OWEuNTc5LjU3OSwwLDEsMSwxLjE1NywwVjIxLjJMNDAuMywyMy4zNDJhLjU3OS41NzksMCwwLDEtLjQwOS45ODgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOS44NjMgLTEzLjcyMSkiIGZpbGw9IiMyNzhlMmUiLz4KPC9zdmc+) no-repeat center/contain;
}
.post-single-header-attr-tags {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.post-single-header-attr-tags__item {
  flex: 0 1 auto;
  padding: 2px 8px 4px;
  color: var(--c-bk-green);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
  background-color: var(--c-light-beige);
  border-radius: 16px;
}
.post-single-header-attr-tags__item:before {
  content: "#";
}
.post-single-eye {
  margin-bottom: 40px;
}
.post-single-eye__img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: contain;
  background-color: var(--c-light-beige);
  border-radius: 16px;
}
.post-single__body p {
  line-height: 1.8;
}
.post-single__body p + p {
  margin-top: 0.7em;
}
.post-single__body h2 {
  margin-block: 1.5em 0.8em;
  color: var(--c-green);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
}
.post-single__body h3 {
  margin-block: 1.5em 0.8em;
  color: var(--c-green);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
}
.post-single__body p > img[class*=wp-image] {
  max-width: 100%;
  height: auto;
  margin: 1.5em auto;
}
.post-single__body .wp-block-image {
  margin: 1.5em auto;
}
.post-single__body .wp-block-image:has(figure.aligncenter) {
  width: fit-content;
}
.post-single__body .wp-element-caption {
  margin: 8px 0 0;
  text-align: right;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.5;
}
.post-single__body .wp-block-quote {
  padding-left: 1.5em;
  margin-block: 2em;
  color: #444;
  border-left: 2px solid var(--c-light-green);
}
.post-single__body .wp-block-quote cite {
  margin-top: 8px;
  text-align: right;
}
.post-single__body .wp-block-list {
  margin-block: 1.2em;
  opacity: 0.6;
}
.post-single__body .wp-block-list li {
  position: relative;
  padding-left: 1.2em;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
}
.post-single__body .wp-block-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5lh;
  display: block;
  translate: 0 -50%;
}
.post-single__body .wp-block-list li:not(:nth-last-of-type(1)) {
  margin-bottom: 0.6em;
}
.post-single__body ul.wp-block-list li:before {
  width: 0.77778em;
  aspect-ratio: 1;
  background-color: var(--c-green);
  border-radius: 4px;
}
.post-single__body ol.wp-block-list li {
  counter-increment: listNum;
}
.post-single__body ol.wp-block-list li:before {
  content: counter(listNum) ".";
  top: 0.55lh;
  font-family: var(--font-en);
  color: var(--c-green);
}
.post-single__body > *:first-child {
  margin-top: 0;
}
.post-single__body > *:last-child {
  margin-bottom: 0;
}

.posts-date-display {
  padding: 16px;
  margin-bottom: 32px;
  font-weight: 500;
  line-height: 1;
  background-color: var(--c-newnew-lite-green);
  border-radius: 12px;
}
.posts-date-display__date {
  color: var(--c-bk-green);
  font-size: 2rem;
}

@media screen and (min-width: 768px) {
  .posts-row {
    gap: 64px 28px;
    width: 90.190336749%;
    margin: 0 auto 96px;
    max-width: 1232px;
  }
  .posts-row--is-single {
    margin-top: 64px;
  }
  .post-nav {
    margin-top: -16px;
  }
  .post-nav-list {
    padding: 16px 0;
    grid-template-columns: 1fr 29.058441558% 1fr;
  }
  .post-nav-list__item {
    display: flex;
  }
  .post-nav-list__item:not(:nth-last-of-type(1)) {
    border-bottom: none;
    border-right: 1px solid var(--c-light-gray);
  }
  .post-nav-list__item.is-back {
    grid-column: 2/3;
  }
  .post-nav-link {
    padding: 0 16px;
    width: 100%;
  }
  .post-nav-link--back {
    align-items: center;
  }
  .posts-card:not(:nth-last-of-type(1)) {
    margin-bottom: 24px;
  }
  .posts-card__innr {
    grid-template-columns: 33% 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "fig head" "fig desc";
    gap: 12px 20px;
    padding: 20px 24px;
    border-radius: 16px;
  }
  .posts-card-fig {
    border-radius: 12px;
  }
  .posts-card-fig:after {
    border-radius: 12px;
  }
  .posts-card-head__ttl {
    font-size: 2.2rem;
    line-height: 1.45;
  }
  .posts-card-desc:after {
    width: 46px;
  }
  .posts-pager:has(.pagination-list) {
    margin: 48px 0 0;
    border-radius: 12px;
  }
  .posts-sidebar {
    border-radius: 16px;
  }
  .post-single {
    padding: 24px 11.559432933% 64px;
  }
  .post-single-header {
    margin-bottom: 40px;
  }
  .post-single-header__ttl {
    margin-bottom: 20px;
    font-size: 3.2rem;
  }
  .post-single-eye {
    margin-bottom: 48px;
  }
  .post-single-eye__img {
    border-radius: 20px;
  }
  .post-single__body p {
    font-size: 1.6rem;
  }
  .post-single__body h2 {
    font-size: 2.8rem;
  }
  .post-single__body h3 {
    font-size: 2.4rem;
  }
  .post-single__body .wp-block-list li {
    font-size: 1.7rem;
  }
  .post-single__body > *:first-child {
    margin-top: 0;
  }
  .post-single__body > *:last-child {
    margin-bottom: 0;
  }
  .posts-date-display {
    padding: 16px 24px;
    margin-bottom: 40px;
  }
  .posts-date-display__date {
    font-size: 2.2rem;
  }
  .posts-date-display__okuri {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .posts-row {
    grid-template-columns: 1fr 23.2954545455%;
    margin: 0 auto 120px;
  }
  .posts-row--is-single {
    margin-top: 72px;
  }
  .posts-row--is-single .posts__side {
    margin-top: 24px;
  }
  .post-nav {
    grid-area: 2/1/3/3;
  }
  .post-nav-list {
    padding: 20px 0;
  }
  .post-nav-link {
    padding: 0 14.64530892%;
  }
  .post-nav-link__ttl {
    font-size: 2rem;
  }
  .posts-card__innr {
    gap: 12px 28px;
    padding: 24px 32px;
  }
  .posts-card-head__ttl {
    font-size: 2.4rem;
  }
  .posts-card-desc {
    column-gap: 12px;
  }
  .posts-pager:has(.pagination-list) {
    margin: 56px 0 0;
  }
  .post-single {
    padding: 24px 11.559432933% 80px;
  }
  .post-single-header__ttl {
    font-size: 4.2rem;
  }
  .post-single-eye {
    margin-bottom: 56px;
  }
  .post-single-eye__img {
    border-radius: 24px;
  }
  .post-single__body h2 {
    font-size: 3.6rem;
  }
  .post-single__body h3 {
    font-size: 3.2rem;
  }
  .post-single__body p > img[class*=wp-image] {
    margin: 1.8em auto;
  }
  .post-single__body .wp-block-image {
    margin: 1.8em auto;
  }
  .post-single__body .wp-element-caption {
    font-size: 1.5rem;
  }
  .post-single__body .wp-block-quote {
    padding-left: 1.8em;
  }
  .post-single__body .wp-block-list {
    margin-block: 1.5em;
  }
  .post-single__body .wp-block-list li {
    padding-left: 1.33333333em;
    font-size: 1.8rem;
  }
  .post-single__body .wp-block-list li:before {
    top: 0.55lh;
  }
  .post-single__body > *:first-child {
    margin-top: 0;
  }
  .post-single__body > *:last-child {
    margin-bottom: 0;
  }
  .posts-date-display {
    padding: 20px 32px;
  }
  .posts-date-display__date {
    font-size: 2.4rem;
  }
  .posts-date-display__okuri {
    font-size: 1.8rem;
  }
}
/*//////////////*/
/*--- column ---*/
/*//////////////*/
.column-intro {
  margin: 0 0 72px;
}
.column-intro-bg__img {
  border-radius: 24px 0 0 0;
}
@media screen and (min-width: 768px) {
  .column-intro {
    margin: 0 0 80px;
  }
}
@media screen and (min-width: 1024px) {
  .column-intro {
    margin: 0 0 96px;
  }
  .column-intro-bg {
    inset: 0 0 0 4.9048316252%;
  }
}
/*--- ninni-kyoubai -*/
.ninni-hero {
  padding-block: 60px;
}
.ninni-hero__innr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
.ninni-hero__content {
  min-width: 300px;
}
.ninni-hero__ttl {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.52;
}
.ninni-hero__ttl:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .ninni-hero__ttl:before {
    margin-top: 0;
  }
}
.ninni-hero__ttl {
  color: var(--c-new-black);
}
.ninni-hero__txt {
  padding-left: 20px;
  border-left: 2px solid var(--c-light-green);
  font-weight: 500;
}
.ninni-hero__check-list {
  display: flex;
  gap: 8px;
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: 6px;
}
.ninni-hero__check-list:before {
  flex: 0 0 auto;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: var(--icon-check-circle) no-repeat center/contain;
  margin-top: 6px;
}
.ninni-hero__check-list:first-child {
  margin-top: 8px;
}
.ninni-hero__check-list:last-child {
  margin-bottom: 8px;
}
.ninni-hero-fig {
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding: 0 0 16px 15px;
  justify-self: center;
}
.ninni-hero-fig__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  box-shadow: -15px 16px 0 #dadecc;
}

.ninni-about {
  padding: 60px 0;
  border-radius: 24px 24px 0 0;
}
.ninni-about__innr {
  width: calc(100% - 48px);
  margin-inline: auto;
}
.ninni-about__intro {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: clamp(60px, 6.8181818182vw, 84px);
}
.ninni-about__intro:last-child {
  margin-bottom: 0;
}
.ninni-about__block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: clamp(60px, 6.8181818182vw, 84px);
}
.ninni-about__block:last-child {
  margin-bottom: 0;
}
.ninni-about__ttl {
  position: relative;
  font-size: 3.2rem;
  font-weight: 500;
  color: var(--c-new-black);
  line-height: 1.56;
}
.ninni-about__ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -24px;
  bottom: -2px;
  width: 4px;
  background-color: var(--c-green);
}
.ninni-about__sub-ttl {
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--c-new-black);
  line-height: 1.45;
}
.ninni-about__sub-ttl--orn {
  position: relative;
}
.ninni-about__sub-ttl--orn:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -24px;
  bottom: -2px;
  width: 4px;
  background-color: var(--c-green);
}
.ninni-about__sub-ttl--souzoku {
  margin-bottom: 24px;
}
.ninni-about__lead {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c-green);
  line-height: 1.45;
  margin-bottom: 24px;
}
.ninni-about__num {
  font-size: 1.8rem;
  font-feature-settings: "palt";
}
.ninni-about__content p {
  line-height: 1.75;
}
.ninni-about__content p:not(:nth-last-of-type(1)) {
  margin-bottom: 0.9em;
}
.ninni-about__fig {
  min-width: 300px;
  width: 100%;
  max-width: 434px;
  justify-self: center;
}
.ninni-about__fig img {
  object-fit: cover;
  aspect-ratio: 434/292;
  border-radius: 24px;
  width: 100%;
}
.ninni-about__caption {
  text-align: left;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 8px;
  color: var(--c-gray);
}
.ninni-about .ninni-steps {
  max-width: 1022px;
  margin-bottom: 60px;
}
.ninni-about .ninni-steps .ninni-step {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 24px;
}
.ninni-about .ninni-steps .ninni-step:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 30px;
  width: 16px;
  height: 21px;
  background: var(--icon-arrow-step) no-repeat center/contain;
  z-index: 2;
}
.ninni-about .ninni-steps .ninni-step.ninni-step--noarrow::after {
  display: none;
}
.ninni-about .ninni-steps .ninni-step-header {
  border-bottom: 1px solid var(--c-light-gray);
  padding-bottom: 12px;
}
.ninni-about .ninni-steps .ninni-step__number {
  flex: 0 0 auto;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--c-green);
  margin-bottom: 8px;
}
.ninni-about .ninni-steps .ninni-step__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c-green);
}
.ninni-about .ninni-steps .ninni-step__txt {
  font-size: 1.5rem;
  line-height: 1.63;
  color: var(--c-text);
}
.ninni-about .ninni-card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 10px;
  max-width: 434px;
  margin-inline: auto;
}
.ninni-about .ninni-card:not(:last-child) {
  margin-bottom: 24px;
}
.ninni-about .ninni-card__img {
  flex: 0 0 auto;
  border-radius: 10px;
  overflow: hidden;
}
.ninni-about .ninni-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ninni-about .ninni-card__content {
  flex: 0 0 auto;
  padding: 20px;
}
.ninni-about .ninni-card__ttl {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c-green);
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--c-light-gray);
}
.ninni-about .ninni-card__txt {
  font-size: 1.5rem;
  line-height: 1.63;
  color: var(--c-text);
}

.ninni-either {
  padding: 60px 0;
  border-radius: 24px 24px 0 0;
}
.ninni-either__innr {
  width: calc(100% - 48px);
  margin-inline: auto;
}

.ninni-cases .ninni-case {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--c-newnew-lite-green);
  border-radius: 10px;
  row-gap: 12px;
  padding: 20px;
  margin-bottom: 24px;
}
.ninni-cases .ninni-case:last-child {
  margin-bottom: 40px;
}
.ninni-cases .ninni-case__ttl {
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c-green);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--c-light-gray);
}
.ninni-cases .ninni-case__txt {
  flex: 0 0 auto;
  font-size: 1.5rem;
  line-height: 1.63;
  color: var(--c-text);
}

.ninni-comparison {
  padding: 60px 0 0 24px;
}
.ninni-comparison .sub-ttl {
  margin-bottom: 20px;
}
.ninni-comparison__desc {
  margin-bottom: 40px;
  line-height: 1.75;
}
.ninni-comparison .ninni-table-wrap {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: 50px repeat(7, minmax(auto, 1fr));
  grid-template-columns: 126px repeat(2, clamp(204px, 51.9vw, 420px));
  column-gap: 15px;
  width: 100%;
  overflow-x: auto;
  padding-bottom: 20px;
  padding-right: 24px;
}
.ninni-comparison .ninni-table__list--cont .ninni-table__item:first-child {
  padding: 10px 12px;
}
.ninni-comparison .ninni-table__list--cont .ninni-table__item:not(:first-child) {
  padding: 10px 15px;
}
.ninni-comparison .ninni-table__item {
  padding: 14px 0;
}
.ninni-comparison .ninni-table__list {
  display: contents;
}
.ninni-comparison .ninni-table__item {
  padding: 6px 0;
  font-size: 1.5rem;
  line-height: 1.6;
}
.ninni-comparison .ninni-table__item .is-highlight {
  color: var(--c-green);
  font-weight: 700;
}
.ninni-comparison .ninni-table__list--head .ninni-table__item {
  display: inline-flex;
  align-items: center;
  position: sticky;
  left: 0;
  z-index: 10;
  background: var(--c-green);
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  padding: 6px 12px;
  background: var(--c-green);
}
.ninni-comparison .ninni-table__list--head .ninni-table__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 1px;
  background: rgba(199, 204, 182, 0.3);
}
.ninni-comparison .ninni-table__list--head .ninni-table__item:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.ninni-comparison .ninni-table__list--head .ninni-table__item:first-child:after {
  display: none;
}
.ninni-comparison .ninni-table__list--head .ninni-table__item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.ninni-comparison .ninni-table__list--head .ninni-table__item:last-child:after {
  display: none;
}
.ninni-comparison .ninni-table__list--cont .ninni-table__item {
  border-bottom: 1px solid var(--c-light-gray);
}
.ninni-comparison .ninni-table__list--cont .ninni-table__item:first-child {
  background: var(--c-light-beige);
  color: var(--c-green);
  font-size: 1.8rem;
  font-weight: 700;
  border-radius: 10px;
  border-bottom: none;
  padding-inline: 12px;
}

.ninni-merits {
  padding-block: 60px;
}
.ninni-merits__innr {
  width: calc(100% - 48px);
  margin-inline: auto;
}
.ninni-merits .sub-ttl {
  margin-bottom: 20px;
}
.ninni-merits__desc {
  margin-bottom: 40px;
}
.ninni-merits__cards {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.ninni-merits .ninni-merit-card {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
}
.ninni-merits .ninni-merit-card__label {
  color: #fff;
  background-color: var(--c-green);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  width: 100%;
  border-radius: 10px;
  padding: 16px;
}
.ninni-merits .ninni-merit-card__content {
  flex: 1;
  border-bottom: 1px solid var(--c-light-gray);
}
.ninni-merits .ninni-merit-card__block {
  margin-bottom: 26px;
}
.ninni-merits .ninni-merit-card__ttl {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--c-green);
  background: var(--c-light-beige);
  border-radius: 10px;
  padding: 7px 0;
  min-width: 104px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
}
.ninni-merits .ninni-merit-card__list {
  padding-left: 20px;
}
.ninni-merits .ninni-merit-card__item {
  position: relative;
  margin-bottom: 8px;
  line-height: 1.6;
}
.ninni-merits .ninni-merit-card__item::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--c-green);
}
.ninni-merits .ninni-merit-card:last-child {
  margin-bottom: 0;
}

.sell-process--ninni {
  background-color: unset;
}
.sell-process--ninni.l-content-wrap--lsp-beige:before {
  border-top-left-radius: 0;
}
.sell-process--ninni .sell-process__innr {
  width: calc(100% - 48px);
  margin-inline: auto;
}
.sell-process--ninni .flow-panel__fig {
  width: 100%;
  max-width: 499px;
  margin: 0 auto clamp(24px, 4.8701298701vw, 60px);
}
.sell-process--ninni .flow-panel__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.sell-process--ninni__alert {
  font-size: 1.8rem;
  color: var(--c-green);
  line-height: 1.7;
  font-weight: 500;
  text-align: center;
  margin-top: 24px;
}

.proposal--ninni {
  position: relative;
  border-radius: 24px 24px 0 0;
  margin-top: -24px;
}

.ninni-outro__desc {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  font-size: 1.6rem;
  color: var(--c-text);
  line-height: 1.63;
  font-weight: 400;
  text-align: center;
  margin-bottom: 24px;
}
.ninni-outro__txt {
  font-size: 1.8rem;
  color: var(--c-green);
  line-height: 1.7;
  font-weight: 500;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ninni-hero {
    margin-inline: auto;
    padding: 80px 24px 64px;
  }
  .ninni-hero__innr {
    width: 100%;
    grid-template-columns: 1fr clamp(200px, 38.5551948052vw, 475px);
    grid-template-rows: auto 1fr;
    row-gap: 50px;
    column-gap: clamp(40px, 8.5227272727vw, 105px);
    grid-template-areas: "ttl fig" "txt fig";
  }
  .ninni-hero__content {
    min-width: 300px;
  }
  .ninni-hero__ttl {
    grid-area: ttl;
    font-size: 4.2rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .ninni-hero__ttl:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none) {
  .ninni-hero__ttl:before {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .ninni-hero__txt {
    grid-area: txt;
    align-self: start;
    padding-left: 30px;
    border-left: 2px solid var(--c-light-green);
    font-weight: 500;
    max-width: 598px;
    line-height: 1.8;
  }
  .ninni-hero-fig {
    grid-area: fig;
    padding: 0 0 24px 24px;
    align-self: start;
    display: flex;
    max-width: unset;
    margin-bottom: -120px;
  }
  .ninni-hero-fig__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 445/519;
    box-shadow: -24px 24px 0 #dadecc;
  }
  .ninni-about {
    border-radius: 24px 0 0 0;
  }
  .ninni-about .ninni-card {
    max-width: unset;
    flex-direction: row;
    border-radius: 24px;
  }
  .ninni-about .ninni-card__img {
    border-radius: 24px;
    width: 40.900196%;
    max-width: 418px;
  }
  .ninni-about .ninni-card__content {
    flex: 0 1 auto;
    padding: 20px;
  }
  .ninni-about .ninni-card__ttl {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .ninni-comparison {
    padding-block: 101px 77px;
  }
  .ninni-comparison__innr {
    width: 100%;
    max-width: 1194px;
    margin-inline: 0;
  }
  .ninni-comparison__desc {
    margin-bottom: 58px;
  }
  .ninni-comparison .ninni-table__list--cont .ninni-table__item:first-child {
    padding: 10px 12px;
  }
  .ninni-comparison .ninni-table__list--cont .ninni-table__item:not(:first-child) {
    padding: 14px 15px;
  }
  .ninni-merits {
    padding-bottom: 120px;
  }
  .ninni-merits .sub-ttl {
    margin-bottom: 17px;
  }
  .ninni-merits__desc {
    margin-bottom: 56px;
  }
  .ninni-merits__cards {
    display: flex;
    flex-direction: column;
    gap: 56px;
  }
  .ninni-merits .ninni-merit-card {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
  }
  .ninni-merits .ninni-merit-card__block {
    margin-bottom: 24px;
  }
  .ninni-merits .ninni-merit-card__label {
    width: clamp(140px, 14.8538961039vw, 183px);
    padding: 14px 22px;
  }
  .ninni-merits .ninni-merit-card__content {
    flex: 1;
    margin: 0 0 0 30px;
  }
  .ninni-merits .ninni-merit-card__ttl {
    padding: 16px;
    min-width: 104px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 18px;
  }
  .ninni-merits .ninni-merit-card__list {
    padding-left: 20px;
    margin-left: 15px;
  }
  .ninni-merits .ninni-merit-card__item {
    position: relative;
    margin-bottom: 8px;
    line-height: 1.6;
  }
  .ninni-merits .ninni-merit-card__item::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--c-green);
  }
  .ninni-merits .ninni-merit-card:last-child {
    margin-bottom: 0;
  }
  .sell-process--ninni__alert {
    margin-top: 52px;
  }
  .sell-process--ninni .sell-process__innr {
    padding-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .ninni-hero {
    margin: 0;
    padding: 71px 0 57px;
  }
  .ninni-hero__innr {
    position: relative;
    width: 88.6530014641%;
    max-width: 1211px;
    z-index: 2;
  }
  .ninni-hero-fig {
    padding: 0 0 31px 31px;
    margin-bottom: -234px;
  }
  .ninni-hero-fig__img {
    box-shadow: -31px 31px 0 #dadecc;
  }
  .ninni-about {
    position: relative;
    padding-top: clamp(80px, 18.5064935065vw, 228px);
    padding-right: 0;
    container-type: inline-size;
  }
  .ninni-about__innr {
    position: relative;
    max-width: 1022px;
    width: 82.03125%;
  }
  .ninni-about__intro {
    grid-template-columns: 1fr clamp(200px, 35.2272727273vw, 434px);
    grid-template-rows: auto 1fr;
    column-gap: clamp(60px, 21.3vw - 158px, 133px);
    row-gap: 40px;
    justify-items: start;
    grid-template-areas: "ttl fig" "cont fig";
  }
  .ninni-about__block {
    margin-left: 0;
    grid-template-columns: 1fr clamp(200px, 35.2272727273vw, 434px);
    column-gap: clamp(60px, 21.3vw - 158px, 133px);
    row-gap: 35px;
    justify-items: start;
    grid-template-areas: "ttl fig" "cont fig";
  }
  .ninni-about__ttl {
    grid-area: ttl;
    font-size: 3.8rem;
  }
  .ninni-about__ttl::before {
    left: calc((min(82.03125cqw, 1022px) - 90.19033675cqw) / 2);
    width: 6px;
    top: 0;
    bottom: -4px;
  }
  .ninni-about__sub-ttl {
    grid-area: ttl;
    font-size: 28px;
  }
  .ninni-about__sub-ttl--orn::before {
    left: calc((min(82.03125cqw, 1022px) - 90.19033675cqw) / 2);
    width: 6px;
    top: 0;
    bottom: -4px;
  }
  .ninni-about__sub-ttl--souzoku {
    margin-bottom: 14px;
  }
  .ninni-about__lead {
    font-size: 2.4rem;
  }
  .ninni-about__num {
    font-size: 2rem;
  }
  .ninni-about__caption {
    font-size: 1.4rem;
  }
  .ninni-about__content {
    grid-area: cont;
  }
  .ninni-about__fig {
    grid-area: fig;
  }
  .ninni-about .ninni-steps {
    margin-bottom: 60px;
  }
  .ninni-about .ninni-steps .ninni-step {
    gap: 24px;
    border-radius: 24px;
    padding: 30px;
  }
  .ninni-about .ninni-steps .ninni-step:not(:last-child)::after {
    content: "";
    width: 18px;
    height: 24px;
    z-index: 2;
  }
  .ninni-about .ninni-steps .ninni-step-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 24px;
  }
  .ninni-about .ninni-steps .ninni-step__number {
    flex: 0 0 auto;
    font-size: 2.2rem;
    padding-right: 10px;
    border-right: 1px solid var(--c-light-gray);
    margin-bottom: 0;
  }
  .ninni-about .ninni-steps .ninni-step__ttl {
    font-size: 2rem;
  }
  .ninni-about .ninni-steps .ninni-step__txt {
    font-size: 1.6rem;
  }
  .ninni-about .ninni-card__content {
    padding: 30px;
  }
  .ninni-about .ninni-card__ttl {
    margin-bottom: 24px;
    padding-bottom: 24px;
    font-size: 2rem;
  }
  .ninni-about .ninni-card__txt {
    font-size: 1.6rem;
  }
  .ninni-either {
    padding: 80px 0;
  }
  .ninni-either__innr {
    position: relative;
    max-width: 1022px;
    width: 82.03125%;
  }
  .ninni-either .ninni-cases .ninni-case {
    gap: 24px;
    border-radius: 24px;
    padding: 30px;
  }
  .ninni-either .ninni-cases .ninni-case__ttl {
    font-size: 2rem;
  }
  .ninni-either .ninni-cases .ninni-case__txt {
    font-size: 1.6rem;
  }
  .ninni-comparison {
    padding-left: 0;
  }
  .ninni-comparison__innr {
    position: relative;
    max-width: 1022px;
    width: 82.03125%;
    margin-inline: auto;
  }
  .ninni-comparison .ninni-table-wrap {
    grid-template-columns: clamp(126px, 14.6103896104vw, 180px) repeat(2, clamp(204px, 31.6558441558vw, 390px));
    column-gap: 30px;
    padding-right: 0;
  }
  .ninni-comparison .ninni-table__item {
    padding: 14px 0;
    font-size: 1.8rem;
  }
  .ninni-merits__innr {
    position: relative;
    max-width: 1022px;
    width: 82.03125%;
    margin-inline: auto;
  }
  .ninni-merits .ninni-merit-card__label {
    font-size: 2.4rem;
  }
  .ninni-merits .ninni-merit-card__ttl {
    font-size: 1.8rem;
  }
  .sell-process--ninni .sell-process__innr {
    position: relative;
    max-width: 1022px;
    width: 82.03125%;
    max-width: 1022px;
    left: unset;
  }
  .sell-process--ninni .sub-ttl {
    margin-bottom: 56px;
  }
  .sell-process--ninni .flow__panels {
    align-items: start;
  }
  .sell-process--ninni .flow__panel {
    grid-template-rows: min-content auto;
    align-items: start;
    grid-template-areas: "fig fig" "badge content";
  }
  .sell-process--ninni .flow__panel .flow-panel__fig {
    grid-area: fig;
  }
  .sell-process--ninni .flow__panel .flow-panel__img {
    height: auto;
  }
  .sell-process--ninni .flow__panel .info__badge {
    grid-area: badge;
    font-size: 1.8rem;
  }
  .sell-process--ninni .flow__panel .flows__steps {
    grid-area: content;
  }
  .sell-process--ninni .flow__panel .flow__step {
    padding: 9px 20px 19px;
    margin-bottom: 8px;
  }
  .sell-process--ninni .flow__panel .flow__step-header {
    padding-bottom: 8px;
  }
  .sell-process--ninni .flow__panel .flow__step-text {
    line-height: 1.6;
  }
  .sell-process--ninni__alert {
    font-size: 2.4rem;
  }
  .proposal--ninni {
    border-radius: 36px 36px 0 0;
    margin-top: -36px;
  }
  .ninni-outro__desc {
    border-radius: 24px;
    margin-bottom: 40px;
    font-size: 1.8rem;
  }
  .ninni-outro__txt {
    font-size: 2.4rem;
  }
}
/*//////////////*/
/*--- Inquiry ---*/
/*//////////////*/
.inquiry__innr {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
  margin-top: 60px;
}
.inquiry-header__innr {
  width: calc(100% - 48px);
  margin-inline: auto;
}
.inquiry__ttl {
  row-gap: 0;
}
.inquiry__txt {
  border-left: 2px solid var(--c-light-green);
  padding-left: 20px;
  font-weight: 500;
  line-height: 1.8;
}
.inquiry-hero {
  padding-block: 71px 57px;
}
.inquiry-hero__innr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  width: calc(100% - 48px);
  max-width: 1232px;
  margin-inline: auto;
}
.inquiry-hero-ttl__en {
  display: block;
  color: var(--c-gold);
  font-family: var(--font-en);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: clamp(10px, 1.2175324675vw, 15px);
}
.inquiry-hero-ttl__ja {
  color: var(--c-green);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.52;
}
.inquiry-hero__fig {
  width: 100%;
  max-width: 460px;
  justify-self: center;
  padding: 0 0 16px 16px;
}
.inquiry-hero__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  box-shadow: -16px 16px 0 0 var(--c-light-gray);
}
.inquiry-hero__txts {
  border-left: 2px solid var(--c-light-green);
  padding-left: 20px;
}
.inquiry-hero .inquiry__property,
.inquiry-hero .inquiry__shop {
  color: var(--c-bk-green);
  font-weight: 500;
  font-size: 1.6rem;
}
.inquiry-form-wrap {
  position: relative;
  margin-top: 24px;
}
.inquiry-form-wrap:before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  border-radius: 24px 24px 0 0;
  inset: 0;
  z-index: -1;
}
.inquiry-form {
  background-color: #fff;
  border-radius: 24px 24px 0 0;
  padding-block: 40px;
}
.inquiry-form__innr {
  width: calc(100% - 48px);
  margin-inline: auto;
}
.inquiry__property {
  font-weight: 400;
  font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
  .inquiry__innr {
    width: calc(100% - 48px);
    max-width: 1152px;
    margin-inline: auto;
    margin-block: 80px;
  }
  .inquiry-header__innr {
    width: 100%;
    margin-inline: 0;
  }
  .inquiry-hero {
    padding: 80px 24px 64px;
  }
  .inquiry-hero__innr {
    width: 100%;
    grid-template-columns: 1fr clamp(200px, 38.5551948052vw, 475px);
    grid-template-rows: auto auto;
    row-gap: 50px;
    column-gap: clamp(40px, 8.5227272727vw, 105px);
    grid-template-areas: "ttl fig" "txt fig";
  }
  .inquiry-hero-ttl {
    grid-area: ttl;
    align-items: start;
  }
  .inquiry-hero__fig {
    grid-area: fig;
    padding: 0 0 24px 24px;
    align-self: start;
    display: flex;
    max-width: unset;
    margin-bottom: -206px;
    z-index: 1;
  }
  .inquiry-hero__img {
    aspect-ratio: 445/519;
    box-shadow: -31px 31px 0 0 var(--c-light-gray);
  }
  .inquiry-hero__txts {
    grid-area: txt;
    align-self: start;
  }
  .inquiry-form {
    border-radius: 17px;
    padding: 48px 24px;
  }
  .inquiry-form__innr {
    width: 100%;
    margin-inline: 0;
  }
  .inquiry-form-wrap {
    margin-top: 0;
  }
  .inquiry-form-wrap .inquiry-form {
    width: 91%;
    max-width: 900px;
    padding-top: clamp(80px, 11.730205vw, 120px);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1024px) {
  .inquiry__innr {
    margin-block: 71px 120px;
    grid-template-columns: 30.673499% 1fr;
    column-gap: clamp(24px, 4.2207792208vw, 52px);
    width: 88.6530014641%;
    margin-top: 60px;
  }
  .inquiry-header__innr {
    width: 100%;
    margin-inline: 0;
  }
  .inquiry__txt {
    padding-left: 30px;
  }
  .inquiry-hero {
    padding: 71px 0 57px 0;
  }
  .inquiry-hero__innr {
    position: relative;
    width: 88.6530014641%;
    max-width: 1211px;
  }
  .inquiry-hero-ttl__ja {
    font-size: 42px;
  }
  .inquiry-hero__txts {
    padding-left: 30px;
  }
  .inquiry-form {
    padding: 58px 60px;
  }
  .inquiry-form-wrap {
    padding-top: clamp(80px, 7.320644vw, 100px);
  }
  .inquiry-form-wrap:before {
    border-radius: 36px 0 0 0;
    inset: 0 0 0 4.904832%;
  }
  .inquiry-form-wrap .inquiry-form {
    width: 74.816984%;
  }
}
/*///////////////*/
/*--- recruit ---*/
/*///////////////*/
.recruit {
  position: relative;
  padding-top: 40px;
  margin-top: 80px;
}
.recruit:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--c-newnew-lite-green);
  border-radius: 16px 0 0 0;
}

.recruit-intro {
  display: flex;
  flex-direction: column;
  gap: 32px 40px;
  margin-bottom: 40px;
}
.recruit-intro-fig {
  --padd: 16px;
  margin-top: -80px;
  padding: 0 0 var(--padd) var(--padd);
}
.recruit-intro-fig__img {
  width: 100%;
  height: auto;
  border-radius: var(--padd);
  box-shadow: calc(var(--padd) * -1) var(--padd) 0 #DADECC;
}
.recruit-intro__ttl {
  margin-bottom: 24px;
  color: var(--c-green);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4286;
}
.recruit-intro__txt {
  line-height: 1.75;
}
.recruit-intro__txt:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .recruit-intro__txt:before {
    margin-top: 0;
  }
}
.recruit-intro__txt p + p {
  margin-top: 0.8em;
}

.rec-switch {
  position: relative;
  margin-bottom: 8px;
}
.rec-switch-select {
  width: 100%;
}
.rec-switch-select-btn {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-block: 8px;
  background-color: #fff;
  border-radius: 8px;
}
.rec-switch-select-btn__lbl {
  flex: 0 1 auto;
  padding-inline: 12px;
  margin-inline: auto;
  color: var(--c-green);
  font-size: 1.8rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.rec-switch-select-btn__icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: auto;
  height: 100%;
  aspect-ratio: 40/32;
  border-left: 1px solid var(--c-light-gray);
}
.rec-switch-select-btn__icon:before {
  content: "";
  width: 8px;
  aspect-ratio: 1;
  border: 2px solid var(--c-bk-green);
  border-top: none;
  border-left: none;
  rotate: 45deg;
  translate: 0 -25%;
}
.rec-switch-list {
  position: absolute;
  top: 50%;
  left: 0;
  display: none;
  gap: 4px;
  width: 100%;
  max-height: 60svh;
  padding: 8px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.1);
  overflow: auto;
  translate: 0 -50%;
}
.rec-switch-list.is-open {
  display: grid;
}
.rec-switch-btn {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 48px;
  padding: 4px 12px;
  background-color: var(--c-light-beige);
  border-radius: 8px;
}
.rec-switch-btn__lbl {
  color: var(--c-green);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}
.rec-switch-btn.is-current {
  background-color: var(--c-bk-green);
}
.rec-switch-btn.is-current .rec-switch-btn__lbl {
  color: #fff;
}

.rec-contents {
  padding: 24px 16px;
  background-color: #fff;
  border-radius: 16px;
}

.rec-sec {
  display: none;
  opacity: 1;
  transition: opacity 0.3s;
}
@starting-style {
  .rec-sec {
    opacity: 0;
  }
}
.rec-sec.is-current {
  display: block;
}
.rec-sec-det {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.rec-sec-det-fig {
  flex: 1 1 240px;
}
.rec-sec-det-fig__img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.rec-sec-det__body {
  flex: 1 1 360px;
}
.rec-sec-det__ttl {
  width: fit-content;
  max-width: 100%;
  padding: 8px 16px;
  margin-bottom: 20px;
  color: var(--c-green);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  border: 1px solid var(--c-light-green);
  border-radius: 6px;
}

.rec-det {
  display: grid;
  row-gap: 18px;
}
.rec-det tbody {
  display: contents;
}
.rec-det__row {
  display: block;
}
.rec-det-term {
  display: block;
  margin-bottom: 8px;
  text-align: left;
}
.rec-det-term__lbl {
  display: inline-block;
  padding: 6px 12px;
  color: var(--c-green);
  font-weight: 500;
  line-height: 1.2;
  background-color: var(--c-newnew-lite-green);
  border-radius: 4px;
}
.rec-det__data {
  display: block;
  padding-bottom: 16px;
  line-height: 1.6;
  border-bottom: 1px solid var(--c-light-gray);
}
.rec-det-benefits__item {
  position: relative;
  padding-left: 1.3em;
}
.rec-det-benefits__item:before {
  content: "";
  display: block;
  width: 0.75em;
  aspect-ratio: 1;
  position: absolute;
  top: calc(0.5lh - 0.375em);
  left: 0;
  background-color: var(--c-green);
  border-radius: 4px;
  opacity: 0.6;
}
.rec-det-benefits__item:not(:nth-last-of-type(1)) {
  margin-bottom: 6px;
}

.rec-int {
  margin-top: 64px;
}
.rec-int-ttl {
  display: grid;
  row-gap: 12px;
  margin-bottom: 32px;
}
.rec-int-ttl__sub {
  color: var(--c-light-green);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
}
.rec-int-ttl__main {
  color: var(--c-new-black);
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.2;
}
.rec-int-sec {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.rec-int-sec:not(:nth-last-of-type(1)) {
  margin-bottom: 40px;
}
.rec-int-sec:nth-of-type(even) {
  flex-direction: row-reverse;
}
.rec-int-sec-fig {
  flex: 1 1 300px;
}
.rec-int-sec-fig__img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}
.rec-int-sec-fig-cap {
  margin-top: 12px;
}
.rec-int-sec-fig-cap-main {
  display: flex;
  align-items: baseline;
  column-gap: 8px;
  color: #4b775d;
  line-height: 1.2;
}
.rec-int-sec-fig-cap-main__branch {
  flex: 0 1 auto;
  position: relative;
  padding-left: 1em;
  font-size: 1.4rem;
}
.rec-int-sec-fig-cap-main__branch:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.5lh - 0.35715em);
  display: block;
  width: 0.7143em;
  aspect-ratio: 1;
  background-color: currentColor;
  border-radius: 50%;
}
.rec-int-sec-fig-cap-main__name {
  flex: 0 1 auto;
  font-size: 1.6rem;
  font-weight: 700;
}
.rec-int-sec-fig-cap__title {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 8px;
  color: var(--c-gold);
  font-size: 1.2rem;
  line-height: 1.2;
}
.rec-int-sec-fig-cap__title-item {
  flex: 0 1 auto;
}
.rec-int-sec-fig-cap__title-item:not(:nth-last-of-type(1)):after {
  content: "/";
  margin-left: 4px;
}
.rec-int-sec__body {
  flex: 1 1 300px;
}
.rec-int-sec__ttl {
  margin-bottom: 20px;
  color: var(--c-green);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.3571;
}
.rec-int-sec__txt {
  line-height: 1.75;
}
.rec-int-sec__txt:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .rec-int-sec__txt:before {
    margin-top: 0;
  }
}
.rec-int-sec__txt p + p {
  margin-top: 0.8em;
}

.recruit-entry {
  position: relative;
  padding-block: 120px 80px;
  margin-top: -64px;
}
.recruit-entry-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.recruit-entry-bg__img {
  width: 100%;
  height: 100%;
  object-position: top left;
  object-fit: cover;
}

.rec-ent {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.rec-ent__ttl {
  flex: 1 1 4.5em;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.2;
}
.rec-ent-det {
  flex: 1 1 auto;
  display: grid;
  row-gap: 16px;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
}
.rec-ent-det__item {
  display: grid;
  gap: 12px 24px;
}
.rec-ent-det__item:not(:nth-last-of-type(1)) {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--c-light-gray);
}
.rec-ent-det__term {
  color: var(--c-green);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}
.rec-ent-det__data {
  line-height: 1.75;
}
.rec-ent-det__data:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.75) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .rec-ent-det__data:before {
    margin-top: 0;
  }
}
.rec-ent-tel {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.rec-ent-tel__icon {
  flex: 0 0 auto;
  width: 22px;
}
.rec-ent-tel__num {
  flex: 0 1 auto;
  font-family: var(--font-en);
  color: var(--c-green);
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .recruit {
    padding-top: 64px;
    margin-top: 64px;
  }
  .recruit-intro {
    flex-direction: row-reverse;
    margin-bottom: 56px;
  }
  .recruit-intro-fig {
    --padd: 24px;
    margin-top: -140px;
    flex: 1 1 auto;
  }
  .recruit-intro__body {
    flex: 1 1 497px;
  }
  .recruit-intro__ttl {
    margin-bottom: 32px;
    font-size: 2.4rem;
  }
  .rec-switch {
    margin-bottom: 12px;
  }
  .rec-switch-select {
    display: none;
  }
  .rec-switch-list {
    position: static;
    display: grid;
    gap: 8px;
    max-height: unset;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    translate: 0;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
  .rec-switch-list__item {
    display: flex;
  }
  .rec-switch-btn {
    padding: 4px 16px;
    background-color: #fff;
    border-radius: 12px;
    position: relative;
    transition: opacity 0.2s;
  }
  .rec-switch-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% - 12px);
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    transition: bottom 0.3s cubic-bezier(0, 0, 0, 1), border-radius 0.3s cubic-bezier(0, 0, 0, 1);
  }
  .rec-switch-btn:not(.is-current) {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .rec-switch-btn:not(.is-current):hover {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .rec-switch-btn__lbl {
    font-size: 2rem;
  }
  .rec-switch-btn.is-current {
    background-color: #fff;
  }
  .rec-switch-btn.is-current:after {
    bottom: -44px;
    border-radius: 0;
  }
  .rec-switch-btn.is-current .rec-switch-btn__lbl {
    color: var(--c-green);
  }
  .rec-contents {
    padding: 32px;
    border-radius: 20px;
  }
  .rec-sec-det {
    flex-wrap: nowrap;
    gap: 28px;
  }
  .rec-sec-det-fig {
    flex: 0 0 auto;
    width: 36.80709534%;
  }
  .rec-sec-det-fig__img {
    border-radius: 20px;
  }
  .rec-sec-det__body {
    flex: 1 1 auto;
  }
  .rec-sec-det__ttl {
    padding: 8px 16px;
    margin-bottom: 24px;
    font-size: 2.4rem;
    border-radius: 10px;
  }
  .rec-det-term__lbl {
    font-size: 1.6rem;
  }
  .rec-int {
    margin-top: 80px;
  }
  .rec-int-ttl {
    row-gap: 16px;
  }
  .rec-int-ttl__sub {
    font-size: 1.5rem;
  }
  .rec-int-ttl__main {
    font-size: 3.2rem;
  }
  .rec-int-sec {
    flex-wrap: nowrap;
    gap: 32px;
  }
  .rec-int-sec:not(:nth-last-of-type(1)) {
    margin-bottom: 64px;
  }
  .rec-int-sec-fig {
    flex: 0 0 auto;
    width: 56.541019955%;
  }
  .rec-int-sec-fig__img {
    border-radius: 20px;
  }
  .rec-int-sec-fig-cap {
    margin-top: 16px;
  }
  .rec-int-sec-fig-cap-main {
    column-gap: 10px;
  }
  .rec-int-sec-fig-cap-main__branch {
    font-size: 1.5rem;
  }
  .rec-int-sec-fig-cap-main__name {
    font-size: 1.7rem;
  }
  .rec-int-sec-fig-cap__title {
    font-size: 1.3rem;
  }
  .rec-int-sec__body {
    flex: 1 1 auto;
  }
  .rec-int-sec__ttl {
    margin-bottom: 32px;
    font-size: 2.4rem;
  }
  .recruit-entry {
    padding-block: 184px 104px;
    margin-top: -96px;
  }
  .rec-ent {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .rec-ent__ttl {
    flex: 0 0 auto;
    font-size: 2.8rem;
  }
  .rec-ent-det {
    flex: 0 0 auto;
    row-gap: 20px;
    padding: 20px;
    border-radius: 10px;
    width: max(58.90410958%, 500px);
    grid-template-columns: auto 1fr;
  }
  .rec-ent-det__item {
    gap: 32px;
    grid-template-columns: subgrid;
    grid-column: span 2;
  }
  .rec-ent-det__item:not(:nth-last-of-type(1)) {
    padding-bottom: 18px;
  }
  .rec-ent-det__term {
    font-size: 2rem;
  }
  .rec-ent-tel__num {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .recruit {
    padding-top: 80px;
  }
  .recruit:before {
    inset: 0 0 0 4.9048316252%;
  }
  .recruit-intro {
    gap: 32px 12.91585127%;
  }
  .recruit-intro-fig {
    --padd: 32px;
    margin-top: -260px;
    margin-right: -8.121330724%;
  }
  .recruit-intro__body {
    max-width: 497px;
  }
  .recruit-intro__ttl {
    margin-bottom: 40px;
    font-size: 2.8rem;
  }
  .rec-switch-list {
    gap: 12px;
  }
  .rec-switch-btn {
    min-height: 56px;
  }
  .rec-switch-btn__lbl {
    font-size: 2.4rem;
  }
  .rec-contents {
    padding: 5.870841487%;
    border-radius: 24px;
  }
  .rec-sec-det-fig__img {
    border-radius: 24px;
  }
  .rec-sec-det__ttl {
    padding: 8px 20px;
    font-size: 2.8rem;
  }
  .rec-det {
    row-gap: 0;
    grid-template-columns: 130px 1fr;
    column-gap: 20px;
  }
  .rec-det__row {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 2;
  }
  .rec-det-term {
    display: flex;
    margin-bottom: 0;
    padding-inline: 14px;
    background-color: var(--c-newnew-lite-green);
  }
  .rec-det-term__lbl {
    padding: 16px 0;
    background-color: none;
    border-radius: 0;
    font-size: 1.8rem;
    width: 100%;
    border-bottom: 1px solid var(--c-light-gray);
  }
  .rec-det__row:first-child .rec-det-term {
    border-radius: 10px 10px 0 0;
  }
  .rec-det__row:last-child .rec-det-term {
    border-radius: 0 0 10px 10px;
  }
  .rec-det__row:last-child .rec-det-term__lbl {
    border-bottom: none;
  }
  .rec-det__data {
    padding-block: 16px;
  }
  .rec-int {
    margin-top: 13.3037694%;
  }
  .rec-int-ttl {
    margin-bottom: 40px;
  }
  .rec-int-ttl__sub {
    font-size: 1.6rem;
  }
  .rec-int-ttl__main {
    font-size: 3.6rem;
  }
  .rec-int-sec {
    gap: 6.6518847%;
  }
  .rec-int-sec:not(:nth-last-of-type(1)) {
    margin-bottom: 8.8691796%;
  }
  .rec-int-sec-fig__img {
    border-radius: 24px;
  }
  .rec-int-sec-fig-cap-main__branch {
    font-size: 1.6rem;
  }
  .rec-int-sec-fig-cap-main__name {
    font-size: 1.8rem;
  }
  .rec-int-sec-fig-cap__title {
    font-size: 1.4rem;
  }
  .rec-int-sec__ttl {
    margin-bottom: 40px;
    font-size: 2.8rem;
  }
  .recruit-entry {
    padding-block: 230px 124px;
    margin-top: -130px;
  }
  .recruit-entry-bg {
    inset: 0 0 0 4.9048316252%;
  }
  .rec-ent__ttl {
    font-size: 3.2rem;
  }
  .rec-ent-det {
    row-gap: 24px;
    padding: 24px;
    width: 602px;
  }
  .rec-ent-det__item {
    gap: 40px;
  }
}
/*--- matsuki-line ---*/
.line__ttl {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.55;
  color: var(--c-green);
}
.line__ttl--white {
  color: #fff;
}
.line__ttl--lg {
  font-size: 3.2rem;
}
.line__sub-ttl {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c-green);
}

.line-hero {
  padding-top: 60px;
}
.line-hero__innr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
.line-hero__content {
  min-width: 300px;
}
.line-hero__ttl {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.52;
}
.line-hero__ttl:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.52) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .line-hero__ttl:before {
    margin-top: 0;
  }
}
.line-hero__ttl {
  color: var(--c-green);
  margin-bottom: 0;
}
.line-hero-fig {
  width: 100%;
  min-width: 300px;
  max-width: 460px;
  padding: 0 0 16px 15px;
  justify-self: center;
}
.line-hero-fig__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  box-shadow: -15px 16px 0 #dadecc;
}

.line-about {
  padding-block: 120px 108px;
  margin-top: -80px;
}
.line-about:before {
  border-top-left-radius: 0;
}
.line-about__innr {
  width: calc(100% - 48px);
  margin-inline: auto;
}
.line-about .line__sub-ttl {
  margin-bottom: 24px;
}
.line-about__txt {
  margin-bottom: 24px;
}
.line-about-service {
  margin-bottom: 60px;
}
.line-about-service__header {
  background-color: var(--c-green);
  color: #fff;
  border-radius: 10px;
  padding: 127px;
  padding: 8px 10px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.line-about-service__list {
  margin-bottom: 40px;
}
.line-about-service__item {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: var(--c-green);
  font-weight: 500;
  line-height: 1.63;
  border-bottom: 1px solid var(--c-light-gray);
  padding-block: 12px;
}
.line-about-service__item-num {
  flex: 0 0 auto;
  font-family: var(--font-en);
  padding-top: 2px;
}
.line-about-service__txt {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  color: var(--c-green);
  margin-bottom: 24px;
}
.line-about-btn-wrap {
  text-align: center;
}
.line-about-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 16px;
  padding: 14px 16px;
  background-color: #fff;
  border: 2px solid var(--c-bk-green);
  border-radius: 12px;
  width: 100%;
  max-width: 344px;
}
.line-about-btn::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 63px;
  width: 49px;
  height: 2px;
  background-color: #fff;
  z-index: 1;
}
.line-about-btn__icon {
  width: 52px;
  flex: 0 0 auto;
  z-index: 2;
}
.line-about-btn__icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 80px;
  height: 79px;
  top: -54px;
  left: 56px;
  background: url(img/front-page/icon_info-new.svg) no-repeat center center;
  background-size: contain;
}
.line-about-btn__label {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  color: var(--c-bk-green);
}
.line-about-btn__arrow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.line-about-btn__arrow::before {
  content: "";
  display: block;
  width: 1px;
  height: 26px;
  background-color: var(--c-bk-green);
}
.line-about-btn__arrow:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: var(--icon-arrow-line) no-repeat center/contain;
  transition: translate 0.3s ease-in-out;
}

.line-how {
  position: relative;
  padding-block: 12px 60px;
}
.line-how:before {
  top: -48px;
}
.line-how-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: -48px;
  bottom: 0;
  overflow: hidden;
  border-radius: 24px 24px 0 0;
}
.line-how-bg__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}
.line-how .line__ttl {
  margin-bottom: 60px;
}
.line-how__innr {
  position: relative;
}
.line-how-fig {
  margin-inline: -24px;
  overflow: hidden;
  margin-bottom: 60px;
}
.line-how-fig__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 393/261;
}
.line-how__reason-list {
  margin-bottom: 40px;
}
.line-how__reason-item {
  border-radius: 14px;
  background-color: var(--c-newnew-lite-green);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--c-black);
  padding: 14px;
}
.line-how__reason-item:not(:last-child) {
  margin-bottom: 16px;
}
.line-how__reason-ttl {
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 18px;
}
.line-how__reason-txt {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
}
.line-how__reason-marker {
  color: var(--c-green);
  background-color: var(--c-yellow);
  border-radius: 6px;
  padding-inline: 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.line-qr:before {
  border-top-left-radius: 0;
}
.line-qr__innr {
  display: grid;
  row-gap: 40px;
  grid-template-areas: "head fig" "info info";
}
.line-qr-header {
  grid-area: head;
  align-self: center;
  max-width: 480px;
}
.line-qr .line__ttl {
  margin-bottom: 10px;
}
.line-qr-fig {
  grid-area: fig;
  margin-right: -4px;
}
.line-qr__txt {
  font-size: 1.6rem;
  color: var(--c-green);
  font-weight: 500;
  line-height: 1.67;
  padding-right: 20px;
}
.line-qr-info {
  grid-area: info;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  row-gap: 24px;
  background-color: #fff;
  border-radius: 12px;
  padding: 16px;
}
.line-qr-info__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  color: var(--c-black);
}
.line-qr-info__icon {
  flex: 0 0 auto;
  width: 60px;
  height: auto;
}
.line-qr-info__lbl {
  flex: 0 1 auto;
  min-width: 0;
  line-height: 1.6;
}
.line-qr-info__txt {
  color: var(--c-black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71;
}

.line-register {
  background-color: unset;
}
.line-register__innr {
  max-width: 1022px;
}
.line-register .line__ttl {
  margin-bottom: 24px;
}
.line-register__txt {
  font-size: 1.5rem;
  color: var(--c-black);
  line-height: 1.87;
  margin-bottom: 24px;
}
.line-register .info-tab {
  line-height: 1.5;
  padding: 10px 24px;
}
.line-register .line-steps {
  max-width: 497px;
  margin-inline: auto;
}
.line-register .line-step {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  height: 100%;
  background-color: var(--c-newnew-lite-green);
  border-radius: 10px;
}
.line-register .line-step:not(:last-child) {
  margin-bottom: 30px;
}
.line-register .line-step__fig {
  position: relative;
  flex: 0 0 auto;
  aspect-ratio: 156/117;
  width: 45.086705%;
}
.line-register .line-step__fig::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 4px;
  width: 16px;
  height: 21px;
  background: var(--icon-arrow-step) no-repeat center/contain;
  z-index: 2;
}
.line-register .line-step:last-child .line-step__fig::after {
  display: none;
}
.line-register .line-step-fig {
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
}
.line-register .line-step-fig__img {
  width: 100%;
  height: 100%;
  object-fit: ccontain;
  object-position: bottom;
}
.line-register .line-step__content {
  flex: 1 1 auto;
  padding: 14px 12px;
}
.line-register .line-step__num {
  display: block;
  flex: 0 0 auto;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--c-green);
  border-bottom: 1px solid var(--c-light-gray);
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.line-register .line-step__txt {
  font-size: 1.5rem;
  line-height: 1.63;
  color: var(--c-text);
  font-feature-settings: "palt";
}

.line-hours::before {
  border-top-left-radius: 0;
}
.line-hours .line__ttl {
  margin-bottom: 20px;
}
.line-hours__content {
  margin-bottom: 20px;
}
.line-hours__txt {
  font-size: 1.5rem;
  color: var(--c-black);
  font-weight: 400;
  line-height: 1.87;
  margin-bottom: 20px;
}
.line-hours__time {
  background-color: #fff;
  border-radius: 12px;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--c-green);
  line-height: 1.5;
  font-feature-settings: "palt";
  padding: 16px 0;
  margin-bottom: 20px;
}
.line-hours__caption {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.71;
  padding-left: 16px;
}
.line-hours__caption:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.line-hours .line__sub-ttl {
  margin-bottom: 24px;
}
.line-hours-visual {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: clamp(30px, 3.2467532468vw, 40px);
  align-items: start;
  max-width: 516px;
  margin-inline: auto;
}
.line-hours-visual__col {
  flex: 1;
}
.line-hours-visual__col--left {
  margin-top: 77px;
}
.line-hours-visual__fig {
  flex: 0 0 auto;
  border-radius: 24px;
  border: 2px solid #fff;
  overflow: hidden;
}
.line-hours-visual__fig:not(:last-child) {
  margin-bottom: 24px;
}
.line-hours-visual__img {
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .line-hero {
    margin-inline: auto;
    padding: 80px 24px 0;
  }
  .line-hero__innr {
    width: 100%;
    grid-template-columns: 1fr 40%;
    grid-template-rows: 1fr;
    row-gap: 50px;
    column-gap: clamp(40px, 8.5227272727vw, 105px);
  }
  .line-hero__content {
    min-width: 300px;
  }
  .line-hero-fig {
    padding: 0 0 24px 24px;
    align-self: start;
    display: flex;
    max-width: 476px;
    margin-bottom: calc(clamp(60px, 60px + 90 * (100vw - 768px) / 255, 150px) * -1);
  }
  .line-hero-fig__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 445/519;
    box-shadow: -24px 24px 0 #dadecc;
  }
  .line-about {
    border-radius: 24px 0 0 0;
    margin-top: -140px;
    padding-block: 60px 128px;
  }
  .line-about:before {
    border-top-left-radius: 24px;
  }
  .line-about__content {
    width: 55.555556%;
    max-width: 497px;
  }
  .line-about-catch {
    display: grid;
    column-gap: 20px;
    grid-template-columns: 55.555556% 1fr;
    align-items: end;
  }
  .line-about-service {
    margin-bottom: 0;
  }
  .line-about-service__header {
    text-align: left;
    padding-inline: 16px;
    max-width: 497px;
  }
  .line-about-service__list {
    margin-bottom: 24px;
    max-width: 497px;
  }
  .line-about-service__txt {
    margin-bottom: 0;
    max-width: 532px;
    text-align: left;
  }
  .line-about-btn__icon {
    width: 55px;
  }
  .line-how {
    padding-bottom: 96px;
  }
  .line-how__reason {
    margin-bottom: 24px;
  }
  .line-how__reason-list {
    margin-bottom: 31px;
  }
  .line-how__reason-item:not(:last-child) {
    margin-bottom: 20px;
  }
  .line-how__reason-ttl {
    margin-bottom: 0;
  }
  .line-qr {
    position: relative;
    padding-top: 0;
  }
  .line-qr__innr {
    grid-template-columns: 59.4911945% 1fr;
  }
  .line-qr-header {
    align-self: end;
    justify-self: end;
    margin-bottom: 20px;
  }
  .line-qr-fig {
    max-width: 260px;
    margin-top: -100px;
  }
  .line-qr-fig__img {
    width: 100%;
    height: auto;
  }
  .line-register__innr {
    width: 82.03125%;
  }
}
@media screen and (min-width: 1024px) {
  .line__ttl {
    font-size: clamp(2.8rem, 2.5974025974vw, 3.2rem);
  }
  .line__ttl--lg {
    font-size: 3.6rem;
  }
  .line__sub-ttl {
    font-size: 2.8rem;
  }
  .line-hero__innr {
    position: relative;
    width: 88.6530014641%;
    grid-template-columns: 1fr clamp(200px, 38.5551948052vw, 475px);
    max-width: 1211px;
    z-index: 2;
  }
  .line-hero .ttl__ja {
    white-space: nowrap;
  }
  .line-hero-fig {
    padding: 0 0 31px 31px;
    margin-bottom: -20px;
  }
  .line-hero-fig__img {
    box-shadow: -31px 31px 0 #dadecc;
  }
  .line-about {
    margin-top: clamp(-388px, -31.58vw + 43.4px, -280px);
    padding-block: 90px 100px;
  }
  .line-about__innr {
    max-width: 1022px;
    width: 82.03125%;
  }
  .line-about__content {
    width: 48.630137%;
  }
  .line-about .line__sub-ttl {
    margin-bottom: 32px;
  }
  .line-about__txt {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
  .line-about-catch {
    column-gap: clamp(20px, 20px + (100vw - 1024px) * 0.22807, 98px);
    grid-template-columns: 52.054795% 1fr;
  }
  .line-about-service__header {
    font-size: 1.8rem;
  }
  .line-about-service__item {
    font-size: 2rem;
    padding-block: 8px;
  }
  .line-about-service__txt {
    font-size: 2.8rem;
  }
  .line-about-btn-wrap {
    text-align: left;
    margin-right: -70px;
    margin-bottom: 6px;
  }
  .line-about-btn {
    max-width: 458px;
    padding: 22px 20px;
  }
  .line-about-btn:after {
    left: 73px;
    width: 63px;
  }
  .line-about-btn__label {
    font-size: clamp(2rem, 2.2727272727vw, 2.8rem);
  }
  .line-about-btn__icon:before {
    width: 100px;
    height: 99px;
    top: -65px;
    left: 64px;
  }
  .line-about-btn__arrow {
    column-gap: 20px;
  }
  .line-about-btn__arrow:before {
    width: 2px;
    height: 50px;
  }
  .line-how {
    container-type: inline-size;
    padding-block: 95px 140px;
  }
  .line-how:before {
    top: 0;
  }
  .line-how-bg {
    border-radius: 0;
    margin-left: 4.9048316252%;
    top: 0;
  }
  .line-how__innr {
    max-width: 1022px;
    width: 82.03125%;
    display: flex;
    column-gap: clamp(80px, 8.9285714286vw, 110px);
  }
  .line-how__header {
    flex: 1 0 auto;
  }
  .line-how .line__ttl {
    margin-bottom: 80px;
  }
  .line-how-fig {
    margin-left: calc((min(82.03125cqw, 1022px) - 90.19033675cqw) / 2);
    margin-right: 0;
    max-height: 331px;
    margin-bottom: 0;
  }
  .line-how__reason {
    flex: 1 1 auto;
  }
  .line-how__reason-list {
    margin-bottom: 28px;
  }
  .line-how__reason-item {
    padding: 24px 27px;
    font-size: 1.8rem;
  }
  .line-how__reason-ttl {
    font-size: 3.2rem;
  }
  .line-how__reason-txt {
    font-size: 2rem;
  }
  .line-qr {
    padding-block: 80px 100px;
  }
  .line-qr-header {
    max-width: 608px;
  }
  .line-qr-header .line__ttl {
    margin-bottom: 24px;
  }
  .line-qr__innr {
    max-width: 1022px;
    width: 82.03125%;
    grid-template-columns: clamp(400px, 49.3506493506vw, 608px) 1fr;
    column-gap: clamp(40px, 4.0584415584vw, 50px);
    grid-template-areas: "head fig" "info fig";
  }
  .line-qr__txt {
    font-size: clamp(1.8rem, 1.9480519481vw, 2.4rem);
    padding-right: 0;
  }
  .line-qr-fig {
    max-width: 602px;
    margin-right: -68px;
    margin-top: -160px;
    margin-bottom: -34px;
  }
  .line-qr-info {
    grid-template-columns: 125px 1fr;
    grid-template-rows: min-content min-content;
    align-items: start;
    gap: 12px 30px;
    grid-template-areas: "fig ttl" "fig txt";
    padding: 24px;
  }
  .line-qr-info__ttl {
    grid-area: ttl;
    font-size: 2rem;
  }
  .line-qr-info__fig {
    grid-area: fig;
    align-self: center;
  }
  .line-qr-info__txt {
    grid-area: txt;
  }
  .line-register__txt {
    font-size: 1.6rem;
    margin-bottom: 60px;
  }
  .line-register .flow__panel {
    display: block;
  }
  .line-register .info__badge {
    display: block;
    font-size: 1.8rem;
    line-height: 1.78rem;
    font-weight: 500;
    width: 100%;
    height: auto;
    padding: 18px 24px;
    margin-bottom: 20px;
  }
  .line-register .line-step {
    align-items: flex-start;
  }
  .line-register .line-step__fig {
    width: 36.619718%;
  }
  .line-hours {
    padding-block: 76px 94px;
    margin-bottom: calc(clamp(140px, 140px + (100vw - 1024px) * 0.42105, 284px) * -1);
  }
  .line-hours__innr {
    max-width: 1022px;
    width: 82.03125%;
    display: flex;
    column-gap: 25px;
  }
  .line-hours .line__ttl {
    font-size: 3.6rem;
  }
  .line-hours__detail {
    flex: 0 0 auto;
    width: 53.620352%;
  }
  .line-hours__content {
    max-width: 497px;
  }
  .line-hours__txt {
    font-size: 1.6rem;
  }
  .line-hours__time {
    font-size: 2.8rem;
    text-align: left;
    padding: 15px 18px;
  }
  .line-hours .line__sub-ttl {
    max-width: 494px;
  }
  .line-hours-visual {
    position: relative;
    z-index: 2;
    width: 100%;
    flex: 1 1 auto;
    margin-top: -10px;
    margin-right: -71px;
  }
  .line-hours-visual__fig:not(:last-child) {
    margin-bottom: 45px;
  }
  .line-hours-visual__col--left {
    margin-top: 130px;
  }
  .matsuki-line .sell-consultation {
    padding-top: clamp(107px, 107px + (100vw - 1024px) * 0.17544, 167px);
  }
  .matsuki-line .sell-consultation:before {
    border-top-left-radius: 0;
  }
}
/*////////////////*/
/*--- Favorite ---*/
/*////////////////*/
.fav-list {
  padding: 30px 16px;
  background-color: #fff;
  border-radius: 16px;
}
.fav-list__item:not(:nth-last-of-type(1)) {
  margin-bottom: 30px;
}

.fav__empty {
  padding: 16px;
  color: var(--c-gray);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
}

@media screen and (min-width: 768px) {
  .fav-list {
    padding: 36px 24px;
    border-radius: 20px;
  }
  .fav-list__item:not(:nth-last-of-type(1)) {
    margin-bottom: 36px;
  }
  .fav__empty {
    padding: 24px 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .fav-list {
    padding: 36px clamp(32px, 3.47222222%, 40px);
  }
}
body.details :root {
  --font-noto: "Noto Sans JP", sans-serif;
  --font-num: "Marcellus", serif;
  --font-en: "Public Sans", sans-serif;
  --c-black: #0d100f;
  --c-new-black: #111111;
  --c-red: #c30606;
  --c-gray: #707070;
  --c-light-gray: #c7ccb6;
  --c-light-beige: #f2f4ec;
  --c-green: #005c26;
  --c-bk-green: #278e2e;
  --c-fl-green: #00b900;
  --c-light-green: #4ca223;
  --c-new-lite-green: #6DAD19;
  --c-newnew-lite-green: #F9FAF7;
  --c-yellow: #f4dd9d;
  --c-gold: #d1a64d;
  --icon-arrow: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzk0MyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgOTQzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMDA1YzI2Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0i44Kw44Or44O844OXXzc2OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzY5IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzI0NyIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ3IiBkPSJNMjcuMjMzLDMxLjg2NWExLjIzMywxLjIzMywwLDAsMS0uODcyLTIuMWw3LjQtNy40QTEuMjMzLDEuMjMzLDAsMSwxLDM1LjUsMjQuMWwtNy40LDcuNGExLjIyOCwxLjIyOCwwLDAsMS0uODcyLjM2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNzY3IC04LjIzMykiIGZpbGw9IiMwMDVjMjYiLz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ4IiBkYXRhLW5hbWU9IuODkeOCuSAyNDgiIGQ9Ik0zNC42MzIsMTkuODY1YTEuMjI4LDEuMjI4LDAsMCwxLS44NzItLjM2MWwtNy40LTcuNEExLjIzMywxLjIzMywwLDEsMSwyOC4xLDEwLjM2MWw3LjQsNy40YTEuMjMzLDEuMjMzLDAsMCwxLS44NzIsMi4xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS43NjcgLTMuNjMyKSIgZmlsbD0iIzAwNWMyNiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI2Ljk2MywyNC40NjZINy4yMzNhMS4yMzMsMS4yMzMsMCwwLDEsMC0yLjQ2NkgyNi45NjNhMS4yMzMsMS4yMzMsMCwwLDEsMCwyLjQ2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDk4IC04LjIzMykiIGZpbGw9IiMwMDVjMjYiLz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-line: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMjc4ZTJlIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0i44Kw44Or44O844OXXzE0NDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE0NDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjMgMC4yMykiPgogICAgPGcgaWQ9IuOCsOODq+ODvOODl183NjkiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDc2OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjMgLTAuMjMpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ3IiBkYXRhLW5hbWU9IuODkeOCuSAyNDciIGQ9Ik0yNy4yMzMsMzEuODY1YTEuMjMzLDEuMjMzLDAsMCwxLS44NzItMi4xbDcuNC03LjRBMS4yMzMsMS4yMzMsMCwxLDEsMzUuNSwyNC4xbC03LjQsNy40YTEuMjI4LDEuMjI4LDAsMCwxLS44NzIuMzYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS43NjcgLTguMjMzKSIgZmlsbD0iIzI3OGUyZSIvPgogICAgICA8cGF0aCBpZD0i44OR44K5XzI0OCIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ4IiBkPSJNMzQuNjMyLDE5Ljg2NWExLjIyOCwxLjIyOCwwLDAsMS0uODcyLS4zNjFsLTcuNC03LjRBMS4yMzMsMS4yMzMsMCwxLDEsMjguMSwxMC4zNjFsNy40LDcuNGExLjIzMywxLjIzMywwLDAsMS0uODcyLDIuMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNzY3IC0zLjYzMikiIGZpbGw9IiMyNzhlMmUiLz4KICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI2Ljk2MywyNC40NjZINy4yMzNhMS4yMzMsMS4yMzMsMCwwLDEsMC0yLjQ2NkgyNi45NjNhMS4yMzMsMS4yMzMsMCwwLDEsMCwyLjQ2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDk4IC04LjIzMykiIGZpbGw9IiMyNzhlMmUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-white: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzk0NCIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgOTQ0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZmIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0i44Kw44Or44O844OXXzc2OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzY5IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0i44OR44K5XzI0NyIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ3IiBkPSJNMjcuMjMzLDMxLjg2NWExLjIzMywxLjIzMywwLDAsMS0uODcyLTIuMWw3LjQtNy40QTEuMjMzLDEuMjMzLDAsMSwxLDM1LjUsMjQuMWwtNy40LDcuNGExLjIyOCwxLjIyOCwwLDAsMS0uODcyLjM2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNzY3IC04LjIzMykiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ4IiBkYXRhLW5hbWU9IuODkeOCuSAyNDgiIGQ9Ik0zNC42MzIsMTkuODY1YTEuMjI4LDEuMjI4LDAsMCwxLS44NzItLjM2MWwtNy40LTcuNEExLjIzMywxLjIzMywwLDEsMSwyOC4xLDEwLjM2MWw3LjQsNy40YTEuMjMzLDEuMjMzLDAsMCwxLS44NzIsMi4xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS43NjcgLTMuNjMyKSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI2Ljk2MywyNC40NjZINy4yMzNhMS4yMzMsMS4yMzMsMCwwLDEsMC0yLjQ2NkgyNi45NjNhMS4yMzMsMS4yMzMsMCwwLDEsMCwyLjQ2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDk4IC04LjIzMykiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-black: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMWIxYjFiIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0i44Kw44Or44O844OXXzc4NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzg3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjIzIDAuMjMpIj4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjIzIC0wLjIzKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICA8cGF0aCBpZD0i44OR44K5XzI0NyIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ3IiBkPSJNMjcuMjMzLDMxLjg2NWExLjIzMywxLjIzMywwLDAsMS0uODcyLTIuMWw3LjQtNy40QTEuMjMzLDEuMjMzLDAsMSwxLDM1LjUsMjQuMWwtNy40LDcuNGExLjIyOCwxLjIyOCwwLDAsMS0uODcyLjM2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNzY3IC04LjIzMykiIGZpbGw9IiMxYjFiMWIiLz4KICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTM0LjYzMiwxOS44NjVhMS4yMjgsMS4yMjgsMCwwLDEtLjg3Mi0uMzYxbC03LjQtNy40QTEuMjMzLDEuMjMzLDAsMSwxLDI4LjEsMTAuMzYxbDcuNCw3LjRhMS4yMzMsMS4yMzMsMCwwLDEtLjg3MiwyLjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Ljc2NyAtMy42MzIpIiBmaWxsPSIjMWIxYjFiIi8+CiAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ5IiBkYXRhLW5hbWU9IuODkeOCuSAyNDkiIGQ9Ik0yNi45NjMsMjQuNDY2SDcuMjMzYTEuMjMzLDEuMjMzLDAsMCwxLDAtMi40NjZIMjYuOTYzYTEuMjMzLDEuMjMzLDAsMCwxLDAsMi40NjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjA5OCAtOC4yMzMpIiBmaWxsPSIjMWIxYjFiIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=');
  --icon-arrow-circle: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yMyAtMC4yMykiIGZpbGw9IiNmZmYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTAyMSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTAyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMzcgLTI4NjEpIj4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEyOSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEyOSIgd2lkdGg9IjQ2IiBoZWlnaHQ9IjQ2IiByeD0iMjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMzcgMjg2MSkiIGZpbGw9IiM2ZGFkMTkiLz4KICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzgyIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3ODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNDMuMjMgMjg2Ny4yMykiPgogICAgICA8ZyBpZD0i44Kw44Or44O844OXXzc2OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzY5IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDciIGRhdGEtbmFtZT0i44OR44K5IDI0NyIgZD0iTTI3LjQsMzMuMThhMS40LDEuNCwwLDAsMS0uOTg4LTIuMzg2bDguMzg1LTguMzg1YTEuNCwxLjQsMCwwLDEsMS45NzYsMS45NzZsLTguMzg1LDguMzg1YTEuMzkyLDEuMzkyLDAsMCwxLS45ODguNDA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTYuNjI4KSIgZmlsbD0iI2ZmZiIvPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ4IiBkYXRhLW5hbWU9IuODkeOCuSAyNDgiIGQ9Ik0zNS43ODMsMjEuMThhMS4zOTIsMS4zOTIsMCwwLDEtLjk4OC0uNDA5TDI2LjQxLDEyLjM4NmExLjQsMS40LDAsMCwxLDEuOTc2LTEuOTc2bDguMzg1LDguMzg1YTEuNCwxLjQsMCwwLDEtLjk4OCwyLjM4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuODMzIC0zLjAxMykiIGZpbGw9IiNmZmYiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzI0OSIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ5IiBkPSJNMjkuNzU4LDI0LjhINy40YTEuNCwxLjQsMCwwLDEsMC0yLjhoMjIuMzZhMS40LDEuNCwwLDAsMSwwLDIuOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODA3IC02LjYyNykiIGZpbGw9IiNmZmYiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+');
  --icon-arrow-circle-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA0NiA0NiI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjMzLjY5OCIgaGVpZ2h0PSIzMy42OTgiIGZpbGw9IiMwMDVjMjYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTE1NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTE1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxOCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV8zMDciIGRhdGEtbmFtZT0i44OR44K5IDMwNyIgZD0iTTIzLDBBMjMsMjMsMCwxLDEsMCwyMywyMywyMywwLDAsMSwyMywwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTgpIiBmaWxsPSIjZmZmIi8+CiAgICA8ZyBpZD0i44Kw44Or44O844OXXzc5NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzk3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IC0xMikiPgogICAgICA8ZyBpZD0i44Kw44Or44O844OXXzc2OSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzY5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDciIGRhdGEtbmFtZT0i44OR44K5IDI0NyIgZD0iTTI3LjM4NCwzMy4wNzJhMS4zODQsMS4zODQsMCwwLDEtLjk3OC0yLjM2Mmw4LjMtOC4zYTEuMzg0LDEuMzg0LDAsMCwxLDEuOTU3LDEuOTU3bC04LjMsOC4zYTEuMzc4LDEuMzc4LDAsMCwxLS45NzguNDA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy40NSAtNi4yMTgpIiBmaWxsPSIjMjc4ZTJlIi8+CiAgICAgICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTM1LjY4OCwyMS4wNzJhMS4zNzksMS4zNzksMCwwLDEtLjk3OC0uNDA2bC04LjMtOC4zYTEuMzg0LDEuMzg0LDAsMSwxLDEuOTU3LTEuOTU3bDguMyw4LjNhMS4zODQsMS4zODQsMCwwLDEtLjk3OCwyLjM2MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNDUgLTIuNTIyKSIgZmlsbD0iIzI3OGUyZSIvPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ5IiBkYXRhLW5hbWU9IuODkeOCuSAyNDkiIGQ9Ik0yOS41MjgsMjQuNzY4SDcuMzg0YTEuMzg0LDEuMzg0LDAsMCwxLDAtMi43NjhIMjkuNTI4YTEuMzg0LDEuMzg0LDAsMCwxLDAsMi43NjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjI5IC02LjIxOCkiIGZpbGw9IiMyNzhlMmUiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+);
  --icon-arrow-circle-yellow-green: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAxKSIgZmlsbD0iIzAwNWMyNiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9IuOCsOODq+ODvOODl185NzUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDk3NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxOCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV8zMDciIGRhdGEtbmFtZT0i44OR44K5IDMwNyIgZD0iTTE4LDBBMTgsMTgsMCwxLDEsMCwxOCwxOCwxOCwwLDAsMSwxOCwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTgpIiBmaWxsPSIjYzdjY2I2Ii8+CiAgICA8ZyBpZD0i44Kw44Or44O844OXXzc5NyIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzk3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1IDQuOTk5KSI+CiAgICAgIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTE4KSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ3IiBkYXRhLW5hbWU9IuODkeOCuSAyNDciIGQ9Ik0yNy4wODYsMzAuNjg2YTEuMDg2LDEuMDg2LDAsMCwxLS43NjgtMS44NTNsNi41MTQtNi41MTRhMS4wODYsMS4wODYsMCwwLDEsMS41MzUsMS41MzVsLTYuNTE0LDYuNTE0YTEuMDgxLDEuMDgxLDAsMCwxLS43NjguMzE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuNzgzIC05Ljk1NCkiIGZpbGw9IiMwMDVjMjYiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzI0OCIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ4IiBkPSJNMzMuNiwxOC42ODZhMS4wODEsMS4wODEsMCwwLDEtLjc2OC0uMzE4bC02LjUxNC02LjUxNGExLjA4NiwxLjA4NiwwLDAsMSwxLjUzNS0xLjUzNWw2LjUxNCw2LjUxNGExLjA4NiwxLjA4NiwwLDAsMS0uNzY4LDEuODUzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEuNzgzIC00LjQ2OCkiIGZpbGw9IiMwMDVjMjYiLz4KICAgICAgICA8cGF0aCBpZD0i44OR44K5XzI0OSIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ5IiBkPSJNMjQuNDU3LDI0LjE3MUg3LjA4NmExLjA4NiwxLjA4NiwwLDEsMSwwLTIuMTcxSDI0LjQ1N2ExLjA4NiwxLjA4NiwwLDEsMSwwLDIuMTcxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi42NCAtOS45NTQpIiBmaWxsPSIjMDA1YzI2Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-step: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4xMTIiIGhlaWdodD0iMjAuNzE2IiB2aWV3Qm94PSIwIDAgMTYuMTEyIDIwLjcxNiI+CiAgPGcgaWQ9Ikdyb3VwXzk5NCIgZGF0YS1uYW1lPSJHcm91cCA5OTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4MTMuMDU2IC0zNjMuNjQyKSByb3RhdGUoOTApIj4KICAgIDxwYXRoIGlkPSJQYXRoXzI0NyIgZGF0YS1uYW1lPSJQYXRoIDI0NyIgZD0iTTI3LjE1MSwzMS4yMDdhMS4xNTEsMS4xNTEsMCwwLDEtLjgxNC0xLjk2NWw2LjkwNS02LjkwNWExLjE1MSwxLjE1MSwwLDAsMSwxLjYyNywxLjYyN0wyNy45NjUsMzAuODdhMS4xNDYsMS4xNDYsMCwwLDEtLjgxNC4zMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM0OS4xNTEgODc4MS44NDkpIiBmaWxsPSIjNGNhMjIzIi8+CiAgICA8cGF0aCBpZD0iUGF0aF8yNDgiIGRhdGEtbmFtZT0iUGF0aCAyNDgiIGQ9Ik0zNC4wNTYsMTkuMjA3YTEuMTQ2LDEuMTQ2LDAsMCwxLS44MTQtLjMzN2wtNi45MDUtNi45MDVhMS4xNTEsMS4xNTEsMCwwLDEsMS42MjctMS42MjdsNi45MDUsNi45MDVhMS4xNTEsMS4xNTEsMCwwLDEtLjgxNCwxLjk2NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ5LjE1MSA4Nzg2Ljk0MykiIGZpbGw9IiM0Y2EyMjMiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzI0OSIgZGF0YS1uYW1lPSJQYXRoIDI0OSIgZD0iTTI1LjU2NSwyNC4zSDcuMTUxYTEuMTUxLDEuMTUxLDAsMCwxLDAtMi4zSDI1LjU2NWExLjE1MSwxLjE1MSwwLDAsMSwwLDIuMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU3LjY0MiA4NzgxLjg1KSIgZmlsbD0iIzRjYTIyMyIvPgogIDwvZz4KPC9zdmc+);
  --icon-arrow-right-bk-green: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzEyNjgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDEyNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IumVt+aWueW9ol8yMTAwIiBkYXRhLW5hbWU9IumVt+aWueW9oiAyMTAwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IiMyNzhlMmUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMjQ3IiBkYXRhLW5hbWU9IuODkeOCuSAyNDciIGQ9Ik0yNi43NCwyNy45MTlhLjc0Ljc0LDAsMCwxLS41MjMtMS4yNjNsNC40MzktNC40MzlBLjc0Ljc0LDAsMCwxLDMxLjcsMjMuMjYzTDI3LjI2MywyNy43YS43MzcuNzM3LDAsMCwxLS41MjMuMjE3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMjYgLTEzLjc0KSIgZmlsbD0iIzI3OGUyZSIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTMxLjE3OSwxNS45MTlhLjczNy43MzcsMCwwLDEtLjUyMy0uMjE3bC00LjQzOS00LjQzOWEuNzQuNzQsMCwwLDEsMS4wNDYtMS4wNDZMMzEuNywxNC42NTZhLjc0Ljc0LDAsMCwxLS41MjMsMS4yNjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNi4yNiAtNi4xNzkpIiBmaWxsPSIjMjc4ZTJlIi8+CiAgICA8cGF0aCBpZD0i44OR44K5XzI0OSIgZGF0YS1uYW1lPSLjg5HjgrkgMjQ5IiBkPSJNMTguNTc4LDIzLjQ4SDYuNzRhLjc0Ljc0LDAsMCwxLDAtMS40OEgxOC41NzhhLjc0Ljc0LDAsMCwxLDAsMS40OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuNjU5IC0xMy43NCkiIGZpbGw9IiMyNzhlMmUiLz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-arrow-select: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS43MzciIGhlaWdodD0iNi43NjQiIHZpZXdCb3g9IjAgMCAxMS43MzcgNi43NjQiPgogIDxwYXRoIGlkPSLjg5HjgrlfNjk5IiBkYXRhLW5hbWU9IuODkeOCuSA2OTkiIGQ9Ik03MDA5LjUxMywxMTcxMS42NTZsNC4zOTEsNC4zNTEsNC41MTktNC4zNTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MDA4LjA5OSAtMTE3MTAuMjQyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA1YzI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=);
  --icon-confirm: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=);
  --icon-back: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yMyAtMC4yMykiIGZpbGw9IiMwMDVjMjYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjc3IDMzLjc3KSByb3RhdGUoMTgwKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDciIGRhdGEtbmFtZT0i44OR44K5IDI0NyIgZD0iTTI3LjQsMzMuMThhMS40LDEuNCwwLDAsMS0uOTg4LTIuMzg2TDM0LjgsMjIuNDA5YTEuNCwxLjQsMCwwLDEsMS45NzYsMS45NzZMMjguMzg4LDMyLjc3YTEuMzkyLDEuMzkyLDAsMCwxLS45ODguNDA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTYuNjI4KSIgZmlsbD0iIzRjYTIyMyIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTM1Ljc4MywyMS4xOGExLjM5MiwxLjM5MiwwLDAsMS0uOTg4LS40MDlMMjYuNDEsMTIuMzg2YTEuNCwxLjQsMCwwLDEsMS45NzYtMS45NzZMMzYuNzcxLDE4LjhhMS40LDEuNCwwLDAsMS0uOTg4LDIuMzg2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTMuMDEzKSIgZmlsbD0iIzRjYTIyMyIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI5Ljc1OCwyNC44SDcuNGExLjQsMS40LDAsMCwxLDAtMi44SDI5Ljc2YTEuNCwxLjQsMCwxLDEsMCwyLjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjgwNyAtNi42MjcpIiBmaWxsPSIjNGNhMjIzIi8+CiAgPC9nPgo8L3N2Zz4=);
  --icon-back-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMjEwMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjEwMCIgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4yMyAtMC4yMykiIGZpbGw9IiNmZmYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfNzY5IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA3NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjc3IDMzLjc3KSByb3RhdGUoMTgwKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDciIGRhdGEtbmFtZT0i44OR44K5IDI0NyIgZD0iTTI3LjQsMzMuMThhMS40LDEuNCwwLDAsMS0uOTg4LTIuMzg2bDguMzg1LTguMzg1YTEuNCwxLjQsMCwwLDEsMS45NzYsMS45NzZsLTguMzg1LDguMzg1YTEuMzkyLDEuMzkyLDAsMCwxLS45ODguNDA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTYuNjI4KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDgiIGRhdGEtbmFtZT0i44OR44K5IDI0OCIgZD0iTTM1Ljc4MywyMS4xOGExLjM5MiwxLjM5MiwwLDAsMS0uOTg4LS40MDlMMjYuNDEsMTIuMzg2YTEuNCwxLjQsMCwwLDEsMS45NzYtMS45NzZsOC4zODUsOC4zODVhMS40LDEuNCwwLDAsMS0uOTg4LDIuMzg2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy44MzMgLTMuMDEzKSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV8yNDkiIGRhdGEtbmFtZT0i44OR44K5IDI0OSIgZD0iTTI5Ljc1OCwyNC44SDcuNGExLjQsMS40LDAsMCwxLDAtMi44aDIyLjM2YTEuNCwxLjQsMCwwLDEsMCwyLjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjgwNyAtNi42MjcpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4=);
  --icon-check-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZyBpZD0i44Kw44Or44O844OXXzE1NDMiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE1NDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OSAtNTIwKSI+CiAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfOTQiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDk0IiBjeD0iOSIgY3k9IjkiIHI9IjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk5IDUyMCkiIGZpbGw9IiM0Y2EyMjMiLz4KICAgIDxwYXRoIGlkPSJpY29uX2NoZWNrIiBkPSJNMTIsNiw2LjUsMTEuNSw0LDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCA1MjAuMjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPC9nPgo8L3N2Zz4=);
  --icon-search: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS42MzgiIGhlaWdodD0iMTkuNjM1IiB2aWV3Qm94PSIwIDAgMTkuNjM4IDE5LjYzNSI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xNTUxIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAxNTUxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOS42MzgpIHJvdGF0ZSg5MCkiPgogICAgPHBhdGggaWQ9IuODkeOCuV80NDMiIGRhdGEtbmFtZT0i44OR44K5IDQ0MyIgZD0iTTYuMjY3LjI1NGEuODY0Ljg2NCwwLDAsMC0xLjIyMywwTDAsNS4zQTguNzU0LDguNzU0LDAsMCwxLDEuMjIzLDYuNTIxTDYuMjY3LDEuNDc3YS44NzEuODcxLDAsMCwwLDAtMS4yMjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjExNyAwKSIgZmlsbD0iIzAwNWMyNiIvPgogICAgPHBhdGggaWQ9IuODkeOCuV80NDQiIGRhdGEtbmFtZT0i44OR44K5IDQ0NCIgZD0iTTE2LjQ2NCw4LjIzMmE4LjIzMiw4LjIzMiwwLDEsMC04LjIzMiw4LjIzMiw4LjIzMiw4LjIzMiwwLDAsMCw4LjIzMi04LjIzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzLjE3NCkiIGZpbGw9IiMwMDVjMjYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogICAgPHBhdGggaWQ9IuODkeOCuV80NDUiIGRhdGEtbmFtZT0i44OR44K5IDQ0NSIgZD0iTTEyLjg1Nyw2LjQyOGE2LjQyOCw2LjQyOCwwLDEsMC02LjQyOCw2LjQyOCw2LjQyOCw2LjQyOCwwLDAsMCw2LjQyOC02LjQyOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS44MDQgNC45NzcpIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KICA8L2c+Cjwvc3ZnPg==);
  --icon-copy: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMS43MTQiIHZpZXdCb3g9IjAgMCAxOSAyMS43MTQiPgogIDxwYXRoIGlkPSJjb3B5LXNvbGlkLWZ1bGwiIGQ9Ik0xMDQuMTQzLDY0YTIuNzE3LDIuNzE3LDAsMCwwLTIuNzE0LDIuNzE0Vjc3LjU3MWEyLjcxNywyLjcxNywwLDAsMCwyLjcxNCwyLjcxNGg4LjE0M0EyLjcxNywyLjcxNywwLDAsMCwxMTUsNzcuNTcxVjY5LjA2NGEyLjcxOCwyLjcxOCwwLDAsMC0uODM1LTEuOTU5bC0yLjQ0Ny0yLjM1QTIuNzE5LDIuNzE5LDAsMCwwLDEwOS44MzksNjRabS01LjQyOSw1LjQyOUEyLjcxNywyLjcxNywwLDAsMCw5Niw3Mi4xNDNWODNhMi43MTcsMi43MTcsMCwwLDAsMi43MTQsMi43MTRoOC4xNDNBMi43MTcsMi43MTcsMCwwLDAsMTA5LjU3MSw4M3YtLjY3OWgtMi43MTRWODNIOTguNzE0VjcyLjE0M2guNjc5VjY5LjQyOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NiAtNjQpIiBmaWxsPSIjMDA1YzI2Ii8+Cjwvc3ZnPg==);
}
body.details {
  --color-primary: #2e7d32;
  --color-primary-dark: #1b5e20;
  --color-primary-light: #e8f5e9;
  --color-text: #333;
  --color-text-light: #666;
  --color-border: #ddd;
  --color-bg-light: #f8f8f8;
  --color-white: #fff;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --radius: 4px;
  --radius-lg: 6px;
  --transition: 0.5s ease;
  --container-max: 1147px;
  --gutter: 16px;
}
body.details .content-wrapper {
  width: 100%;
  margin: 26px auto 0;
  position: relative;
  padding-bottom: 80px;
}
body.details .content-wrapper::before {
  content: "";
  display: block;
  max-width: 1232px;
  background-color: #fff;
  position: absolute;
  inset: 0 0 -24px 0;
  margin: auto;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  body.details .content-wrapper {
    padding-bottom: 104px;
    margin-top: 32px;
  }
  body.details .content-wrapper::before {
    bottom: -36px;
  }
}
@media screen and (min-width: 1024px) {
  body.details .content-wrapper {
    padding-bottom: 120px;
    margin-top: 40px;
  }
  body.details .content-wrapper::before {
    width: 90.190336749%;
  }
}
body.details .property-hero__inner {
  max-width: var(--container-max);
  margin: 0 auto;
}
body.details .property-hero__head {
  gap: 8px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  body.details .property-hero__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--c-light-beige);
    border-radius: 12px;
    padding: 14px 10px 14px 22px;
  }
}
body.details .property-hero__head-wrapper {
  background-color: var(--c-light-beige);
  padding: 6px;
  border-radius: 12px;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (min-width: 768px) {
  body.details .property-hero__head-wrapper {
    background-color: transparent;
    padding: 0;
    gap: 18px;
  }
}
body.details .property-hero__badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--c-green);
  white-space: nowrap;
  flex-shrink: 0;
  background-color: #fff;
  min-width: 86px;
  justify-content: center;
}
@media (min-width: 768px) {
  body.details .property-hero__badge {
    font-size: 15px;
    line-height: 21px;
  }
}
body.details .property-hero__title {
  flex: 1;
  font-size: 18px;
  font-weight: 500;
  color: var(--c-black);
  line-height: 26px;
  margin: 0;
  display: inline;
}
@media (min-width: 768px) {
  body.details .property-hero__title {
    font-size: 24px;
    line-height: 35px;
  }
}
body.details .property-hero__fav {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 7px;
  border: 1px solid var(--c-green);
  border-radius: 10px;
  color: var(--c-green);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
  flex-shrink: 0;
  margin: 12px 0 12px auto;
  background-color: #fff;
}
@media (min-width: 768px) {
  body.details .property-hero__fav {
    margin: 0 0 0 auto;
  }
}
body.details .property-hero__fav::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(./img/properties-search-result/icon-heart.svg);
  background-size: contain;
  transition: all 0.3s ease;
}
body.details .property-hero__fav--active {
  background: linear-gradient(#f9e3a5 0%, #d5b663 100%);
  border: 1px solid #d1a64d;
}
body.details .property-hero__fav--active::before {
  background-image: url(./img/properties-search-result/icon-heart-active.svg);
}
body.details .property-hero__fav--active {
  color: #fff;
}
body.details .property-hero__body {
  display: flex;
  /* required for order to work on SP */
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
}
body.details .property-hero__media {
  width: 100%;
}
body.details .property-hero__main-img {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: var(--radius);
  background: #eee;
}
@media screen and (min-width: 1024px) {
  body.details .property-hero__main-img {
    border-radius: var(--radius-lg);
  }
}
body.details .property-hero__main-img-el {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
body.details .property-hero__thumbs {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  list-style: none;
  padding: 0;
}
body.details .property-hero__thumbs::-webkit-scrollbar {
  display: none;
}
body.details .property-hero__thumb-item {
  flex-shrink: 0;
  height: auto;
  border-radius: 6px;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color var(--transition);
}
body.details .property-hero__thumb-item:hover {
  border-color: var(--color-primary) !important;
}
body.details .property-hero__media {
  order: 1;
  max-width: 450px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  body.details .property-hero__media {
    margin: 0;
    max-width: none;
  }
}
body.details .property-hero__thumbs-wrap {
  order: 2;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  body.details .property-hero__thumbs-wrap {
    margin-left: 0;
    max-width: none;
  }
}
body.details .property-hero__info {
  order: 3;
  width: 100%;
  display: flex;
  flex-direction: column;
}
body.details .property-hero__price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 10px 0 6px;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 4px;
}
body.details .property-hero__price-label {
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
}
body.details .property-hero__price-value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-primary-dark);
  letter-spacing: 0.02em;
}
body.details .property-hero__price-unit {
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
}
body.details .property-hero__specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--c-light-gray);
  margin-top: 20px;
}
@media (min-width: 768px) {
  body.details .property-hero__specs {
    margin-top: 0;
  }
}
body.details .property-hero__spec-item {
  grid-column: span 2;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: stretch;
  position: relative;
  line-height: 1.5;
}
@media (min-width: 768px) {
  body.details .property-hero__spec-item {
    grid-column: span 1;
  }
  body.details .property-hero__spec-item--wide {
    grid-column: span 2 !important;
  }
}
body.details .property-hero__spec-item--area {
  grid-column: span 1;
}
body.details .property-hero__spec-item--area:nth-child(odd)::before {
  display: block;
  content: "";
  width: 1px;
  height: 18px;
  background-color: var(--c-light-gray);
  position: absolute;
  left: calc(100% - 50vw + 24px);
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  body.details .property-hero__spec-item--area:nth-child(odd)::before {
    display: none;
  }
}
body.details .property-hero__spec-item--area:nth-child(odd) .property-hero__spec-label {
  padding-left: 12px;
}
@media (min-width: 768px) {
  body.details .property-hero__spec-item--area:nth-child(odd) .property-hero__spec-label {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  body.details .property-hero__spec-item:nth-child(even):not(.property-hero__spec-item--wide) .property-hero__spec-label {
    padding-left: 20px;
  }
  body.details .property-hero__spec-item:nth-child(even):not(.property-hero__spec-item--wide)::before {
    display: block;
    content: "";
    width: 1px;
    height: 18px;
    background-color: var(--c-light-gray);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
body.details .property-hero__spec-label,
body.details .property-hero__spec-value {
  padding: 12px 10px 12px 0;
  border-bottom: 1px solid var(--c-light-gray);
  box-sizing: border-box;
}
body.details .property-hero__spec-label {
  font-weight: 500;
  font-size: 1.4rem;
  text-align: left;
  color: rgba(13, 16, 15, 0.6);
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  body.details .property-hero__spec-label {
    padding: 15px 10px 14px 0;
  }
}
body.details .property-hero__spec-value {
  color: var(--c-black);
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
body.details .property-hero__spec-value-mesure {
  color: rgba(13, 16, 15, 0.6);
}
@media (min-width: 768px) {
  body.details .property-hero__spec-value {
    white-space: normal;
    padding: 14px 10px 14px 0;
  }
}
body.details .property-hero__spec-value-price {
  font-size: 18px;
  margin-right: 6px;
}
@media (min-width: 768px) {
  body.details .property-hero__spec-value-price {
    font-size: 20px;
  }
}
body.details .property-hero__spec-item:has(.property-hero__spec-value--sellpoint) {
  grid-template-columns: 1fr;
}
body.details .property-hero__spec-value--sellpoint {
  line-height: 25px;
  white-space: unset;
}
@media (min-width: 768px) {
  body.details .property-hero__spec-value--sellpoint {
    border-bottom: none;
  }
}
body.details .property-hero__sellpoint {
  background: var(--color-primary-light);
  border-left: 4px solid var(--color-primary);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 12px 14px;
  margin-bottom: 16px;
}
body.details .property-hero__sellpoint-text {
  font-size: var(--font-size-sm);
  color: var(--color-text);
  line-height: 1.7;
  margin: 0;
}
body.details .property__contact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: var(--radius);
  font-size: var(--font-size-base);
  font-weight: 700;
  text-decoration: none;
  transition: opacity var(--transition);
}
body.details .property__contact-btn:hover {
  opacity: 0.85;
}
body.details .property__contact-btn--mail {
  background: var(--color-primary);
  color: var(--color-white);
}
body.details .property__contact-btn--tel {
  background: var(--color-primary-dark);
  color: var(--color-white);
}
body.details .property__contact-btn--doc {
  background: #e53935;
  color: var(--color-white);
}
body.details .property__contact-office {
  font-size: var(--font-size-sm);
  font-weight: 400;
}
body.details .property-hero__thumbs-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  order: -1;
}
body.details .splide-thumbs {
  width: 100% !important;
}
body.details .splide-thumbs .splide__track {
  padding: 0 !important;
}
body.details .property-hero__thumb-item {
  scroll-snap-align: start;
  user-select: none;
  flex-shrink: 0;
  width: calc(25% - 7.5px) !important;
  border-radius: 6px;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.3s;
}
@media (min-width: 768px) {
  body.details .property-hero__thumb-item {
    width: calc((100% - 40px) / 5) !important;
  }
}
body.details .property-hero__thumb-item.is-active {
  border-color: var(--c-green) !important;
}
body.details .property-hero__thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  aspect-ratio: 4/3;
}
body.details .property-hero__thumb-arrow {
  position: absolute;
  display: flex;
  flex-shrink: 0;
  width: 23px;
  height: 23px;
  background-image: url(./img/common/slider_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  color: var(--color-white);
  cursor: pointer;
  transition: background var(--transition), opacity var(--transition);
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
body.details .property-hero__thumb-arrow:disabled {
  opacity: 0;
  cursor: default;
}
body.details .property-hero__thumb-arrow--prev {
  margin-right: 4px;
  left: -10px;
}
body.details .property-hero__thumb-arrow--next {
  margin-left: 4px;
  transform: translateY(-50%) scaleX(-1);
  right: -10px;
}
body.details .content-wrapper .container {
  max-width: 1147px;
}
@media screen and (min-width: 1024px) {
  body.details .content-wrapper .container {
    width: 83.96778916%;
  }
}
body.details .section--property-detail {
  margin-top: 60px;
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  body.details .section--property-detail {
    margin-top: 93px;
  }
}
body.details .ttl {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  color: var(--c-new-black);
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  body.details .ttl {
    margin-bottom: 20px;
  }
}
body.details .prop-detail-tbl {
  display: grid;
  grid-template-columns: 126px 1fr;
  column-gap: 16px;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  body.details .prop-detail-tbl {
    column-gap: 14px;
  }
}
body.details .prop-detail-tbl::after {
  content: "";
  display: block;
  position: absolute;
  width: 126px;
  height: 100%;
  border-radius: 10px;
  background-color: var(--c-light-beige);
  z-index: -1;
  left: 0;
  top: 0;
}
@media (min-width: 768px) {
  body.details .prop-detail-tbl::after {
    display: none;
  }
}
body.details .prop-detail-tbl__row {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
}
@media (min-width: 768px) {
  body.details .prop-detail-tbl__row:first-child .prop-detail-tbl__cell--head::after {
    display: none;
  }
}
body.details .prop-detail-tbl__cell {
  padding: 10px 14px;
  font-size: var(--font-size-base);
  line-height: 1.6;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  body.details .prop-detail-tbl__cell:nth-child(3) {
    margin-left: 14px;
  }
}
body.details .prop-detail-tbl__cell--head {
  font-weight: 500;
  color: var(--c-green);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  padding: 12px;
  position: relative;
}
@media (min-width: 768px) {
  body.details .prop-detail-tbl__cell--head {
    font-size: 18px;
    line-height: 32px;
    padding: 12px 15px;
  }
}
body.details .prop-detail-tbl__cell--head::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 24px);
  height: 1px;
  background-color: var(--c-light-gray);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.prop-detail-tbl__row:last-child body.details .prop-detail-tbl__cell--head::after {
  display: none;
}
body.details .prop-detail-tbl__cell--data {
  font-size: 15px;
  line-height: 28px;
  color: var(--c-black);
  border-bottom: 1px solid var(--c-light-gray);
  letter-spacing: 0.01em;
  padding: 12px 12px 12px 0;
}
@media (min-width: 768px) {
  body.details .prop-detail-tbl__cell--data {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 14px;
  }
  .prop-detail-tbl__row:first-child body.details .prop-detail-tbl__cell--data {
    border-top: 1px solid var(--c-light-gray);
  }
}
body.details .prop-detail-tbl__cell--accent-end::after {
  display: none;
}
@media (min-width: 768px) {
  body.details .prop-detail-tbl__cell--accent {
    line-height: 28px;
    position: relative;
  }
  body.details .prop-detail-tbl__cell--accent::after {
    content: "";
    display: block !important;
    position: absolute;
    width: 100%;
    height: calc(100% - 6px);
    background-color: var(--c-light-beige);
    border-radius: 10px;
    z-index: -1;
    top: 1px;
  }
  body.details .prop-detail-tbl__cell--accent::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 42px);
    height: 70px;
    background-color: #fff;
    top: -10px;
    left: -26px;
    z-index: -1;
  }
  body.details .prop-detail-tbl__cell {
    position: relative;
  }
  body.details .prop-detail-tbl__cell--accent-start::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    border-radius: 10px 10px 0 0;
    height: calc(100% + 10px);
    background-color: var(--c-light-beige);
    top: 5px;
    left: 0;
    z-index: -1;
  }
  body.details .prop-detail-tbl__cell--accent-middle::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% + 10px);
    background-color: var(--c-light-beige);
    top: 0;
    left: 0;
    z-index: -1;
  }
  body.details .prop-detail-tbl__cell--accent-end::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0 0 10px 10px;
    background-color: var(--c-light-beige);
    top: 0;
    left: 0;
    z-index: -1;
  }
  body.details .prop-detail-tbl__cell--accent-end::after {
    display: none;
  }
}
body.details .prop-detail-tbl__cell--wide {
  grid-column: 2/-1;
  border-bottom: none;
  position: relative;
}
body.details .prop-detail-tbl__cell--wide::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--c-light-gray);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  body.details .prop-detail-tbl {
    grid-template-columns: 170px 1fr 184px 1fr;
  }
  body.details .prop-detail-tbl__cell--wide {
    grid-column: 2/-1;
  }
}
body.details .section--staff-comment {
  background: var(--c-light-beige);
  padding: 78px 0 62px;
  position: relative;
  max-width: 1147px;
  min-height: 188px;
  width: 100%;
}
@media (min-width: 768px) {
  body.details .section--staff-comment {
    margin: 0 auto;
    border-radius: 10px;
    padding: 32px 32px 32px 200px;
  }
}
body.details .staff-comment {
  display: flex;
  flex-direction: column;
}
body.details .staff-comment__media {
  flex-shrink: 0;
  width: 139px;
  height: 175px;
  border-radius: 12px;
  overflow: hidden;
  border: 1.5px solid #fff;
  position: absolute;
  top: -30px;
  right: 64px;
}
@media (min-width: 768px) {
  body.details .staff-comment__media {
    left: 32px;
    right: auto;
    top: -20px;
  }
}
body.details .staff-comment__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-inline-size: unset;
}
body.details .staff-comment__body {
  flex: 1;
}
body.details .staff-comment__title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: var(--c-green);
  margin: 0 0 24px;
  width: 50%;
  min-height: 64px;
}
@media (min-width: 768px) {
  body.details .staff-comment__title {
    min-height: 0;
    margin: 0 0 12px;
  }
}
body.details .staff-comment__text {
  font-size: 15px;
  color: var(--c-black);
  line-height: 26px;
  margin: 0;
}
@media (min-width: 768px) {
  body.details .staff-comment__text {
    font-size: 16px;
  }
}
body.details .section--property-map {
  margin: 60px auto 0;
}
@media (min-width: 768px) {
  body.details .section--property-map {
    margin: 80px auto 0;
  }
}
body.details .property-map {
  border-radius: 10px;
  overflow: hidden;
}
body.details .property-map__canvas {
  width: 100%;
  height: 60svh;
}
body.details .section--purchase-sim {
  background: url(img/front-page/bg_idx.webp) no-repeat left top/cover;
  border-radius: 24px 24px 0 0;
  padding: 24px 24px 60px;
  overflow: hidden;
}
@media (min-width: 768px) {
  body.details .section--purchase-sim {
    border-radius: 36px 36px 0 0;
    padding: 92px clamp(24px, 4.2vw, 57px) 112px;
  }
}
body.details .section--purchase-sim .section__innr {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
  max-width: 1232px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  body.details .section--purchase-sim .section__innr {
    min-height: 221px;
  }
}
body.details .purchase-sim-banner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
}
@media (min-width: 768px) {
  body.details .purchase-sim-banner picture {
    width: 40%;
  }
}
body.details .purchase-sim-banner__img {
  width: 100%;
  height: auto;
  aspect-ratio: 345/194;
  object-fit: cover;
  position: relative;
  top: 1px;
  display: block;
}
@media (min-width: 768px) {
  body.details .purchase-sim-banner__img {
    aspect-ratio: unset;
    position: relative;
    object-position: unset;
    left: 1px;
    top: 0;
    height: 100%;
  }
}
body.details .purchase-sim-banner__body {
  padding: 12px 20px 24px;
  background: linear-gradient(-170deg, #f8f9f5 10%, #c3ddb3 100%);
  position: relative;
}
body.details .purchase-sim-banner__label {
  font-size: 18px;
  line-height: 26px;
  color: var(--c-green);
  margin: 0 0 2px;
}
@media (min-width: 768px) {
  body.details .purchase-sim-banner__label {
    font-size: 19px;
    line-height: 27px;
    margin: 0 0 1px;
  }
}
body.details .purchase-sim-banner__title {
  font-size: 26px;
  line-height: 37px;
  font-weight: 500;
  margin: 0 0 24px;
  color: var(--c-new-black);
}
@media (min-width: 768px) {
  body.details .purchase-sim-banner__title {
    font-size: 34px;
    line-height: 49px;
    margin: 0 0 21px;
  }
}
body.details .purchase-sim-banner__desc {
  font-size: 15px;
  color: var(--c-black);
  line-height: 22px;
  margin: 0 0 12px;
}
@media (min-width: 768px) {
  body.details .purchase-sim-banner__desc {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    max-width: 534px;
    padding-right: 50px;
  }
}
body.details .purchase-sim-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: var(--icon-arrow-circle);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  display: block;
  transition: translate 0.3s ease-in-out;
}
.purchase-sim-banner:hover body.details .purchase-sim-banner__btn {
  translate: 6px;
}
@media (min-width: 768px) {
  body.details .purchase-sim-banner__btn {
    width: 50px;
    height: 50px;
    position: absolute;
    margin-left: 0;
    right: 21px;
    bottom: 25px;
  }
}
body.details .section--nearby {
  padding: 60px 0;
}
@media (min-width: 768px) {
  body.details .section--nearby {
    padding: 100px clamp(40px, 5vw, 67px) 86px;
    margin-top: -32px;
    border-radius: 32px 32px 0 0;
    position: relative;
    overflow: hidden;
    z-index: 2;
    background-color: #fff;
  }
  body.details .section--nearby .section__innr {
    width: 100%;
  }
}
body.details .nearby-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.details .nearby-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow var(--transition);
  align-items: center;
}
@media (min-width: 768px) {
  body.details .nearby-card {
    grid-template-columns: 1fr;
  }
}
body.details .nearby-card__img-wrap {
  width: 100%;
  aspect-ratio: 164/117;
  border-radius: 12px;
  overflow: hidden;
}
body.details .nearby-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: scale 0.3s cubic-bezier(0, 0, 0, 1);
}
body.details .nearby-card:hover .nearby-card__img {
  scale: 1.1;
}
body.details .nearby-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 768px) {
  body.details .nearby-card__body {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "title title" "category info";
    align-items: center;
  }
}
body.details .nearby-card__tag {
  min-width: 69px;
  padding: 2px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 21px;
  font-weight: 750;
  border-radius: 14px;
  align-self: flex-start;
  background: #f2f4ec;
  border: 1px solid #77837f;
  color: #77837f;
}
@media (min-width: 768px) {
  body.details .nearby-card__tag {
    grid-area: category;
    padding: 3px 5px;
    min-width: 79px;
  }
}
body.details .nearby-card__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--c-green);
  margin: 0;
  line-height: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 768px) {
  body.details .nearby-card__title {
    grid-area: title;
    -webkit-line-clamp: 1;
  }
}
body.details .nearby-card__info {
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  color: #77837f;
}
@media (min-width: 768px) {
  body.details .nearby-card__info {
    grid-area: info;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
}
body.details .fixed-function {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  max-width: 1270px;
  width: 100%;
}
@media (min-width: 768px) {
  body.details .fixed-function {
    border-radius: 18px 18px 0 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    width: calc(100% - clamp(48px, 7.04vw, 96px));
  }
}
body.details .fixed-function__bnr {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.details .fixed-function__bnr__child {
  flex: 1;
}
body.details .fixed-function__bnr__child a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 8px 14px;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  height: 53px;
}
@media (min-width: 768px) {
  body.details .fixed-function__bnr__child a {
    height: 61px;
  }
}
body.details .fixed-function__bnr__child a::before {
  content: "";
  display: block;
}
body.details .fixed-function__bnr__child--mail a {
  background: #fff;
  color: #1f51bf;
  gap: 15px;
}
body.details .fixed-function__bnr__child--mail a::before {
  width: 24px;
  height: 20px;
  background-image: url(./img/common/icon_mail.svg);
}
body.details .fixed-function__bnr__child--line a {
  background: var(--c-bk-green);
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}
@media (min-width: 768px) {
  body.details .fixed-function__bnr__child--line a {
    font-size: 16px;
  }
}
body.details .fixed-function__bnr__child--line a::before {
  width: 24px;
  height: 23px;
  background-image: url(./img/common/icon_line_green.svg);
}
body.details .fixed-function__bnr__child--line a {
  gap: 12px;
}
body.details .fixed-function__bnr__child--tel a {
  background: linear-gradient(to left, #f9e3a5 0%, #d5b663 100%);
  color: var(--c-green);
  gap: 14px;
}
@media (min-width: 768px) {
  body.details .fixed-function__bnr__child--tel a {
    gap: 16px;
  }
}
body.details .fixed-function__bnr__child--tel a::before {
  width: 22px;
  height: 22px;
  background-image: url(./img/common/icon_phone.svg);
}
body.details .fixed-function__bnr__label {
  display: flex;
  align-items: center;
}
@media (max-width: 920px) {
  .fixed-function__bnr__child--tel a body.details .fixed-function__bnr__label {
    flex-direction: column;
  }
}
body.details .fixed-function__bnr__telnum {
  font-size: 20px;
  font-weight: 24px;
}
@media (min-width: 768px) {
  body.details .staff-comment {
    flex-direction: column;
  }
  body.details .purchase-sim-banner {
    flex-direction: row;
  }
  body.details .purchase-sim-banner__img-wrap {
    width: 40%;
    max-height: none;
  }
  body.details .purchase-sim-banner__body {
    flex: 1;
    padding: 35px 30px 38px;
  }
}
@media (min-width: 768px) {
  body.details .property-hero__head {
    margin-bottom: 36px;
  }
  body.details .property-hero__title {
    font-size: var(--font-size-xxl);
  }
  body.details .property-hero__body {
    gap: clamp(32px, 60px + 25vw - 342px, 60px);
    display: grid;
    grid-template-columns: 1fr clamp(380px, 50%, 525px);
  }
  body.details .property-hero__media {
    order: 0;
    flex-shrink: 0;
  }
  body.details .property-hero__info {
    order: 0;
    width: auto;
  }
  body.details .property-hero__info .property-hero__thumbs-wrap {
    order: 0;
    width: 100%;
    margin-top: 24px;
  }
  body.details .property-hero__thumb-item {
    width: calc(20% - 7px);
    min-width: 64px;
    flex-shrink: 0;
  }
  body.details .property-hero__info {
    flex: 1;
    min-width: 0;
  }
  body.details .staff-comment__media {
    width: 139px;
    height: 175px;
  }
  body.details .property-map__canvas {
    border-radius: 18px;
  }
  body.details .nearby-list {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 28px;
  }
  body.details .fixed-function__bnr__child--tel.xs-none {
    display: flex;
  }
  body.details .fixed-function__bnr__child--tel.xs-visible {
    display: none;
  }
  body.details .ttl__block {
    font-size: 28px;
  }
}
body.details .xs-none {
  display: none;
}
body.details .xs-visible {
  display: inline;
}
@media (min-width: 768px) {
  body.details .xs-none {
    display: inline;
  }
  body.details .xs-visible {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */