@charset "UTF-8";
/* reset CSS */
:where(article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where(button) {
  border: none;
  background: none;
}

:where(ul, ol, summary) {
  list-style: none; /* ビュレットを削除、必要に応じて手動で追加する */
}

:where(table) {
  border-collapse: collapse;
  border-spacing: 0;
}

:where(:-moz-any-link, button, [type=button], [type=reset], [type=submit], label[for], select, summary, [role=tab], [role=button]) {
  cursor: pointer;
}

:where(:any-link, button, [type=button], [type=reset], [type=submit], label[for], select, summary, [role=tab], [role=button]) {
  cursor: pointer;
}

:where(img, picture, svg) {
  max-inline-size: 100%; /* images should never overflow past the available space */
  block-size: auto; /* アスペクト比を保持 */
  width: 100%;
  height: auto;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  touch-action: manipulation;
}

:where(input:-webkit-autofill, textarea:-webkit-autofill) {
  box-shadow: 0 0 0 1000px #fff inset;
}

@font-face {
  font-family: "Nohemi-Light";
  src: url("../fonts/Nohemi-Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi-Regular";
  src: url("../fonts/Nohemi-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi-Medium";
  src: url("../fonts/Nohemi-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

@supports not (top: 1lh) {
  :root {
    --leading-trim: 0px; /* `px`などの単位が必要 */
  }
}
.leading-trim {
  margin-block: var(--leading-trim);
}

html {
  overflow-y: scroll;
}
html.no-scroll {
  overflow: hidden;
}

body {
  color: #2b3f42;
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
  font-family: "MFW-GothicMB101Pr6-Regular";
  font-weight: 400;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
@media (max-width: 1279.98px) {
  body {
    font-size: 1.1713030747vw;
  }
}
@media (max-width: 766.98px) {
  body {
    font-size: 3.7333333333vw;
  }
}

a {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 767px) {
  a[href^="tel:"] {
    pointer-events: none;
    color: inherit;
    cursor: default;
    text-decoration: none;
  }
}
a.no-link {
  pointer-events: none;
  cursor: default;
}

.en {
  font-family: "Nohemi-Regular", sans-serif;
}

@media (max-width: 766.98px) {
  .-pcOnly {
    display: none;
  }
}

.-spOnly {
  display: none;
}
@media (max-width: 766.98px) {
  .-spOnly {
    display: block;
  }
}

.sec-in {
  width: 1250px;
  margin-inline: auto;
}
@media (max-width: 1279.98px) {
  .sec-in {
    width: 97.65625vw;
  }
}
@media (max-width: 766.98px) {
  .sec-in {
    width: 100%;
    padding-inline: 1.3333333333vw;
  }
}
.sec-in.-sm {
  padding-inline: 100px;
}
@media (max-width: 1279.98px) {
  .sec-in.-sm {
    padding-inline: 7.8125vw;
  }
}
@media (max-width: 766.98px) {
  .sec-in.-sm {
    padding-inline: 9.3333333333vw;
  }
}

.sec-bg {
  background: #F6F4F0;
  border-radius: 80px 80px 0 0;
}
@media (max-width: 1279.98px) {
  .sec-bg {
    border-radius: 6.25vw 6.25vw 0 0;
  }
}
@media (max-width: 766.98px) {
  .sec-bg {
    border-radius: 10.6666666667vw 10.6666666667vw 0 0;
  }
}

.l-wrapper {
  overflow: clip;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
}
@media (max-width: 766.98px) {
  .l-header {
    position: absolute;
  }
}
.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px 24px;
}
@media (max-width: 1279.98px) {
  .l-header__inner {
    padding: 1.484375vw 1.875vw;
  }
}
@media (max-width: 766.98px) {
  .l-header__inner {
    padding: 1.8666666667vw 1.3333333333vw;
  }
}
.l-header__logo {
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}
@media (max-width: 1279.98px) {
  .l-header__logo {
    grid-template-columns: 14.0625vw 1fr;
    gap: 0.78125vw;
  }
}
@media (max-width: 766.98px) {
  .l-header__logo {
    grid-template-columns: 1fr;
    gap: 0.8vw;
  }
}
@media (any-hover: hover) {
  .l-header__logo:hover {
    opacity: 0.7;
  }
}
@media (max-width: 766.98px) {
  .l-header__logo .logo {
    width: 42.6666666667vw;
  }
}
.l-header__logo .txt {
  font-size: 11px;
  line-height: 1;
  font-family: "MFW-GothicMB101Pr6-DeBold";
}
@media (max-width: 1279.98px) {
  .l-header__logo .txt {
    font-size: 0.859375vw;
  }
}
@media (max-width: 766.98px) {
  .l-header__logo .txt {
    font-size: 2.6666666667vw;
  }
}
@media (max-width: 766.98px) {
  .l-header__cta--inner {
    display: flex;
    align-items: center;
    gap: 0.8vw;
  }
  .l-header__cta--inner > a {
    width: 24vw;
    height: 8vw;
    font-size: 2.9333333333vw;
  }
}

@media (max-width: 766.98px) {
  .l-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    padding: 5.3333333333vw 0 1.3333333333vw;
    translate: 0 101%;
    max-height: 90dvh;
    display: flex;
    flex-direction: column;
    transition: 0.5s;
    z-index: 102;
  }
}
@media screen and (max-width: 766.98px) and (orientation: portrait) and (max-height: 630px) {
  .l-nav {
    bottom: auto;
    top: 13.3333333333vw;
    max-height: calc(100dvh - 13.3333333333vw);
  }
}
@media (max-width: 766.98px) {
  .l-nav.is-show {
    translate: 0 0;
  }
  .l-nav.is-show + .l-nav__bg {
    opacity: 1;
  }
}
@media (max-width: 766.98px) {
  .l-nav__inner {
    height: 173.3333333333vw;
    overflow-y: scroll;
  }
}
.l-nav__bg {
  display: none;
}
@media (max-width: 766.98px) {
  .l-nav__bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: 0.5s;
    z-index: 101;
    pointer-events: none;
  }
}
@media (max-width: 766.98px) {
  .l-nav__logo {
    padding-inline: 16vw;
    margin-bottom: 13.3333333333vw;
  }
}
.l-nav__list {
  display: flex;
  align-items: center;
  gap: 35px;
}
@media (max-width: 1279.98px) {
  .l-nav__list {
    gap: 2.734375vw;
  }
}
@media (max-width: 766.98px) {
  .l-nav__list {
    flex-direction: column;
    gap: 4vw;
    padding-inline: 4vw;
  }
}
@media (max-width: 766.98px) {
  .l-nav__items {
    width: 100%;
    text-align: center;
    border-bottom: 0.2666666667vw solid #E8E8E8;
    padding-bottom: 4vw;
    line-height: 1;
  }
}
.l-nav__items > a {
  font-size: 12px;
  transition: 0.3s;
}
@media (max-width: 1279.98px) {
  .l-nav__items > a {
    font-size: 0.9375vw;
  }
}
@media (max-width: 766.98px) {
  .l-nav__items > a {
    font-size: 4.8vw;
  }
}
@media (any-hover: hover) {
  .l-nav__items > a:not(.c-btnStyle1):hover {
    color: #018165;
  }
}
.l-nav__items > a.is-current {
  color: #018165;
}
.l-nav__items > a.c-btnStyle1 {
  width: 145px;
  height: 45px;
}
@media (max-width: 1279.98px) {
  .l-nav__items > a.c-btnStyle1 {
    width: 11.328125vw;
    height: 3.515625vw;
  }
}
@media (max-width: 766.98px) {
  .l-nav__box {
    width: 100%;
  }
}
@media (max-width: 766.98px) {
  .l-nav__btn {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 1.6vw;
    height: 16vw;
    margin-top: 5.3333333333vw;
    padding-inline: 4vw;
  }
  .l-nav__btn > a:nth-child(1) {
    background: #58C16B;
  }
  .l-nav__btn > a:nth-child(2) {
    background: #F66646;
  }
}
.l-nav__tel {
  text-align: center;
  line-height: 1;
}
@media (max-width: 766.98px) {
  .l-nav__tel {
    margin-top: 8vw;
  }
}
.l-nav__tel .tel {
  text-decoration: underline;
  font-family: "Nohemi-Medium", sans-serif;
}
@media (max-width: 766.98px) {
  .l-nav__tel .tel {
    font-size: 9.8666666667vw;
    text-underline-offset: 1.3333333333vw;
    text-decoration-thickness: 0.5333333333vw;
  }
}
.l-nav__tel .info {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 766.98px) {
  .l-nav__tel .info {
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
    gap: 1.8666666667vw;
  }
}
.l-nav__tel .info .label {
  border: 1px solid #2b3f42;
}
@media (max-width: 766.98px) {
  .l-nav__tel .info .label {
    font-size: 3.2vw;
    padding: 0.8vw 1.3333333333vw;
    border-width: 0.2666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media (max-width: 766.98px) {
  .l-nav__close {
    position: relative;
    margin: 0 1.3333333333vw 0 auto;
    width: 16vw;
    height: 16vw;
    background: #2b3f42;
    border-radius: 4vw;
  }
  .l-nav__close .line {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 40%;
    height: 1.0666666667vw;
    border-radius: 5.3333333333vw;
    background: #fff;
  }
  .l-nav__close .line:nth-child(1) {
    rotate: 45deg;
  }
  .l-nav__close .line:nth-child(2) {
    rotate: -45deg;
  }
}

@media (max-width: 766.98px) {
  .l-btmNav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    filter: drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.16));
    z-index: 100;
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    display: grid;
    grid-template-columns: 1fr 14.6666666667vw;
    align-items: center;
    gap: 4vw;
    overflow: hidden;
    font-size: 2.9333333333vw;
    line-height: 1;
    padding-left: 4vw;
    translate: 0 100%;
    transition: 0.5s;
  }
  .l-btmNav.is-show {
    translate: 0 0;
  }
  .l-btmNav__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .l-btmNav__items:nth-child(2) {
    position: relative;
    display: flex;
    align-items: center;
    gap: 3.2vw;
  }
  .l-btmNav__items:nth-child(2)::before, .l-btmNav__items:nth-child(2)::after {
    content: "";
    display: block;
    width: 0.2666666667vw;
    height: 3.2vw;
    background: #D5D5D5;
    border-radius: 1.3333333333vw;
  }
}

@media (max-width: 766.98px) {
  .l-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2B3F42;
    height: 18.6666666667vw;
  }
  .l-menu .obj {
    position: relative;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .l-menu .obj .dot {
    position: absolute;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    border-radius: 0.5333333333vw;
    background: #fff;
  }
  .l-menu .obj .dot:nth-child(1) {
    top: 0;
    left: 0;
  }
  .l-menu .obj .dot:nth-child(2) {
    top: 0;
    right: 0;
  }
  .l-menu .obj .dot:nth-child(3) {
    bottom: 0;
    left: 0;
  }
  .l-menu .obj .dot:nth-child(4) {
    bottom: 0;
    right: 0;
  }
}

.l-contact {
  padding-top: 50px;
}
@media (max-width: 1279.98px) {
  .l-contact {
    padding-top: 3.90625vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact {
    padding-top: 8vw;
  }
}
.l-contact__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 14px;
}
@media (max-width: 1279.98px) {
  .l-contact__list {
    gap: 0 1.09375vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__list {
    grid-template-columns: 1fr;
    gap: 1.6vw;
  }
}
.l-contact__items {
  display: grid;
  color: #fff;
  border-radius: 60px;
}
@media (max-width: 1279.98px) {
  .l-contact__items {
    border-radius: 4.6875vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items {
    border-radius: 10.6666666667vw;
  }
}
.l-contact__items:nth-child(1) {
  background: #58C16B;
}
.l-contact__items:nth-child(1) .l-contact__items--arrow .obj .arrow {
  border-color: #58C16B;
}
.l-contact__items:nth-child(2) {
  background: #FF7455;
}
.l-contact__items:nth-child(2) .l-contact__items--arrow .obj .arrow {
  border-color: #FF7455;
}
.l-contact__items:nth-child(3) {
  background: #2b3f42;
}
.l-contact__items > a {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  padding: 30px 45px;
}
@media (max-width: 1279.98px) {
  .l-contact__items > a {
    padding: 2.34375vw 3.515625vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items > a {
    padding: 5.3333333333vw 8vw;
    display: block;
  }
}
@media (any-hover: hover) {
  .l-contact__items > a:hover .c-btnStyle1 {
    background: #f6f4f0;
    color: #2b3f42;
  }
  .l-contact__items > a:hover .c-btnStyle1 .obj {
    background: #2b3f42;
  }
  .l-contact__items > a:hover .c-btnStyle1 .obj .arrow {
    border-color: #f6f4f0;
  }
}
.l-contact__items--subtit {
  font-size: 15px;
}
@media (max-width: 1279.98px) {
  .l-contact__items--subtit {
    font-size: 1.171875vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items--subtit {
    font-size: 3.4666666667vw;
  }
}
.l-contact__items--tit {
  font-size: 22px;
  margin-top: 10px;
  font-family: "MFW-GothicMB101Pr6-DeBold";
  margin-bottom: 35px;
}
@media (max-width: 1279.98px) {
  .l-contact__items--tit {
    font-size: 1.71875vw;
    margin-top: 0.78125vw;
    margin-bottom: 2.734375vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items--tit {
    font-size: 4.8vw;
    line-height: 1.5555555556;
    margin-top: 4vw;
  }
}
.l-contact__items--btn {
  width: 256px;
  height: 62px;
}
@media (max-width: 1279.98px) {
  .l-contact__items--btn {
    width: 20vw;
    height: 4.84375vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items--btn {
    display: none;
  }
}
.l-contact__items--tel {
  line-height: 1;
}
@media (max-width: 766.98px) {
  .l-contact__items--tel {
    margin-top: 8vw;
  }
}
.l-contact__items--tel .price {
  display: block;
  margin-bottom: 15px;
  font-size: 12px;
}
@media (max-width: 1279.98px) {
  .l-contact__items--tel .price {
    font-size: 0.9375vw;
    margin-bottom: 1.171875vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items--tel .price {
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw;
  }
}
.l-contact__items--tel .tel {
  font-size: 37px;
  text-decoration: underline;
  text-underline-offset: 5px;
  font-family: "Nohemi-Medium", sans-serif;
}
@media (max-width: 1279.98px) {
  .l-contact__items--tel .tel {
    font-size: 2.890625vw;
    text-underline-offset: 0.390625vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items--tel .tel {
    font-size: 9.8666666667vw;
    text-underline-offset: 1.3333333333vw;
    text-decoration-thickness: 0.5333333333vw;
  }
}
.l-contact__items--tel .info {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 10px;
  margin-top: 15px;
}
@media (max-width: 1279.98px) {
  .l-contact__items--tel .info {
    font-size: 1.09375vw;
    margin-top: 1.171875vw;
    gap: 0.78125vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items--tel .info {
    font-size: 3.7333333333vw;
    margin-top: 4vw;
    gap: 1.8666666667vw;
  }
}
.l-contact__items--tel .info .label {
  font-size: 12px;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 3px 7px;
}
@media (max-width: 1279.98px) {
  .l-contact__items--tel .info .label {
    font-size: 0.9375vw;
    padding: 0.234375vw 0.546875vw;
    border-radius: 0.390625vw;
    border-width: 0.078125vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items--tel .info .label {
    font-size: 3.2vw;
    padding: 0.8vw 1.3333333333vw;
    border-width: 0.2666666667vw;
    border-radius: 1.3333333333vw;
  }
}
@media (max-width: 766.98px) {
  .l-contact__items--arrow {
    position: absolute;
    bottom: 5.3333333333vw;
    right: 4vw;
  }
  .l-contact__items--arrow .obj {
    background: #f6f4f0;
    border-radius: 100vmax;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8vw;
    height: 8vw;
    right: 4vw;
  }
  .l-contact__items--arrow .obj .arrow {
    border-right: 0.2666666667vw solid #2b3f42;
    border-bottom: 0.2666666667vw solid #2b3f42;
    rotate: -45deg;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
  }
}

.l-footer {
  padding: 80px 40px 45px 25px;
  margin-top: 50px;
  background: #fff;
  border-radius: 60px 60px 0 0;
}
@media (max-width: 1279.98px) {
  .l-footer {
    padding: 6.25vw 3.125vw 3.515625vw 1.953125vw;
    border-radius: 4.6875vw 4.6875vw 0 0;
    margin-top: 3.90625vw;
  }
}
@media (max-width: 766.98px) {
  .l-footer {
    padding: 21.3333333333vw 9.3333333333vw 4vw;
    border-radius: 10.6666666667vw 10.6666666667vw 0 0;
    margin-top: 16vw;
  }
}
.l-footer__wrapper {
  background: #f6f4f0;
}
@media (max-width: 766.98px) {
  .l-footer__inner {
    display: flex;
    flex-direction: column;
  }
}
.l-footer__top, .l-footer__mid, .l-footer__btm {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 766.98px) {
  .l-footer__top, .l-footer__mid, .l-footer__btm {
    display: contents;
  }
}
.l-footer__top {
  padding-right: 50px;
  padding-inline: 40px;
}
@media (max-width: 1279.98px) {
  .l-footer__top {
    padding-right: 3.90625vw;
    padding-inline: 3.125vw;
  }
}
.l-footer__mid {
  margin-top: 50px;
  padding-inline: 40px 0;
}
@media (max-width: 1279.98px) {
  .l-footer__mid {
    margin-top: 3.90625vw;
    padding-inline: 3.125vw 0;
  }
}
.l-footer__btm {
  margin-top: 55px;
}
@media (max-width: 1279.98px) {
  .l-footer__btm {
    margin-top: 4.296875vw;
  }
}
.l-footer__logo {
  width: 400px;
}
@media (max-width: 1279.98px) {
  .l-footer__logo {
    width: 31.25vw;
  }
}
@media (max-width: 766.98px) {
  .l-footer__logo {
    width: 65.3333333333vw;
    order: -2;
  }
}
@media (max-width: 766.98px) {
  .l-footer__nav {
    margin-top: 14.6666666667vw;
  }
}
.l-footer__nav--list {
  display: flex;
  align-items: center;
  gap: 40px;
  font-size: 13px;
}
@media (max-width: 1279.98px) {
  .l-footer__nav--list {
    gap: 3.125vw;
    font-size: 1.015625vw;
  }
}
@media (max-width: 766.98px) {
  .l-footer__nav--list {
    flex-direction: column;
    align-items: flex-start;
    gap: 9.8666666667vw;
  }
}
.l-footer__nav--items > a {
  transition: 0.3s;
}
@media (max-width: 766.98px) {
  .l-footer__nav--items > a {
    font-size: 3.7333333333vw;
  }
}
@media (any-hover: hover) {
  .l-footer__nav--items > a:hover {
    color: #018165;
  }
}
@media (max-width: 766.98px) {
  .l-footer__initiatives {
    order: -1;
    width: 33.3333333333vw;
    margin-top: 8vw;
  }
}
.l-footer__sns {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1279.98px) {
  .l-footer__sns {
    gap: 2.34375vw;
  }
}
@media (max-width: 766.98px) {
  .l-footer__sns {
    margin-top: 14.6666666667vw;
    gap: 8vw;
  }
}
.l-footer__sns--items > a {
  transition: 0.3s;
}
@media (any-hover: hover) {
  .l-footer__sns--items > a:hover {
    opacity: 0.7;
  }
}
.l-footer__list {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 1279.98px) {
  .l-footer__list {
    gap: 1.171875vw;
  }
}
@media (max-width: 766.98px) {
  .l-footer__list {
    margin-top: 20vw;
    gap: 5.3333333333vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
.l-footer__list--items {
  font-size: 11px;
}
@media (max-width: 1279.98px) {
  .l-footer__list--items {
    font-size: 0.859375vw;
  }
}
@media (max-width: 766.98px) {
  .l-footer__list--items {
    font-size: 2.9333333333vw;
  }
}
.l-footer__list--items > a {
  transition: 0.3s;
}
@media (any-hover: hover) {
  .l-footer__list--items > a:hover {
    color: #018165;
  }
}
.l-footer__copy {
  font-size: 10px;
  color: #96A7AA;
}
@media (max-width: 1279.98px) {
  .l-footer__copy {
    font-size: 0.78125vw;
  }
}
@media (max-width: 766.98px) {
  .l-footer__copy {
    margin-top: 14.6666666667vw;
    font-size: 2.6666666667vw;
    letter-spacing: 0;
  }
}

.c-btnStyle1 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2b3f42;
  color: #fff;
  border-radius: 9px;
  font-size: 16px;
  font-family: "MFW-GothicMB101Pr6-DeBold";
  border: 1px solid transparent;
  transition: 0.3s;
}
@media (max-width: 1279.98px) {
  .c-btnStyle1 {
    font-size: 1.25vw;
    border-radius: 0.703125vw;
  }
}
@media (max-width: 766.98px) {
  .c-btnStyle1 {
    font-size: 3.7333333333vw;
    border-radius: 1.8666666667vw;
  }
}
@media (any-hover: hover) {
  .c-btnStyle1:hover {
    background: #f6f4f0;
    color: #2b3f42;
  }
  .c-btnStyle1:hover .obj {
    background: #2b3f42;
  }
  .c-btnStyle1:hover .obj .arrow {
    border-color: #f6f4f0;
  }
}
.c-btnStyle1:has(.obj) .txt {
  position: relative;
  left: -12px;
}
@media (max-width: 1279.98px) {
  .c-btnStyle1:has(.obj) .txt {
    left: -0.9375vw;
  }
}
@media (max-width: 766.98px) {
  .c-btnStyle1:has(.obj) .txt {
    left: -2.6666666667vw;
  }
}
@media (any-hover: hover) {
  .c-btnStyle1.-border:hover {
    border-color: #2b3f42;
  }
}
.c-btnStyle1.-white {
  background: #fff;
  border: 1px solid #A8BDC0;
  color: #2b3f42;
}
@media (max-width: 1279.98px) {
  .c-btnStyle1.-white {
    border-width: 0.078125vw;
  }
}
@media (max-width: 766.98px) {
  .c-btnStyle1.-white {
    border-width: 0.2666666667vw;
  }
}
@media (any-hover: hover) {
  .c-btnStyle1.-white:hover {
    color: #fff;
    background: #2b3f42;
  }
  .c-btnStyle1.-white:hover .obj {
    background: #f6f4f0;
  }
  .c-btnStyle1.-white:hover .obj .arrow {
    border-color: #2b3f42;
  }
}
.c-btnStyle1.-white .obj {
  background: #2b3f42;
}
.c-btnStyle1.-white .obj .arrow {
  border-color: #fff;
}
.c-btnStyle1 .obj {
  position: absolute;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
  background: #f6f4f0;
  width: 40px;
  height: 40px;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
@media (max-width: 1279.98px) {
  .c-btnStyle1 .obj {
    width: 3.125vw;
    height: 3.125vw;
    right: 1.5625vw;
  }
}
@media (max-width: 766.98px) {
  .c-btnStyle1 .obj {
    width: 8vw;
    height: 8vw;
    right: 4vw;
  }
}
.c-btnStyle1 .obj .arrow {
  border-right: 1px solid #2b3f42;
  border-bottom: 1px solid #2b3f42;
  rotate: -45deg;
  width: 6px;
  height: 6px;
  transition: 0.3s;
}
@media (max-width: 1279.98px) {
  .c-btnStyle1 .obj .arrow {
    width: 0.46875vw;
    height: 0.46875vw;
    border-width: 0.078125vw;
  }
}
@media (max-width: 766.98px) {
  .c-btnStyle1 .obj .arrow {
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    border-width: 0.2666666667vw;
  }
}/*# sourceMappingURL=styles.css.map */