@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*, :after, :before {
  background-repeat: no-repeat;
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  padding: 0;
  margin: 0;
}

hr {
  overflow: visible;
  height: 0;
  color: inherit;
  height: 1px;
  background-color: #C6C6C8;
}

details, main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline-width: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b, strong {
  font-weight: bolder;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  text-indent: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  border-radius: 0;
}

[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
  color: inherit;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline-width: 0;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  white-space: normal;
  max-width: 100%;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

*, :after, :before {
  font-family: inherit;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: inherit;
  border: 0 solid;
  overflow-wrap: break-word;
}

/* ------------------------------------------------
 	color
  ---------------------------------------------- */
:root {
  --color-white: #fff;
  --color-beige: #F7F4EA;
  --color-beige-border: #DFD4AD;
  --color-gray: #F6F6F8;
  --color-primary: #009FE8;
  --color-primary-hover: #F2FAFE;
  --color-secondary: #E50012;
  --color-tertiary: #BBAF83;
  --accent-color: #c9c279;
  --color-text: #333;
  --color-link: #333;
  --color-border: #C6C6C8;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ------------------------------------------------
 	base
  ---------------------------------------------- */
body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  color: var(--color-text);
  background: var(--bg-color);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }
}

a {
  color: var(--color-text);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

strong {
  font-weight: bold;
}

img {
  -webkit-touch-callout: none;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.is-phone-link {
  text-decoration: none;
  cursor: default;
}
.is-phone-link:hover {
  text-decoration: none;
}

.is-hidden-sp {
  display: none;
}
@media screen and (min-width: 768px) {
  .is-hidden-sp {
    display: block !important;
  }
}

.is-hidden-tablet {
  display: block;
}
@media screen and (min-width: 768px) {
  .is-hidden-tablet {
    display: none !important;
  }
}

.is-hidden-pc {
  display: block;
}
@media screen and (min-width: 1080px) {
  .is-hidden-pc {
    display: none !important;
  }
}

.is-visible-pc {
  display: none;
}
@media screen and (min-width: 1080px) {
  .is-visible-pc {
    display: block !important;
  }
}

.l-wrapper {
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1080px) {
  .l-wrapper.is-nav-open {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1080px) {
  .l-wrapper.is-menu-fixed {
    padding-top: 50px;
  }
}

/* header
-------------------------*/
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 90;
}
@media screen and (min-width: 1080px) {
  .l-header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100px;
    align-items: center;
    padding: 0 20px;
    background-color: var(--color-white);
  }
}
@media screen and (min-width: 1280px) {
  .l-header {
    padding: 0 40px;
  }
}
@media screen and (min-width: 1340px) {
  .l-header {
    padding: 0 50px;
  }
}
.l-header.is-header-simple .header__sp-bar {
  width: 100%;
  justify-content: center;
}

.header__logo {
  display: block;
  width: 100px;
}
@media screen and (min-width: 1080px) {
  .header__logo {
    width: 140px;
  }
}
@media screen and (min-width: 1280px) {
  .header__logo {
    width: 172px;
  }
}
.header__sp-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 10;
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 70px;
  justify-content: space-between;
  border-bottom: 1px solid #E6E6E8;
  background-color: var(--color-white);
}
@media screen and (min-width: 1080px) {
  .header__sp-bar {
    position: relative;
    width: auto;
    height: auto;
    border-bottom: none;
    padding-right: 0;
    padding-left: 0;
  }
}
.header__inner {
  max-height: 100vh;
}
.header__sp-contact {
  display: flex;
  gap: 20px;
}
@media screen and (min-width: 1080px) {
  .header__sp-contact {
    display: none;
  }
}
.header__sp-contact a {
  display: block;
}
.header__pc-contact {
  display: none;
}
@media screen and (min-width: 1080px) {
  .header__pc-contact {
    display: flex;
    gap: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .header__pc-contact {
    gap: 15px;
  }
}
@media screen and (min-width: 1300px) {
  .header__pc-contact {
    gap: 20px;
  }
}
.header__pc-contact a {
  display: block;
  transition: opacity 300ms;
}
.header__pc-contact a:hover {
  opacity: 0.7;
}

.header-menu-btn {
  position: fixed;
  top: 0;
  right: 0;
  width: 60px;
  height: 59px;
  padding-top: 27px;
  color: var(--color-white);
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-align: center;
  z-index: 89;
  background-color: var(--color-white);
}
@media screen and (min-width: 1080px) {
  .header-menu-btn {
    display: none;
  }
}
.header-menu-btn__icon-1 {
  top: 18px;
  left: 15px;
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: var(--color-text);
  transition: all 300ms ease-in-out;
}
.header-menu-btn__icon-2 {
  top: 25px;
  left: 15px;
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: var(--color-text);
  transition: all 300ms ease-in-out;
}
.header-menu-btn__txt {
  display: block;
  font-size: 10px;
  font-weight: bold;
  color: var(--color-text);
  transition: opacity 300ms ease-out;
}
.header-menu-btn.is-menu-open .header-menu-btn__icon-1 {
  top: 28px;
  transform: rotate(45deg);
}
.header-menu-btn.is-menu-open .header-menu-btn__icon-2 {
  top: 28px;
  transform: rotate(-45deg);
  top: 28px;
}
.header-menu-btn.is-menu-open .header-menu-btn__txt {
  opacity: 0;
}
.header-menu-btn.is-menu-open .notification-icon {
  display: none;
}
.header-menu-btn .notification-icon {
  position: absolute;
  top: 4px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  min-width: 24px;
  padding: 0 5px;
  background-color: var(--color-secondary);
  z-index: 10;
  border: 2px solid var(--color-white);
  font-size: 13px;
  border-radius: 12px;
  font-weight: 900;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}

.l-main {
  padding-top: 60px;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .l-main {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1080px) {
  .l-main {
    padding-top: 100px;
  }
}

.breadcrumb-wrapper + .l-main {
  padding-top: 0;
}

.l-container {
  padding: 0 15px;
  margin: 0 auto;
}
@media screen and (min-width: 1080px) {
  .l-container {
    padding: 0 20px;
    max-width: 1144px;
  }
}

.is-container-column {
  display: flex;
  flex-direction: column-reverse;
  gap: 50px 0;
}
@media screen and (min-width: 768px) {
  .is-container-column {
    flex-direction: row;
    gap: 0 24px;
  }
}
@media screen and (min-width: 768px) {
  .is-container-column .l-body {
    width: calc(100% - 282px);
  }
  .is-container-column .l-body:only-child {
    width: 100%;
  }
}

.is-container-top {
  margin-bottom: -50px;
}
@media screen and (min-width: 768px) {
  .is-container-top {
    margin-bottom: 0;
  }
}

.l-sidenav {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (min-width: 768px) {
  .l-sidenav {
    width: 258px;
  }
}

@media screen and (min-width: 768px) {
  .sidenav__item.is-item-faq .sidenav__headline {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .sidenav__item.is-item-faq .sidenav-category-list {
    border-top: 1px solid var(--color-border);
    gap: 0;
  }
}
@media screen and (min-width: 768px) {
  .sidenav__item.is-item-faq .sidenav-category-list__item {
    border-bottom: 1px solid var(--color-border);
  }
  .sidenav__item.is-item-faq .sidenav-category-list__item a {
    padding: 20px 0;
  }
}

.sidenav__headline {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .sidenav__headline {
    padding: 12px 0;
  }
}
.sidenav__headline.is-headline-primary {
  border-bottom: 2px solid var(--color-primary);
}
@media screen and (min-width: 768px) {
  .sidenav__headline.is-headline-primary {
    border-top: 1px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
  }
}
.sidenav__headline.is-headline-secondary {
  border-bottom: 2px solid var(--color-secondary);
}
@media screen and (min-width: 768px) {
  .sidenav__headline.is-headline-secondary {
    border-top: 1px solid var(--color-secondary);
    border-bottom: 1px solid var(--color-secondary);
  }
}
@media screen and (min-width: 768px) {
  .sidenav__headline {
    font-size: 16px;
    text-align: center;
  }
}

.sidenav-list {
  display: none;
}
@media screen and (min-width: 768px) {
  .sidenav-list {
    display: block;
  }
}
.sidenav-list__item {
  border-top: 1px solid var(--color-border);
  font-weight: 500;
}
.sidenav-list__item a {
  display: block;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .sidenav-list__item a {
    transition: color 300ms;
  }
  .sidenav-list__item a:hover {
    color: var(--color-primary);
  }
}
.sidenav-list__item.is-current > a {
  color: var(--color-primary);
}
.sidenav-list__item.is-current > a:hover {
  color: var(--color-secondary);
}
.sidenav-list__item.is-current .sidenav-sub-list {
  display: block;
}
.sidenav-list.is-sidenav-list-top .sidenav-sub-list {
  display: block;
}
.sidenav-list.is-sidenav-list-top .sidenav-list__item > a {
  color: var(--color-primary);
}
.sidenav-list.is-sidenav-list-top .sidenav-list__item > a:hover {
  color: var(--color-secondary);
}
.sidenav-list.is-sidenav-list-faq {
  display: block;
  border-bottom: 1px solid var(--color-border);
}

.sidenav-sub-list {
  margin-top: -5px;
  margin-left: 1em;
  display: none;
}
.sidenav-sub-list__item {
  font-size: 14px;
}
.sidenav-sub-list__item a {
  padding: 7px 0;
}

@media screen and (min-width: 768px) {
  .sidenav-category-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
.sidenav-category-list__item {
  font-weight: 500;
  border-bottom: 1px solid var(--color-border);
}
@media screen and (min-width: 768px) {
  .sidenav-category-list__item {
    border-bottom: none;
  }
}
.sidenav-category-list__item a {
  display: block;
  padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .sidenav-category-list__item a {
    transition: color 300ms;
    padding: 0;
  }
  .sidenav-category-list__item a:hover {
    color: var(--color-primary);
  }
}

.sidenav__bnr-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.sidenav__bnr {
  display: block;
  max-width: 360px;
}
@media screen and (min-width: 768px) {
  .sidenav__bnr {
    transition: opacity 300ms;
  }
  .sidenav__bnr:hover {
    opacity: 0.6;
  }
}

.sidenav__archive {
  position: relative;
}
.sidenav__archive::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: #555;
  content: "";
  border-radius: 0 3px 3px 0;
  pointer-events: none;
}
.sidenav__archive::after {
  position: absolute;
  top: 9px;
  right: 17px;
  color: var(--color-white);
  width: 10px;
  height: 7px;
  font-family: "FontAwesome";
  pointer-events: none;
  font-size: 14px;
  content: "\f078";
}
.sidenav__archive select {
  display: flex;
  align-items: center;
  background-color: #eee;
  width: 100%;
  font-size: 14px;
  height: 40px;
  padding: 0 50px 0 10px;
  border-radius: 3px;
  cursor: pointer;
}

.sidenav-list.is-tags {
  display: block;
  margin-top: -7px;
}
@media screen and (min-width: 1080px) {
  .sidenav-list.is-tags {
    margin-top: -20px;
  }
}
.sidenav-list.is-tags .sidenav-list__item:first-child {
  border-top: none;
}
.sidenav-list.is-tags .sidenav-list__item > a {
  position: relative;
  padding: 20px 20px 20px 0;
}
.sidenav-list.is-tags .sidenav-list__item > a::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "+";
  font-size: 18px;
}
.sidenav-list.is-tags .sidenav-list__item > a.is-open::after {
  content: "\f068";
}
.sidenav-list.is-tags .sidenav-list__item > a:hover::after {
  color: #333;
}
.sidenav-list.is-tags .sidenav-sub-list {
  margin-bottom: 14px;
}

.l-section + .l-section {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .l-section.is-section-slider {
    margin-right: 0;
  }
}
.l-section.is-section-bg {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 30px calc(50vw - 50%) 50px;
  background-color: var(--color-beige);
}
@media screen and (min-width: 768px) {
  .l-section.is-section-bg {
    margin-left: 0;
    margin-right: 0;
    padding: 30px;
  }
}
.l-section.is-section-sp-bg {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 30px calc(50vw - 50%);
  background-color: var(--color-beige);
}
@media screen and (min-width: 768px) {
  .l-section.is-section-sp-bg {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    background-color: var(--color-white);
  }
}

/* ------------------------------------------------
 	footer
  ---------------------------------------------- */
.l-footer {
  background-color: var(--color-gray);
  padding: 50px 0 35px;
}
.l-footer.is-footer-simple {
  margin-top: auto;
  padding: 28px 0 8px;
}
.l-footer.is-footer-simple .footer__copyright {
  margin-top: 0;
}

.footer__logo {
  display: block;
  width: 200px;
  margin: 0 auto 50px;
}
.footer__inner {
  max-width: 1144px;
  padding: 0 32px;
  margin: 0 auto;
}
@media screen and (min-width: 1080px) {
  .footer__inner {
    padding: 0 20px;
  }
}
.footer__copyright {
  font-size: 10px;
  text-align: center;
  font-weight: bold;
}
.footer__copyright:first-of-type {
  margin-top: 50px;
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 25px 0;
}
@media screen and (min-width: 768px) {
  .footer-nav {
    gap: 30px;
  }
}
@media screen and (min-width: 1080px) {
  .footer-nav {
    flex-wrap: nowrap;
    justify-content: center;
  }
}
.footer-nav__item {
  display: block;
  width: 100%;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .footer-nav__item {
    white-space: nowrap;
  }
}
.footer-nav__container {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 25px 0;
}
@media screen and (min-width: 768px) {
  .footer-nav__container {
    width: calc(25% - 20px);
  }
}
@media screen and (min-width: 1080px) {
  .footer-nav__container {
    width: auto;
  }
}
.footer-nav__container.is-container-include-nav {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footer-nav__container.is-container-include-nav {
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 1080px) {
  .footer-nav__container.is-container-include-nav {
    width: auto;
  }
}

.footer-sub-nav {
  display: flex;
  flex-direction: column;
  gap: 25px 30px;
  margin-bottom: 25px;
  width: 100%;
}
@media screen and (min-width: 1080px) {
  .footer-sub-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 25px 30px;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
.footer-sub-nav__container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 25px 30px;
}
@media screen and (min-width: 1080px) {
  .footer-sub-nav__container {
    flex-direction: column;
    width: auto;
  }
}
.footer-sub-nav__item {
  width: calc(50% - 15px);
}
@media screen and (min-width: 1080px) {
  .footer-sub-nav__item {
    width: 100%;
    display: block;
    white-space: nowrap;
  }
}

/* gnav
-------------------------*/
.gnav {
  position: fixed;
  top: 0;
  left: 0;
  padding: 80px 15px 15px;
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 5;
  background-color: var(--color-beige);
  visibility: hidden;
}
@media screen and (min-width: 1080px) {
  .gnav {
    visibility: visible;
    position: relative;
    width: auto;
    height: auto;
    overflow: inherit;
    padding: 0;
  }
}
.gnav__inner {
  background-color: var(--color-white);
  padding: 25px 20px;
  border-radius: 10px;
}
@media screen and (min-width: 1080px) {
  .gnav__inner {
    display: flex;
    padding: 0;
    border-radius: 0;
    align-items: center;
  }
}
.gnav__item {
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1080px) {
  .gnav__item {
    height: 46px;
    padding: 0 20px;
    border-left: 1px solid var(--color-border);
    transition: color 300ms;
  }
  .gnav__item:first-child {
    border-left: none;
  }
  .gnav__item:hover {
    color: var(--color-primary);
  }
}
.gnav__item--txt {
  height: 100%;
}
@media screen and (min-width: 1080px) {
  .gnav__item.is-current {
    color: var(--color-primary);
  }
}
.gnav__item-icon {
  display: block;
  width: 50%;
  font-weight: normal;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 50px;
}
.gnav__item-icon.is-icon-contact {
  position: relative;
}
@media screen and (min-width: 1080px) {
  .gnav__item-icon.is-icon-contact {
    background: none;
    padding: 5px;
    background-color: var(--color-primary);
    border-radius: 3px;
    color: var(--color-white);
    font-weight: bold;
    transition: background-color 300ms;
  }
  .gnav__item-icon.is-icon-contact:hover {
    background-color: #7ECFF4;
  }
}
@media screen and (min-width: 1280px) {
  .gnav__item-icon.is-icon-contact {
    padding: 10px;
    white-space: nowrap;
  }
  .gnav__item-icon.is-icon-contact br {
    display: none;
  }
}
.gnav__item-icon.is-icon-contact .count-icon {
  top: -12px;
  right: -12px;
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  height: 24px;
  min-width: 24px;
  padding: 0 5px;
  background-color: var(--color-secondary);
  z-index: 10;
  border: 2px solid var(--color-white);
  font-size: 13px;
  border-radius: 12px;
  font-weight: 900;
}
@media screen and (min-width: 1080px) {
  .gnav__item-icon.is-icon-contact .count-icon {
    display: flex;
  }
}
@media screen and (min-width: 1080px) {
  .gnav__item-icon {
    width: auto;
  }
}

.gnav__icon-list {
  display: none;
}
@media screen and (min-width: 1080px) {
  .gnav__icon-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1320px) {
  .gnav__icon-list {
    margin-left: 20px;
  }
}

.gnav__list {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  border-top: 1px solid var(--color-border);
}
@media screen and (min-width: 1080px) {
  .gnav__list {
    border: none;
  }
}
.gnav__list .gnav__item {
  display: flex;
  width: 50%;
  height: 48px;
  font-weight: bold;
  padding: 0 10px;
  border-bottom: 1px solid var(--color-border);
}
.gnav__list .gnav__item:nth-child(odd) {
  border-right: 1px solid var(--color-border);
}
@media screen and (min-width: 1080px) {
  .gnav__list .gnav__item:nth-child(odd) {
    border-right: none;
  }
}
@media screen and (min-width: 1080px) {
  .gnav__list .gnav__item {
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    height: 46px;
    padding: 0 10px;
    border-left: 1px solid var(--color-border);
  }
}
@media screen and (min-width: 1280px) {
  .gnav__list .gnav__item {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1320px) {
  .gnav__list .gnav__item {
    padding: 0 20px;
  }
}
.gnav__list .gnav__item.is-row {
  width: 100%;
  border-bottom: none;
  border-right: none;
  text-align: center;
  justify-content: center;
}

.gnav-sub {
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (min-width: 1080px) {
  .gnav-sub {
    display: none;
  }
}
.gnav-sub__item {
  font-weight: normal;
  border-radius: 3px;
  height: 48px;
  width: calc(50% - 20px);
  border: 1px solid var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1.5;
  padding: 0 15px;
  text-align: center;
}
.gnav-sub__item-txt {
  display: block;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.gnav.is-gnav-open {
  animation: fadein 700ms;
  visibility: visible;
}

.gnav__sp-contact-button {
  position: relative;
  display: block;
  max-width: 180px;
  text-align: center;
  position: relative;
  padding: 11px 10px;
  background-color: var(--color-primary);
  border-radius: 3px;
  color: var(--color-white);
  font-weight: bold;
  margin: 5px auto 20px;
  font-size: 16px;
}
.gnav__sp-contact-button .count-icon {
  top: -12px;
  right: -12px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  min-width: 24px;
  padding: 0 5px;
  background-color: var(--color-secondary);
  z-index: 10;
  border: 2px solid var(--color-white);
  font-size: 13px;
  border-radius: 12px;
  font-weight: 900;
}
@media screen and (min-width: 1080px) {
  .gnav__sp-contact-button {
    display: none;
  }
}

.page-header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  margin-bottom: 30px;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-header {
    height: 200px;
  }
}
.page-header__headline {
  padding-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .page-header__headline {
    font-size: 32px;
    padding-bottom: 10px;
  }
}
.page-header.is-page-header-primary .page-header__headline {
  border-bottom: 2px solid var(--color-primary);
}
@media screen and (min-width: 768px) {
  .page-header.is-page-header-primary .page-header__headline {
    border-bottom: 3px solid var(--color-primary);
  }
}
.page-header.is-page-header-secondary .page-header__headline {
  border-bottom: 2px solid var(--color-secondary);
}
@media screen and (min-width: 768px) {
  .page-header.is-page-header-secondary .page-header__headline {
    border-bottom: 3px solid var(--color-secondary);
  }
}
.page-header.is-page-header-mb-0 {
  margin-bottom: 0;
}

.headline-1 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .headline-1 {
    font-size: 24px;
    padding-bottom: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.headline-1.is-headline-primary {
  border-bottom: 2px solid var(--color-primary);
}

.headline-2 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .headline-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
  }
}
.headline-2__txt {
  display: block;
  font-size: 20px;
  border-bottom: 2px solid var(--color-tertiary);
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .headline-2__txt {
    font-size: 24px;
  }
}

.headline-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 150px;
}
@media screen and (min-width: 768px) {
  .headline-3 {
    height: 200px;
  }
}
.headline-3__txt {
  display: block;
  font-size: 20px;
  border-bottom: 2px solid var(--color-primary);
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .headline-3__txt {
    font-size: 32px;
  }
}

.headline-top {
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--color-primary);
}
@media screen and (min-width: 768px) {
  .headline-top {
    position: relative;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .headline-top::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-primary);
    content: "";
    margin-top: -1px;
  }
}
.headline-top__txt {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .headline-top__txt {
    position: relative;
    display: inline-block;
    background-color: var(--color-white);
    z-index: 5;
    padding-right: 20px;
    font-size: 26px;
  }
}
@media screen and (min-width: 1080px) {
  .headline-top__txt {
    font-size: 32px;
  }
}
.headline-top.is-headline-sp-center {
  text-align: center;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .headline-top.is-headline-sp-center {
    text-align: left;
  }
}

.headline-center {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .headline-center {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

/* table
-------------------------*/
.table {
  width: 100%;
}
.table tr:first-child th, .table tr:first-child td {
  border-top: 1px solid var(--color-tertiary);
}
.table th {
  text-align: left;
  padding: 20px;
  border-bottom: 1px solid var(--color-tertiary);
  background-color: var(--color-white);
  word-break: break-all;
  background-color: var(--color-beige);
}
.table td {
  padding: 20px;
  border-bottom: 1px solid var(--color-tertiary);
  background-color: var(--color-white);
  word-break: break-all;
}
.table td iframe {
  display: block;
  width: 100%;
  height: 330px;
}
@media screen and (min-width: 768px) {
  .table td iframe {
    height: 300px;
  }
}
.table td dl {
  display: flex;
  flex-wrap: wrap;
}
.table td dt {
  width: 7em;
}
.table td dd {
  width: calc(100% - 7em);
}
.table__td-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  .is-table-sp-block {
    border-top: none;
  }
}
@media screen and (max-width: 767px) {
  .is-table-sp-block tr:first-child th, .is-table-sp-block tr:first-child td {
    border-top: none;
  }
}
@media screen and (max-width: 767px) {
  .is-table-sp-block th {
    display: block;
    border: none;
    width: 100%;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .is-table-sp-block td {
    display: block;
    padding: 10px;
    border-left: none;
    margin-bottom: 10px;
    width: 100%;
  }
}

.form-table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .form-table {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .form-table tr:first-child th, .form-table tr:first-child td {
    padding-top: 0;
  }
}
.form-table th {
  width: 200px;
  padding-top: 50px;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .form-table th {
    display: block;
    border: none;
    width: 100%;
    padding: 0 0 15px;
    text-align: left;
  }
}
@media screen and (min-width: 1080px) {
  .form-table th {
    width: 352px;
  }
}
.form-table td {
  padding-left: 24px;
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .form-table td {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
  }
}
.form-table__th-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border);
  min-height: 55px;
}
@media screen and (max-width: 767px) {
  .form-table__th-inner {
    padding: 0;
    border: none;
    justify-content: flex-start;
    gap: 24px;
    min-height: auto;
  }
}
.form-table__td-inner {
  position: relative;
  min-height: 55px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .form-table__td-inner {
    min-height: auto;
    display: block;
  }
}
.form-table__td-inner.is-td-inner-flex {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .form-table__td-inner.is-td-inner-flex {
    gap: 40px;
  }
}
.form-table__note {
  border: 1px solid #C6C6C8;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: -26px;
}
@media screen and (min-width: 768px) {
  .form-table__note {
    padding: 20px;
    margin-top: 20px;
    margin-left: -24px;
  }
}
.form-table__note p {
  font-size: 14px;
  line-height: 1.71;
}
.form-table__note .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.service-slider-wrapper {
  margin-bottom: 20px;
}
@media screen and (min-width: 1080px) {
  .service-slider-wrapper {
    margin-bottom: 30px;
  }
}
.service-slider-wrapper:last-child {
  margin-bottom: 0;
}

.service-slider {
  width: calc(100% + 35px);
  height: 100%;
}
@media screen and (min-width: 1080px) {
  .service-slider {
    width: auto;
    padding: 0 40px;
  }
}
.service-slider__title {
  font-size: 12px;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .service-slider__title {
    transition: color 300ms;
  }
}
@media screen and (min-width: 1080px) {
  .service-slider__title {
    font-size: 14px;
  }
}
.service-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .service-slider .swiper-slide img {
    transition: opacity 300ms;
  }
}
.service-slider .swiper-button-next,
.service-slider .swiper-button-prev {
  display: none;
}
@media screen and (min-width: 1080px) {
  .service-slider .swiper-button-next,
  .service-slider .swiper-button-prev {
    position: absolute;
    display: block;
    top: 0;
    height: 100%;
    background-color: var(--color-white);
    margin-top: 0;
    width: 40px;
  }
  .service-slider .swiper-button-next::after,
  .service-slider .swiper-button-prev::after {
    display: none;
  }
}
.service-slider .swiper-button-next.swiper-button-disabled,
.service-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.service-slider .swiper-button-next.swiper-button-disabled::before,
.service-slider .swiper-button-prev.swiper-button-disabled::before {
  opacity: 0.3;
}
.service-slider .swiper-button-prev {
  left: 0;
}
.service-slider .swiper-button-prev::before {
  position: absolute;
  top: 47px;
  left: 2px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f137";
  font-size: 24px;
  line-height: 1;
  color: var(--color-primary);
}
.service-slider .swiper-button-next {
  right: 0;
}
.service-slider .swiper-button-next::before {
  position: absolute;
  top: 47px;
  left: 16px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f138";
  font-size: 24px;
  line-height: 1;
  color: var(--color-primary);
}

.service-slider__item {
  width: 100%;
}
@media screen and (min-width: 1080px) {
  .service-slider__item {
    width: 178px;
  }
}
@media screen and (min-width: 768px) {
  .service-slider__item a:hover img {
    opacity: 0.6;
  }
}
.service-slider__item a:hover .service-slider__title {
  color: var(--color-primary);
}

.service-slider__img-wrapper {
  position: relative;
}
.service-slider__img-wrapper img {
  object-fit: cover;
  aspect-ratio: 3/2;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.service-slider__headline {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (min-width: 1080px) {
  .service-slider__headline {
    font-size: 20px;
    margin-bottom: 20px;
    margin-left: 40px;
  }
}
.service-slider__headline-icon {
  width: auto;
  height: 60px;
  margin: 0;
}
@media screen and (min-width: 1080px) {
  .service-slider__headline-icon {
    height: 80px;
  }
}
.service-slider__headline i {
  margin-left: 5px;
}
.service-slider__headline a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .service-slider__headline a {
    transition: all 300ms;
  }
}
@media screen and (min-width: 768px) {
  .service-slider__headline a:hover {
    color: var(--color-primary);
  }
  .service-slider__headline a:hover::before {
    background-color: var(--color-primary);
  }
}

.is-not-slider {
  touch-action: auto;
  width: calc(100% + 15px);
  overflow-x: auto;
}
@media screen and (min-width: 1080px) {
  .is-not-slider {
    overflow: hidden;
    width: 100%;
  }
}
.is-not-slider .service-slider__wrapper {
  display: flex;
  gap: 15px;
  overflow-x: auto;
}
@media screen and (min-width: 1080px) {
  .is-not-slider .service-slider__wrapper {
    overflow-x: hidden;
  }
}
.is-not-slider .service-slider__item {
  width: 33.3%;
}
@media screen and (min-width: 1080px) {
  .is-not-slider .service-slider__item {
    width: calc(25% - 11px);
  }
}
.is-not-slider .swiper-lazy-preloader,
.is-not-slider .swiper-button-next,
.is-not-slider .swiper-button-prev {
  display: none !important;
}

.service-detail-slider-wrapper {
  position: relative;
  padding-bottom: 45px;
  overflow: hidden;
  margin-right: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: 5px;
}
@media screen and (min-width: 768px) {
  .service-detail-slider-wrapper {
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
}
.service-detail-slider-wrapper .swiper-button-next,
.service-detail-slider-wrapper .swiper-button-prev {
  background: none;
  width: auto;
  height: auto;
  top: inherit;
  bottom: 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .service-detail-slider-wrapper .swiper-button-next,
  .service-detail-slider-wrapper .swiper-button-prev {
    bottom: inherit;
    top: 50%;
  }
}
.service-detail-slider-wrapper .swiper-button-next i,
.service-detail-slider-wrapper .swiper-button-prev i {
  font-size: 30px;
  color: var(--color-primary);
}
.service-detail-slider-wrapper .swiper-button-next::after,
.service-detail-slider-wrapper .swiper-button-prev::after {
  display: none;
}
.service-detail-slider-wrapper .swiper-button-next {
  display: none;
}
@media screen and (min-width: 768px) {
  .service-detail-slider-wrapper .swiper-button-next {
    display: block;
    right: -10px;
  }
}
.service-detail-slider-wrapper .swiper-button-prev {
  display: none;
}
@media screen and (min-width: 768px) {
  .service-detail-slider-wrapper .swiper-button-prev {
    display: block;
    left: -10px;
  }
}
.service-detail-slider-wrapper.step .service-detail-slider__item-inner {
  padding: 54px 20px 20px;
}

.service-detail-slider {
  margin-left: -10px;
  padding-right: 5px;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .service-detail-slider {
    overflow: visible !important;
    margin: 0 10px;
    padding-right: 0;
  }
}
.service-detail-slider .swiper-wrapper {
  padding: 5px;
}
@media screen and (min-width: 768px) {
  .service-detail-slider .swiper-wrapper {
    padding: 0;
  }
}
.service-detail-slider__item {
  padding: 5px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .service-detail-slider__item {
    padding: 10px;
  }
}
.service-detail-slider__item-inner {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  height: 100%;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .service-detail-slider__item-inner {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  }
}
.service-detail-slider__img-wrapper {
  width: 100%;
  overflow: hidden;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
}
.service-detail-slider__img-wrapper img {
  max-width: inherit;
  width: auto;
  height: 100%;
  object-fit: cover;
}
.service-detail-slider__step {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  background-color: #BBAF83;
  width: 120px;
  height: 34px;
  border-radius: 0 0 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-detail-slider__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .service-detail-slider__title {
    font-size: 18px;
  }
}
.service-detail-slider__desc {
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .service-detail-slider__desc {
    font-size: 16px;
  }
}

.service-detail-slider.no-swiper {
  padding-bottom: 0;
  margin-right: 0;
  padding-right: 5px;
}
.service-detail-slider.no-swiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: flex-start; /* 左寄せ */
}
@media screen and (min-width: 768px) {
  .service-detail-slider.no-swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.service-detail-slider.no-swiper .swiper-button-next,
.service-detail-slider.no-swiper .swiper-button-prev {
  display: none;
}

.card-wrapper {
  display: grid;
  margin-bottom: 30px;
}
.card-wrapper:last-child {
  margin-bottom: 0;
}

.card__link {
  display: flex;
}
@media screen and (min-width: 768px) {
  .card__link {
    transition: opacity 300ms;
  }
  .card__link:hover {
    opacity: 0.7;
  }
}
.card__image {
  aspect-ratio: 3/2;
  overflow: hidden;
  object-fit: cover;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .card__image {
    transition: opacity 300ms;
  }
}
.card__headline {
  font-weight: bold;
}
.card__headline i {
  margin-left: 10px;
}
.card__inner {
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .card__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.card__desc {
  margin-bottom: 15px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .card__desc {
    margin-bottom: 0;
  }
}
.card__price {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: 16px 0;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .card__price {
    margin-bottom: 0;
  }
}
.card__price dt {
  font-size: 12px;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .card__price dt {
    font-size: 14px;
  }
}
.card__price dd {
  font-size: 16px;
  font-weight: bold;
  word-break: break-all;
}
.card__category {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: var(--color-secondary);
}
.card__icon {
  display: block;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}
.card__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .card__body {
    gap: 40px;
  }
}
.card__rating {
  display: flex;
  gap: 20px;
}
.card__rating dt {
  font-size: 16px;
}
.card__rating dd {
  width: 124px;
  height: 22px;
}
.card__bottom {
  display: flex;
  gap: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
}
@media screen and (min-width: 768px) {
  .card__bottom {
    gap: 18px;
  }
}
.card__bottom .button {
  position: relative;
}
@media screen and (min-width: 768px) {
  .card__bottom-wrapper {
    position: relative;
  }
}
.card__footer {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: auto;
}
.card__bottom-wrapper {
  position: relative;
}

.is-card-wrapper-service {
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-service {
    gap: 30px 24px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-service {
    grid-template-columns: repeat(3, 1fr);
  }
}
.is-card-wrapper-service .card {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-service .card {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.is-card-wrapper-service .card__link {
  gap: 12px;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-service .card__link {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 0;
  }
  .is-card-wrapper-service .card__link:hover .card__image {
    opacity: 0.6;
  }
  .is-card-wrapper-service .card__link:hover .card__headline {
    color: var(--color-primary);
  }
}
.is-card-wrapper-service .card__image {
  width: calc(50% - 6px);
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-service .card__image {
    width: 100%;
  }
}
.is-card-wrapper-service .card__headline {
  width: calc(50% - 6px);
  position: relative;
  font-size: 16px;
}
.is-card-wrapper-service .card__headline i {
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-service .card__headline {
    transition: all 300ms;
    width: 100%;
  }
}
.is-card-wrapper-service .card__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-service .card__inner {
    gap: 20px;
  }
}
.is-card-wrapper-service .card__inner .card__desc {
  width: 100%;
}
.is-card-wrapper-service .card__inner .card__price {
  width: calc(50% - 5px);
  flex-wrap: wrap;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-service .card__inner .card__price {
    width: 100%;
  }
}
.is-card-wrapper-service .card__inner .card__price dt {
  font-size: 14px;
}
.is-card-wrapper-service .card__inner .card__price dd {
  display: inline-block;
}
.is-card-wrapper-service .card__inner .button {
  padding: 5px 0;
  width: calc(50% - 5px);
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-service .card__inner .button {
    width: 100%;
    padding: 12px 12px;
  }
}

.is-card-wrapper-work {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 12px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-work {
    gap: 20px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work {
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.is-card-wrapper-work .card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-border);
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-work .card {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    gap: 10px;
  }
}
.is-card-wrapper-work .card__link {
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work .card__category {
    padding: 0 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work .card__headline {
    padding: 0 15px;
  }
}

.is-card-wrapper-contact {
  margin-bottom: 50px;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-contact {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-contact {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-contact .card {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.is-card-wrapper-contact .card__link {
  padding-bottom: 15px;
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-contact .card__link {
    padding-bottom: 20px;
  }
}

.is-card-wrapper-column {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 12px;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
.is-card-wrapper-column .card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-border);
  height: 100%;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-column .card {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column .card {
    gap: 10px;
  }
}
.is-card-wrapper-column .card__link {
  flex-direction: column;
  gap: 15px;
  height: 100%;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column .card__link {
    gap: 10px;
  }
}
.is-card-wrapper-column .card__date {
  font-size: 11px;
  line-height: 1.1;
}
.is-card-wrapper-column .card__author {
  font-size: 11px;
  line-height: 1.1;
}
.is-card-wrapper-column img {
  max-width: inherit !important;
  width: 100% !important;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column .card__footer {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column .card__category {
    padding: 0 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column .card__headline {
    padding: 0 15px;
  }
}

.is-card-wrapper-column-top {
  margin-bottom: 10px;
  gap: 10px 12px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-column-top {
    margin-bottom: 20px;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column-top {
    margin-bottom: 24px;
    gap: 24px;
  }
}
.is-card-wrapper-column-top .card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-border);
  height: 100%;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-column-top .card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column-top .card {
    gap: 10px;
  }
}
.is-card-wrapper-column-top .card__link {
  flex-direction: column;
  gap: 20px;
  height: 100%;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column-top .card__link {
    gap: 10px;
  }
}
.is-card-wrapper-column-top .card__headline {
  font-size: 16px;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column-top .card__headline {
    font-size: 20px;
  }
}
.is-card-wrapper-column-top .card__date {
  font-size: 12px;
  line-height: 1.1;
}
.is-card-wrapper-column-top .card__author {
  font-size: 12px;
  line-height: 1.1;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column-top .card__footer {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column-top .card__category {
    padding: 0 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-column-top .card__headline {
    padding: 0 15px;
  }
}

.is-card-wrapper-work-introduction {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 12px;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction {
    grid-template-columns: repeat(4, 1fr);
  }
}
.is-card-wrapper-work-introduction .card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-bottom: 15px;
  height: 100%;
  border-bottom: 1px solid var(--color-border);
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-work-introduction .card {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction .card {
    gap: 10px;
  }
}
.is-card-wrapper-work-introduction .card__link {
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction .card__link {
    gap: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction .card__category {
    padding: 0 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction .card__headline {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction .card__category {
    padding: 0 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction .card__headline {
    padding: 0 15px;
  }
}

.is-card-wrapper-work-introduction-top {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 12px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-work-introduction-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
.is-card-wrapper-work-introduction-top .card {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: calc(50% - 12px);
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-border);
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-work-introduction-top .card {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction-top .card {
    gap: 10px;
  }
}
.is-card-wrapper-work-introduction-top .card:first-child {
  width: 100%;
}
.is-card-wrapper-work-introduction-top .card__link {
  flex-direction: column;
  gap: 15px;
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction-top .card__link {
    gap: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction-top .card__category {
    padding: 0 15px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-work-introduction-top .card__headline {
    padding: 0 15px;
  }
}

.is-card-wrapper-voice {
  gap: 10px;
  padding: 5px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-voice {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media screen and (min-width: 1080px) {
  .is-card-wrapper-voice {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
.is-card-wrapper-voice .card {
  display: flex;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-voice .card {
    border-radius: 3px;
  }
}
.is-card-wrapper-voice .card > div {
  display: flex;
  padding: 20px 15px;
  width: 100%;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-voice .card > div {
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
    gap: 35px;
  }
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-voice .card__headline {
    transition: color 300ms;
  }
}
.is-card-wrapper-voice .card__link {
  width: 100%;
  padding: 20px 15px;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-voice .card__link {
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
    border-radius: 3px;
    transition: box-shadow 300ms;
    gap: 35px;
  }
  .is-card-wrapper-voice .card__link:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .is-card-wrapper-voice .card__link:hover .card__headline {
    color: var(--color-primary);
  }
}

.is-card-wrapper-error .card__image {
  width: 173px;
  margin-bottom: 20px;
  height: auto;
  aspect-ratio: inherit;
  overflow: inherit;
}
@media screen and (min-width: 768px) {
  .is-card-wrapper-error .card__image {
    width: 231px;
  }
}

.card__rating {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top;
}
.card__rating.is-rating-1 dd {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM37.1.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM37.1,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM61.8.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM61.8,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM86.6.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM86.6,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM111.3.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM111.3,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7Z" /></svg>');
}
.card__rating.is-rating-2 dd {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM41.1,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM61.8.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM61.8,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM86.6.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM86.6,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM111.3.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM111.3,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7Z" /></svg>');
}
.card__rating.is-rating-3 dd {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM41.1,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM65.9,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM86.6.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM86.6,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM111.3.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM111.3,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7Z" /></svg>');
}
.card__rating.is-rating-4 dd {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM41.1,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM65.9,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM90.6,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM111.3.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM111.3,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7Z" /></svg>');
}
.card__rating.is-rating-5 dd {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM41.1,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM65.9,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM90.6,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM115.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7Z" /></svg>');
}

.card__icon {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top;
}
.card__icon.is-icon-01-red {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23E50012" d="M17.5,24.4c2.5,0,4.3-1.2,5.3-2.3.6-.7,1.6-.8,2.3-.1.7.6.7,1.6,0,2.3-1.5,1.6-4.1,3.3-7.7,3.3s-6.3-1.7-7.8-3.3c-.6-.7-.6-1.7,0-2.3.7-.6,1.7-.5,2.3.1,1,1.1,2.8,2.3,5.4,2.3ZM14.2,14.6c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM20.8,14.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2-1,2.2-2.2,2.2-2.2-1-2.2-2.2ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.card__icon.is-icon-01-black {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23333333" d="M17.5,24.4c2.5,0,4.3-1.2,5.3-2.3.6-.7,1.6-.8,2.3-.1.7.6.7,1.6,0,2.3-1.5,1.6-4.1,3.3-7.7,3.3s-6.3-1.7-7.8-3.3c-.6-.7-.6-1.7,0-2.3.7-.6,1.7-.5,2.3.1,1,1.1,2.8,2.3,5.4,2.3ZM14.2,14.6c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM20.8,14.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2-1,2.2-2.2,2.2-2.2-1-2.2-2.2ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.card__icon.is-icon-01-blue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23009FE8" d="M17.5,24.4c2.5,0,4.3-1.2,5.3-2.3.6-.7,1.6-.8,2.3-.1.7.6.7,1.6,0,2.3-1.5,1.6-4.1,3.3-7.7,3.3s-6.3-1.7-7.8-3.3c-.6-.7-.6-1.7,0-2.3.7-.6,1.7-.5,2.3.1,1,1.1,2.8,2.3,5.4,2.3ZM14.2,14.6c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM20.8,14.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2-1,2.2-2.2,2.2-2.2-1-2.2-2.2ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.card__icon.is-icon-02-red {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23E50012" d="M8.9,21.8c-.3-.9.5-1.8,1.4-1.8h14.6c1,0,1.7.9,1.4,1.8-1.2,3.8-4.6,6.4-8.7,6.4s-7.6-2.7-8.7-6.4ZM14.2,13.5c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM19.2,15.1c-.5-.5-.5-1.4,0-1.9,1-1.1,2.4-1.6,3.7-1.6s2.7.5,3.8,1.6c.5.5.5,1.4,0,1.9-.5.5-1.4.5-1.9,0-.4-.4-1-.7-1.8-.7s-1.4.3-1.7.7c-.5.5-1.4.6-2,0ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.card__icon.is-icon-02-black {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23333333" d="M8.9,21.8c-.3-.9.5-1.8,1.4-1.8h14.6c1,0,1.7.9,1.4,1.8-1.2,3.8-4.6,6.4-8.7,6.4s-7.6-2.7-8.7-6.4ZM14.2,13.5c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM19.2,15.1c-.5-.5-.5-1.4,0-1.9,1-1.1,2.4-1.6,3.7-1.6s2.7.5,3.8,1.6c.5.5.5,1.4,0,1.9-.5.5-1.4.5-1.9,0-.4-.4-1-.7-1.8-.7s-1.4.3-1.7.7c-.5.5-1.4.6-2,0ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.card__icon.is-icon-02-blue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23009FE8" d="M8.9,21.8c-.3-.9.5-1.8,1.4-1.8h14.6c1,0,1.7.9,1.4,1.8-1.2,3.8-4.6,6.4-8.7,6.4s-7.6-2.7-8.7-6.4ZM14.2,13.5c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM19.2,15.1c-.5-.5-.5-1.4,0-1.9,1-1.1,2.4-1.6,3.7-1.6s2.7.5,3.8,1.6c.5.5.5,1.4,0,1.9-.5.5-1.4.5-1.9,0-.4-.4-1-.7-1.8-.7s-1.4.3-1.7.7c-.5.5-1.4.6-2,0ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.card__icon.is-icon-03-red {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23E50012" d="M13.6,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.4.1.5.3l1.1,2.4ZM24.5,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.3.1.5.3l1.1,2.4ZM23.9,21.5c1.3-.3,2.5.8,1.7,1.9-1.6,2.6-4.6,4.3-8.1,4.3s-6.4-1.7-8.1-4.3c-.7-1.1.5-2.3,1.8-1.9,2,.5,4.1.7,6.4.7s4.4-.2,6.4-.7ZM0,17.9C0,8.2,7.8.4,17.5.4s17.5,7.9,17.5,17.5-7.9,17.5-17.5,17.5S0,27.6,0,17.9ZM17.5,32.1c7.8,0,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7,3.3,10.1,3.3,17.9s6.4,14.2,14.2,14.2Z" /></svg>');
}
.card__icon.is-icon-03-black {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23333333" d="M13.6,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.4.1.5.3l1.1,2.4ZM24.5,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.3.1.5.3l1.1,2.4ZM23.9,21.5c1.3-.3,2.5.8,1.7,1.9-1.6,2.6-4.6,4.3-8.1,4.3s-6.4-1.7-8.1-4.3c-.7-1.1.5-2.3,1.8-1.9,2,.5,4.1.7,6.4.7s4.4-.2,6.4-.7ZM0,17.9C0,8.2,7.8.4,17.5.4s17.5,7.9,17.5,17.5-7.9,17.5-17.5,17.5S0,27.6,0,17.9ZM17.5,32.1c7.8,0,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7,3.3,10.1,3.3,17.9s6.4,14.2,14.2,14.2Z" /></svg>');
}
.card__icon.is-icon-03-blue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23009FE8" d="M13.6,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.4.1.5.3l1.1,2.4ZM24.5,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.3.1.5.3l1.1,2.4ZM23.9,21.5c1.3-.3,2.5.8,1.7,1.9-1.6,2.6-4.6,4.3-8.1,4.3s-6.4-1.7-8.1-4.3c-.7-1.1.5-2.3,1.8-1.9,2,.5,4.1.7,6.4.7s4.4-.2,6.4-.7ZM0,17.9C0,8.2,7.8.4,17.5.4s17.5,7.9,17.5,17.5-7.9,17.5-17.5,17.5S0,27.6,0,17.9ZM17.5,32.1c7.8,0,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7,3.3,10.1,3.3,17.9s6.4,14.2,14.2,14.2Z" /></svg>');
}
.card__icon.is-icon-04-red {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 36"><path fill="%23E50012" d="M23,1.7c.1-.8.8-1.4,1.6-1.4s1,.3,1.3.7l1.2,1.5h3.6c.8,0,1.7.4,2.3,1l1.2,1.2h3.8c.9,0,1.6.8,1.6,1.6v1.6c0,3.1-2.5,5.5-5.5,5.5h-4.8l-.3,2.1-7.7-4.4,1.6-9.5ZM30.9,4.8c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1,1.1-.5,1.1-1.1-.5-1.1-1.1-1.1ZM28.8,17.9v15.2c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-7.9c-1.7.9-3.6,1.3-5.5,1.3s-3.8-.4-5.5-1.3v7.9c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-15.7c-2-.8-3.6-2.4-4.1-4.5l-.3-1.1c-.3-1.2.5-2.3,1.6-2.7,1.2-.3,2.3.5,2.7,1.6l.2,1c.3,1,1.2,1.6,2.1,1.6h14.1l7.7,4.4Z" /></svg>');
}
.card__icon.is-icon-04-black {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 36"><path fill="%23333333" d="M23,1.7c.1-.8.8-1.4,1.6-1.4s1,.3,1.3.7l1.2,1.5h3.6c.8,0,1.7.4,2.3,1l1.2,1.2h3.8c.9,0,1.6.8,1.6,1.6v1.6c0,3.1-2.5,5.5-5.5,5.5h-4.8l-.3,2.1-7.7-4.4,1.6-9.5ZM30.9,4.8c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1,1.1-.5,1.1-1.1-.5-1.1-1.1-1.1ZM28.8,17.9v15.2c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-7.9c-1.7.9-3.6,1.3-5.5,1.3s-3.8-.4-5.5-1.3v7.9c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-15.7c-2-.8-3.6-2.4-4.1-4.5l-.3-1.1c-.3-1.2.5-2.3,1.6-2.7,1.2-.3,2.3.5,2.7,1.6l.2,1c.3,1,1.2,1.6,2.1,1.6h14.1l7.7,4.4Z" /></svg>');
}
.card__icon.is-icon-04-blue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 36"><path fill="%23009FE8" d="M23,1.7c.1-.8.8-1.4,1.6-1.4s1,.3,1.3.7l1.2,1.5h3.6c.8,0,1.7.4,2.3,1l1.2,1.2h3.8c.9,0,1.6.8,1.6,1.6v1.6c0,3.1-2.5,5.5-5.5,5.5h-4.8l-.3,2.1-7.7-4.4,1.6-9.5ZM30.9,4.8c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1,1.1-.5,1.1-1.1-.5-1.1-1.1-1.1ZM28.8,17.9v15.2c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-7.9c-1.7.9-3.6,1.3-5.5,1.3s-3.8-.4-5.5-1.3v7.9c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-15.7c-2-.8-3.6-2.4-4.1-4.5l-.3-1.1c-.3-1.2.5-2.3,1.6-2.7,1.2-.3,2.3.5,2.7,1.6l.2,1c.3,1,1.2,1.6,2.1,1.6h14.1l7.7,4.4Z" /></svg>');
}
.card__icon.is-icon-05-red {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34"><path fill="%23E50012" d="M20.3,11.5c.8,4,4.4,7,8.6,7s1.4-.1,2.2-.3v14.1c0,.6-.5,1.1-1.1,1.1h-2.2c-.6,0-1.1-.5-1.1-1.1v-9.8l-8.8,6.6h2.2c1.2,0,2.2,1,2.2,2.2v1.2c0,.5-.5,1-1.1,1h-12c-2.5,0-4.4-1.9-4.4-4.4V11.5c0-1.2-1-2.2-2.2-2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2c3.6,0,6.6,2.9,6.6,6.6v5.9c3.8-5.7,9.7-5.9,11.1-5.9ZM31.1,4.9l4.4-4.4v9.2c0,3.6-2.9,6.5-6.6,6.5s-6.6-2.9-6.6-6.5V.6l4.4,4.4h4.4ZM26.2,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1ZM31.7,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1Z" /></svg>');
}
.card__icon.is-icon-05-black {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34"><path fill="%23333333" d="M20.3,11.5c.8,4,4.4,7,8.6,7s1.4-.1,2.2-.3v14.1c0,.6-.5,1.1-1.1,1.1h-2.2c-.6,0-1.1-.5-1.1-1.1v-9.8l-8.8,6.6h2.2c1.2,0,2.2,1,2.2,2.2v1.2c0,.5-.5,1-1.1,1h-12c-2.5,0-4.4-1.9-4.4-4.4V11.5c0-1.2-1-2.2-2.2-2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2c3.6,0,6.6,2.9,6.6,6.6v5.9c3.8-5.7,9.7-5.9,11.1-5.9ZM31.1,4.9l4.4-4.4v9.2c0,3.6-2.9,6.5-6.6,6.5s-6.6-2.9-6.6-6.5V.6l4.4,4.4h4.4ZM26.2,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1ZM31.7,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1Z" /></svg>');
}
.card__icon.is-icon-05-blue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34"><path fill="%23009FE8" d="M20.3,11.5c.8,4,4.4,7,8.6,7s1.4-.1,2.2-.3v14.1c0,.6-.5,1.1-1.1,1.1h-2.2c-.6,0-1.1-.5-1.1-1.1v-9.8l-8.8,6.6h2.2c1.2,0,2.2,1,2.2,2.2v1.2c0,.5-.5,1-1.1,1h-12c-2.5,0-4.4-1.9-4.4-4.4V11.5c0-1.2-1-2.2-2.2-2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2c3.6,0,6.6,2.9,6.6,6.6v5.9c3.8-5.7,9.7-5.9,11.1-5.9ZM31.1,4.9l4.4-4.4v9.2c0,3.6-2.9,6.5-6.6,6.5s-6.6-2.9-6.6-6.5V.6l4.4,4.4h4.4ZM26.2,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1ZM31.7,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1Z" /></svg>');
}
.card__icon.is-icon-06-red {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 31 36"><path fill="%23E50012" d="M12.2,31c.5,0,1.1.5,1.1,1.1v3.3h-2.2v-3.3c0-.5.5-1.1,1.1-1.1ZM18.8,31c.5,0,1.1.5,1.1,1.1s-.5,1.1-1.1,1.1-1.1-.5-1.1-1.1.5-1.1,1.1-1.1ZM11.4,12.1l-1.7-.5c-.3,0-.3-.4,0-.5l1.7-.6.5-1.6c0-.3.4-.3.5,0l.6,1.6,1.6.6c.3,0,.3.4,0,.5l-1.6.5-.6,1.7c0,.3-.4.3-.5,0l-.5-1.7ZM23.2,22c4.4,1.7,7.7,6,7.7,11.1s-1.1,2.3-2.4,2.3h-6.4v-4.4c0-1.2-1-2.2-2.2-2.2h-8.8c-1.2,0-2.2,1-2.2,2.2v4.4H2.5c-1.3,0-2.3-1-2.3-2.3,0-5.1,3.1-9.4,7.6-11.1,2.2,1.6,4.9,2.5,7.7,2.5s5.5-.9,7.7-2.5ZM4.6,15.7c-.6,0-1.1-.5-1.1-1.1v-6.6c0-.5.5-1.1,1.1-1.1h.9C7.2,3.1,11,.4,15.5.4s8.3,2.7,10,6.6h1c.5,0,1.1.5,1.1,1.1v6.6c0,.6-.5,1.1-1.1,1.1h-1c-1.7,3.9-5.5,6.6-10,6.6s-8.3-2.7-10-6.6h-.9ZM7.3,9.7v1.6c0,3.6,2.9,6.6,6.6,6.6h3.3c3.6,0,6.6-2.9,6.6-6.6v-1.6c0-1.5-1.5-2.7-3.3-2.7h-9.8c-1.8,0-3.3,1.2-3.3,2.7Z" /></svg>');
}
.card__icon.is-icon-06-black {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 31 36"><path fill="%23333333" d="M12.2,31c.5,0,1.1.5,1.1,1.1v3.3h-2.2v-3.3c0-.5.5-1.1,1.1-1.1ZM18.8,31c.5,0,1.1.5,1.1,1.1s-.5,1.1-1.1,1.1-1.1-.5-1.1-1.1.5-1.1,1.1-1.1ZM11.4,12.1l-1.7-.5c-.3,0-.3-.4,0-.5l1.7-.6.5-1.6c0-.3.4-.3.5,0l.6,1.6,1.6.6c.3,0,.3.4,0,.5l-1.6.5-.6,1.7c0,.3-.4.3-.5,0l-.5-1.7ZM23.2,22c4.4,1.7,7.7,6,7.7,11.1s-1.1,2.3-2.4,2.3h-6.4v-4.4c0-1.2-1-2.2-2.2-2.2h-8.8c-1.2,0-2.2,1-2.2,2.2v4.4H2.5c-1.3,0-2.3-1-2.3-2.3,0-5.1,3.1-9.4,7.6-11.1,2.2,1.6,4.9,2.5,7.7,2.5s5.5-.9,7.7-2.5ZM4.6,15.7c-.6,0-1.1-.5-1.1-1.1v-6.6c0-.5.5-1.1,1.1-1.1h.9C7.2,3.1,11,.4,15.5.4s8.3,2.7,10,6.6h1c.5,0,1.1.5,1.1,1.1v6.6c0,.6-.5,1.1-1.1,1.1h-1c-1.7,3.9-5.5,6.6-10,6.6s-8.3-2.7-10-6.6h-.9ZM7.3,9.7v1.6c0,3.6,2.9,6.6,6.6,6.6h3.3c3.6,0,6.6-2.9,6.6-6.6v-1.6c0-1.5-1.5-2.7-3.3-2.7h-9.8c-1.8,0-3.3,1.2-3.3,2.7Z" /></svg>');
}
.card__icon.is-icon-06-blue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 31 36"><path fill="%23009FE8" d="M12.2,31c.5,0,1.1.5,1.1,1.1v3.3h-2.2v-3.3c0-.5.5-1.1,1.1-1.1ZM18.8,31c.5,0,1.1.5,1.1,1.1s-.5,1.1-1.1,1.1-1.1-.5-1.1-1.1.5-1.1,1.1-1.1ZM11.4,12.1l-1.7-.5c-.3,0-.3-.4,0-.5l1.7-.6.5-1.6c0-.3.4-.3.5,0l.6,1.6,1.6.6c.3,0,.3.4,0,.5l-1.6.5-.6,1.7c0,.3-.4.3-.5,0l-.5-1.7ZM23.2,22c4.4,1.7,7.7,6,7.7,11.1s-1.1,2.3-2.4,2.3h-6.4v-4.4c0-1.2-1-2.2-2.2-2.2h-8.8c-1.2,0-2.2,1-2.2,2.2v4.4H2.5c-1.3,0-2.3-1-2.3-2.3,0-5.1,3.1-9.4,7.6-11.1,2.2,1.6,4.9,2.5,7.7,2.5s5.5-.9,7.7-2.5ZM4.6,15.7c-.6,0-1.1-.5-1.1-1.1v-6.6c0-.5.5-1.1,1.1-1.1h.9C7.2,3.1,11,.4,15.5.4s8.3,2.7,10,6.6h1c.5,0,1.1.5,1.1,1.1v6.6c0,.6-.5,1.1-1.1,1.1h-1c-1.7,3.9-5.5,6.6-10,6.6s-8.3-2.7-10-6.6h-.9ZM7.3,9.7v1.6c0,3.6,2.9,6.6,6.6,6.6h3.3c3.6,0,6.6-2.9,6.6-6.6v-1.6c0-1.5-1.5-2.7-3.3-2.7h-9.8c-1.8,0-3.3,1.2-3.3,2.7Z" /></svg>');
}
.card__icon.is-icon-07-red {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 36"><path fill="%23E50012" d="M.7,16.4c.4-.4,1-.7,1.6-.7h2.2v13.1h-2.2c-.6,0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.6v-8.8c0-.5.2-1.1.6-1.5ZM31.8,6.9c3,0,5.5,2.5,5.5,5.5v18.6c0,2.5-2,4.4-4.4,4.4H11.1c-2.5,0-4.4-1.9-4.4-4.4V12.4c0-3,2.4-5.5,5.5-5.5h7.7V2.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2v4.4h7.7ZM17.6,28.8v-2.2h-4.4v2.2h4.4ZM15.4,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM24.2,28.8v-2.2h-4.4v2.2h4.4ZM30.8,28.8v-2.2h-4.4v2.2h4.4ZM28.6,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM43.2,16.4c.4.4.7,1,.7,1.5v8.8c0,.6-.3,1.2-.7,1.6-.4.4-1,.6-1.5.6h-2.2v-13.1h2.2c.5,0,1.1.3,1.5.7Z" /></svg>');
}
.card__icon.is-icon-07-black {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 36"><path fill="%23333333" d="M.7,16.4c.4-.4,1-.7,1.6-.7h2.2v13.1h-2.2c-.6,0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.6v-8.8c0-.5.2-1.1.6-1.5ZM31.8,6.9c3,0,5.5,2.5,5.5,5.5v18.6c0,2.5-2,4.4-4.4,4.4H11.1c-2.5,0-4.4-1.9-4.4-4.4V12.4c0-3,2.4-5.5,5.5-5.5h7.7V2.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2v4.4h7.7ZM17.6,28.8v-2.2h-4.4v2.2h4.4ZM15.4,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM24.2,28.8v-2.2h-4.4v2.2h4.4ZM30.8,28.8v-2.2h-4.4v2.2h4.4ZM28.6,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM43.2,16.4c.4.4.7,1,.7,1.5v8.8c0,.6-.3,1.2-.7,1.6-.4.4-1,.6-1.5.6h-2.2v-13.1h2.2c.5,0,1.1.3,1.5.7Z" /></svg>');
}
.card__icon.is-icon-07-blue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 36"><path fill="%23009FE8" d="M.7,16.4c.4-.4,1-.7,1.6-.7h2.2v13.1h-2.2c-.6,0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.6v-8.8c0-.5.2-1.1.6-1.5ZM31.8,6.9c3,0,5.5,2.5,5.5,5.5v18.6c0,2.5-2,4.4-4.4,4.4H11.1c-2.5,0-4.4-1.9-4.4-4.4V12.4c0-3,2.4-5.5,5.5-5.5h7.7V2.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2v4.4h7.7ZM17.6,28.8v-2.2h-4.4v2.2h4.4ZM15.4,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM24.2,28.8v-2.2h-4.4v2.2h4.4ZM30.8,28.8v-2.2h-4.4v2.2h4.4ZM28.6,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM43.2,16.4c.4.4.7,1,.7,1.5v8.8c0,.6-.3,1.2-.7,1.6-.4.4-1,.6-1.5.6h-2.2v-13.1h2.2c.5,0,1.1.3,1.5.7Z" /></svg>');
}
.card__icon.is-icon-08-red {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27 36"><path fill="%23E50012" d="M13.1.4c7.4-.3,13.5,5.7,13.5,13.1v18.7c0,1-1.2,1.4-1.8.8l-1.7-1.3c-.4-.3-1.1-.3-1.4.2l-2.9,3.3c-.4.4-1.2.4-1.6,0l-2.8-3.1c-.4-.5-1.2-.5-1.6,0l-2.7,3.1c-.4.4-1.1.4-1.6,0l-2.9-3.3c-.3-.5-1-.5-1.4-.2l-1.7,1.3c-.7.7-1.8.2-1.8-.8V14.1C.4,6.9,5.9.6,13.1.4ZM9.1,15.7c1.2,0,2.2-1,2.2-2.2s-1.1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2ZM17.9,15.7c1.2,0,2.2-1,2.2-2.2s-1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2Z" /></svg>');
}
.card__icon.is-icon-08-black {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27 36"><path fill="%23333333" d="M13.1.4c7.4-.3,13.5,5.7,13.5,13.1v18.7c0,1-1.2,1.4-1.8.8l-1.7-1.3c-.4-.3-1.1-.3-1.4.2l-2.9,3.3c-.4.4-1.2.4-1.6,0l-2.8-3.1c-.4-.5-1.2-.5-1.6,0l-2.7,3.1c-.4.4-1.1.4-1.6,0l-2.9-3.3c-.3-.5-1-.5-1.4-.2l-1.7,1.3c-.7.7-1.8.2-1.8-.8V14.1C.4,6.9,5.9.6,13.1.4ZM9.1,15.7c1.2,0,2.2-1,2.2-2.2s-1.1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2ZM17.9,15.7c1.2,0,2.2-1,2.2-2.2s-1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2Z" /></svg>');
}
.card__icon.is-icon-08-blue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27 36"><path fill="%23009FE8" d="M13.1.4c7.4-.3,13.5,5.7,13.5,13.1v18.7c0,1-1.2,1.4-1.8.8l-1.7-1.3c-.4-.3-1.1-.3-1.4.2l-2.9,3.3c-.4.4-1.2.4-1.6,0l-2.8-3.1c-.4-.5-1.2-.5-1.6,0l-2.7,3.1c-.4.4-1.1.4-1.6,0l-2.9-3.3c-.3-.5-1-.5-1.4-.2l-1.7,1.3c-.7.7-1.8.2-1.8-.8V14.1C.4,6.9,5.9.6,13.1.4ZM9.1,15.7c1.2,0,2.2-1,2.2-2.2s-1.1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2ZM17.9,15.7c1.2,0,2.2-1,2.2-2.2s-1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2Z" /></svg>');
}

.article {
  display: flex;
  flex-direction: column;
}
.article__section.is-section-work {
  background-color: var(--color-beige);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
@media screen and (min-width: 768px) {
  .article__section.is-section-work {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.article__section.is-section-service {
  background-color: var(--color-beige);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
.article__section.is-section-service:last-child {
  margin-bottom: -50px;
}
@media screen and (min-width: 768px) {
  .article__section.is-section-service:last-child {
    margin-bottom: -80px;
  }
}
@media screen and (min-width: 768px) {
  .article__section.is-section-service {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.article__section.is-section-voice {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .article__section.is-section-voice {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.article-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 70px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .article-header {
    margin-bottom: 0;
    flex-direction: row-reverse;
    align-items: stretch;
  }
}
@media screen and (min-width: 1080px) {
  .article-header {
    gap: 50px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .article-header__mv {
    width: 43vw;
    flex-shrink: 0;
    max-width: 480px;
  }
}
.article-header__mv img {
  border-radius: 10px;
  aspect-ratio: 3/2;
  overflow: hidden;
  object-fit: cover;
  width: 100%;
  height: auto;
}
.article-header__body {
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 0;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .article-header__body {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .article-header__body .tag {
    margin-top: 15px;
  }
}
.article-header__headline {
  margin-bottom: 10px;
}
.article-header__headline-txt {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 5px;
}
@media screen and (min-width: 1080px) {
  .article-header__headline-txt {
    font-size: 32px;
  }
}
.article-header__desc {
  line-height: 2;
  margin-bottom: 20px;
}
@media screen and (min-width: 1080px) {
  .article-header__desc {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) {
  .article-header__btn {
    display: none !important;
  }
}
.article-header__data {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .article-header__data {
    justify-content: flex-end;
    gap: 20px;
    margin-top: auto;
  }
}
.article-header.is-header-primary .article-header__headline-txt {
  border-bottom: 2px solid var(--color-primary);
}
.article-header.is-header-secondary .article-header__headline-txt {
  border-bottom: 2px solid var(--color-secondary);
}

.article__body {
  margin-bottom: 50px;
}
.article__body.is-body-primary .bge-title-h2 {
  border-bottom: 2px solid var(--color-primary) !important;
}
.article__body.is-body-primary .bge-title-h3,
.article__body.is-body-primary .bge-ckeditor h3 {
  border-left: 2px solid var(--color-primary) !important;
}
.article__body.is-body-secondary .bge-title-h2 {
  border-bottom: 2px solid var(--color-secondary) !important;
}
.article__body.is-body-secondary .bge-title-h3,
.article__body.is-body-secondary .bge-ckeditor h3 {
  border-left: 2px solid var(--color-secondary) !important;
}

.article.is-service .article-header {
  margin-bottom: 0;
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .article.is-service .article-header {
    display: block;
    margin-bottom: 30px;
  }
  .article.is-service .article-header .modal-message {
    left: 10px;
  }
}
.article.is-service .article-header__mv {
  position: relative;
}
@media screen and (min-width: 768px) {
  .article.is-service .article-header__mv {
    width: 100%;
    max-width: inherit;
    margin-bottom: 30px;
  }
  .article.is-service .article-header__mv img {
    aspect-ratio: inherit;
    max-height: 400px;
  }
}
@media screen and (min-width: 768px) {
  .article.is-service .article-header__body {
    flex-direction: row;
    gap: 40px;
  }
}
@media screen and (min-width: 1080px) {
  .article.is-service .article-header__body {
    gap: 92px;
  }
}
@media screen and (min-width: 768px) {
  .article.is-service .article-header__headline {
    width: 300px;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1080px) {
  .article.is-service .article-header__headline {
    width: 480px;
  }
}
@media screen and (min-width: 768px) {
  .article.is-service .article-header__headline-txt {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .article.is-service .article-header__desc {
    margin-bottom: 0;
  }
}
.article.is-service .is-button-favorite {
  bottom: 10px;
  left: 10px;
}

.article-nav {
  position: relative;
  display: flex;
  z-index: 80;
  transition: 300ms height;
  background-color: var(--color-beige);
  height: 50px;
  margin: 0 -15px 50px;
}
@media screen and (min-width: 768px) {
  .article-nav::before {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-beige);
  }
  .article-nav::after {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-beige);
  }
}
@media screen and (min-width: 1080px) {
  .article-nav {
    margin: 0 -15px 100px;
  }
}
.article-nav__container {
  background-color: var(--color-beige);
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 5;
  pointer-events: all;
  align-items: center;
  transition: transform 300ms ease-in-out;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0 15px;
  width: 100%;
}
.article-nav__container::-webkit-scrollbar {
  display: none;
}
.article-nav__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 20px;
  overflow: visible !important;
  list-style: none !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
@media screen and (min-width: 1080px) {
  .article-nav__list {
    gap: 0 30px;
  }
}
.article-nav__list li {
  font-size: 13px;
}
@media screen and (min-width: 1080px) {
  .article-nav__list li {
    font-size: 14px;
  }
}
.article-nav__list li a {
  display: block;
  color: var(--color-text);
  text-decoration: none;
}
@media screen and (min-width: 1080px) {
  .article-nav__list li a {
    transition: color 300ms;
    padding: 0;
  }
  .article-nav__list li a:hover {
    color: var(--color-primary);
    text-decoration: none;
  }
}
.article-nav.is-nav-open {
  height: 100%;
}
.article-nav.is-nav-open .article-nav__headline i::before {
  display: none;
}
.article-nav.is-nav-open .article-nav__headline i::after {
  display: block;
}
.article-nav.is-nav-open .article-nav__container {
  transform: translateY(0);
  pointer-events: all;
}
@media screen and (min-width: 1080px) {
  .article-nav .button {
    margin: 0;
  }
}
.article-nav .is-current {
  color: var(--color-primary);
}

.article-nav.is-menu-fixed {
  position: fixed;
  top: 60px;
  left: 0;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1080px) {
  .article-nav.is-menu-fixed {
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1080px) {
  .article-nav.is-menu-fixed .article-nav__container {
    margin: 0;
  }
}

.l-wrapper.is-menu-fixed .article__body {
  margin-top: 50px;
}

@media (min-width: 1104px) {
  .article-nav__container {
    width: 1104px;
    margin: 0 auto;
    padding: 0;
  }
}
/* breadcrumb
-------------------------*/
.breadcrumb {
  display: flex;
  margin-top: 60px;
  height: 60px;
  align-items: center;
  padding: 0 15px;
  overflow: auto;
  border-bottom: 1px solid #E6E6E8;
}
@media screen and (min-width: 768px) {
  .breadcrumb {
    border-bottom: none;
    padding: 0 20px;
    max-width: 1144px;
  }
}
@media screen and (min-width: 1080px) {
  .breadcrumb {
    margin: 100px auto 0;
  }
}
.breadcrumb__item {
  font-size: 12px;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .breadcrumb__item {
    font-size: 14px;
  }
  .breadcrumb__item a:hover {
    text-decoration: underline;
  }
}
.breadcrumb__item--current {
  cursor: default;
  color: var(--text-color);
}
.breadcrumb__item + .breadcrumb__item::before {
  content: ">";
  margin: 0 8px;
}

@media screen and (min-width: 768px) {
  .pagination {
    margin-top: 50px;
  }
}
.pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.pagination__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pagination__item a {
    transition: all var(--animation-base);
  }
  .pagination__item a:hover {
    opacity: 0.6;
  }
}

.is-pagination-prev {
  margin-right: 10px;
}
.is-pagination-prev a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.is-pagination-next {
  margin-left: 10px;
}
.is-pagination-next a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.is-pagination-primary .is-pagination-prev a,
.is-pagination-primary .is-pagination-next a {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.is-pagination-primary .is-current {
  border-bottom: 2px solid var(--color-primary);
}

.is-pagination-secondary .is-pagination-prev a,
.is-pagination-secondary .is-pagination-next a {
  color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}
.is-pagination-secondary .is-current {
  border-bottom: 2px solid var(--color-secondary);
}

.media-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .media-wrapper {
    gap: 0;
  }
}

.media {
  border-bottom: 1px solid var(--color-border);
}
.media__link {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .media__link {
    justify-content: flex-start;
    flex-direction: row;
    padding: 20px 10px;
    transition: opacity 300ms;
  }
  .media__link:hover {
    opacity: 0.6;
  }
}
.media__headline {
  font-size: 14px;
}
.media__img {
  width: 120px;
  flex-shrink: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .media__img {
    width: 78px;
  }
}
.media:first-child .media__link {
  padding: 0 10px 20px;
}

.news-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-border);
  margin-bottom: 30px;
}
.news-list__item {
  border-bottom: 1px solid var(--color-border);
}
.news-list__item > div {
  display: flex;
  flex-direction: column;
  padding: 15px 0;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .news-list__item > div {
    flex-direction: row;
    gap: 30px;
    align-items: center;
  }
}
.news-list__link {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .news-list__link {
    flex-direction: row;
    align-items: center;
    gap: 30px;
  }
  .news-list__link:hover .news-list__headline {
    color: var(--color-primary);
  }
}
@media screen and (min-width: 768px) {
  .news-list__date {
    width: 124px;
    flex-shrink: 0;
    padding-left: 10px;
  }
}
.news-list__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .news-list__body {
    gap: 12px;
  }
}
.news-list__category {
  font-size: 12px;
  line-height: 1;
  color: var(--color-secondary);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .news-list__headline {
    transition: color 300ms;
  }
}

.news-list-wrapper-top {
  margin-top: 50px;
  padding: 20px 10px 30px;
  background-color: var(--color-white);
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .news-list-wrapper-top {
    background-color: var(--color-beige);
    padding: 30px;
  }
}
.news-list-wrapper-top .news-list__headline {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .news-list-wrapper-top .news-list__headline {
    text-decoration: none;
  }
}

.news p {
  border-bottom: 2px solid var(--color-secondary);
  padding: 2%;
  border: 1px solid var(--color-primary);
  border-radius: 10px;
}

.main-visual-wrapper {
  overflow: hidden;
}
.main-visual-wrapper.is-mv-sp {
  position: relative;
}
@media screen and (min-width: 768px) {
  .main-visual-wrapper.is-mv-sp {
    display: none;
  }
}
.main-visual-wrapper.is-mv-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .main-visual-wrapper.is-mv-pc {
    margin-bottom: 50px;
    display: block;
  }
}

.main-visual__item {
  text-align: center;
  background-color: transparent;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main-visual__item {
    width: 72%;
  }
}
@media screen and (min-width: 1080px) {
  .main-visual__item {
    width: 51%;
  }
}

.main-visual-button-prev {
  display: none;
}
@media screen and (min-width: 768px) {
  .main-visual-button-prev {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(12% + 15px);
    width: 30px;
    height: 30px;
    transform: translate(0, -50%);
    z-index: 5;
  }
}
@media screen and (min-width: 1080px) {
  .main-visual-button-prev {
    left: calc(25% - 25px);
  }
}
.main-visual-button-prev::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f137";
  font-size: 30px;
  line-height: 1;
  color: var(--color-primary);
}

.main-visual-button-next {
  display: none;
}
@media screen and (min-width: 768px) {
  .main-visual-button-next {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(88% - 45px);
    width: 30px;
    height: 30px;
    transform: translate(0, -50%);
    z-index: 5;
  }
}
@media screen and (min-width: 1080px) {
  .main-visual-button-next {
    left: calc(75% - 5px);
  }
}
.main-visual-button-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f138";
  font-size: 30px;
  line-height: 1;
  color: var(--color-primary);
}

.main-visual-pagination-sp {
  position: absolute;
  bottom: 15px !important;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  left: 50% !important;
  transform: translateX(-50%);
}
.main-visual-pagination-sp span {
  width: 100%;
  height: 1px;
  border-radius: 0;
  background-color: #fff;
  margin: 0 !important;
  opacity: 1;
  cursor: default;
}
.main-visual-pagination-sp span.swiper-pagination-bullet-active {
  height: 5px;
}

.desc {
  line-height: 2;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .desc a:hover {
    text-decoration: underline;
  }
}
.desc.is-desc-lead {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .desc.is-desc-lead {
    text-align: left;
    font-size: 18px;
  }
}
.desc.is-desc-large {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .desc.is-desc-large {
    font-size: 20px;
  }
}
.desc.is-desc-right {
  text-align: right;
}
.desc.is-desc-right span {
  margin-right: 20px;
}
.desc.is-desc-center {
  text-align: center;
}
.desc.is-desc-small {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .desc.is-desc-small {
    font-size: 14px;
  }
}

.is-desc-notice {
  font-size: 20px;
  color: var(--color-secondary);
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .is-desc-notice {
    font-size: 24px;
  }
}

.button {
  display: block;
  margin: 0 auto;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .button .button__link {
    transition: all 300ms;
  }
}
.button__message {
  position: absolute;
  white-space: nowrap;
  font-size: 12px;
  border: 1px solid #969698;
  border-radius: 5px;
  padding: 5px 10px;
  line-height: 1;
  background-color: var(--color-white);
  visibility: hidden;
}
.button__message::before {
  position: absolute;
  bottom: -8px;
  height: 8px;
  width: 12px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  background-color: #969698;
}
.button__message::after {
  position: absolute;
  bottom: -6px;
  height: 8px;
  width: 12px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  background-color: #fff;
}

.is-button-primary {
  border: 1px solid var(--color-primary);
  padding: 9px 0;
  border-radius: 3px;
  text-align: center;
  background-color: var(--color-white);
  width: 250px;
}
@media screen and (min-width: 768px) {
  .is-button-primary {
    transition: background-color 300ms;
    width: 352px;
  }
  .is-button-primary:hover {
    background-color: var(--color-primary-hover);
  }
}

.is-button-secondary {
  border: 1px solid var(--color-border);
  padding: 9px 0;
  border-radius: 3px;
  text-align: center;
  background-color: var(--color-white);
  width: 250px;
}
@media screen and (min-width: 768px) {
  .is-button-secondary {
    transition: background-color 300ms;
    width: 352px;
  }
  .is-button-secondary:hover {
    background-color: var(--color-gray);
  }
}

.is-button-bg-primary {
  margin: 0 auto 50px;
  padding: 9px 0;
  border-radius: 3px;
  text-align: center;
  background-color: var(--color-primary);
  color: var(--color-white);
  width: 250px;
}
@media screen and (min-width: 768px) {
  .is-button-bg-primary {
    transition: background-color 300ms;
    width: 352px;
  }
  .is-button-bg-primary:hover {
    background-color: #7ECFF4;
  }
}

.is-button-outline {
  margin: 0 auto 50px;
  padding: 8px 0;
  border-radius: 3px;
  text-align: center;
  border: 1px solid var(--color-primary);
  background-color: #fff;
  width: 250px;
}
@media screen and (min-width: 768px) {
  .is-button-outline {
    transition: background-color 300ms;
    width: 352px;
  }
  .is-button-outline:hover {
    background-color: var(--color-primary-hover);
  }
}

.is-button-tertiary {
  display: block;
  background-color: var(--color-tertiary);
  min-width: 220px;
  color: var(--color-white);
  padding: 9px 0;
  text-align: center;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .is-button-tertiary {
    transition: background-color 300ms;
  }
  .is-button-tertiary:hover {
    background-color: #D7CA98;
  }
}
@media screen and (min-width: 1080px) {
  .is-button-tertiary {
    padding: 14px 0;
    height: 50px;
  }
}

.is-button-favorite {
  display: flex;
  border: 1px solid var(--color-primary);
  border-radius: 3px;
  align-items: center;
  padding: 5px 20px;
  text-align: left;
  font-size: 12px;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .is-button-favorite {
    font-size: 14px;
    padding: 12px 12px;
    width: 100%;
    max-width: 258px;
  }
  .is-button-favorite:hover {
    background-color: var(--color-primary-hover);
  }
}
.is-button-favorite i {
  font-size: 20px;
  color: var(--color-primary);
}
.is-button-favorite i::after {
  content: "\e4ff";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-white);
  display: none;
}
.is-button-favorite.is-selected {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.is-button-favorite.is-selected i::before {
  display: none;
}
.is-button-favorite.is-selected i::after {
  display: block;
}
.is-button-favorite.is-invalid {
  pointer-events: none;
}

.is-button-favorite-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .is-button-favorite-icon {
    width: 50px;
    height: 50px;
  }
  .is-button-favorite-icon:hover .is-message-add {
    visibility: visible;
    color: var(--color-text);
    animation: fadein 300ms;
  }
}
.is-button-favorite-icon i {
  font-size: 22px;
}
@media screen and (min-width: 768px) {
  .is-button-favorite-icon i {
    font-size: 26px;
  }
}
.is-button-favorite-icon .button__message {
  bottom: 58px;
  left: 0;
}
.is-button-favorite-icon .button__message::before, .is-button-favorite-icon .button__message::after {
  left: 18px;
}
@media screen and (min-width: 768px) {
  .is-button-favorite-icon.is-selected:hover .is-message-delete {
    visibility: visible;
    color: var(--color-text);
    animation: fadein 300ms;
  }
}

.is-button-favorite-delete-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: none;
  background-color: #969698;
}
@media screen and (min-width: 768px) {
  .is-button-favorite-delete-icon:hover .button__message {
    visibility: visible;
    animation: fadein 300ms;
  }
}
.is-button-favorite-delete-icon i {
  font-size: 22px;
  color: var(--color-white);
}
.is-button-favorite-delete-icon .button__message {
  bottom: 48px;
  right: 0;
}
.is-button-favorite-delete-icon .button__message::before, .is-button-favorite-delete-icon .button__message::after {
  right: 11px;
}

.is-button-pagetop {
  position: fixed;
  bottom: 20px;
  right: 10px;
  width: 44px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 300ms;
  z-index: 80;
  background-image: url(../images/common/btn_pagetop_hover.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
}
@media screen and (min-width: 768px) {
  .is-button-pagetop {
    width: 50px;
    height: 50px;
  }
  .is-button-pagetop:hover img {
    opacity: 0;
  }
}
.is-button-pagetop img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .is-button-pagetop img {
    transition: opacity 300ms;
  }
}
.is-button-pagetop.is-visible {
  visibility: visible;
  opacity: 1;
}

.is-button-sticky {
  position: fixed;
  bottom: 80px;
  right: 10px;
  width: 64px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 300ms;
  z-index: 80;
}
@media screen and (min-width: 768px) {
  .is-button-sticky {
    width: 120px;
    bottom: 100px;
  }
  .is-button-sticky:hover {
    opacity: 0.7;
  }
}
.is-button-sticky img {
  width: 100%;
}
.is-button-sticky.is-visible {
  visibility: visible;
  opacity: 1;
}

.is-button-contact {
  width: 100%;
  font-size: 14px;
}

.button-wrapper {
  display: flex;
  gap: 10px;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .button-wrapper {
    gap: 24px;
  }
}
.button-wrapper .button {
  margin: 0;
}

.banner {
  display: block;
}

.banner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .banner-wrapper {
    flex-direction: row;
    gap: 24px;
  }
}

.list {
  margin-bottom: 1em;
  line-height: 2;
}
.list.is-list-disc {
  padding-left: 40px;
  list-style: disc;
}

.contact-service-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  gap: 20px;
}
.contact-service-list li {
  border-left: 3px solid var(--color-border);
  padding: 5px 0 5px 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .contact-service-list li {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.contact-service-list__txt {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact-service-list__category {
  font-size: 13px;
  line-height: 1;
}
.contact-service-list__name {
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}
.contact-service-list__price {
  display: flex;
  gap: 10px;
  align-self: flex-end;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .contact-service-list__price {
    gap: 25px;
    align-self: center;
  }
}
.contact-service-list__price dt {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .contact-service-list__price dt {
    font-size: 16px;
  }
}
.contact-service-list__price dd {
  font-size: 16px;
  font-weight: bold;
}

.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .pager {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}
.pager__item a {
  display: block;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pager__item a {
    transition: all var(--animation-base);
  }
  .pager__item a:hover {
    opacity: 0.6;
  }
}
.pager .is-pager-prev,
.pager .is-pager-next {
  display: flex;
  width: calc(50% - 20px);
  margin: 0;
}
@media screen and (min-width: 768px) {
  .pager .is-pager-prev,
  .pager .is-pager-next {
    width: auto;
  }
}
.pager .is-pager-prev a,
.pager .is-pager-next a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.pager .is-pager-prev {
  justify-content: flex-end;
}
.pager .is-pager-next {
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .pager .button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.author {
  border: 2px solid var(--color-primary);
  border-radius: 5px;
  padding: 30px 20px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .author {
    margin-bottom: 80px;
    border-radius: 10px;
    padding: 30px 50px;
  }
}
.author__headline {
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .author__headline {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  .author__inner {
    display: flex;
    gap: 50px;
  }
}
.author__img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 5%;
}
.author__img img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .author__img {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
  }
  .author__img img {
    width: 150px;
    height: 150px;
  }
}
.author__name {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .author__name {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .author__desc {
    margin-bottom: 10px;
  }
}
.author__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.author__data {
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .author__data {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }
}
.author__data a {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .author__data a:hover {
    text-decoration: underline;
  }
}

.voice {
  margin-bottom: 50px;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .voice {
    padding: 60px;
  }
}
.voice__header {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  align-items: center;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--color-primary);
}
.voice__header .card__icon {
  width: 34px;
  height: 34px;
}
@media screen and (min-width: 768px) {
  .voice__header .card__icon {
    width: 50px;
    height: 50px;
  }
}
.voice__data {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .voice__data {
    margin-bottom: 30px;
  }
}
.voice__data .card__rating {
  margin-bottom: 20px;
}
.voice__data .tag {
  margin-bottom: 30px;
}
.voice__headline {
  font-size: 16px;
  font-weight: bold;
  margin: 2em 0 1em;
}
@media screen and (min-width: 768px) {
  .voice__headline {
    font-size: 20px;
  }
}
.voice__date {
  width: 100%;
  text-align: right;
}
.voice__name {
  font-size: 16px;
  font-weight: bold;
}
.voice__category {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .voice__category {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

.box-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .box-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
  }
  .box-wrapper > .box {
    width: calc(50% - 12px);
    flex-shrink: 0;
  }
}

.box-wrapper-sub {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .box-wrapper-sub {
    gap: 24px;
    width: calc(50% - 12px);
  }
}
.box-wrapper-sub .box {
  height: 100%;
}

.box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
.box__headline {
  background-color: var(--color-tertiary);
  color: var(--color-white);
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  padding: 10px 0;
  border-radius: 5px 5px 0 0;
}
@media screen and (min-width: 768px) {
  .box__headline {
    font-size: 20px;
  }
}
.box__headline-sub {
  margin-bottom: 10px;
  font-weight: bold;
  border-bottom: 1px solid var(--color-tertiary);
}
.box__headline-sub span {
  font-size: 18px;
}
.box__body {
  padding: 20px;
}
.box__body .button {
  max-width: 100%;
}
.box__desc {
  line-height: 2;
  margin-bottom: 20px;
}
.box__desc i {
  width: 32px;
  height: 32px;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  font-size: 16px;
  color: var(--color-primary);
  text-align: center;
  line-height: 32px;
  margin: 0 5px;
}
@media screen and (min-width: 768px) {
  .box.is-box-gray {
    display: flex;
    flex-direction: column;
  }
}
.box.is-box-gray .box__headline {
  background-color: #E6E6E8;
  color: var(--color-text);
}
@media screen and (min-width: 768px) {
  .box.is-box-gray .box__body {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
}

.form__required {
  background-color: var(--color-tertiary);
  font-size: 12px;
  font-weight: bold;
  padding: 1px 11px;
  color: var(--color-white);
  white-space: nowrap;
}
.form__any {
  background-color: var(--color-white);
  border: 1px solid var(--color-tertiary);
  font-size: 12px;
  font-weight: bold;
  padding: 1px 11px;
  white-space: nowrap;
}
.form__txt {
  margin-top: 5px;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .form__txt {
    font-size: 14px;
    margin-top: 8px;
  }
}
.form__sub-label {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .form__sub-label {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-border);
    width: 164px;
    flex-shrink: 0;
    font-weight: normal;
    margin-left: 0;
    min-height: 55px;
    display: flex;
    align-items: flex-end;
  }
}
.form__error-txt {
  color: var(--color-secondary);
  font-size: 12px;
  margin-top: 0;
}
.form__error-txt::before {
  margin-right: 5px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f057";
}
@media screen and (min-width: 768px) {
  .form__error-txt {
    font-size: 14px;
    margin-top: 8px;
  }
}
.form__error-txt-top {
  color: var(--color-secondary);
  font-size: 12px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}

.form-control {
  display: block;
  background-color: var(--color-gray);
  width: 100%;
  font-size: 16px;
  padding: 15px 20px 15px 10px;
  border-radius: 10px;
}
.form-control::placeholder {
  color: #888;
}
@media screen and (min-width: 768px) {
  .form-control.is-form-control-small {
    width: 258px;
  }
}

textarea.form-control {
  height: 160px;
  resize: none;
}
@media screen and (min-width: 768px) {
  textarea.form-control {
    height: 240px;
  }
}

.form-check {
  position: relative;
  font-size: 16px;
}

.form-check-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-check-input[type=radio] + .form-check-label::before {
  border-radius: 50%;
  border: 2px solid var(--color-border);
}
.form-check-input[type=radio] + .form-check-label::after {
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-color: #555;
  border-radius: 50%;
}
.form-check-input[type=checkbox] + .form-check-label::before {
  border-radius: 10px;
  content: "";
  border: 2px solid var(--color-border);
}
.form-check-input[type=checkbox] + .form-check-label::after {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 25px;
  height: 15px;
  border-left: 5px solid #555;
  border-bottom: 5px solid #555;
  transform: rotate(-45deg);
}
.form-check-input:checked + .form-check-label::after {
  display: block !important;
}

.form-check-label {
  display: flex;
  align-items: center;
  padding-left: 50px;
  min-height: 40px;
  flex-wrap: wrap;
  cursor: pointer;
}
.form-check-label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: var(--color-gray);
  content: "";
}
.form-check-label::after {
  position: absolute;
  content: "";
  display: none;
}
.form-check-label a {
  text-decoration: underline;
}

.form-unit__inner {
  position: relative;
  width: 100%;
}
.form-unit.is-unit-check {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .form-unit.is-unit-pc-inline {
    flex-direction: row;
  }
}
.form-unit.is-unit-flex {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .form-unit.is-unit-flex {
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
  }
}
.form-unit.is-unit-icon {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
@media screen and (min-width: 1080px) {
  .form-unit.is-unit-icon {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    width: 580px;
  }
}
.form-unit.is-unit-icon .form-check-label {
  position: relative;
  padding-left: 0;
  width: 55px;
  height: 55px;
}
.form-unit.is-unit-icon .form-check-label::before {
  width: 100%;
  border: none;
  height: 100%;
  background-size: auto calc(100% - 20px);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 10px;
}
.form-unit.is-unit-icon .form-check-input:checked + .form-check-label::before {
  border: 3px solid var(--color-text);
  box-sizing: border-box;
}
.form-unit.is-unit-icon .form-check-input:checked + .form-check-label::after {
  display: none !important;
}
.form-unit.is-unit-star .form-check {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .form-unit.is-unit-star .form-check {
    justify-content: flex-end;
  }
}
.form-unit.is-unit-star .form-check-label {
  position: relative;
  padding-left: 0;
  aspect-ratio: 1/1;
}
.form-unit.is-unit-star .form-check-label::before {
  top: 0;
  left: 0;
  width: 40px;
  border: none;
  height: 40px;
  content: "\f005";
  font-family: "Font Awesome 6 Free";
  font-size: 35px;
  line-height: 1;
  background-color: transparent;
}
.form-unit.is-unit-star .form-check-label::after {
  display: none !important;
}
.form-unit.is-unit-star .form-check-input:checked ~ label::before {
  font-weight: 900;
  color: #f90;
}
.form-unit.is-unit-file {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-unit.is-unit-file .form-control {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  color: #888;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .form-unit.is-unit-file .form-control {
    font-size: 16px;
  }
}
.form-unit.is-unit-file .form-control::file-selector-button {
  background-color: var(--color-gray);
  border: none;
  border-radius: 18px;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 30px;
  cursor: pointer;
  margin-right: 10px;
  color: var(--color-text);
}
@media screen and (min-width: 1080px) {
  .form-unit.is-unit-file .form-control::file-selector-button {
    margin-right: 20px;
  }
}
.form-unit.is-unit-file-image {
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 1080px) {
  .form-unit.is-unit-file-image {
    gap: 30px;
  }
}
.form-unit.is-unit-file-image img {
  width: calc(33.3% - 10px);
}
@media screen and (min-width: 1080px) {
  .form-unit.is-unit-file-image img {
    width: calc(33.3% - 30px);
  }
}

.form-select-wrapper {
  position: relative;
}
@media screen and (min-width: 768px) {
  .form-select-wrapper {
    max-width: 352px;
  }
}
.form-select-wrapper::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 100%;
  background-color: #555;
  content: "";
  border-radius: 0 10px 10px 0;
  pointer-events: none;
}
.form-select-wrapper::after {
  position: absolute;
  top: 18px;
  right: 24px;
  transform: translateY(-50%);
  color: var(--color-white);
  width: 10px;
  height: 7px;
  font-family: "FontAwesome";
  pointer-events: none;
  font-size: 16px;
  content: "\f078";
}

.form-select {
  display: flex;
  align-items: center;
  background-color: var(--color-gray);
  width: 100%;
  font-size: 16px;
  padding: 15px 20px 15px 10px;
  border-radius: 10px;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}

.form-check-input.is-icon-01-red + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23E50012" d="M17.5,24.4c2.5,0,4.3-1.2,5.3-2.3.6-.7,1.6-.8,2.3-.1.7.6.7,1.6,0,2.3-1.5,1.6-4.1,3.3-7.7,3.3s-6.3-1.7-7.8-3.3c-.6-.7-.6-1.7,0-2.3.7-.6,1.7-.5,2.3.1,1,1.1,2.8,2.3,5.4,2.3ZM14.2,14.6c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM20.8,14.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2-1,2.2-2.2,2.2-2.2-1-2.2-2.2ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.form-check-input.is-icon-01-black + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23333333" d="M17.5,24.4c2.5,0,4.3-1.2,5.3-2.3.6-.7,1.6-.8,2.3-.1.7.6.7,1.6,0,2.3-1.5,1.6-4.1,3.3-7.7,3.3s-6.3-1.7-7.8-3.3c-.6-.7-.6-1.7,0-2.3.7-.6,1.7-.5,2.3.1,1,1.1,2.8,2.3,5.4,2.3ZM14.2,14.6c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM20.8,14.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2-1,2.2-2.2,2.2-2.2-1-2.2-2.2ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.form-check-input.is-icon-01-blue + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23009FE8" d="M17.5,24.4c2.5,0,4.3-1.2,5.3-2.3.6-.7,1.6-.8,2.3-.1.7.6.7,1.6,0,2.3-1.5,1.6-4.1,3.3-7.7,3.3s-6.3-1.7-7.8-3.3c-.6-.7-.6-1.7,0-2.3.7-.6,1.7-.5,2.3.1,1,1.1,2.8,2.3,5.4,2.3ZM14.2,14.6c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM20.8,14.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2-1,2.2-2.2,2.2-2.2-1-2.2-2.2ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.form-check-input.is-icon-02-red + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23E50012" d="M8.9,21.8c-.3-.9.5-1.8,1.4-1.8h14.6c1,0,1.7.9,1.4,1.8-1.2,3.8-4.6,6.4-8.7,6.4s-7.6-2.7-8.7-6.4ZM14.2,13.5c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM19.2,15.1c-.5-.5-.5-1.4,0-1.9,1-1.1,2.4-1.6,3.7-1.6s2.7.5,3.8,1.6c.5.5.5,1.4,0,1.9-.5.5-1.4.5-1.9,0-.4-.4-1-.7-1.8-.7s-1.4.3-1.7.7c-.5.5-1.4.6-2,0ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.form-check-input.is-icon-02-black + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23333333" d="M8.9,21.8c-.3-.9.5-1.8,1.4-1.8h14.6c1,0,1.7.9,1.4,1.8-1.2,3.8-4.6,6.4-8.7,6.4s-7.6-2.7-8.7-6.4ZM14.2,13.5c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM19.2,15.1c-.5-.5-.5-1.4,0-1.9,1-1.1,2.4-1.6,3.7-1.6s2.7.5,3.8,1.6c.5.5.5,1.4,0,1.9-.5.5-1.4.5-1.9,0-.4-.4-1-.7-1.8-.7s-1.4.3-1.7.7c-.5.5-1.4.6-2,0ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.form-check-input.is-icon-02-blue + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23009FE8" d="M8.9,21.8c-.3-.9.5-1.8,1.4-1.8h14.6c1,0,1.7.9,1.4,1.8-1.2,3.8-4.6,6.4-8.7,6.4s-7.6-2.7-8.7-6.4ZM14.2,13.5c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2,2.2,1,2.2,2.2ZM19.2,15.1c-.5-.5-.5-1.4,0-1.9,1-1.1,2.4-1.6,3.7-1.6s2.7.5,3.8,1.6c.5.5.5,1.4,0,1.9-.5.5-1.4.5-1.9,0-.4-.4-1-.7-1.8-.7s-1.4.3-1.7.7c-.5.5-1.4.6-2,0ZM35,17.9c0,9.7-7.9,17.5-17.5,17.5S0,27.6,0,17.9,7.8.4,17.5.4s17.5,7.9,17.5,17.5ZM17.5,3.7c-7.9,0-14.2,6.4-14.2,14.2s6.4,14.2,14.2,14.2,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7Z" /></svg>');
}
.form-check-input.is-icon-03-red + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23E50012" d="M13.6,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.4.1.5.3l1.1,2.4ZM24.5,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.3.1.5.3l1.1,2.4ZM23.9,21.5c1.3-.3,2.5.8,1.7,1.9-1.6,2.6-4.6,4.3-8.1,4.3s-6.4-1.7-8.1-4.3c-.7-1.1.5-2.3,1.8-1.9,2,.5,4.1.7,6.4.7s4.4-.2,6.4-.7ZM0,17.9C0,8.2,7.8.4,17.5.4s17.5,7.9,17.5,17.5-7.9,17.5-17.5,17.5S0,27.6,0,17.9ZM17.5,32.1c7.8,0,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7,3.3,10.1,3.3,17.9s6.4,14.2,14.2,14.2Z" /></svg>');
}
.form-check-input.is-icon-03-black + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23333333" d="M13.6,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.4.1.5.3l1.1,2.4ZM24.5,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.3.1.5.3l1.1,2.4ZM23.9,21.5c1.3-.3,2.5.8,1.7,1.9-1.6,2.6-4.6,4.3-8.1,4.3s-6.4-1.7-8.1-4.3c-.7-1.1.5-2.3,1.8-1.9,2,.5,4.1.7,6.4.7s4.4-.2,6.4-.7ZM0,17.9C0,8.2,7.8.4,17.5.4s17.5,7.9,17.5,17.5-7.9,17.5-17.5,17.5S0,27.6,0,17.9ZM17.5,32.1c7.8,0,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7,3.3,10.1,3.3,17.9s6.4,14.2,14.2,14.2Z" /></svg>');
}
.form-check-input.is-icon-03-blue + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 36"><path fill="%23009FE8" d="M13.6,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.4.1.5.3l1.1,2.4ZM24.5,11.9l2.6.3c.2,0,.4.1.5.3,0,.2,0,.4-.1.5l-1.9,1.8.5,2.6c0,.2,0,.4-.2.5-.2.1-.4.1-.6,0l-2.3-1.2-2.3,1.2c-.2.1-.4.1-.6,0-.1-.1-.3-.3-.2-.5l.5-2.6-1.9-1.8c-.1-.1-.2-.3-.1-.5,0-.2.3-.3.5-.3l2.6-.3,1.1-2.4c.1-.2.3-.3.5-.3s.3.1.5.3l1.1,2.4ZM23.9,21.5c1.3-.3,2.5.8,1.7,1.9-1.6,2.6-4.6,4.3-8.1,4.3s-6.4-1.7-8.1-4.3c-.7-1.1.5-2.3,1.8-1.9,2,.5,4.1.7,6.4.7s4.4-.2,6.4-.7ZM0,17.9C0,8.2,7.8.4,17.5.4s17.5,7.9,17.5,17.5-7.9,17.5-17.5,17.5S0,27.6,0,17.9ZM17.5,32.1c7.8,0,14.2-6.4,14.2-14.2S25.3,3.7,17.5,3.7,3.3,10.1,3.3,17.9s6.4,14.2,14.2,14.2Z" /></svg>');
}
.form-check-input.is-icon-04-red + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 36"><path fill="%23E50012" d="M23,1.7c.1-.8.8-1.4,1.6-1.4s1,.3,1.3.7l1.2,1.5h3.6c.8,0,1.7.4,2.3,1l1.2,1.2h3.8c.9,0,1.6.8,1.6,1.6v1.6c0,3.1-2.5,5.5-5.5,5.5h-4.8l-.3,2.1-7.7-4.4,1.6-9.5ZM30.9,4.8c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1,1.1-.5,1.1-1.1-.5-1.1-1.1-1.1ZM28.8,17.9v15.2c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-7.9c-1.7.9-3.6,1.3-5.5,1.3s-3.8-.4-5.5-1.3v7.9c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-15.7c-2-.8-3.6-2.4-4.1-4.5l-.3-1.1c-.3-1.2.5-2.3,1.6-2.7,1.2-.3,2.3.5,2.7,1.6l.2,1c.3,1,1.2,1.6,2.1,1.6h14.1l7.7,4.4Z" /></svg>');
}
.form-check-input.is-icon-04-black + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 36"><path fill="%23333333" d="M23,1.7c.1-.8.8-1.4,1.6-1.4s1,.3,1.3.7l1.2,1.5h3.6c.8,0,1.7.4,2.3,1l1.2,1.2h3.8c.9,0,1.6.8,1.6,1.6v1.6c0,3.1-2.5,5.5-5.5,5.5h-4.8l-.3,2.1-7.7-4.4,1.6-9.5ZM30.9,4.8c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1,1.1-.5,1.1-1.1-.5-1.1-1.1-1.1ZM28.8,17.9v15.2c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-7.9c-1.7.9-3.6,1.3-5.5,1.3s-3.8-.4-5.5-1.3v7.9c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-15.7c-2-.8-3.6-2.4-4.1-4.5l-.3-1.1c-.3-1.2.5-2.3,1.6-2.7,1.2-.3,2.3.5,2.7,1.6l.2,1c.3,1,1.2,1.6,2.1,1.6h14.1l7.7,4.4Z" /></svg>');
}
.form-check-input.is-icon-04-blue + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 36"><path fill="%23009FE8" d="M23,1.7c.1-.8.8-1.4,1.6-1.4s1,.3,1.3.7l1.2,1.5h3.6c.8,0,1.7.4,2.3,1l1.2,1.2h3.8c.9,0,1.6.8,1.6,1.6v1.6c0,3.1-2.5,5.5-5.5,5.5h-4.8l-.3,2.1-7.7-4.4,1.6-9.5ZM30.9,4.8c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1,1.1-.5,1.1-1.1-.5-1.1-1.1-1.1ZM28.8,17.9v15.2c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-7.9c-1.7.9-3.6,1.3-5.5,1.3s-3.8-.4-5.5-1.3v7.9c0,1.2-1,2.2-2.2,2.2h-2.2c-1.2,0-2.2-1-2.2-2.2v-15.7c-2-.8-3.6-2.4-4.1-4.5l-.3-1.1c-.3-1.2.5-2.3,1.6-2.7,1.2-.3,2.3.5,2.7,1.6l.2,1c.3,1,1.2,1.6,2.1,1.6h14.1l7.7,4.4Z" /></svg>');
}
.form-check-input.is-icon-05-red + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34"><path fill="%23E50012" d="M20.3,11.5c.8,4,4.4,7,8.6,7s1.4-.1,2.2-.3v14.1c0,.6-.5,1.1-1.1,1.1h-2.2c-.6,0-1.1-.5-1.1-1.1v-9.8l-8.8,6.6h2.2c1.2,0,2.2,1,2.2,2.2v1.2c0,.5-.5,1-1.1,1h-12c-2.5,0-4.4-1.9-4.4-4.4V11.5c0-1.2-1-2.2-2.2-2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2c3.6,0,6.6,2.9,6.6,6.6v5.9c3.8-5.7,9.7-5.9,11.1-5.9ZM31.1,4.9l4.4-4.4v9.2c0,3.6-2.9,6.5-6.6,6.5s-6.6-2.9-6.6-6.5V.6l4.4,4.4h4.4ZM26.2,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1ZM31.7,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1Z" /></svg>');
}
.form-check-input.is-icon-05-black + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34"><path fill="%23333333" d="M20.3,11.5c.8,4,4.4,7,8.6,7s1.4-.1,2.2-.3v14.1c0,.6-.5,1.1-1.1,1.1h-2.2c-.6,0-1.1-.5-1.1-1.1v-9.8l-8.8,6.6h2.2c1.2,0,2.2,1,2.2,2.2v1.2c0,.5-.5,1-1.1,1h-12c-2.5,0-4.4-1.9-4.4-4.4V11.5c0-1.2-1-2.2-2.2-2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2c3.6,0,6.6,2.9,6.6,6.6v5.9c3.8-5.7,9.7-5.9,11.1-5.9ZM31.1,4.9l4.4-4.4v9.2c0,3.6-2.9,6.5-6.6,6.5s-6.6-2.9-6.6-6.5V.6l4.4,4.4h4.4ZM26.2,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1ZM31.7,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1Z" /></svg>');
}
.form-check-input.is-icon-05-blue + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34"><path fill="%23009FE8" d="M20.3,11.5c.8,4,4.4,7,8.6,7s1.4-.1,2.2-.3v14.1c0,.6-.5,1.1-1.1,1.1h-2.2c-.6,0-1.1-.5-1.1-1.1v-9.8l-8.8,6.6h2.2c1.2,0,2.2,1,2.2,2.2v1.2c0,.5-.5,1-1.1,1h-12c-2.5,0-4.4-1.9-4.4-4.4V11.5c0-1.2-1-2.2-2.2-2.2s-2.2-1-2.2-2.2,1-2.2,2.2-2.2c3.6,0,6.6,2.9,6.6,6.6v5.9c3.8-5.7,9.7-5.9,11.1-5.9ZM31.1,4.9l4.4-4.4v9.2c0,3.6-2.9,6.5-6.6,6.5s-6.6-2.9-6.6-6.5V.6l4.4,4.4h4.4ZM26.2,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1ZM31.7,10.4c.5,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1-1.1.5-1.1,1.1.5,1.1,1.1,1.1Z" /></svg>');
}
.form-check-input.is-icon-06-red + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 31 36"><path fill="%23E50012" d="M12.2,31c.5,0,1.1.5,1.1,1.1v3.3h-2.2v-3.3c0-.5.5-1.1,1.1-1.1ZM18.8,31c.5,0,1.1.5,1.1,1.1s-.5,1.1-1.1,1.1-1.1-.5-1.1-1.1.5-1.1,1.1-1.1ZM11.4,12.1l-1.7-.5c-.3,0-.3-.4,0-.5l1.7-.6.5-1.6c0-.3.4-.3.5,0l.6,1.6,1.6.6c.3,0,.3.4,0,.5l-1.6.5-.6,1.7c0,.3-.4.3-.5,0l-.5-1.7ZM23.2,22c4.4,1.7,7.7,6,7.7,11.1s-1.1,2.3-2.4,2.3h-6.4v-4.4c0-1.2-1-2.2-2.2-2.2h-8.8c-1.2,0-2.2,1-2.2,2.2v4.4H2.5c-1.3,0-2.3-1-2.3-2.3,0-5.1,3.1-9.4,7.6-11.1,2.2,1.6,4.9,2.5,7.7,2.5s5.5-.9,7.7-2.5ZM4.6,15.7c-.6,0-1.1-.5-1.1-1.1v-6.6c0-.5.5-1.1,1.1-1.1h.9C7.2,3.1,11,.4,15.5.4s8.3,2.7,10,6.6h1c.5,0,1.1.5,1.1,1.1v6.6c0,.6-.5,1.1-1.1,1.1h-1c-1.7,3.9-5.5,6.6-10,6.6s-8.3-2.7-10-6.6h-.9ZM7.3,9.7v1.6c0,3.6,2.9,6.6,6.6,6.6h3.3c3.6,0,6.6-2.9,6.6-6.6v-1.6c0-1.5-1.5-2.7-3.3-2.7h-9.8c-1.8,0-3.3,1.2-3.3,2.7Z" /></svg>');
}
.form-check-input.is-icon-06-black + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 31 36"><path fill="%23333333" d="M12.2,31c.5,0,1.1.5,1.1,1.1v3.3h-2.2v-3.3c0-.5.5-1.1,1.1-1.1ZM18.8,31c.5,0,1.1.5,1.1,1.1s-.5,1.1-1.1,1.1-1.1-.5-1.1-1.1.5-1.1,1.1-1.1ZM11.4,12.1l-1.7-.5c-.3,0-.3-.4,0-.5l1.7-.6.5-1.6c0-.3.4-.3.5,0l.6,1.6,1.6.6c.3,0,.3.4,0,.5l-1.6.5-.6,1.7c0,.3-.4.3-.5,0l-.5-1.7ZM23.2,22c4.4,1.7,7.7,6,7.7,11.1s-1.1,2.3-2.4,2.3h-6.4v-4.4c0-1.2-1-2.2-2.2-2.2h-8.8c-1.2,0-2.2,1-2.2,2.2v4.4H2.5c-1.3,0-2.3-1-2.3-2.3,0-5.1,3.1-9.4,7.6-11.1,2.2,1.6,4.9,2.5,7.7,2.5s5.5-.9,7.7-2.5ZM4.6,15.7c-.6,0-1.1-.5-1.1-1.1v-6.6c0-.5.5-1.1,1.1-1.1h.9C7.2,3.1,11,.4,15.5.4s8.3,2.7,10,6.6h1c.5,0,1.1.5,1.1,1.1v6.6c0,.6-.5,1.1-1.1,1.1h-1c-1.7,3.9-5.5,6.6-10,6.6s-8.3-2.7-10-6.6h-.9ZM7.3,9.7v1.6c0,3.6,2.9,6.6,6.6,6.6h3.3c3.6,0,6.6-2.9,6.6-6.6v-1.6c0-1.5-1.5-2.7-3.3-2.7h-9.8c-1.8,0-3.3,1.2-3.3,2.7Z" /></svg>');
}
.form-check-input.is-icon-06-blue + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 31 36"><path fill="%23009FE8" d="M12.2,31c.5,0,1.1.5,1.1,1.1v3.3h-2.2v-3.3c0-.5.5-1.1,1.1-1.1ZM18.8,31c.5,0,1.1.5,1.1,1.1s-.5,1.1-1.1,1.1-1.1-.5-1.1-1.1.5-1.1,1.1-1.1ZM11.4,12.1l-1.7-.5c-.3,0-.3-.4,0-.5l1.7-.6.5-1.6c0-.3.4-.3.5,0l.6,1.6,1.6.6c.3,0,.3.4,0,.5l-1.6.5-.6,1.7c0,.3-.4.3-.5,0l-.5-1.7ZM23.2,22c4.4,1.7,7.7,6,7.7,11.1s-1.1,2.3-2.4,2.3h-6.4v-4.4c0-1.2-1-2.2-2.2-2.2h-8.8c-1.2,0-2.2,1-2.2,2.2v4.4H2.5c-1.3,0-2.3-1-2.3-2.3,0-5.1,3.1-9.4,7.6-11.1,2.2,1.6,4.9,2.5,7.7,2.5s5.5-.9,7.7-2.5ZM4.6,15.7c-.6,0-1.1-.5-1.1-1.1v-6.6c0-.5.5-1.1,1.1-1.1h.9C7.2,3.1,11,.4,15.5.4s8.3,2.7,10,6.6h1c.5,0,1.1.5,1.1,1.1v6.6c0,.6-.5,1.1-1.1,1.1h-1c-1.7,3.9-5.5,6.6-10,6.6s-8.3-2.7-10-6.6h-.9ZM7.3,9.7v1.6c0,3.6,2.9,6.6,6.6,6.6h3.3c3.6,0,6.6-2.9,6.6-6.6v-1.6c0-1.5-1.5-2.7-3.3-2.7h-9.8c-1.8,0-3.3,1.2-3.3,2.7Z" /></svg>');
}
.form-check-input.is-icon-07-red + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 36"><path fill="%23E50012" d="M.7,16.4c.4-.4,1-.7,1.6-.7h2.2v13.1h-2.2c-.6,0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.6v-8.8c0-.5.2-1.1.6-1.5ZM31.8,6.9c3,0,5.5,2.5,5.5,5.5v18.6c0,2.5-2,4.4-4.4,4.4H11.1c-2.5,0-4.4-1.9-4.4-4.4V12.4c0-3,2.4-5.5,5.5-5.5h7.7V2.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2v4.4h7.7ZM17.6,28.8v-2.2h-4.4v2.2h4.4ZM15.4,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM24.2,28.8v-2.2h-4.4v2.2h4.4ZM30.8,28.8v-2.2h-4.4v2.2h4.4ZM28.6,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM43.2,16.4c.4.4.7,1,.7,1.5v8.8c0,.6-.3,1.2-.7,1.6-.4.4-1,.6-1.5.6h-2.2v-13.1h2.2c.5,0,1.1.3,1.5.7Z" /></svg>');
}
.form-check-input.is-icon-07-black + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 36"><path fill="%23333333" d="M.7,16.4c.4-.4,1-.7,1.6-.7h2.2v13.1h-2.2c-.6,0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.6v-8.8c0-.5.2-1.1.6-1.5ZM31.8,6.9c3,0,5.5,2.5,5.5,5.5v18.6c0,2.5-2,4.4-4.4,4.4H11.1c-2.5,0-4.4-1.9-4.4-4.4V12.4c0-3,2.4-5.5,5.5-5.5h7.7V2.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2v4.4h7.7ZM17.6,28.8v-2.2h-4.4v2.2h4.4ZM15.4,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM24.2,28.8v-2.2h-4.4v2.2h4.4ZM30.8,28.8v-2.2h-4.4v2.2h4.4ZM28.6,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM43.2,16.4c.4.4.7,1,.7,1.5v8.8c0,.6-.3,1.2-.7,1.6-.4.4-1,.6-1.5.6h-2.2v-13.1h2.2c.5,0,1.1.3,1.5.7Z" /></svg>');
}
.form-check-input.is-icon-07-blue + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 36"><path fill="%23009FE8" d="M.7,16.4c.4-.4,1-.7,1.6-.7h2.2v13.1h-2.2c-.6,0-1.2-.2-1.6-.6-.4-.4-.6-1-.6-1.6v-8.8c0-.5.2-1.1.6-1.5ZM31.8,6.9c3,0,5.5,2.5,5.5,5.5v18.6c0,2.5-2,4.4-4.4,4.4H11.1c-2.5,0-4.4-1.9-4.4-4.4V12.4c0-3,2.4-5.5,5.5-5.5h7.7V2.6c0-1.2,1-2.2,2.2-2.2s2.2,1,2.2,2.2v4.4h7.7ZM17.6,28.8v-2.2h-4.4v2.2h4.4ZM15.4,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM24.2,28.8v-2.2h-4.4v2.2h4.4ZM30.8,28.8v-2.2h-4.4v2.2h4.4ZM28.6,20.6c1.5,0,2.7-1.2,2.7-2.7s-1.2-2.7-2.7-2.7-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7ZM43.2,16.4c.4.4.7,1,.7,1.5v8.8c0,.6-.3,1.2-.7,1.6-.4.4-1,.6-1.5.6h-2.2v-13.1h2.2c.5,0,1.1.3,1.5.7Z" /></svg>');
}
.form-check-input.is-icon-08-red + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27 36"><path fill="%23E50012" d="M13.1.4c7.4-.3,13.5,5.7,13.5,13.1v18.7c0,1-1.2,1.4-1.8.8l-1.7-1.3c-.4-.3-1.1-.3-1.4.2l-2.9,3.3c-.4.4-1.2.4-1.6,0l-2.8-3.1c-.4-.5-1.2-.5-1.6,0l-2.7,3.1c-.4.4-1.1.4-1.6,0l-2.9-3.3c-.3-.5-1-.5-1.4-.2l-1.7,1.3c-.7.7-1.8.2-1.8-.8V14.1C.4,6.9,5.9.6,13.1.4ZM9.1,15.7c1.2,0,2.2-1,2.2-2.2s-1.1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2ZM17.9,15.7c1.2,0,2.2-1,2.2-2.2s-1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2Z" /></svg>');
}
.form-check-input.is-icon-08-black + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27 36"><path fill="%23333333" d="M13.1.4c7.4-.3,13.5,5.7,13.5,13.1v18.7c0,1-1.2,1.4-1.8.8l-1.7-1.3c-.4-.3-1.1-.3-1.4.2l-2.9,3.3c-.4.4-1.2.4-1.6,0l-2.8-3.1c-.4-.5-1.2-.5-1.6,0l-2.7,3.1c-.4.4-1.1.4-1.6,0l-2.9-3.3c-.3-.5-1-.5-1.4-.2l-1.7,1.3c-.7.7-1.8.2-1.8-.8V14.1C.4,6.9,5.9.6,13.1.4ZM9.1,15.7c1.2,0,2.2-1,2.2-2.2s-1.1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2ZM17.9,15.7c1.2,0,2.2-1,2.2-2.2s-1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2Z" /></svg>');
}
.form-check-input.is-icon-08-blue + .form-check-label::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27 36"><path fill="%23009FE8" d="M13.1.4c7.4-.3,13.5,5.7,13.5,13.1v18.7c0,1-1.2,1.4-1.8.8l-1.7-1.3c-.4-.3-1.1-.3-1.4.2l-2.9,3.3c-.4.4-1.2.4-1.6,0l-2.8-3.1c-.4-.5-1.2-.5-1.6,0l-2.7,3.1c-.4.4-1.1.4-1.6,0l-2.9-3.3c-.3-.5-1-.5-1.4-.2l-1.7,1.3c-.7.7-1.8.2-1.8-.8V14.1C.4,6.9,5.9.6,13.1.4ZM9.1,15.7c1.2,0,2.2-1,2.2-2.2s-1.1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2ZM17.9,15.7c1.2,0,2.2-1,2.2-2.2s-1-2.2-2.2-2.2-2.2,1-2.2,2.2,1,2.2,2.2,2.2Z" /></svg>');
}

.form__rating {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top;
}
.form__rating span {
  display: block;
  width: 197px;
  height: 35px;
}
.form__rating.is-rating-1 span {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM37.1.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM37.1,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM61.8.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM61.8,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM86.6.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM86.6,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM111.3.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM111.3,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7Z" /></svg>');
}
.form__rating.is-rating-2 span {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM41.1,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM61.8.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM61.8,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM86.6.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM86.6,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM111.3.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM111.3,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7Z" /></svg>');
}
.form__rating.is-rating-3 span {
  display: block;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM41.1,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM65.9,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM86.6.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM86.6,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7ZM111.3.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM111.3,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7Z" /></svg>');
}
.form__rating.is-rating-4 span {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM41.1,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM65.9,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM90.6,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM111.3.8c.4,0,.8.3.9.6l3,6.1,6.6,1c.4,0,.7.3.8.7.1.4,0,.8-.3,1.1l-4.8,4.7,1.1,6.7c0,.4,0,.8-.4,1-.3.2-.8.3-1.1,0l-5.9-3.2-5.9,3.2c-.3.2-.7.1-1.1,0-.3-.2-.5-.6-.4-1l1.2-6.7-4.8-4.7c-.3-.3-.4-.7-.3-1.1.1-.3.4-.6.8-.7l6.6-1,3-6.1c.2-.3.5-.6.9-.6ZM111.3,4.1l-2.2,4.7c-.2.3-.4.5-.8.6l-5.1.7,3.7,3.7c.3.3.3.6.3.9l-.9,5.1,4.5-2.4c.3-.2.7-.2,1,0l4.5,2.4-.9-5.1c0-.3,0-.7.3-.9l3.7-3.7-5.1-.7c-.3,0-.6-.3-.8-.6l-2.3-4.7Z" /></svg>');
}
.form__rating.is-rating-5 span {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 123 23"><path fill="%23ff9900" d="M16.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3L1.4,10.5c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.7-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM41.1,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM65.9,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM90.6,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7ZM115.4,7.2l6.1.9c.5,0,.9.4,1.1.9.2.5,0,1-.3,1.4l-4.5,4.4,1.1,6.3c0,.5-.1,1-.6,1.3-.4.3-1,.3-1.5.1l-5.5-3-5.5,3c-.4.2-1,.2-1.4-.1-.4-.3-.6-.8-.6-1.3l1-6.3-4.5-4.4c-.4-.3-.5-.9-.3-1.4.2-.5.6-.9,1.1-.9l6.2-.9,2.8-5.7c.2-.5.7-.8,1.2-.8s1,.3,1.2.8l2.8,5.7Z" /></svg>');
}

#RowMessageImg1 .thumb-wrapper {
  display: flex;
  gap: 8px;
}
#RowMessageImg1 .thumb-wrapper canvas {
  display: block;
  width: 100%;
}

.tag {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.tag a {
  display: block;
  padding: 3px 5px;
  border-radius: 5px;
  background-color: var(--color-gray);
  font-size: 12px;
  line-height: 2;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .tag a {
    font-size: 14px;
    padding: 5px 10px;
    line-height: 1.71;
  }
}
.tag a::before {
  content: "#";
  margin-right: 2px;
}

.modal-message {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  background-color: #F7F4EA;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  padding: 26px 40px;
  z-index: 89;
}
@media screen and (min-width: 768px) {
  .modal-message {
    position: absolute;
    top: inherit;
    bottom: 64px;
    transform: translate(-50%, 0);
  }
}
.modal-message__headline {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.31;
  margin-bottom: 23px;
}
.modal-message__button {
  display: block;
  width: 100%;
  margin: 15px auto 0;
  border-radius: 5px;
  font-size: 14px;
}
.modal-message__button:last-child {
  margin: 0 auto;
}
.modal-message__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  transform: rotate(45deg);
  cursor: pointer;
}
.modal-message__close::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.6px;
  height: 100%;
  transform: translateX(-1px);
  background-color: #999;
  content: "";
}
.modal-message__close::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1.6px;
  transform: translateY(-1px);
  background-color: #999;
  content: "";
}

body.is-modal-open {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  body.is-modal-open {
    overflow: inherit;
  }
}
body.is-modal-open::after {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  content: "";
  z-index: 88;
}
@media screen and (min-width: 768px) {
  body.is-modal-open::after {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .article-header .modal-message {
    left: 0;
    transform: translate(0);
  }
}

.fixed-contact-btn {
  position: fixed;
  bottom: calc(0px + env(safe-area-inset-bottom));
  left: 0;
  z-index: 70;
  width: 100%;
  background-color: var(--color-primary);
}
.fixed-contact-btn a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .fixed-contact-btn a {
    font-size: 16px;
    padding: 13px 0;
  }
}
.fixed-contact-btn i {
  margin-left: 10px;
  font-size: 14px;
}

@supports not (bottom: env(safe-area-inset-bottom)) {
  .fixed-contact-btn {
    bottom: 0;
  }
}
.bgb-title:first-child .bge-title-h2 {
  margin-top: 0;
}

.bge-title-h2 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--color-primary);
  margin-top: 50px;
  margin-bottom: 30px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .bge-title-h2 {
    font-size: 24px;
    padding-bottom: 10px;
  }
}
.work .bge-title-h2 {
  border-bottom: 2px solid var(--color-secondary);
}

.bge-title-h3,
.bge-ckeditor h3 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 9px;
  border-left: 2px solid var(--color-primary);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .bge-title-h3,
  .bge-ckeditor h3 {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
.work .bge-title-h3,
.work .bge-ckeditor h3 {
  border-left: 2px solid var(--color-secondary);
}

.bge-ckeditor h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1em;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .bge-ckeditor h4 {
    font-size: 18px;
  }
}
.bge-ckeditor h5 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 1em;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .bge-ckeditor h5 {
    font-size: 16px;
  }
}
.bge-ckeditor h6 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 1em;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .bge-ckeditor h6 {
    font-size: 14px;
  }
}
.bge-ckeditor p {
  line-height: 2;
  margin-bottom: 1em;
}
.bge-ckeditor p:last-child {
  margin-bottom: 0;
}
.bge-ckeditor ul {
  list-style: disc;
  margin-bottom: 1em;
  padding-left: 40px;
  overflow: hidden;
}
.bge-ckeditor ol {
  list-style: decimal;
  margin-bottom: 1em;
  padding-left: 40px;
  overflow: hidden;
}
.bge-ckeditor blockquote {
  margin-bottom: 1em;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  padding: 10px;
  color: #969698;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .bge-ckeditor blockquote {
    border-radius: 10px;
    padding: 20px;
  }
}
.bge-ckeditor a {
  color: var(--color-primary);
  text-decoration: underline;
}
.bge-ckeditor a:hover {
  text-decoration: none;
}
.bge-ckeditor table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.bge-ckeditor table tr:first-child th, .bge-ckeditor table tr:first-child td {
  border-top: 1px solid var(--color-tertiary);
}
.bge-ckeditor table tbody {
  width: 100%;
  display: table;
}
.bge-ckeditor table th {
  border-left: 1px solid var(--color-tertiary);
  border-bottom: 1px solid var(--color-tertiary);
  padding: 10px;
  background-color: var(--color-beige);
  text-align: left;
}
@media screen and (min-width: 768px) {
  .bge-ckeditor table th {
    padding: 20px;
  }
}
.bge-ckeditor table th:last-child {
  border-right: 1px solid var(--color-tertiary);
}
.bge-ckeditor table td {
  border-left: 1px solid var(--color-tertiary);
  border-bottom: 1px solid var(--color-tertiary);
  padding: 10px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .bge-ckeditor table td {
    padding: 20px;
  }
}
.bge-ckeditor table td:last-child {
  border-right: 1px solid var(--color-tertiary);
}
.bge-ckeditor table caption {
  margin-bottom: 1em;
  font-weight: 500;
}

.bgb-wysiwyg2::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .bgb-wysiwyg2 {
    display: flex;
    gap: 24px;
  }
}

.bgb-text-float-image1 .bgt-grid--first {
  margin-block-end: 20px;
}
@media screen and (min-width: 768px) {
  .bgb-text-float-image1 .bgt-grid--first {
    width: calc(50% - 24px);
    margin-inline-start: 24px;
    margin-block-end: 30px;
  }
}

.bgb-text-float-image2 .bgt-grid--first {
  margin-block-end: 20px;
  float: none;
}
@media screen and (min-width: 768px) {
  .bgb-text-float-image2 .bgt-grid--first {
    float: left;
    width: calc(50% - 24px);
    margin-inline-end: 24px;
    margin-block-end: 30px;
  }
}

.bgb-image-text2 .bgt-image,
.bgb-image-text2 .bgt-image-link,
.bgb-image-text3 .bgt-image,
.bgb-image-text3 .bgt-image-link,
.bgb-image-link-text2 .bgt-image,
.bgb-image-link-text2 .bgt-image-link,
.bgb-image-link-text3 .bgt-image,
.bgb-image-link-text3 .bgt-image-link,
.bgb-image-link-text4 .bgt-image,
.bgb-image-link-text4 .bgt-image-link,
.bgb-image-link-text5 .bgt-image,
.bgb-image-link-text5 .bgt-image-link {
  margin-bottom: 10px !important;
}
@media screen and (min-width: 768px) {
  .bgb-image-text2 .bgt-image,
  .bgb-image-text2 .bgt-image-link,
  .bgb-image-text3 .bgt-image,
  .bgb-image-text3 .bgt-image-link,
  .bgb-image-link-text2 .bgt-image,
  .bgb-image-link-text2 .bgt-image-link,
  .bgb-image-link-text3 .bgt-image,
  .bgb-image-link-text3 .bgt-image-link,
  .bgb-image-link-text4 .bgt-image,
  .bgb-image-link-text4 .bgt-image-link,
  .bgb-image-link-text5 .bgt-image,
  .bgb-image-link-text5 .bgt-image-link {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .bgb-image-text2.sp-slide,
  .bgb-image-text3.sp-slide,
  .bgb-image-link-text2.sp-slide,
  .bgb-image-link-text3.sp-slide {
    display: flex;
    overflow-x: scroll;
    gap: 20px;
    margin-right: calc(50% - 50vw);
    padding-right: 15px;
  }
  .bgb-image-text2.sp-slide .bgt-grid,
  .bgb-image-text3.sp-slide .bgt-grid,
  .bgb-image-link-text2.sp-slide .bgt-grid,
  .bgb-image-link-text3.sp-slide .bgt-grid {
    min-width: calc(100% - 30px);
  }
}

.bgb-button .bgt-btn,
.bgb-button2 .bgt-btn,
.bgb-button3 .bgt-btn {
  display: inline-block;
  background-color: #fff;
  border: 1px solid var(--color-primary);
  border-radius: 3px;
  width: 100%;
  min-width: 250px;
  margin: 0 auto;
  padding: 12px 10px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .bgb-button .bgt-btn,
  .bgb-button2 .bgt-btn,
  .bgb-button3 .bgt-btn {
    min-width: 352px;
    padding: 16px 10px;
    transition: background-color 300ms;
  }
  .bgb-button .bgt-btn:hover,
  .bgb-button2 .bgt-btn:hover,
  .bgb-button3 .bgt-btn:hover {
    background-color: var(--color-primary-hover);
  }
}

.bgb-button.sub .bgt-btn {
  border: 1px solid var(--color-border);
}
@media screen and (min-width: 768px) {
  .bgb-button.sub .bgt-btn {
    transition: background-color 300ms;
  }
  .bgb-button.sub .bgt-btn:hover {
    background-color: var(--color-gray);
  }
}

.bgb-button2 {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.bgb-button2 .bgt-button-container {
  width: 100%;
}
.bgb-button2 .bgt-btn {
  min-width: inherit;
}
.bgb-button2 .bgt-grid {
  width: calc(50% - 10px);
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .bgb-button2 .bgt-grid {
    max-width: 352px;
  }
}

.bgb-button3 {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.bgb-button3 .bgt-button-container {
  width: 100%;
}
.bgb-button3 .bgt-btn {
  min-width: inherit;
}
.bgb-button3 .bgt-grid {
  width: calc(33.3% - 10px);
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .bgb-button3 .bgt-grid {
    max-width: 352px;
  }
}

.bgb-button.red .bgt-btn {
  border-radius: 25px;
  background-color: #E40012;
  border: 1px solid #E40012;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 16px 10px;
}
@media screen and (min-width: 768px) {
  .bgb-button.red .bgt-btn {
    border-radius: 30px;
    transition: opacity 300ms;
    min-width: 300px;
    padding: 19px 10px;
    font-size: 20px;
  }
  .bgb-button.red .bgt-btn:hover {
    opacity: 0.7;
  }
}

.bgb-button.blue .bgt-btn {
  border-radius: 25px;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 16px 10px;
}
@media screen and (min-width: 768px) {
  .bgb-button.blue .bgt-btn {
    border-radius: 30px;
    transition: opacity 300ms;
    min-width: 300px;
    padding: 19px 10px;
    font-size: 20px;
  }
  .bgb-button.blue .bgt-btn:hover {
    opacity: 0.7;
  }
}

.bgb-download-file .bgt-download-file__link,
.bgb-download-file2 .bgt-download-file__link,
.bgb-download-file3 .bgt-download-file__link {
  border: 1px solid var(--color-primary);
  border-radius: 3px;
  background-color: #fff;
  width: 100%;
  min-width: 250px;
  margin: 0 auto;
  padding: 12px 10px;
  line-height: 1;
  word-break: break-all;
  display: block;
}
@media screen and (min-width: 768px) {
  .bgb-download-file .bgt-download-file__link,
  .bgb-download-file2 .bgt-download-file__link,
  .bgb-download-file3 .bgt-download-file__link {
    padding: 16px 10px;
  }
}
.bgb-download-file .bgt-download-file__link i::before,
.bgb-download-file2 .bgt-download-file__link i::before,
.bgb-download-file3 .bgt-download-file__link i::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f019";
  font-style: normal;
  margin-right: 5px;
}
.bgb-download-file .bgt-download-file__link i::after,
.bgb-download-file2 .bgt-download-file__link i::after,
.bgb-download-file3 .bgt-download-file__link i::after {
  display: none;
}

.bgb-download-file2 {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.bgb-download-file2 .bgt-container {
  width: 100%;
}
.bgb-download-file2 .bgt-download-file__link {
  display: block;
  word-break: break-all;
  min-width: inherit;
}
.bgb-download-file2 .bgt-grid {
  width: calc(50% - 10px);
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .bgb-download-file2 .bgt-grid {
    max-width: 352px;
  }
}
.bgb-download-file2 .bgt-download-file {
  margin-bottom: 0 !important;
}

.bgb-download-file3 {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.bgb-download-file3 .bgt-container {
  width: 100%;
  display: block;
}
.bgb-download-file3 .bgt-download-file__link {
  display: block;
  word-break: break-all;
  min-width: inherit;
}
.bgb-download-file3 .bgt-grid {
  width: calc(33.3% - 10px);
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .bgb-download-file3 .bgt-grid {
    max-width: 352px;
  }
}
.bgb-download-file3 .bgt-download-file {
  margin-bottom: 0 !important;
}

.bgb-table table {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .bgb-table table {
    border-top: none;
  }
}
.bgb-table table tr:first-child th, .bgb-table table tr:first-child td {
  border-top: 1px solid var(--color-tertiary);
}
@media screen and (max-width: 767px) {
  .bgb-table table tr:first-child th, .bgb-table table tr:first-child td {
    border-top: none;
  }
}
.bgb-table table th {
  text-align: left;
  padding: 20px;
  border-left: 1px solid var(--color-tertiary);
  border-bottom: 1px solid var(--color-tertiary);
  background-color: var(--color-white);
  word-break: break-all;
  background-color: var(--color-beige);
}
.bgb-table table th:last-child {
  border-right: 1px solid var(--color-tertiary);
}
@media screen and (max-width: 767px) {
  .bgb-table table th:last-child {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .bgb-table table th {
    display: block;
    border: none;
    width: 100%;
    padding: 10px;
  }
}
.bgb-table table td {
  padding: 20px;
  border-left: 1px solid var(--color-tertiary);
  border-bottom: 1px solid var(--color-tertiary);
  background-color: var(--color-white);
  word-break: break-all;
}
.bgb-table table td:last-child {
  border-right: 1px solid var(--color-tertiary);
}
@media screen and (max-width: 767px) {
  .bgb-table table td:last-child {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .bgb-table table td {
    display: block;
    padding: 10px;
    border-left: none;
    margin-bottom: 10px;
    width: 100%;
  }
}

.bgb-gallery .bgt-gallery-ctrl,
.bgb-text-gallery1 .bgt-gallery-ctrl,
.bgb-text-gallery2 .bgt-gallery-ctrl {
  top: 50%;
  transform: translateY(-50%);
}
.bgb-gallery .bgt-gallery-ctrl__prev,
.bgb-text-gallery1 .bgt-gallery-ctrl__prev,
.bgb-text-gallery2 .bgt-gallery-ctrl__prev {
  width: 20px;
  height: 20px;
  inset-inline-start: 5px;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .bgb-gallery .bgt-gallery-ctrl__prev,
  .bgb-text-gallery1 .bgt-gallery-ctrl__prev,
  .bgb-text-gallery2 .bgt-gallery-ctrl__prev {
    width: 24px;
    height: 24px;
    inset-inline-start: 10px;
  }
}
.bgb-gallery .bgt-gallery-ctrl__prev::before,
.bgb-text-gallery1 .bgt-gallery-ctrl__prev::before,
.bgb-text-gallery2 .bgt-gallery-ctrl__prev::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f137";
  font-size: 20px;
  color: var(--color-primary);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .bgb-gallery .bgt-gallery-ctrl__prev::before,
  .bgb-text-gallery1 .bgt-gallery-ctrl__prev::before,
  .bgb-text-gallery2 .bgt-gallery-ctrl__prev::before {
    font-size: 24px;
  }
}
.bgb-gallery .bgt-gallery-ctrl__prev span,
.bgb-text-gallery1 .bgt-gallery-ctrl__prev span,
.bgb-text-gallery2 .bgt-gallery-ctrl__prev span {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 0;
}
.bgb-gallery .bgt-gallery-ctrl__next,
.bgb-text-gallery1 .bgt-gallery-ctrl__next,
.bgb-text-gallery2 .bgt-gallery-ctrl__next {
  width: 20px;
  height: 20px;
  inset-inline-end: 5px;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .bgb-gallery .bgt-gallery-ctrl__next,
  .bgb-text-gallery1 .bgt-gallery-ctrl__next,
  .bgb-text-gallery2 .bgt-gallery-ctrl__next {
    width: 24px;
    height: 24px;
    inset-inline-end: 10px;
  }
}
.bgb-gallery .bgt-gallery-ctrl__next::before,
.bgb-text-gallery1 .bgt-gallery-ctrl__next::before,
.bgb-text-gallery2 .bgt-gallery-ctrl__next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f138";
  font-size: 20px;
  color: var(--color-primary);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .bgb-gallery .bgt-gallery-ctrl__next::before,
  .bgb-text-gallery1 .bgt-gallery-ctrl__next::before,
  .bgb-text-gallery2 .bgt-gallery-ctrl__next::before {
    font-size: 30px;
  }
}
.bgb-gallery .bgt-gallery-ctrl__next span,
.bgb-text-gallery1 .bgt-gallery-ctrl__next span,
.bgb-text-gallery2 .bgt-gallery-ctrl__next span {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 0;
}
.bgb-gallery .bgt-gallery-marker,
.bgb-text-gallery1 .bgt-gallery-marker,
.bgb-text-gallery2 .bgt-gallery-marker {
  margin-top: 15px !important;
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .bgb-gallery .bgt-gallery,
  .bgb-text-gallery1 .bgt-gallery,
  .bgb-text-gallery2 .bgt-gallery {
    padding: 54% 50px 0;
  }
}
.bgb-gallery .bgt-gallery[data-gallery-marker=dot] + .bgt-gallery-marker li,
.bgb-text-gallery1 .bgt-gallery[data-gallery-marker=dot] + .bgt-gallery-marker li,
.bgb-text-gallery2 .bgt-gallery[data-gallery-marker=dot] + .bgt-gallery-marker li {
  border-radius: 50%;
  background-color: #D9D9D9 !important;
}
.bgb-gallery .bgt-gallery[data-gallery-marker=dot] + .bgt-gallery-marker li.current,
.bgb-text-gallery1 .bgt-gallery[data-gallery-marker=dot] + .bgt-gallery-marker li.current,
.bgb-text-gallery2 .bgt-gallery[data-gallery-marker=dot] + .bgt-gallery-marker li.current {
  background-image: none !important;
  background-color: var(--color-primary) !important;
}

@media screen and (min-width: 768px) {
  .bgb-gallery .bgt-gallery-ctrl__next {
    width: 30px;
    height: 30px;
  }
  .bgb-gallery .bgt-gallery-ctrl__next::before {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .bgb-gallery .bgt-gallery-ctrl__prev {
    width: 30px;
    height: 30px;
  }
  .bgb-gallery .bgt-gallery-ctrl__prev::before {
    font-size: 30px;
  }
}

.bgb-text-gallery1,
.bgb-text-gallery2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .bgb-text-gallery1,
  .bgb-text-gallery2 {
    flex-direction: row;
    gap: 24px;
  }
  .bgb-text-gallery1 .bgt-grid,
  .bgb-text-gallery2 .bgt-grid {
    padding: 0;
  }
}

.bgb-before-after {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  padding: 20px 30px;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .bgb-before-after {
    padding: 30px 50px;
    border-radius: 10px;
  }
}
.bgb-before-after .bgt-title-h3-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .bgb-before-after .bgt-title-h3-container {
    margin-bottom: 30px;
  }
}
.bgb-before-after .bge-title-h3 {
  font-size: 16px;
  padding-left: 0;
  border-left: none;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 5px;
  border-bottom: 2px solid var(--color-primary);
}
@media screen and (min-width: 768px) {
  .bgb-before-after .bge-title-h3 {
    font-size: 20px;
  }
}
.bgb-before-after .bgt-grid-container {
  flex-direction: column;
  gap: 43px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .bgb-before-after .bgt-grid-container {
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;
  }
}
.bgb-before-after .bgt-grid {
  margin: 0;
}
.bgb-before-after .bgt-grid + .bgt-grid {
  position: relative;
}
.bgb-before-after .bgt-grid + .bgt-grid::before {
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f078";
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .bgb-before-after .bgt-grid + .bgt-grid::before {
    content: "\f054";
    left: -28px;
    top: 50%;
    font-size: 20px;
    transform: translate(0, -50%);
  }
}

.bgb-title-text-container {
  flex-wrap: nowrap;
  overflow: auto;
  justify-content: unset;
  gap: 2px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .bgb-title-text-container {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.bgb-title-text-container .bgb-title-text {
  min-width: 285px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin: 5px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .bgb-title-text-container .bgb-title-text {
    min-width: inherit;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    margin: 10px;
  }
}
.bgb-title-text-container .bgb-title-text.option .bge-title-h3 {
  background-color: var(--color-tertiary);
}
.bgb-title-text-container .bge-title-h3 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
  background-color: var(--color-primary);
  color: var(--color-white);
  padding-left: 0;
  border-left: none;
  text-align: center;
  padding: 8px;
  border-radius: 5px 5px 0 0;
}
@media screen and (min-width: 768px) {
  .bgb-title-text-container .bge-title-h3 {
    font-size: 20px;
    padding: 10px;
    border-radius: 10px 10px 0 0;
  }
}
.bgb-title-text-container .bge-ckeditor {
  padding: 20px 15px;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .bgb-title-text-container .bge-ckeditor {
    font-size: 14px;
  }
}

.bgb-wysiwyg.step {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  padding: 0 20px 50px;
  border-radius: 5px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .bgb-wysiwyg.step {
    border-radius: 10px;
  }
}
.bgb-wysiwyg.step .bge-ckeditor {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .bgb-wysiwyg.step .bge-ckeditor {
    gap: 30px;
  }
}
.bgb-wysiwyg.step .step__number {
  background-color: var(--color-tertiary);
  border-radius: 0 0 10px 10px;
  font-weight: bold;
  color: var(--color-white);
  padding: 3px 50px 7px;
  line-height: 1.5;
  margin-bottom: 0;
}
.bgb-wysiwyg.step .step__number span {
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .bgb-wysiwyg.step .step__number span {
    font-size: 20px;
  }
}
.bgb-wysiwyg.step h3 {
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  border-left: none;
  margin-bottom: 0;
  padding-left: 0;
  border-bottom: 2px solid var(--color-primary);
}
@media screen and (min-width: 768px) {
  .bgb-wysiwyg.step h3 {
    font-size: 20px;
  }
}
.bgb-wysiwyg.step p {
  line-height: 2;
}

.qa dl {
  display: flex;
  gap: 20px;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border);
}
.qa dt {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding-left: 40px;
  padding-top: 2px;
  min-height: 30px;
}
.qa dt:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid var(--color-primary);
}
.qa dt:after {
  position: absolute;
  left: 9px;
  top: 7px;
  content: "Q";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 15px;
  color: var(--color-primary);
  line-height: 1;
}
.qa dd {
  position: relative;
  padding-left: 40px;
  font-size: 14px;
  line-height: 2;
}
.qa dd:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.qa dd:after {
  position: absolute;
  left: 10px;
  top: 7px;
  content: "A";
  font-family: "Font Awesome 6 Free";
  line-height: 1;
  font-weight: 900;
  color: var(--color-white);
  font-size: 15px;
}

.bg-gray {
  margin: 0 calc(50% - 50vw);
  padding: 30px calc(50vw - 50%);
  background-color: #F6F6F8;
}

.bg-beige {
  margin: 0 calc(50% - 50vw);
  padding: 30px calc(50vw - 50%);
  background-color: #F7F4EA;
}

.bg-gray.bgb-title {
  padding-top: 50px;
}

.bg-gray .bge-title-h2 {
  margin-bottom: 0;
  margin-top: 0;
}

.bg-gray + .bg-gray {
  padding-top: 0;
}

.bg-beige.bgb-title {
  padding-top: 50px;
}

.bg-beige .bge-title-h2 {
  margin-bottom: 0;
  margin-top: 0;
}

.bg-beige + .bg-beige {
  padding-top: 0;
}

.crop .bgt-box__image-container {
  max-width: 480px;
  max-height: 320px;
  margin: 0 auto;
}
.crop img {
  aspect-ratio: 3/2;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* top
-------------------------*/