@charset "UTF-8";
/*
Theme Name: LEGALUS
Author: LEGALUS
Author URI: https://legalus.jp/
Version: 1.0
*/

/* Variables */
:root {
  /* color */
  --color-theme1: #800431;
  --color-background: #ffffff;
  --color-on-background: #555555;
  --color-primary: var(--color-theme1);
  --color-on-primary: #ffffff;
  --color-primary-light: #b4405a;
  --color-primary-pale: #e69eae;
  --color-on-primary-pale: var(--color-primary);
  --color-primary-super-pale: #ffd3dc;
  --color-secondary: #5b6f3a;
  --color-on-secondary: #ffffff;
  --color-secondary-dark: #304411;
  --color-secondary-light: #899d65;
  --color-secondary-pale: #daebb9;
  --color-effect: #004876;
  --color-error: #ff7f00;
  --color-focus: var(--color-effect);
  /* font */
  --font-size-default: 16px;
  /* size */
  --header-height: 60px;
  --max-content-width: 1280px;
  --drawer-menu-width: 300px;
  /* round */
  --round-large: 10px;
  --round-medium: 6px;
  --round-small: 4px;
  /* others */
  --opacity-hover: 0.75;
  --opacity-disabled: 0.5;
  --box-shadow-default: 0 2px 3px 3px rgba(0, 0, 0, 0.15);
  --box-shadow-hover: 0 4px 6px 6px rgba(0, 0, 0, 0.2);
  --scroll-margin: 10px;
  /** parts */
  --bottom-float-show: 28px;
}

html {
  font-size: var(--font-size-default);
  scroll-behavior: smooth;
}
:target {
  scroll-margin-top: calc(var(--header-height) + var(--scroll-margin));
}

body {
  background-color: var(--color-background);
  color: var(--color-on-background);
  font-size: 1rem;
  font-family: sans-serif;
  line-height: 1.5;
}

strong {
  font-weight: bold;
  font-size: 1.1em;
}

table th.left,
table td.left {
  text-align: left;
}
table th.center,
table td.center {
  text-align: center;
}
table th.right,
table td.right {
  text-align: right;
}

table.round-border {
  border: solid 1px var(--color-primary-light);
  border-collapse: separate;
  border-radius: var(--round-medium);
  border-spacing: 0;
  overflow: hidden;
}
table.round-border tr th {
  background-color: var(--color-primary-pale);
  color: var(--color-on-primary-pale);
  font-weight: bold;
}
table.round-border tr td {
  color: var(--color-on-background);
}
table.round-border tr th,
table.round-border tr td {
  border-top: solid 1px var(--color-primary-light);
  border-left: solid 1px var(--color-primary-light);
  padding: 0.5rem;
  font-size: 1rem;
}
table.round-border tr:first-child th,
table.round-border tr:first-child td {
  border-top-style: none;
}
table.round-border tr th:first-child,
table.round-border tr td:first-child {
  border-left-style: none;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="url"],
select,
textarea {
  appearance: none;
  -webkit-appearance : none;
  border: solid 1px var(--color-primary-light);
  border-radius: var(--round-small);
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  color: var(--color-on-background);
  line-height: 1.5;
}
textarea {
  resize: vertical;
  min-height: 120px;
}
select {
  padding-right: 2rem;
  background-repeat: no-repeat;
  background-size: 1.3rem 1.3rem;
  background-position: right 0.5rem center;
  background-color: transparent;
}
div.form-block {
  margin: 0.25rem 0 1rem 0;
}
div.form-block label.title {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  padding: 0.5rem 0;
}
div.form-block label span.required {
  color: var(--color-error);
}
div.form-block input[type="text"],
div.form-block input[type="number"],
div.form-block input[type="password"],
div.form-block input[type="email"],
div.form-block input[type="tel"],
div.form-block input[type="color"],
div.form-block input[type="date"],
div.form-block input[type="datetime-local"],
div.form-block input[type="time"],
div.form-block input[type="url"],
div.form-block textarea {
  width: 100%;
}
div.form-block input {
  max-width: 480px;
}
div.form-block textarea {
  max-width: 800px;
  min-height: 240px;
}
div.form-block p.note {
  padding-top: 0.25rem;
}
div.form-block input,
div.form-block select,
div.form-block textarea {
  transition: background-color .3s ease;
}
div.form-block input.error,
div.form-block select.error,
div.form-block textarea.error {
  background-color: #ffdddd;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: shaking;
  animation-timing-function: linear;
}
div.form-block p.form-input-value {
  padding-left: 1rem;
}
div.form-bottom-block {
  margin: 1rem 0;
}
div.form-bottom-block p.note {
  font-size: 1rem;
  font-weight: bold;
}
div.form-bottom-block p a {
  text-decoration: none;
  color: var(--color-effect);
}
input[type="hidden"] {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}
@keyframes shaking {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-10px, 0);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(10px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

/* icons */
.bg-img {
  background-repeat: no-repeat;
}
span.bg-img {
  display: inline-block;
  background-size: contain;
  background-position: center;
}
span.icon-bell {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTMuMzc1LDI0LjU0TDEzLjM2MSwyNC40NjJMMTguNjM5LDI0LjQ2MkwxOC42MjUsMjQuNTRDMTguNDA1LDI1LjgyMyAxNy4zMDEsMjYuNzU0IDE2LDI2Ljc1NEMxNC42OTksMjYuNzU0IDEzLjU5NSwyNS44MjMgMTMuMzc1LDI0LjU0Wk0yNC45OCwyMC44NzJMMjUsMjAuODkyTDI1LDIyLjk4M0w3LDIyLjk4M0w3LDIwLjg5Mkw3LjAyLDIwLjg3MkM3LjIzNSwyMC42NTcgNy40NTQsMjAuNDc0IDcuNjY3LDIwLjI5OEM4LjU1OSwxOS41NTcgOS4zMywxOC45MTcgOS4zMywxNi4yNThMOS4zMywxNC4xNUM5LjMzLDExLjA0OSAxMS41MDksOC4zMjkgMTQuNTIzLDcuNjQ3QzE0LjQwMiw3LjQxIDE0LjM0MSw3LjE2MSAxNC4zNDEsNi45MDVDMTQuMzQxLDUuOTkgMTUuMDg1LDUuMjQ2IDE2LDUuMjQ2QzE2LjkxNSw1LjI0NiAxNy42NTksNS45OSAxNy42NTksNi45MDVDMTcuNjU5LDcuMTYxIDE3LjU5OCw3LjQxIDE3LjQ3Nyw3LjY0N0MyMC40OTEsOC4zMjkgMjIuNjcsMTEuMDQ5IDIyLjY3LDE0LjE1TDIyLjY3LDE2LjI1OEMyMi42NywxOC45MTcgMjMuNDQxLDE5LjU1NyAyNC4zMzMsMjAuMjk4QzI0LjU0NiwyMC40NzQgMjQuNzY1LDIwLjY1NyAyNC45OCwyMC44NzJaIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz48L3N2Zz4=);
}
span.icon-mail {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMjcuOTc3LDguMjM0TDI3Ljk3NywyMy43NjZDMjcuOTc3LDI0LjMxIDI3LjUzNywyNC43NSAyNi45OTQsMjQuNzVMNS4wMDYsMjQuNzVDNC40NjMsMjQuNzUgNC4wMjMsMjQuMzEgNC4wMjMsMjMuNzY2TDQuMDIzLDguMjM0QzQuMDIzLDcuNjkgNC40NjMsNy4yNSA1LjAwNiw3LjI1TDI2Ljk5NCw3LjI1QzI3LjUzNyw3LjI1IDI3Ljk3Nyw3LjY5IDI3Ljk3Nyw4LjIzNFpNNi4wNTUsMTAuMTA0TDE1LjU1NSwxNy4xMDRDMTUuODIsMTcuMjk5IDE2LjE4LDE3LjI5OSAxNi40NDUsMTcuMTA0TDI1Ljk0NSwxMC4xMDRDMjYuMjc4LDkuODU4IDI2LjM0OSw5LjM4OCAyNi4xMDQsOS4wNTVDMjUuODU4LDguNzIyIDI1LjM4OCw4LjY1MSAyNS4wNTUsOC44OTZMMTYsMTUuNTY4TDYuOTQ1LDguODk2QzYuNjEyLDguNjUxIDYuMTQyLDguNzIyIDUuODk2LDkuMDU1QzUuNjUxLDkuMzg4IDUuNzIyLDkuODU4IDYuMDU1LDEwLjEwNFoiIHN0eWxlPSJmaWxsOndoaXRlOyIvPjwvc3ZnPg==);
}
span.icon-map {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjk3Nzc3OCwwLDAsMC45Nzc3NzgsLTE0LjgsLTcuMjIyMjIpIj48cGF0aCBkPSJNMzEuNSwxMi41QzM1LjkxNSwxMi41IDM5LjUsMTYuMDg1IDM5LjUsMjAuNUMzOS41LDI1LjkxNSAzMi45MTUsMzUgMzEuNSwzNUMzMC4wODUsMzUgMjMuNSwyNS45MTUgMjMuNSwyMC41QzIzLjUsMTYuMDg1IDI3LjA4NSwxMi41IDMxLjUsMTIuNVpNMzEuNSwxNy41QzMzLjE1NiwxNy41IDM0LjUsMTguODQ0IDM0LjUsMjAuNUMzNC41LDIyLjE1NiAzMy4xNTYsMjMuNSAzMS41LDIzLjVDMjkuODQ0LDIzLjUgMjguNSwyMi4xNTYgMjguNSwyMC41QzI4LjUsMTguODQ0IDI5Ljg0NCwxNy41IDMxLjUsMTcuNVoiIHN0eWxlPSJmaWxsOndoaXRlOyIvPjwvZz48L3N2Zz4=);
}
span.icon-memo {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMjEuODQ0LDIzLjkwOUwyMS44NDQsMTguNTQ0TDIzLjIzOSwxNy4wOTFMMjMuMjM5LDI1LjMwNEw2LjUsMjUuMzA0TDYuNSwxMy40NjFMMTMuMjY1LDYuNjk2TDIzLjIzOSw2LjY5NkwyMy4yMzksOC4xMjdMMjEuODQ0LDkuNDY2TDIxLjg0NCw4LjA5MUwxMy4yNjUsOC4wOTFMMTMuMjY1LDEzLjQ2MUw3Ljg5NSwxMy40NjFMNy44OTUsMjMuOTA5TDIxLjg0NCwyMy45MDlaTTI3LjM2MSwxMC4zNzJDMjcuNTQ2LDEwLjU1NyAyNy41NDYsMTAuODU4IDI3LjM2MSwxMS4wNDNMMTguNzQxLDIwLjAxNUwxNS4wOTUsMjEuMTI0QzE0LjczMiwyMS4yMzUgMTQuMzkyLDIwLjg5NSAxNC41MDMsMjAuNTMyTDE1LjU3OCwxN0MxNS42MDEsMTYuOTI1IDE1LjY0MSwxNi44NTcgMTUuNjk2LDE2LjgwMkwyNC41ODQsOC4yNjZDMjQuNzcsOC4wODEgMjUuMDcsOC4wODEgMjUuMjU2LDguMjY2TDI3LjM2MSwxMC4zNzJaTTE2LjUwNywxOS44MjhMMTguMTMzLDE5LjMzM0wxNy40OSwxOC4xMzdMMTYuMjk1LDE3LjQ5NEwxNS44MTUsMTkuMDcxTDE2LjUwNywxOS44MjhaTTI2LjAyNSwxMC4wMzVMMjUuNTkyLDkuNjAyTDE3Ljk3MiwxNy4xNzVMMTguNDUzLDE3LjY1NkwyNi4wMjUsMTAuMDM1WiIgc3R5bGU9ImZpbGw6d2hpdGU7Ii8+PC9zdmc+);
}
span.icon-menu {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyBpZD0ibWVudSIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDAuMjUpIj48cGF0aCBkPSJNMjcsMjEuNEMyNywyMS4xNzkgMjYuODIxLDIxIDI2LjYsMjFDMjMuODc5LDIxIDguMTIxLDIxIDUuNCwyMUM1LjE3OSwyMSA1LDIxLjE3OSA1LDIxLjRDNSwyMi4wNzQgNSwyMy40MjYgNSwyNC4xQzUsMjQuMzIxIDUuMTc5LDI0LjUgNS40LDI0LjVDOC4xMjEsMjQuNSAyMy44NzksMjQuNSAyNi42LDI0LjVDMjYuODIxLDI0LjUgMjcsMjQuMzIxIDI3LDI0LjFDMjcsMjMuNDI2IDI3LDIyLjA3NCAyNywyMS40Wk0yNywxNC40QzI3LDE0LjE3OSAyNi44MjEsMTQgMjYuNiwxNEMyMy44NzksMTQgOC4xMjEsMTQgNS40LDE0QzUuMTc5LDE0IDUsMTQuMTc5IDUsMTQuNEM1LDE1LjA3NCA1LDE2LjQyNiA1LDE3LjFDNSwxNy4zMjEgNS4xNzksMTcuNSA1LjQsMTcuNUM4LjEyMSwxNy41IDIzLjg3OSwxNy41IDI2LjYsMTcuNUMyNi44MjEsMTcuNSAyNywxNy4zMjEgMjcsMTcuMUMyNywxNi40MjYgMjcsMTUuMDc0IDI3LDE0LjRaTTI3LDcuNEMyNyw3LjE3OSAyNi44MjEsNyAyNi42LDdDMjMuODc5LDcgOC4xMjEsNyA1LjQsN0M1LjE3OSw3IDUsNy4xNzkgNSw3LjRDNSw4LjA3NCA1LDkuNDI2IDUsMTAuMUM1LDEwLjMyMSA1LjE3OSwxMC41IDUuNCwxMC41QzguMTIxLDEwLjUgMjMuODc5LDEwLjUgMjYuNiwxMC41QzI2LjgyMSwxMC41IDI3LDEwLjMyMSAyNywxMC4xQzI3LDkuNDI2IDI3LDguMDc0IDI3LDcuNFoiIHN0eWxlPSJmaWxsOndoaXRlOyIvPjwvZz48L3N2Zz4=);
}
span.icon-tel {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjk3MjM1OSwwLDAsMC45NzIzNTksNC4zMzE4LDQuMzMxODIpIj48cGF0aCBkPSJNMTYuNTEzLDE2LjE5NUMxNy4wOTgsMTYuNTA0IDE5LjI5OCwxOC40MjEgMTkuOTM4LDE5LjI4NEMyMC41NzYsMjAuMTQ3IDE5LjgzLDIxLjI5OSAxOS41NTYsMjEuNTI0QzE5LjI4MiwyMS43NSAxNi42NTUsMjQuMTkzIDEzLjQ1NiwyMi40MTZDMTAuMjU3LDIwLjYzOSA4LjAwNywxOC4wMzEgNi40NzgsMTUuNDFDNC45NDksMTIuNzg5IDMuNzg1LDkuNTQ4IDMuODExLDUuODg4QzMuODM4LDIuMjI5IDcuMjU3LDEuMTQ0IDcuNTg5LDEuMDE2QzcuOTE5LDAuODg4IDkuMjg5LDAuODA1IDkuNzI3LDEuNzg2QzEwLjE2MywyLjc2NyAxMC43NTEsNS42MjYgMTAuNzMxLDYuMjg4QzEwLjcxMyw2Ljk1IDkuOTEyLDcuNTQ2IDkuMTEsNy41NTlDOC4zMDYsNy41NzIgOC4yNzUsNy45ODEgOC4yNzUsNy45ODFDOC4yNzUsNy45ODEgOC40MzQsOS42MjcgMTAuNDU1LDEzLjA5QzEyLjQ3NSwxNi41NTEgMTMuODMsMTcuNDk5IDEzLjgzLDE3LjQ5OUMxMy44MywxNy40OTkgMTQuMjAxLDE3LjY3NCAxNC42MDgsMTYuOTgxQzE1LjAxNCwxNi4yODggMTUuOTI3LDE1Ljg4NSAxNi41MTMsMTYuMTk1WiIgc3R5bGU9ImZpbGw6d2hpdGU7Ii8+PC9nPjwvc3ZnPg==);
}
span.icon-user {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTYsMTYuNEMxMi44NTIsMTYuNCAxMC4zMDEsMTMuODQ4IDEwLjMwMSwxMC43QzEwLjMwMSw3LjU1MyAxMi44NTIsNSAxNiw1QzE5LjE0OCw1IDIxLjcsNy41NTMgMjEuNywxMC43QzIxLjcsMTMuODQ4IDE5LjE0OCwxNi40IDE2LDE2LjRaTTIzLjI5OSwyMS44OTFDMjMuOTI1LDI1LjY0NCAxOS45MTUsMjcgMTYsMjdDMTIuMDg1LDI3IDguMDc1LDI1LjY0NCA4LjcwMSwyMS44OTFDOC45NTUsMjAuMzY3IDEwLjI0OCwxOC4yNiAxMS4xNzQsMTcuMjc0QzExLjQyNCwxNy4wMDcgMTEuODU5LDE3LjExOCAxMi4wMTIsMTcuMjEyQzEzLjE3NCwxNy45MjkgMTQuNTM3LDE4LjM0NyAxNiwxOC4zNDdDMTcuNDYzLDE4LjM0NyAxOC44MjYsMTcuOTI5IDE5Ljk4OCwxNy4yMTJDMjAuMTQxLDE3LjExOCAyMC41NzYsMTcuMDA3IDIwLjgyNiwxNy4yNzRDMjEuNzUyLDE4LjI2IDIzLjA0NSwyMC4zNjcgMjMuMjk5LDIxLjg5MVoiIHN0eWxlPSJmaWxsOndoaXRlOyIvPjwvc3ZnPg==);
}
span.icon-prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNOS41MDQsMTUuMjA0TDIwLjI2OSw0LjQzOUMyMC41NSw0LjE1OCAyMC45MzEsNCAyMS4zMjgsNEMyMS43MjYsNCAyMi4xMDYsNC4xNTggMjIuMzg3LDQuNDM5QzIyLjY2OCw0LjcyIDIyLjgyNiw1LjEgMjIuODI2LDUuNDk4QzIyLjgyNiw1Ljg5NSAyMi42NjgsNi4yNzYgMjIuMzg3LDYuNTU3TDEzLjQxMSwxNS41MzNDMTMuMTUzLDE1Ljc5MSAxMy4xNTMsMTYuMjA5IDEzLjQxMSwxNi40NjdMMjIuMzg3LDI1LjQ0M0MyMi42NjgsMjUuNzI0IDIyLjgyNiwyNi4xMDUgMjIuODI2LDI2LjUwMkMyMi44MjYsMjYuOSAyMi42NjgsMjcuMjggMjIuMzg3LDI3LjU2MUMyMi4xMDYsMjcuODQyIDIxLjcyNiwyOCAyMS4zMjgsMjhDMjAuOTMxLDI4IDIwLjU1LDI3Ljg0MiAyMC4yNjksMjcuNTYxTDkuNTA0LDE2Ljc5NkM5LjA2NCwxNi4zNTYgOS4wNjQsMTUuNjQ0IDkuNTA0LDE1LjIwNFoiIHN0eWxlPSJmaWxsOndoaXRlOyIvPjwvc3ZnPg==);
}
span.icon-next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjQwMjI2LDAsMCwxLjQwMjI2LC03LjgxNjY2LC02LjQ1ODg2KSI+PHBhdGggZD0iTTIxLjYxNywxNi41ODRDMjEuOTMxLDE2LjI3IDIxLjkzMSwxNS43NjIgMjEuNjE3LDE1LjQ0OUMyMC4wNTcsMTMuODg5IDE1LjcwMyw5LjUzNCAxMy45NCw3Ljc3MUMxMy43NCw3LjU3MSAxMy40NjgsNy40NTkgMTMuMTg1LDcuNDU5QzEyLjkwMSw3LjQ1OSAxMi42Myw3LjU3MSAxMi40MjksNy43NzFDMTIuMjI5LDcuOTcyIDEyLjExNyw4LjI0MyAxMi4xMTcsOC41MjdDMTIuMTE3LDguODEgMTIuMjI5LDkuMDgxIDEyLjQyOSw5LjI4MkMxNC4wMywxMC44ODIgMTcuNzA2LDE0LjU1OSAxOC44MzEsMTUuNjgzQzE5LjAxNSwxNS44NjcgMTkuMDE1LDE2LjE2NSAxOC44MzEsMTYuMzQ5QzE3LjcwNiwxNy40NzQgMTQuMDMsMjEuMTUxIDEyLjQyOSwyMi43NTFDMTIuMjI5LDIyLjk1MSAxMi4xMTcsMjMuMjIzIDEyLjExNywyMy41MDZDMTIuMTE3LDIzLjc4OSAxMi4yMjksMjQuMDYxIDEyLjQyOSwyNC4yNjFDMTIuNjMsMjQuNDYxIDEyLjkwMSwyNC41NzQgMTMuMTg1LDI0LjU3NEMxMy40NjgsMjQuNTc0IDEzLjc0LDI0LjQ2MSAxMy45NCwyNC4yNjFDMTUuNzAzLDIyLjQ5OCAyMC4wNTcsMTguMTQ0IDIxLjYxNywxNi41ODRaIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz48L2c+PC9zdmc+);
}
span.icon-dot {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjA0MzQ4LDAsMCwxLjA0MzQ4LC0wLjQzNDc4MywtMi44MTc2NykiPjxjaXJjbGUgY3g9IjE1Ljc1IiBjeT0iMTguMDM0IiByPSI1Ljc1IiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz48L2c+PC9zdmc+);
}
span.icon-lock {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjA0MzQ2NDYsMCwwLDAuMDQzNDY0Niw0Ljg3MzAzLDQuODczMDUpIj48cGF0aCBkPSJNNDA3LjU0MywyMDQuODg2TDQ1Ni40NDMsMjA0Ljg4Nkw0NTYuNDQzLDQxNS4wMTRDNDU2LjQ0Myw0NjguNTg3IDQxMy4wMjMsNTEyIDM1OS40NTgsNTEyTDE1Mi41Niw1MTJDOTguOTk1LDUxMiA1NS41NTgsNDY4LjU4NiA1NS41NTgsNDE1LjAxNEw1NS41NTgsMjA0Ljg4NkwxMDQuNDQ1LDIwNC44ODZMMTA0LjQ0NSwxNTEuNTQxQzEwNC40NDUsMTA5LjgxOSAxMjEuNDY5LDcxLjcwNiAxNDguODQ5LDQ0LjM4OEMxNzYuMTUyLDE3LjAyOCAyMTQuMjY0LC0wLjAxNiAyNTYuMDAyLDBDMjk3LjczNiwtMC4wMTYgMzM1Ljg0OSwxNy4wMjggMzYzLjE1MSw0NC4zODhDMzkwLjUxLDcxLjcwNiA0MDcuNTU5LDEwOS44MTkgNDA3LjU0MywxNTEuNTQxTDQwNy41NDMsMjA0Ljg4NlpNMTc4LjAxNywxNTEuNTQxTDE3OC4wMTcsMjA0Ljg4NkwzMzMuOTg0LDIwNC44ODZMMzMzLjk4NCwxNTEuNTQxQzMzMy45NjMsMTM1LjI0NCAzMjkuMDk4LDEyMC40NDMgMzIwLjY4NiwxMDcuOTU4QzMxMi4yNzQsOTUuNTA2IDMwMC4yOTYsODUuNTU3IDI4Ni4zNCw3OS42NjRDMjc3LjAzNCw3NS43MyAyNjYuODY2LDczLjU2IDI1Ni4wMDIsNzMuNTZDMjM5LjcwNSw3My41NzYgMjI0LjkxMiw3OC40MjEgMjEyLjM5OSw4Ni44NUMxOTkuOTQ3LDk1LjI2MiAxOTAuMDE0LDEwNy4yNDMgMTg0LjEyNSwxMjEuMTk5QzE4MC4xOTUsMTMwLjUwNiAxNzguMDE3LDE0MC42NzQgMTc4LjAxNywxNTEuNTQxWk0yMzYuNTAzLDM3NC45NTlMMjM2LjUwMyw0MjAuODIyQzIzNi41MDMsNDI1Ljg4IDIzOC41MTIsNDMwLjczMiAyNDIuMDg5LDQzNC4zMDlDMjQ1LjY2Niw0MzcuODg2IDI1MC41MTgsNDM5Ljg5NiAyNTUuNTc3LDQzOS44OTZMMjU1LjU3OSw0MzkuODk2QzI2MC42MzgsNDM5Ljg5NiAyNjUuNDg5LDQzNy44ODYgMjY5LjA2Nyw0MzQuMzA5QzI3Mi42NDQsNDMwLjczMiAyNzQuNjUzLDQyNS44OCAyNzQuNjUzLDQyMC44MjJMMjc0LjY1MywzNzQuOTU5QzI5My4yNywzNjcuNDA4IDMwNi40MTMsMzQ5LjE0MSAzMDYuNDEzLDMyNy44MjlDMzA2LjQxMywyOTkuNzcyIDI4My42MzUsMjc2Ljk5MyAyNTUuNTc4LDI3Ni45OTNDMjI3LjUyMSwyNzYuOTkzIDIwNC43NDIsMjk5Ljc3MiAyMDQuNzQyLDMyNy44MjlDMjA0Ljc0MiwzNDkuMTQxIDIxNy44ODYsMzY3LjQwOCAyMzYuNTAzLDM3NC45NTlaIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz48L2c+PC9zdmc+);
}
span.icon-top {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjIzMjA4LDAsMCwxLjIzMjA4LC05Ljc2NzEyLDMuMzgwMjIpIj48cGF0aCBkPSJNMjYuNTQ4LDE0LjUxN0wyOS43MDQsMTQuNTE3QzMwLjE0NCwxNC41MTcgMzAuNTYsMTQuNTU3IDMwLjk1MiwxNC42MzdDMzEuMzQ0LDE0LjcxNyAzMS42ODYsMTQuODU1IDMxLjk3OCwxNS4wNTFDMzIuMjcsMTUuMjQ3IDMyLjUwMiwxNS41MTEgMzIuNjc0LDE1Ljg0M0MzMi44NDYsMTYuMTc1IDMyLjkzMiwxNi41OTMgMzIuOTMyLDE3LjA5N0MzMi45MzIsMTcuNTkzIDMyLjg1MiwxOC4wMDkgMzIuNjkyLDE4LjM0NUMzMi41MzIsMTguNjgxIDMyLjMxMiwxOC45NDkgMzIuMDMyLDE5LjE0OUMzMS43NTIsMTkuMzQ5IDMxLjQyLDE5LjQ5MSAzMS4wMzYsMTkuNTc1QzMwLjY1MiwxOS42NTkgMzAuMjM2LDE5LjcwMSAyOS43ODgsMTkuNzAxTDI4LjQyLDE5LjcwMUwyOC40MiwyMy4wMTNMMjYuNTQ4LDIzLjAxM0wyNi41NDgsMTQuNTE3Wk0yOC40MiwxOC4xMTdMMjkuNjY4LDE4LjExN0MyOS44MzYsMTguMTE3IDI5Ljk5OCwxOC4xMDEgMzAuMTU0LDE4LjA2OUMzMC4zMSwxOC4wMzcgMzAuNDUsMTcuOTgzIDMwLjU3NCwxNy45MDdDMzAuNjk4LDE3LjgzMSAzMC43OTgsMTcuNzI3IDMwLjg3NCwxNy41OTVDMzAuOTUsMTcuNDYzIDMwLjk4OCwxNy4yOTcgMzAuOTg4LDE3LjA5N0MzMC45ODgsMTYuODgxIDMwLjkzOCwxNi43MDcgMzAuODM4LDE2LjU3NUMzMC43MzgsMTYuNDQzIDMwLjYxLDE2LjM0MSAzMC40NTQsMTYuMjY5QzMwLjI5OCwxNi4xOTcgMzAuMTI0LDE2LjE1MSAyOS45MzIsMTYuMTMxQzI5Ljc0LDE2LjExMSAyOS41NTYsMTYuMTAxIDI5LjM4LDE2LjEwMUwyOC40MiwxNi4xMDFMMjguNDIsMTguMTE3WiIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMjMyMDgsMCwwLDEuMjMyMDgsLTkuNzY3MTIsMy4zODAyMikiPjxwYXRoIGQ9Ik0xNi4xMDgsMTguNzY1QzE2LjEwOCwxOC4wODUgMTYuMjIyLDE3LjQ2OSAxNi40NSwxNi45MTdDMTYuNjc4LDE2LjM2NSAxNi45OTYsMTUuODk1IDE3LjQwNCwxNS41MDdDMTcuODEyLDE1LjExOSAxOC4yOTYsMTQuODIxIDE4Ljg1NiwxNC42MTNDMTkuNDE2LDE0LjQwNSAyMC4wMjgsMTQuMzAxIDIwLjY5MiwxNC4zMDFDMjEuMzU2LDE0LjMwMSAyMS45NjgsMTQuNDA1IDIyLjUyOCwxNC42MTNDMjMuMDg4LDE0LjgyMSAyMy41NzIsMTUuMTE5IDIzLjk4LDE1LjUwN0MyNC4zODgsMTUuODk1IDI0LjcwNiwxNi4zNjUgMjQuOTM0LDE2LjkxN0MyNS4xNjIsMTcuNDY5IDI1LjI3NiwxOC4wODUgMjUuMjc2LDE4Ljc2NUMyNS4yNzYsMTkuNDQ1IDI1LjE2MiwyMC4wNjEgMjQuOTM0LDIwLjYxM0MyNC43MDYsMjEuMTY1IDI0LjM4OCwyMS42MzUgMjMuOTgsMjIuMDIzQzIzLjU3MiwyMi40MTEgMjMuMDg4LDIyLjcwOSAyMi41MjgsMjIuOTE3QzIxLjk2OCwyMy4xMjUgMjEuMzU2LDIzLjIyOSAyMC42OTIsMjMuMjI5QzIwLjAyOCwyMy4yMjkgMTkuNDE2LDIzLjEyNSAxOC44NTYsMjIuOTE3QzE4LjI5NiwyMi43MDkgMTcuODEyLDIyLjQxMSAxNy40MDQsMjIuMDIzQzE2Ljk5NiwyMS42MzUgMTYuNjc4LDIxLjE2NSAxNi40NSwyMC42MTNDMTYuMjIyLDIwLjA2MSAxNi4xMDgsMTkuNDQ1IDE2LjEwOCwxOC43NjVaTTE4LjA1MiwxOC43NjVDMTguMDUyLDE5LjE2NSAxOC4xMTQsMTkuNTMxIDE4LjIzOCwxOS44NjNDMTguMzYyLDIwLjE5NSAxOC41NCwyMC40ODMgMTguNzcyLDIwLjcyN0MxOS4wMDQsMjAuOTcxIDE5LjI4MiwyMS4xNjEgMTkuNjA2LDIxLjI5N0MxOS45MywyMS40MzMgMjAuMjkyLDIxLjUwMSAyMC42OTIsMjEuNTAxQzIxLjA5MiwyMS41MDEgMjEuNDU0LDIxLjQzMyAyMS43NzgsMjEuMjk3QzIyLjEwMiwyMS4xNjEgMjIuMzgsMjAuOTcxIDIyLjYxMiwyMC43MjdDMjIuODQ0LDIwLjQ4MyAyMy4wMjIsMjAuMTk1IDIzLjE0NiwxOS44NjNDMjMuMjcsMTkuNTMxIDIzLjMzMiwxOS4xNjUgMjMuMzMyLDE4Ljc2NUMyMy4zMzIsMTguMzczIDIzLjI3LDE4LjAwOSAyMy4xNDYsMTcuNjczQzIzLjAyMiwxNy4zMzcgMjIuODQ0LDE3LjA0NyAyMi42MTIsMTYuODAzQzIyLjM4LDE2LjU1OSAyMi4xMDIsMTYuMzY5IDIxLjc3OCwxNi4yMzNDMjEuNDU0LDE2LjA5NyAyMS4wOTIsMTYuMDI5IDIwLjY5MiwxNi4wMjlDMjAuMjkyLDE2LjAyOSAxOS45MywxNi4wOTcgMTkuNjA2LDE2LjIzM0MxOS4yODIsMTYuMzY5IDE5LjAwNCwxNi41NTkgMTguNzcyLDE2LjgwM0MxOC41NCwxNy4wNDcgMTguMzYyLDE3LjMzNyAxOC4yMzgsMTcuNjczQzE4LjExNCwxOC4wMDkgMTguMDUyLDE4LjM3MyAxOC4wNTIsMTguNzY1WiIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMjMyMDgsMCwwLDEuMjMyMDgsLTkuNzY3MTIsMy4zODAyMikiPjxwYXRoIGQ9Ik0xMS4zMiwxNi4xNzNMOC44OTYsMTYuMTczTDguODk2LDE0LjUxN0wxNS42MTYsMTQuNTE3TDE1LjYxNiwxNi4xNzNMMTMuMTkyLDE2LjE3M0wxMy4xOTIsMjMuMDEzTDExLjMyLDIzLjAxM0wxMS4zMiwxNi4xNzNaIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L2c+PHBhdGggZD0iTTE1LjA4MiwwLjM4QzEzLjk5OCwxLjQ2NCAwLjc1OCwxNC43MDUgMC43NTgsMTQuNzA1Qy0wLjI1MywxNS43MTUgLTAuMjUzLDE3LjM1MyAwLjc1OCwxOC4zNjNDMS43NjgsMTkuMzczIDMuNDA2LDE5LjM3MyA0LjQxNiwxOC4zNjNDNC40MTYsMTguMzYzIDEzLjc4NCw4Ljk5NCAxNS42NzEsNy4xMDdDMTUuNzU4LDcuMDIgMTUuODc3LDYuOTcxIDE2LDYuOTcxQzE2LjEyMyw2Ljk3MSAxNi4yNDIsNy4wMiAxNi4zMjksNy4xMDdDMTguMjE2LDguOTk0IDI3LjU4NCwxOC4zNjMgMjcuNTg0LDE4LjM2M0MyOC41OTQsMTkuMzczIDMwLjIzMiwxOS4zNzMgMzEuMjQyLDE4LjM2M0MzMi4yNTMsMTcuMzUzIDMyLjI1MywxNS43MTUgMzEuMjQyLDE0LjcwNUMyNy42MTUsMTEuMDc3IDE5LjYyNiwzLjA4OCAxNi45MTgsMC4zOEMxNi42NzUsMC4xMzcgMTYuMzQ0LDAgMTYsMEMxNS42NTYsLTAgMTUuMzI1LDAuMTM3IDE1LjA4MiwwLjM4WiIgc3R5bGU9ImZpbGw6d2hpdGU7Ii8+PC9zdmc+);
}
span.icon-home {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjA0MjA2MjksMCwwLDAuMDQyMDYyOSw1LjIzMTksNS4yMzE5NCkiPjxwYXRoIGQ9Ik00MzMuMTk4LDIwMi44NDZMMzYzLjkwNywxMzMuNjFMMzA4LjkxMSw3OC42ODRMMjU2LjA4OCwyNS42NjZMMCwyODEuNTYyTDM3LjkyOCwzMTkuNDY3TDcxLjk1NCwyODUuNDcyTDcxLjk1NCw0ODYuMzMyTDQ0MC4wNDUsNDg2LjMzMkw0NDAuMDQ1LDI4NS40NDJMNDc0LjA3MSwzMTkuNDY4TDUxMiwyODEuNTYyTDQzMy4xOTgsMjAyLjg0NlpNNDA4LjEzOSw0NTQuNDI2TDI5OS41OTUsNDU0LjQyNkwyOTkuNTk1LDMzNS4yNjVMMjEyLjQwNCwzMzUuMjY1TDIxMi40MDQsNDU0LjQyNkwxMDMuODYyLDQ1NC40MjZMMTAzLjg2MiwyNTMuNTg5TDI1Ni4wODksMTAxLjQ4Nkw0MDguMTM5LDI1My41MzVMNDA4LjEzOSw0NTQuNDI2WiIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9nPjwvc3ZnPg==);
}
.icon-next-primary {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjQwMjI2LDAsMCwxLjQwMjI2LC03LjgxNjY2LC02LjQ1ODg2KSI+PHBhdGggZD0iTTIxLjYxNywxNi41ODRDMjEuOTMxLDE2LjI3IDIxLjkzMSwxNS43NjIgMjEuNjE3LDE1LjQ0OUMyMC4wNTcsMTMuODg5IDE1LjcwMyw5LjUzNCAxMy45NCw3Ljc3MUMxMy43NCw3LjU3MSAxMy40NjgsNy40NTkgMTMuMTg1LDcuNDU5QzEyLjkwMSw3LjQ1OSAxMi42Myw3LjU3MSAxMi40MjksNy43NzFDMTIuMjI5LDcuOTcyIDEyLjExNyw4LjI0MyAxMi4xMTcsOC41MjdDMTIuMTE3LDguODEgMTIuMjI5LDkuMDgxIDEyLjQyOSw5LjI4MkMxNC4wMywxMC44ODIgMTcuNzA2LDE0LjU1OSAxOC44MzEsMTUuNjgzQzE5LjAxNSwxNS44NjcgMTkuMDE1LDE2LjE2NSAxOC44MzEsMTYuMzQ5QzE3LjcwNiwxNy40NzQgMTQuMDMsMjEuMTUxIDEyLjQyOSwyMi43NTFDMTIuMjI5LDIyLjk1MSAxMi4xMTcsMjMuMjIzIDEyLjExNywyMy41MDZDMTIuMTE3LDIzLjc4OSAxMi4yMjksMjQuMDYxIDEyLjQyOSwyNC4yNjFDMTIuNjMsMjQuNDYxIDEyLjkwMSwyNC41NzQgMTMuMTg1LDI0LjU3NEMxMy40NjgsMjQuNTc0IDEzLjc0LDI0LjQ2MSAxMy45NCwyNC4yNjFDMTUuNzAzLDIyLjQ5OCAyMC4wNTcsMTguMTQ0IDIxLjYxNywxNi41ODRaIiBzdHlsZT0iZmlsbDpyZ2IoNzcsODAsMTE5KTsiLz48L2c+PC9zdmc+);
}
select,
.icon-dropdown {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTUuMjA0LDIyLjQ5Nkw0LjQzOSwxMS43MzFDNC4xNTgsMTEuNDUgNCwxMS4wNjkgNCwxMC42NzJDNCwxMC4yNzQgNC4xNTgsOS44OTQgNC40MzksOS42MTNDNC43Miw5LjMzMiA1LjEsOS4xNzQgNS40OTgsOS4xNzRDNS44OTUsOS4xNzQgNi4yNzYsOS4zMzIgNi41NTcsOS42MTNMMTUuNTMzLDE4LjU4OUMxNS43OTEsMTguODQ3IDE2LjIwOSwxOC44NDcgMTYuNDY3LDE4LjU4OUwyNS40NDMsOS42MTNDMjUuNzI0LDkuMzMyIDI2LjEwNSw5LjE3NCAyNi41MDIsOS4xNzRDMjYuOSw5LjE3NCAyNy4yOCw5LjMzMiAyNy41NjEsOS42MTNDMjcuODQyLDkuODk0IDI4LDEwLjI3NCAyOCwxMC42NzJDMjgsMTEuMDY5IDI3Ljg0MiwxMS40NSAyNy41NjEsMTEuNzMxTDE2Ljc5NiwyMi40OTZDMTYuMzU2LDIyLjkzNiAxNS42NDQsMjIuOTM2IDE1LjIwNCwyMi40OTZaIiBzdHlsZT0iZmlsbDpyZ2IoMTc5LDE3OSwxNzkpOyIvPjwvc3ZnPg==);
}
ol.order-list li,
.icon-triangle-down {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLC0wLjM3MTUzNCw1KSI+PHBhdGggZD0iTTE3LjEyNywxNy44NUMxNi45MzEsMTguMDU4IDE2LjY1OCwxOC4xNzYgMTYuMzcyLDE4LjE3NkMxNi4wODYsMTguMTc2IDE1LjgxMiwxOC4wNTggMTUuNjE2LDE3Ljg1TDQuMDI3LDUuNTc3QzMuNzQyLDUuMjc1IDMuNjY0LDQuODMzIDMuODI4LDQuNDUyQzMuOTkyLDQuMDcxIDQuMzY3LDMuODI0IDQuNzgyLDMuODI0TDI3Ljk2MSwzLjgyNEMyOC4zNzYsMy44MjQgMjguNzUxLDQuMDcxIDI4LjkxNSw0LjQ1MkMyOS4wNzksNC44MzMgMjkuMDAxLDUuMjc1IDI4LjcxNiw1LjU3N0wxNy4xMjcsMTcuODVaIiBzdHlsZT0iZmlsbDpyZ2IoMTc5LDE3OSwxNzkpOyIvPjwvZz48L3N2Zz4=);
}
/* SNS icons */
.icon-sns-twitter {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjI5OTcsMCwwLDEuMjk5NywtNy42Mzc4MWUtMTUsLTEuMzkyMjkpIj48cGF0aCBpZD0idHdpdHRlciIgZD0iTTIyLjA5NCw4LjM2NUMyMi4xMSw4LjU4NCAyMi4xMSw4LjgwMyAyMi4xMSw5LjAyMUMyMi4xMSw5LjA1NCAyMi4xMSw5LjA4NyAyMi4xMSw5LjEyQzIyLjExLDE2Ljk0NCAxNS42NzMsMjMuMzgxIDcuODQ5LDIzLjM4MUM3LjgxNiwyMy4zODEgNy43ODMsMjMuMzgxIDcuNzUsMjMuMzgxQzUuMDAzLDIzLjM4OCAyLjMxMSwyMi42MDEgMCwyMS4xMTVDMC40MDUsMjEuMTU5IDAuODEyLDIxLjE4IDEuMjE5LDIxLjE3N0MzLjQ5LDIxLjE4MyA1LjY5OCwyMC40MjMgNy40ODUsMTkuMDIxQzUuMzMxLDE4Ljk4MiAzLjQyOSwxNy41NzEgMi43NjYsMTUuNTIxQzMuMDgxLDE1LjU3MSAzLjQsMTUuNTk3IDMuNzE5LDE1LjU5OUM0LjE2NywxNS41OTggNC42MTMsMTUuNTQgNS4wNDcsMTUuNDI3QzIuNywxNC45NTIgMC45OTgsMTIuODcgMSwxMC40NzVMMSwxMC40MTNDMS42OTksMTAuODAzIDIuNDgxLDExLjAyMyAzLjI4MSwxMS4wNTRDMS4wNjgsOS41NzkgMC4zNzgsNi41OTcgMS43MTksNC4zQzQuMjgxLDcuNDU1IDguMDY2LDkuMzc3IDEyLjEyNSw5LjU4NEMxMi4wNDQsOS4yMDQgMTIuMDAyLDguODE3IDEyLDguNDI4QzEyLjAwMyw1LjY1OSAxNC4yODMsMy4zODIgMTcuMDUyLDMuMzgyQzE4LjQ0NiwzLjM4MiAxOS43OCwzLjk1OSAyMC43MzQsNC45NzVDMjEuODYzLDQuNzU3IDIyLjk0Niw0LjM0NCAyMy45MzQsMy43NTZDMjMuNTU4LDQuOTIyIDIyLjc2OCw1LjkxMSAyMS43MTUsNi41MzdDMjIuNzE3LDYuNDIzIDIzLjY5Nyw2LjE2IDI0LjYyMSw1Ljc1NkMyMy45Myw2Ljc2MiAyMy4wNzQsNy42NDQgMjIuMDksOC4zNjVMMjIuMDk0LDguMzY1WiIgc3R5bGU9ImZpbGw6cmdiKDI5LDE2MSwyNDIpO2ZpbGwtcnVsZTpub256ZXJvOyIvPjwvZz48L3N2Zz4=);
}
.icon-sns-facebook {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjgsMCwwLDAuOCwzLjU1MjcxZS0xNiwwLjEwMjA0MikiPjxwYXRoIGlkPSJmYWNlYm9vayIgZD0iTTE2LjgsMzkuNzQ1QzcuMjgxLDM4LjIxMSAwLDI5Ljk0OSAwLDIwQzAsOC45NjIgOC45NjIsMCAyMCwwQzMxLjAzOCwwIDQwLDguOTYyIDQwLDIwQzQwLDI5Ljg3OSAzMi44MjEsMzguMDk1IDIzLjQsMzkuNzEyTDIzLjQsMjUuNkwyNy44LDI1LjZMMjguNywyMEwyMy40LDIwTDIzLjQsMTYuMUMyMy40LDE0LjUgMjQsMTMuMyAyNi40LDEzLjNMMjksMTMuM0wyOSw4LjJDMjcuNiw4IDI2LDcuOCAyNC42LDcuOEMyMCw3LjggMTYuOCwxMC42IDE2LjgsMTUuNkwxNi44LDIwTDExLjgsMjBMMTEuOCwyNS42TDE2LjgsMjUuNkwxNi44LDM5Ljc0NVoiIHN0eWxlPSJmaWxsOnJnYigyMywxMjAsMjQyKTsiLz48L2c+PC9zdmc+);
}
.icon-sns-hatena {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgyLDAsMCwyLDkuNTc2MzVlLTExLDkuNTc2MzVlLTExKSI+PHBhdGggaWQ9ImhhdGVuYSIgZD0iTTE2LDIuNEwxNiwxMy42QzE2LDE0LjIzNyAxNS43NDcsMTQuODQ3IDE1LjI5NywxNS4yOTdDMTQuODQ3LDE1Ljc0NyAxNC4yMzcsMTYgMTMuNiwxNkwyLjQsMTZDMS43NjMsMTYgMS4xNTMsMTUuNzQ3IDAuNzAzLDE1LjI5N0MwLjI1MywxNC44NDcgLTAsMTQuMjM3IDAsMTMuNkwtMCwyLjRDLTAsMS43NjMgMC4yNTMsMS4xNTMgMC43MDMsMC43MDNDMS4xNTMsMC4yNTMgMS43NjMsLTAgMi40LDBMMTMuNiwtMEMxNC4yMzcsLTAgMTQuODQ3LDAuMjUzIDE1LjI5NywwLjcwM0MxNS43NDcsMS4xNTMgMTYsMS43NjMgMTYsMi40Wk0xMC41NTcsNC40OEwxMC41NTcsOS4xNzJMMTIuMTA2LDkuMTcyTDEyLjEwNiw0LjQ4TDEwLjU1Nyw0LjQ4Wk0xMS4zMzEsOS43MzVDMTAuODM5LDkuNzM1IDEwLjQ0LDEwLjEzNSAxMC40NCwxMC42MjdDMTAuNDQsMTEuMTE5IDEwLjgzOSwxMS41MTggMTEuMzMxLDExLjUxOEMxMS44MjMsMTEuNTE4IDEyLjIyMywxMS4xMTkgMTIuMjIzLDEwLjYyN0MxMi4yMjMsMTAuMTM1IDExLjgyMyw5LjczNSAxMS4zMzEsOS43MzVaTTguODczLDguMjQ4QzguNTY4LDcuOTIzIDguMTQ1LDcuNzM0IDcuNyw3LjcyMkM4LjA2OSw3LjY0NCA4LjQwNyw3LjQ1OCA4LjY3MSw3LjE4OEM4Ljg4Miw2LjkyMiA4Ljk5MSw2LjU4OCA4Ljk3Niw2LjI0OUM4Ljk4Miw1Ljk1NiA4LjkxMiw1LjY2NyA4Ljc3NCw1LjQwOUM4LjYzMyw1LjE2NSA4LjQyNyw0Ljk2NSA4LjE3OCw0LjgzMkM3LjkyNSw0LjY5OSA3LjY1LDQuNjEgNy4zNjcsNC41NjlDNi44MTYsNC41MDIgNi4yNjEsNC40NzIgNS43MDYsNC40OEwzLjc3Nyw0LjQ4TDMuNzc3LDExLjUxOEw1Ljc2NywxMS41MThDNi4zNDMsMTEuNTMgNi45MiwxMS41MDQgNy40OTMsMTEuNDM4QzcuODAyLDExLjM5NiA4LjEwMiwxMS4zMDIgOC4zOCwxMS4xNjJDOC42NjgsMTEuMDE0IDguOTA1LDEwLjc4MyA5LjA2LDEwLjVDOS4yMjQsMTAuMTk1IDkuMzA3LDkuODUyIDkuMyw5LjUwNUM5LjMyMiw5LjA0NyA5LjE2OSw4LjU5OCA4Ljg3Myw4LjI0OFpNNS41Niw2LjA0M0w1Ljk3Myw2LjA0M0M2LjI5NCw2LjAxOCA2LjYxNyw2LjA3MiA2LjkxMSw2LjIwMkM3LjA4NSw2LjMzMyA3LjE3OCw2LjU0NSA3LjE1NSw2Ljc2MUM3LjE3OSw2Ljk2OSA3LjA4Nyw3LjE3NCA2LjkxNiw3LjI5NUM2LjYwOSw3LjQyMyA2LjI3Niw3LjQ3NiA1Ljk0NSw3LjQ1TDUuNTYsNy40NUw1LjU2LDYuMDQzWk03LjE5MywxMC4wNzhDNi44OTIsMTAuMjE2IDYuNTYxLDEwLjI3NiA2LjIzMSwxMC4yNTFMNS41NiwxMC4yNTFMNS41Niw4LjcxMkw2LjI1OSw4LjcxMkM2LjU4Miw4LjY4NiA2LjkwNiw4Ljc0NiA3LjE5OCw4Ljg4NkM3LjM4NSw5LjAzNCA3LjQ4Myw5LjI2OCA3LjQ1Niw5LjUwNUM3LjQ4LDkuNzMgNy4zNzksOS45NSA3LjE5MywxMC4wNzhaIiBzdHlsZT0iZmlsbDpyZ2IoNSwxNjMsMjIyKTsiLz48L2c+PC9zdmc+);
}
.icon-sns-line {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjYsMCwwLDEuNiwzLjE5NzQ0ZS0xNSwwKSI+PHBhdGggaWQ9ImxpbmUiIGQ9Ik0xNS40OTEsMjBMNC41MDksMjBDMi4wMTksMjAgLTAsMTcuOTgxIC0wLDE1LjQ5MUwtMCw0LjUwOUMtMCwyLjAxOSAyLjAxOSwwIDQuNTA5LDBMMTUuNDkxLDBDMTcuOTgxLDAgMjAsMi4wMTkgMjAsNC41MDlMMjAsMTUuNDkxQzIwLDE3Ljk4MSAxNy45ODEsMjAgMTUuNDkxLDIwWk0xNi42NjYsOS4wNThDMTYuNjY2LDYuMDc0IDEzLjY3NSwzLjY0NyA5Ljk5OCwzLjY0N0M2LjMyMSwzLjY0NyAzLjMzLDYuMDc0IDMuMzMsOS4wNThDMy4zMywxMS43MzMgNS43MDIsMTMuOTczIDguOTA3LDE0LjM5NkM5LjEyNCwxNC40NDMgOS40MTksMTQuNTQgOS40OTQsMTQuNzI1QzkuNTYxLDE0Ljg5NCA5LjUzOCwxNS4xNTggOS41MTYsMTUuMzI4QzkuNTE2LDE1LjMyOCA5LjQzNywxNS43OTkgOS40MiwxNS44OTlDOS4zOTEsMTYuMDY3IDkuMjg2LDE2LjU1OCA5Ljk5OCwxNi4yNThDMTAuNzEsMTUuOTU5IDEzLjgzOCwxMy45OTcgMTUuMjM3LDEyLjM4N0MxNi4yMDMsMTEuMzI3IDE2LjY2NiwxMC4yNTIgMTYuNjY2LDkuMDU4Wk0xNC40NDgsMTAuNzgxTDEyLjU3NCwxMC43ODFDMTIuNTA0LDEwLjc4MSAxMi40NDcsMTAuNzI0IDEyLjQ0NywxMC42NTNMMTIuNDQ3LDcuNzQzQzEyLjQ0Nyw3LjY3MyAxMi41MDQsNy42MTYgMTIuNTc0LDcuNjE2TDE0LjQ0OCw3LjYxNkMxNC41MTgsNy42MTYgMTQuNTc1LDcuNjczIDE0LjU3NSw3Ljc0M0wxNC41NzUsOC4yMTZDMTQuNTc1LDguMjg2IDE0LjUxOCw4LjM0MyAxNC40NDgsOC4zNDNMMTMuMTc1LDguMzQzTDEzLjE3NSw4LjgzNUwxNC40NDgsOC44MzVDMTQuNTE4LDguODM1IDE0LjU3NSw4Ljg5MiAxNC41NzUsOC45NjJMMTQuNTc1LDkuNDM1QzE0LjU3NSw5LjUwNSAxNC41MTgsOS41NjIgMTQuNDQ4LDkuNTYyTDEzLjE3NSw5LjU2MkwxMy4xNzUsMTAuMDUzTDE0LjQ0OCwxMC4wNTNDMTQuNTE4LDEwLjA1MyAxNC41NzUsMTAuMTEgMTQuNTc1LDEwLjE4TDE0LjU3NSwxMC42NTNDMTQuNTc1LDEwLjcyNCAxNC41MTgsMTAuNzgxIDE0LjQ0OCwxMC43ODFaTTExLjg2NSw3LjYxNkMxMS45MzUsNy42MTYgMTEuOTkyLDcuNjczIDExLjk5Miw3Ljc0M0wxMS45OTIsMTAuNjUzQzExLjk5MiwxMC43MjQgMTEuOTM1LDEwLjc4MSAxMS44NjUsMTAuNzgxTDExLjM5NSwxMC43ODFDMTEuMzgzLDEwLjc4MSAxMS4zNzIsMTAuNzc5IDExLjM2MiwxMC43NzZDMTEuMzYxLDEwLjc3NiAxMS4zNiwxMC43NzYgMTEuMzYsMTAuNzc2QzExLjM1NywxMC43NzUgMTEuMzQ4LDEwLjc3MiAxMS4zNDcsMTAuNzcxQzExLjM0NSwxMC43NzEgMTEuMzQzLDEwLjc3IDExLjM0MSwxMC43NjlDMTEuMzM5LDEwLjc2OCAxMS4zMzcsMTAuNzY3IDExLjMzNSwxMC43NjZDMTEuMzMzLDEwLjc2NSAxMS4zMzIsMTAuNzY0IDExLjMzMSwxMC43NjRDMTEuMzI4LDEwLjc2MiAxMS4zMjUsMTAuNzYxIDExLjMyMywxMC43NTlDMTEuMzIyLDEwLjc1OSAxMS4zMjIsMTAuNzU4IDExLjMyMSwxMC43NThDMTEuMzA5LDEwLjc0OSAxMS4yOTgsMTAuNzM5IDExLjI4OCwxMC43MjZMOS45NTUsOC45MjVMOS45NTUsMTAuNjUzQzkuOTU1LDEwLjcyNCA5Ljg5OCwxMC43ODEgOS44MjgsMTAuNzgxTDkuMzU1LDEwLjc4MUM5LjI4NSwxMC43ODEgOS4yMjgsMTAuNzI0IDkuMjI4LDEwLjY1M0w5LjIyOCw3Ljc0M0M5LjIyOCw3LjY3MyA5LjI4NSw3LjYxNiA5LjM1NSw3LjYxNkw5LjgyNSw3LjYxNkM5LjgyNyw3LjYxNiA5LjgyOCw3LjYxNiA5LjgzLDcuNjE2QzkuODMyLDcuNjE2IDkuODM0LDcuNjE2IDkuODM3LDcuNjE3QzkuODM5LDcuNjE3IDkuODQ3LDcuNjE4IDkuODQ5LDcuNjE4QzkuODUxLDcuNjE5IDkuODU5LDcuNjIxIDkuODYxLDcuNjIxQzkuODY0LDcuNjIyIDkuODczLDcuNjI1IDkuODczLDcuNjI1QzkuODc1LDcuNjI2IDkuODgzLDcuNjI5IDkuODg0LDcuNjNDOS44ODcsNy42MzEgOS44OTQsNy42MzYgOS44OTUsNy42MzZDOS44OTgsNy42MzggOS45MDUsNy42NDQgOS45MDUsNy42NDRDOS45MDgsNy42NDUgOS45MTUsNy42NTIgOS45MTUsNy42NTJDOS45MTcsNy42NTQgOS45Miw3LjY1NyA5LjkyMyw3LjY2QzkuOTI2LDcuNjY0IDkuOTMsNy42NjkgOS45MzMsNy42NzRMMTEuMjY1LDkuNDcyTDExLjI2NSw3Ljc0M0MxMS4yNjUsNy42NzMgMTEuMzIyLDcuNjE2IDExLjM5Miw3LjYxNkwxMS44NjUsNy42MTZaTTguNjQ2LDcuNjE2QzguNzE2LDcuNjE2IDguNzczLDcuNjczIDguNzczLDcuNzQzTDguNzczLDEwLjY1M0M4Ljc3MywxMC43MjQgOC43MTYsMTAuNzgxIDguNjQ2LDEwLjc4MUw4LjE3MywxMC43ODFDOC4xMDMsMTAuNzgxIDguMDQ2LDEwLjcyNCA4LjA0NiwxMC42NTNMOC4wNDYsNy43NDNDOC4wNDYsNy42NzMgOC4xMDMsNy42MTYgOC4xNzMsNy42MTZMOC42NDYsNy42MTZaTTcuNTE4LDEwLjc4MUw1LjY0NSwxMC43ODFDNS41NzQsMTAuNzgxIDUuNTE3LDEwLjcyNCA1LjUxNywxMC42NTNMNS41MTcsNy43NDNDNS41MTcsNy42NzMgNS41NzQsNy42MTYgNS42NDUsNy42MTZMNi4xMTgsNy42MTZDNi4xODgsNy42MTYgNi4yNDUsNy42NzMgNi4yNDUsNy43NDNMNi4yNDUsMTAuMDUzTDcuNTE4LDEwLjA1M0M3LjU4OCwxMC4wNTMgNy42NDUsMTAuMTEgNy42NDUsMTAuMThMNy42NDUsMTAuNjUzQzcuNjQ1LDEwLjcyNCA3LjU4OCwxMC43ODEgNy41MTgsMTAuNzgxWiIgc3R5bGU9ImZpbGw6cmdiKDYsMTk5LDg1KTsiLz48L2c+PC9zdmc+);
}
.icon-sns-copy {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48ZyB0cmFuc2Zvcm09Im1hdHJpeCgyLjA2NDUyLDAsMCwyLjA2NDUyLDAsMCkiPjxwYXRoIGlkPSJjb3B5IiBkPSJNMy41LDEyTDMuNSwxNC4zMDZDMy41LDE0Ljk2NSA0LjAzNSwxNS41IDQuNjk0LDE1LjVMMTQuMzA2LDE1LjVDMTQuOTY1LDE1LjUgMTUuNSwxNC45NjUgMTUuNSwxNC4zMDZMMTUuNSw0LjY5NEMxNS41LDQuMDM1IDE0Ljk2NSwzLjUgMTQuMzA2LDMuNUwxMiwzLjVMMTIsMS4xOTRDMTIsMC41MzUgMTEuNDY1LDAgMTAuODA2LDBMMS4xOTQsMEMwLjUzNSwwIDAsMC41MzUgMCwxLjE5NEwwLDEwLjgwNkMwLDExLjQ2NSAwLjUzNSwxMiAxLjE5NCwxMkwzLjUsMTJaTTE0LDUuMzQyQzE0LDUuMTUzIDEzLjg0Nyw1IDEzLjY1OCw1TDUuMzQyLDVDNS4xNTMsNSA1LDUuMTUzIDUsNS4zNDJMNSwxMy42NThDNSwxMy44NDcgNS4xNTMsMTQgNS4zNDIsMTRMMTMuNjU4LDE0QzEzLjg0NywxNCAxNCwxMy44NDcgMTQsMTMuNjU4TDE0LDUuMzQyWk0xMC41LDMuNUwxMC41LDEuODQyQzEwLjUsMS42NTMgMTAuMzQ3LDEuNSAxMC4xNTgsMS41TDEuODQyLDEuNUMxLjY1MywxLjUgMS41LDEuNjUzIDEuNSwxLjg0MkwxLjUsMTAuMTU4QzEuNSwxMC4zNDcgMS42NTMsMTAuNSAxLjg0MiwxMC41TDMuNSwxMC41TDMuNSw0LjY5NEMzLjUsNC4wMzUgNC4wMzUsMy41IDQuNjk0LDMuNUwxMC41LDMuNVoiIHN0eWxlPSJmaWxsOnJnYigxMTUsMTE1LDExNSk7Ii8+PC9nPjwvc3ZnPg==);
}

span.small {
  font-size: 0.8em;
}
span.big {
  font-size: 1.2em;
}

div.button-links {
  white-space: nowrap;
}
div.button-style {
  cursor: pointer;
}
div.button-style.disabled {
  cursor: not-allowed;
  opacity: var(--opacity-disabled);
}
div.button-links a,
div.button-style,
a.button {
  text-decoration: none;
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  padding: 0.9rem 0.75rem;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: var(--box-shadow-default);
  border-radius: var(--round-small);
  font-size: 0;
}
div.button-links a span,
div.button-style span,
a.button span {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
div.button-links a span.bg-img,
div.button-style span.bg-img,
a.button span.bg-img {
  font-size: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
}
div.button-links.big a span.bg-img {
  width: 2.5rem;
  height: 2.5rem;
}
div.button-links.big a span.big {
  font-size: 1.5rem;
  padding-bottom: 0.25rem;
}
div.button-links.big a span.small {
  font-size: 0.9rem;
}
div.button-links a span.bg-img.icon-align-right,
div.button-style span.bg-img.icon-align-right,
a.button span.bg-img.icon-align-right {
  margin-right: 0;
  margin-left: 0.25rem;
}
div.button-links {
  margin: 0.5rem 0;
}
div.button-links.center {
  text-align: center;
}
div.button-links a + a,
div.button-style + div.button-style {
  margin-left: 1rem;
}
div.button-links a[rel="prev"] {
  border-radius: 30px var(--round-small) var(--round-small) 30px;
}
div.button-links a[rel="next"] {
  border-radius: var(--round-small) 30px 30px var(--round-small);
}

div.margin-box.small {
  margin: 0.5rem 0;
}
div.margin-box.medium {
  margin: 1rem 0;
}
div.margin-box.large {
  margin: 1.3rem 0;
}

hr.divide {
  border-style: solid none none none;
  border-top: solid 1px var(--color-primary-pale);
  margin: 1rem 0;
}

div.scrollable {
  overflow: scroll;
}

header {
  width: 100%;
  background-color: var(--color-primary);
  display: flex;
  position: fixed;
  flex-wrap: nowrap;
  align-items: center;
  z-index: 999;
  left: 0;
  top: 0;
  box-shadow: var(--box-shadow-default);
  font-size: 0;
  height: var(--header-height);
  line-height: 1;
}
header a,
header div.header-menu-btn {
  text-decoration: none;
  color: var(--color-on-primary);
  display: inline-block;
}
header div.header-logo {
  width: var(--header-height);
  text-align: center;
}
header div.header-logo span {
  width: calc(var(--header-height) * 0.8);
  height: calc(var(--header-height) * 0.8);
  background-image: url(./assets/images/logo/logo.svg);
}
header div.header-title {
  padding-left: 0.25rem;
  text-align: left;
  flex-basis: auto;
  flex-grow: 1;
}
header div.header-title span {
  font-weight: bold;
  line-height: 2;
}
header div.header-icon {
  text-align: center;
}
header div.header-icon span.bg-img {
  width: 32px;
  height: 32px;
}
header div.header-icon p {
  margin-top: 0.25rem;
  font-size: 0.9rem;
}
header div.header-tel {
  width: 210px;
  text-align: center;
}
header div.header-tel span {
  vertical-align: middle;
}
header div.header-tel span.bg-img {
  width: 1.6rem;
  height: 1.6rem;
}
header div.header-tel span.header-tel-num {
  font-size: 1rem;
  font-weight: bold;
  display: inline-block;
  margin-left: 0.125rem;
}
header div.header-tel p {
  font-size: 0.8rem;
  margin-top: 0.6rem;
}
header div.header-menu-btn {
  cursor: pointer;
}
/* for WP-admin */
body.admin-bar header {
  top: 32px;
}
body.admin-bar #wpadminbar {
  position: fixed !important;
}

footer a {
  display: inline-block;
  text-decoration: none;
}
footer > div.footer-links {
  background-color: var(--color-primary-pale);
  text-align: center;
  padding: 0.625rem;
}
footer > div.footer-links ul {
  list-style: none;
}
footer > div.footer-links ul li {
  display: inline-block;
  padding: 0 0.625rem;
}
footer > div.footer-links li a {
  color: var(--color-on-primary-pale);
}
footer > div.footer-copyright {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  font-size: 0.8rem;
  text-align: center;
  padding: 0.5rem 0;
}

main {
  padding-top: var(--header-height);
  padding-bottom: calc(var(--bottom-float-show) + 60px);
}

/*
main div.top-mv {
  width: 100vw;
  height: calc(100vw * 0.5625);
  max-height: calc(100vh - var(--header-height));
  background-image: url(./assets/images/top-mv.webp);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 0;
}
main div.top-mv > div {
  text-align: center;
}
main div.top-mv div.top-mv-logo {
  width: 24vw;
  padding: 0 2vw;
}
main div.top-mv div.top-mv-logo span.bg-img {
  background-image: url(./assets/images/logo/logo-on-mv.svg);
  width: 20vw;
  height: 20vw;
  filter: drop-shadow(1px 1px 4px #000000);
}
main div.top-mv div.top-mv-info {
  padding-right: 1rem;
  flex: 1;
}
main div.top-mv div.top-mv-info > div {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
main div.top-mv div.top-mv-info p {
  color: var(--color-on-primary);
  text-shadow: 1px 1px 4px #000000;
  font-size: 1rem;
  line-height: 1.5;
}
*/

main div.block {
  padding: 1rem;
  max-width: var(--max-content-width);
  margin: 0 auto;
  font-size: 1rem;
}
main div.block.eyecatch {
  padding: 0;
  font-size: 0;
  text-align: center;
}
main div.block.eyecatch > img {
  width: auto;
  height: auto;
  max-width: 100vw;
  max-height: 100vh;
  box-shadow: var(--box-shadow-default);
  border-radius: var(--round-medium);
  overflow: hidden;
}
main div.block p {
  line-height: 1.5;
}
main div.contents {
  padding-left: 1rem;
}
main div.contents + div.contents {
  margin-top: 1rem;
}
main div.contents.text p {
  line-height: 1.7;
  font-size: 1rem;
}
main div.contents.text p.br {
  height: 0.75rem;
  font-size: 0.5rem;
}
main div.contents.text.p-margin p + p {
  margin-top: 0.75rem;
}
main div.contents.list ul,
main div.contents.list ol {
  margin-left: 1.5rem;
}
main div.contents.list ul {
  list-style: disc;
}
main div.contents.list ul li,
main div.contents.list ol li {
  padding: 0.25rem 0;
  font-size: 1rem;
  line-height: 1.5;
}
main div.contents.list ol.order-list li {
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: left 0.5rem bottom;
  padding-bottom: 1.4rem;
}
main div.contents.list ol.order-list li:last-child {
  background-image: none;
  padding-bottom: 0.25rem;
}
main div.contents.post-contents a,
main div.contents.list ul li a,
main div.contents.list ol li a {
  text-decoration: none;
  font-weight: bold;
  color: var(--color-effect);
}
main div.contents p.tel-info span,
main div.contents ul.link-list span {
  display: inline-block;
  vertical-align: middle;
}
main div.contents p.tel-info span.bg-img,
main div.contents ul.link-list span.bg-img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.4rem;
  background-color: var(--color-primary);
  border-radius: 50%;
  background-size: 80% 80%;
}
main div.contents ul.link-list {
  list-style: none;
}
main div.contents ul.link-list li {
  padding: 0.25rem 0;
}
main div.contents ul.link-list a {
  display: block;
  text-decoration: none;
  color: var(--color-primary);
  font-size: 1rem;
  padding: 0.5rem 0;
}
main div.contents div.map-wrapper {
  font-size: 0;
}
main div.contents div.map-wrapper iframe {
  width: 100%;
  overflow: hidden;
  border: solid 1px var(--color-primary-pale);
  border-radius: var(--round-medium);
}
main div.contents.form div.error-info {
  padding: 1rem;
  border: solid 2px var(--color-effect);
  border-radius: var(--round-medium);
  margin: 1rem 0;
}
main div.contents.form div.error-info p {
  font-weight: bold;
  font-size: 1.1rem;
  color: var(--color-error);
}
main div.contents.image-with-text {
  display: flex;
  margin-bottom: 1rem;
}
main div.contents.image-with-text div.image-box {
  font-size: 0;
}
main div.contents.image-with-text div.image-box img {
  border-radius: var(--round-medium);
  box-shadow: var(--box-shadow-default);
  width: 100%;
  max-width: 280px;
}
main div.contents.image-with-text div.text-box {
  flex: 1;
  padding: 0 0 1rem 1rem;
  border-bottom: solid 1px var(--color-primary-light);
}
main div.contents.cta {
  margin-top: 1rem;
}
main div.contents div.note {
  overflow: hidden;
  border: solid 1px var(--color-primary-pale);
  background-color: var(--color-primary-super-pale);
  color: var(--color-on-primary-pale);
  padding: 0.75rem 1rem;
  border-radius: var(--round-medium);
}
main div.contents p.caption {
  margin-bottom: 0.25rem;
}
main div.contents.faq dl {
  padding-left: 1rem;
}
main div.contents.faq dl dt,
main div.contents.faq dl dd,
main div.contents.def dl dt,
main div.contents.def dl dd {
  display: block;
  line-height: 1.6;
}
main div.contents.faq dl dt {
  font-size: 1.1rem;
  font-weight: bold;
}
main div.contents.faq dl dt:before {
  content: 'Q';
  margin: 0 0.4rem 0 -1.3rem;
  color: var(--color-primary-light);
}
main div.contents.faq dl dd {
  padding: 0.25rem 0 0.5rem 1.4rem;
}
main div.contents.faq dl dd:before {
  content: 'A';
  margin: 0 0.4rem 0 -1.3rem;
  color: var(--color-primary-light);
  font-weight: bold;
}
main div.contents.def dl dt {
  font-weight: bold;
  color: var(--color-primary);
  opacity: 0.9;
}
main div.contents.def dl dd {
  padding: 0 0 0.75rem 1rem;
}
main div.contents.def dl dd:last-child {
  padding-bottom: 0.25rem;
}
main div.contents.no-indent {
  padding-left: 0;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  font-weight: bold;
  color: var(--color-primary);
  margin: 1rem 0 0.75rem 0;
}
main h2,
main h3,
main h4,
main h5,
main h6 {
  border-color: var(--color-primary-light);
}
main h1 {
  text-align: center;
  font-size: 1.5rem;
}
main h2 {
  font-size: 1.25rem;
  border-style: none none solid solid;
  border-width: 0 0 2px 1rem;
  padding: 2px 2px 2px 4px;
}
main h3,
main h4,
main h5,
main h6 {
  border-style: none none solid none;
  padding: 2px;
  margin-left: 0.5rem;
}
main h3 {
  font-size: 1.1rem;
  border-width: 0 0 2px 0;
}
main div.contents + h3 {
  margin-top: 2rem;
}
main h4,
main h5,
main h6 {
  font-size: 1rem;
  border-width: 0 0 1px 0;
}

/* post-contents */
main div.contents.post-contents h2,
main div.contents.post-contents h3,
main div.contents.post-contents h4,
main div.contents.post-contents h5,
main div.contents.post-contents h6 {
  margin-left: 0;
}
main div.contents.post-contents ul,
main div.contents.post-contents ol {
  margin-left: 1.5rem;
}
main div.contents.post-contents ul li,
main div.contents.post-contents ol li {
  padding: 0.2rem 0;
}
main div.contents.post-contents p,
main div.contents.post-contents ul,
main div.contents.post-contents ol,
main div.contents.post-contents figure {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
main div.contents.post-contents table,
main div.contents.post-contents table th,
main div.contents.post-contents table td {
  border: solid 1px var(--color-primary);
  color: var(--color-on-background);
}

/* post-list-item, post-last-update */
main div.post-thumbnail {
  font-size: 0;
}
main div.post-thumbnail > img,
main div.post-thumbnail.no-image {
  box-shadow: var(--box-shadow-default);
  border-radius: var(--round-small);
  overflow: hidden;
  object-fit: cover;
}
main ul.post-list div.post-thumbnail {
  margin-bottom: 0.25rem;
}
main ul.post-list div.post-thumbnail.no-image {
  background-image: url(./assets/images/common/ogp-no-image_300px.webp);
  background-size: cover;
  width: 150px;
  height: 79px;
}
main div.post-list-item div.post-item-last-updated {
  font-size: 0.9rem;
  color: var(--color-primary-pale);
}
main div.post-list-item div.post-item-title {
  font-size: 1rem;
  font-weight: bold;
}
main div.post-last-updated {
  text-align: right;
  font-size: 1rem;
  color: var(--color-secondary-light);
}

main div.eyecatch-tile {
  font-size: 0;
}
main div.eyecatch-tile a {
  text-decoration: none;
}
main div.eyecatch-tile ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 0;
}
main div.eyecatch-tile ul li {
  display: block;
  overflow: hidden;
  text-align: center;
  border-radius: var(--round-medium);
  box-shadow: var(--box-shadow-default);
}
main div.eyecatch-tile ul li div {
  overflow: hidden;
}
main div.eyecatch-tile ul li div img {
  width: 100%;
  object-fit: cover;
}
main div.eyecatch-tile p {
  border-top: solid 1px var(--color-primary-pale);
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--color-primary);
  padding: 0.5rem 0;
  background-color: var(--color-background);
}

main ul.history,
main ul.post-list {
  list-style: none;
  margin-bottom: 0.5rem;
}
main ul.history a,
main ul.post-list a {
  text-decoration: none;
  color: var(--color-primary);
  font-size: 1rem;
  display: block;
  padding: 0.25rem 1.5rem 0.25rem 0;
  background-position: center right;
  background-size: 1rem 1rem;
  line-height: 1.7;
}
main ul.post-list li,
main ul.history li {
  padding: 0.5rem 0;
  border-bottom: solid 1px var(--color-primary-pale);
}
main ul.post-list li:last-child,
main ul.history li:last-child {
  border-bottom-style: none;
}
main ul.history dl {
  display: flex;
  flex-wrap: nowrap;
}
main ul.history dl dt,
main ul.history dl dd {
  display: block;
}
main ul.history dl dt {
  font-weight: bold;
  white-space: nowrap;
  width: 120px;
  text-align: right;
}
main ul.history.short dl dt {
  width: 90px;
}
main ul.history dl dd {
  flex: 1;
  padding-left: 1rem;
}

#top {
  height: 0;
  font-size: 0;
}

/* Breadcrumbs */
div.breadcrumbs {
  font-size: 0;
}
div.breadcrumbs.block {
  padding-bottom: 0;
}
div.breadcrumbs.block + div.block {
  padding-top: 0;
}
div.breadcrumbs ol {
  list-style: none;
}
div.breadcrumbs ol li {
  display: inline-block;
  vertical-align: middle;
}
div.breadcrumbs ol li a {
  display: inline-block;
  text-decoration: none;
}
div.breadcrumbs ol li:after {
  content: '>';
  padding: 0 0.8rem;
}
div.breadcrumbs ol li:last-child:after {
  content: '';
  padding: 0;
}
div.breadcrumbs ol li:after,
div.breadcrumbs ol li span {
  font-size: 1rem;
  color: var(--color-primary);
  line-height: 1.4;
  /* white-space: nowrap; */
}

/* Pagenation */
nav.pagination {
  display: block;
  margin: 1rem 0 2rem 0;
}
nav.pagination div.nav-links {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
nav.pagination div.nav-links .page-numbers {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 50%;
  text-decoration: none;
  font-size: 1rem;
  overflow: hidden;
  box-shadow: var(--box-shadow-default);
  margin: 0 0.25rem;
  color: var(--color-primary);
}
nav.pagination div.nav-links a.page-numbers.prev,
nav.pagination div.nav-links a.page-numbers.next {
  font-weight: bold;
}
nav.pagination div.nav-links .page-numbers:first-child {
  margin-left: 0;
}
nav.pagination div.nav-links .page-numbers:last-child {
  margin-right: 0;
}
nav.pagination div.nav-links span.current {
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  box-shadow: none;
}
nav.pagination div.nav-links span.dots {
  box-shadow: none;
}

/* category-tags */
div.category-tags {
  display: block;
  font-size: 0;
}
div.category-tags > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  background-color: var(--color-background);
  border-radius: 2rem;
  line-height: 1;
  padding: 0.5rem 0.825rem;
  box-shadow: var(--box-shadow-default);
  text-decoration: none;
  color: var(--color-secondary);
  margin: 0.4rem;
}

/* sns share */
div.sns-share-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  font-size: 0;
  background-color: var(--color-primary-super-pale);
  border-radius: var(--round-medium);
  margin: 0.5rem auto;
}
div.sns-share-box span {
  display: inline-block;
  vertical-align: middle;
}
div.sns-share-box span.bg-img {
  width: 1.6rem;
  height: 1.6rem;
}
div.sns-share-box span.sns-title {
  font-size: 1rem;
  color: var(--color-on-background);
  margin-left: 0.5rem;
  display: none;
}
div.sns-share-box > a {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  background-color: #ffffff;
  padding: 0.6rem;
  cursor: pointer;
  white-space: nowrap;
  margin: 0.5rem;
}
div.sns-share-box a.sns-twitter {
  border-color: rgb(29,161,242);
}
div.sns-share-box a.sns-facebook {
  border-color: rgb(23,120,242);
}
div.sns-share-box a.sns-hatena {
  border-color: rgb(5,163,222);
}
div.sns-share-box a.sns-line {
  border-color: rgb(6,199,85);
}
div.sns-share-box a.sns-copy {
  border-color: rgb(115,115,115);
}

/* Drawer menu */
#drawer-menu {
  display: block;
  position: fixed;
  width: var(--drawer-menu-width);
  top: var(--header-height);
  right: calc((var(--drawer-menu-width) * -1) - 10px);
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  z-index: 998;
  box-shadow: var(--box-shadow-default);
  font-size: 0;
  transition: right .3s ease;
}
#drawer-menu.show {
  right: 0;
}
#drawer-menu div.scrollable {
  height: calc(100vh - var(--header-height));
}
#drawer-menu div.office-info {
  padding: 0.25rem;
}
#drawer-menu div.office-info div.office-name {
  font-size: 1.1rem;
  font-weight: bold;
}
#drawer-menu div.office-info p {
  font-size: 1rem;
  margin: 0.15rem 0 0 0.5rem;
}
#drawer-menu div.office-info p span.bg-img {
  width: 1.4rem;
  height: 1.4rem;
}
#drawer-menu a {
  text-decoration: none;
  color: var(--color-on-primary);
  font-size: 1rem;
  display: block;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  line-height: 1.5;
}
#drawer-menu ul {
  list-style: none;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
}
#drawer-menu ul li {
  padding: 0.25rem;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
#drawer-menu div.office-info p span,
#drawer-menu ul li span {
  display: inline-block;
  vertical-align: middle;
}
#drawer-menu ul li span.bg-img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.2rem;
}

/* float-msgbox */
div.lu-float-msgbox {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: var(--box-shadow-default);
  padding: 1.5rem;
  border: solid 1px #ffffff;
  border-radius: var(--round-large);
  font-size: 1.25rem;
  color: #ffffff;
  white-space: pre-wrap;
  max-width: 80vw;
  min-width: 280px;
  opacity: 0;
  transition: opacity .5s ease;
}

/* to Top */
a.to-top-button {
  display: block;
  position: fixed;
  right: -60px;
  bottom: var(--bottom-float-show);
  z-index: 5;
  transition-property: right, bottom;
  transition-timing-function: ease;
  transition-duration: .3s;
  cursor: pointer;
}
a.to-top-button.show {
  right: 32px;
}
a.to-top-button span.bg-img {
  width: 56px;
  height: 56px;
  background-size: 58% 58%;
  border-radius: 50%;
  background-color: var(--color-primary);
  box-shadow: var(--box-shadow-default);
}

/* Shadow */
#shadow {
  display: none;
  position: fixed;
  left: 0;
  top: var(--header-height);
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 990;
}
body.shadow #shadow {
  display: block;
}
body.shadow main,
body.shadow footer,
body.shadow .shadow-blur {
  filter: blur(6px);
}

/* for WP-admin */
@media screen and (max-width: 782px) {
  body.admin-bar header {
    top: 46px;
  }
}

/* for SmartPhone or Phablet */
@media screen and (max-width: 1023px) {
  header div.header-title span {
    font-size: 1.1rem;
  }
  header div.header-icon {
    width: 48px;
  }
  header div.header-icon p {
    display: none;
  }
  header div.sp-hidden {
    display: none;
  }
  main div.eyecatch-tile ul li {
    width: 96%;
    margin: 2%;
  }
  main div.eyecatch-tile ul li div {
    height: 48vw;
  }
  main ul.history dl {
    flex-wrap: wrap;
  }
  main ul.history dl dt,
  main ul.history.short dl dt {
    width: 100%;
    text-align: left;
  }
  main ul.history dl dt br {
    display: none;
  }
  main ul.history dl dd {
    padding-top: 0.25rem;
  }
  main div.contents div.map-wrapper iframe {
    height: 320px;
  }
  main div.contents.image-with-text {
    flex-wrap: wrap;
  }
  main div.contents.image-with-text div.image-box {
    width: 100%;
  }
  main div.contents.image-with-text div.text-box {
    width: 100%;
    padding: 1rem 0;
  }
}

/* for Phablet */
@media screen and (min-width: 480px) {
  main div.eyecatch-tile ul li {
    width: 46%;
    margin: 2%;
  }
  main div.eyecatch-tile ul li div {
    height: 24vw;
  }
  main div.contents div.map-wrapper iframe {
    height: 400px;
  }
}

/* for PC */
@media screen and (min-width: 1024px) {
  :root {
    --header-height: 80px;
  }
  header div.header-title span {
    font-size: 1.2rem;
  }
  header div.header-icon {
    width: 84px;
  }
  main div.contents div.map-wrapper iframe {
    height: 480px;
  }
  div.sns-share-box > a {
    border-radius: var(--round-small);
  }
  div.sns-share-box span.sns-title {
    display: inline-block;
  }
  main div.post-list-item {
    display: flex;
  }
  main div.post-list-item div.post-item-info {
    margin-left: 0.825rem;
  }
  nav.pagination div.nav-links .page-numbers {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    margin: 0 0.33rem;
  }
  header a:hover,
  header div.header-menu-btn:hover,
  main div.eyecatch-tile a:hover img,
  a.button:hover,
  div.button-links a:hover,
  div.button-style:hover,
  a.to-top-button:hover {
    opacity: var(--opacity-hover);
  }
  div.button-style.disabled:hover {
    opacity: var(--opacity-disabled);
  }
  header div.pc-hidden {
    display: none;
  }
  footer > div.footer-links li a:hover,
  main div.eyecatch-tile a:hover p,
  main ul.history a:hover,
  main ul.post-list a:hover,
  div.breadcrumbs ol li a:hover,
  main div.contents.list ul li a:hover,
  main div.contents ul.link-list a:hover span,
  div.form-bottom-block p a:hover,
  main div.contents.post-contents a:hover {
    text-decoration: underline;
  }
  div.sns-share-box > a:hover,
  main ul.post-list a:hover div.category-tags > span,
  main ul.post-list a:hover div.post-thumbnail > img,
  main ul.post-list a:hover div.post-thumbnail.no-image,
  nav.pagination div.nav-links a.page-numbers:hover {
    box-shadow: var(--box-shadow-hover);
  }
  main div.top-mv div.top-mv-info p {
    font-size: 1.5rem;
    line-height: 1.7;
  }
  main div.eyecatch-tile ul li {
    width: 31.333%;
    margin: 1%;
  }
  main div.eyecatch-tile ul li div {
    height: 18vw;
    max-height: calc(var(--max-content-width) * 0.18);
  }
  #drawer-menu a:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: var(--round-small);
  }
  div.button-style:focus {
    outline: solid 3px var(--color-focus);
  }
}
