/* break point */
/* base setting */
html {
  font-size: 0.78125vw;
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
}
@media only screen and (min-width: 1280px) {
  html {
    font-size: 62.5%;
  }
}
@media only screen and (max-width: 375px) {
  html {
    font-size: 2.6666666667vw;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

* {
  box-sizing: border-box;
  line-height: inherit;
}

picture {
  display: block;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.4s ease;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: inherit;
}

ul {
  list-style: none;
}

input,
button,
select,
textarea {
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

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

input::-webkit-input-placeholder {
  color: #777;
}

input:-ms-input-placeholder {
  color: #777;
}

input::-ms-input-placeholder {
  color: #777;
}

input::placeholder {
  color: #777;
}

/* IE */
input:-ms-input-placeholder {
  color: #777;
}

/* Edge */
input::-ms-input-placeholder {
  color: #777;
}

@media only screen and (min-width: 769px) {
  .only-sp {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}

.nowrap {
  white-space: nowrap;
}

.g-img {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}
.g-img img {
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  transform: translate(-50%, -50%);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s ease;
}

.g-section {
  padding-bottom: 6rem;
  padding-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .g-section {
    padding-bottom: 3.2rem;
    padding-top: 3.2rem;
  }
}
.g-section__ttl {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4285714286;
  margin-bottom: 4rem;
  text-align: center;
}
.g-section__ttl .strong {
  color: #28AE13;
}
.g-section__ttl .strong.-brushup {
  color: #1A4217;
}
@media only screen and (max-width: 768px) {
  .g-section__ttl {
    font-size: 2.6rem;
    line-height: 1.5384615385;
    margin-bottom: 3.2rem;
  }
}

.g-inner {
  margin: 0 auto;
  max-width: 107rem;
  padding-left: 4rem;
  padding-right: 4rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .g-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.g-main__top {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .g-main__top {
    display: block;
  }
}
.g-main__body {
  flex: 1 1 auto;
}
@media only screen and (min-width: 769px) {
  .g-main__body {
    width: calc(100% - 37rem);
  }
}
.g-main__form {
  background: #F4F4F4;
  box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.1);
  flex: 0 0 auto;
  height: 100vh;
  overflow: auto;
  padding: 3.2rem 1.6rem;
  position: sticky;
  top: 0;
  width: 37rem;
  z-index: 2;
}
.g-main__form .mw_wp_form .error {
  display: block;
  margin-top: 0.5rem;
  width: 100%;
}
.g-main__form.-brushup {
  height: calc(100vh - 6rem);
  padding: 2rem 1.6rem 1.6rem;
  top: 6rem;
}
.g-main__form.-brushup .g-form__item-field textarea {
  height: 10rem;
}
@media only screen and (max-width: 768px) {
  .g-main__form {
    display: none;
  }
}

.g-header {
  left: 0;
  position: absolute;
  top: 0;
  transition: background 0.3s ease-out;
  transition-property: background, box-shadow;
  width: 100%;
  z-index: 100;
}
.g-header__inner {
  align-items: center;
  display: flex;
  height: 9rem;
  max-width: 144rem;
}
@media only screen and (max-width: 768px) {
  .g-header__inner {
    height: 5rem;
  }
}
.g-header__logo {
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
}
.g-header__logo-link {
  align-items: center;
  display: flex;
  transition: 0.3s ease-out;
  transition-property: opacity;
}
@media (hover: hover) {
  .g-header__logo-link:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .g-header__logo-link:active {
    opacity: 0.7;
  }
}
.g-header__logo-img {
  aspect-ratio: 336/100;
  flex: 0 0 auto;
  max-width: 16.8rem;
}
@media only screen and (max-width: 768px) {
  .g-header__logo-img {
    max-width: 10.2rem;
  }
}
.g-header__logo-txt {
  font-size: 1rem;
  line-height: 1.9;
  padding-left: 3.2rem;
  position: relative;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .g-header__logo-txt {
    display: none;
  }
}
.g-header__logo-txt::before {
  background: #d9d9d9;
  content: "";
  display: block;
  height: 3.4rem;
  left: 1.5rem;
  top: 50%;
  width: 2px;
  -webkit-transform: translateY(-50%);
  position: absolute;
  transform: translateY(-50%);
}
.g-header__nav {
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .g-header__nav {
    background: #fff;
    left: 0;
    opacity: 0;
    padding-bottom: 3.2rem;
    padding-top: 8rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: 0.3s ease-out;
    transition-property: opacity;
  }
  .g-header__nav.is-active {
    opacity: 1;
    pointer-events: auto;
  }
}
.g-header__nav-list {
  align-items: center;
  display: flex;
  gap: 5.2rem;
}
@media only screen and (max-width: 768px) {
  .g-header__nav-list {
    border-top: 1px solid #d9d9d9;
    flex-direction: column;
    gap: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    z-index: -1;
  }
}
@media only screen and (max-width: 768px) {
  .g-header__nav-item {
    width: 100%;
  }
}
.g-header__nav-link {
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: color, opacity;
  white-space: nowrap;
  z-index: 1;
}
.g-header__nav-link::after {
  background: #001e81;
  bottom: 0;
  content: "";
  height: 30%;
  left: -0.5rem;
  opacity: 0.2;
  position: absolute;
  transition: 0.3s ease-out width;
  width: 0;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .g-header__nav-link::after {
    display: none;
  }
}
@media (hover: hover) {
  .g-header__nav-link:hover {
    opacity: 0.8;
  }
  .g-header__nav-link:hover::after {
    width: calc(100% + 1rem);
  }
}
@media (hover: none) {
  .g-header__nav-link:active {
    opacity: 0.8;
  }
  .g-header__nav-link:active::after {
    width: calc(100% + 1rem);
  }
}
@media only screen and (max-width: 768px) {
  .g-header__nav-link {
    border-bottom: 1px solid #d9d9d9;
    display: block;
    font-size: 1.4rem;
    line-height: 1.4285714286;
    padding: 2rem 0;
    position: relative;
  }
  .g-header__nav-link::before {
    background: url(../img/top/arrow-nav.png) no-repeat center/2rem auto;
    content: "";
    height: 2rem;
    position: absolute;
    right: 0;
    top: 50%;
    width: 2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.g-follow {
  align-items: center;
  background: #f4f4f4;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding-bottom: 2.6rem;
  padding-top: 2.4rem;
  position: fixed;
  right: 0;
  transition: 0.3s ease-out;
  transition-property: opacity, visibility;
  z-index: 100;
}
.g-follow.is-hidden {
  opacity: 0;
  visibility: hidden;
}
.g-follow.-brushup {
  background: #1A4217;
}
.g-follow__btn {
  align-items: center;
  color: #fff;
  display: flex;
  height: 5rem;
  justify-content: center;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: opacity;
  width: 30rem;
  z-index: 1;
}
.g-follow__btn.-brushup .txt {
  color: #1A4217;
  font-size: 1.7rem;
}
.g-follow__btn.-brushup .txt::before {
  background-image: url(../img/brushup/cta-btn-sp.svg);
}
.g-follow__btn.-brushup::before {
  background-color: #FFED12;
}
.g-follow__btn.-brushup::after {
  background-color: #B2A70F;
}
@media (hover: hover) {
  .g-follow__btn:hover {
    opacity: 0.7;
  }
  .g-follow__btn:hover .txt {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
  .g-follow__btn:hover::before {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
}
@media (hover: none) {
  .g-follow__btn:active {
    opacity: 0.7;
  }
  .g-follow__btn:active .txt {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
  .g-follow__btn:active::before {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
}
.g-follow__btn .txt {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  padding-bottom: 2px;
  padding-right: 2.5rem;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.g-follow__btn .txt::before {
  background: url(../img/golf/btn-arrow-sp.png) no-repeat center/100% auto;
  content: "";
  height: 1.2rem;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.g-follow__btn::before, .g-follow__btn::after {
  border-radius: 3rem;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
.g-follow__btn::before {
  background: #ff5f5f;
  bottom: 0;
  top: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  z-index: -1;
}
.g-follow__btn::after {
  background: #ba0000;
  bottom: -2px;
  top: 2px;
  z-index: -2;
}

@media only screen and (max-width: 768px) {
  .g-form {
    display: none;
  }
}
.g-form__ttl {
  color: #28ae13;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 2.4rem;
  text-align: center;
}
.g-form__ttl.-brushup {
  color: #1A4217;
  margin-bottom: 2rem;
}
.g-form__ttl.-download {
  color: #1A4217;
  margin-bottom: 1.2rem;
}
.g-form__txt {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.g-form__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.g-form__item-ttl {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4166666667;
  margin-bottom: 0.8rem;
}
.g-form__item-field input[type=text],
.g-form__item-field textarea {
  background: #ffffff;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  padding: 1rem 1.6rem;
  width: 100%;
}
.g-form__item-field textarea {
  height: 18rem;
  resize: none;
}
.g-form__check {
  margin-bottom: 2rem;
  text-align: center;
}
.g-form__check input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.g-form__check input[type=checkbox] + span {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4166666667;
  padding-left: 2.5rem;
  position: relative;
}
.g-form__check input[type=checkbox] + span::before, .g-form__check input[type=checkbox] + span::after {
  aspect-ratio: 1/1;
  border-radius: 2px;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  width: 1.7rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.g-form__check input[type=checkbox] + span::before {
  background: #fff;
  border: 1px solid #d9d9d9;
}
.g-form__check input[type=checkbox] + span::after {
  background: url(../img/golf/check.svg) no-repeat left 1px center/1.7rem auto;
  opacity: 0;
}
.g-form__btn-box {
  text-align: center;
}
.g-form__btn-box button {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  height: 5rem;
  justify-content: center;
  line-height: 1.5;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: opacity;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%;
  z-index: 1;
}
@media (hover: hover) {
  .g-form__btn-box button:hover {
    opacity: 0.7;
  }
  .g-form__btn-box button:hover .txt {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
  .g-form__btn-box button:hover::before {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
}
@media (hover: none) {
  .g-form__btn-box button:active {
    opacity: 0.7;
  }
  .g-form__btn-box button:active .txt {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
  .g-form__btn-box button:active::before {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
}
.g-form__btn-box button .arrow {
  background: url(../img/golf/btn-arrow-pc.png) no-repeat center/100% auto;
  content: "";
  height: 1.4rem;
  position: absolute;
  right: 1.9rem;
  top: 50%;
  width: 1.2rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.g-form__btn-box button::before, .g-form__btn-box button::after {
  border-radius: 3rem;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
.g-form__btn-box button::before {
  background: #ff5f5f;
  bottom: 0;
  top: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  z-index: -1;
}
.g-form__btn-box button::after {
  background: #ba0000;
  bottom: -2px;
  top: 2px;
  z-index: -2;
}

.g-fv {
  padding-bottom: 4rem;
  padding-top: 11rem;
}
@media only screen and (max-width: 768px) {
  .g-fv {
    padding-bottom: 14rem;
    padding-top: 8rem;
  }
}
.g-fv__inner {
  align-items: center;
  display: flex;
  gap: 4.8rem;
}
@media only screen and (max-width: 768px) {
  .g-fv__inner {
    flex-direction: column;
    gap: 3.2rem;
  }
}
.g-fv__body {
  flex: 0 0 auto;
  max-width: 49.2rem;
  width: 100%;
}
.g-fv__txt {
  aspect-ratio: 492/190;
  margin-bottom: 2.4rem;
  max-width: 49.2rem;
}
@media only screen and (max-width: 768px) {
  .g-fv__txt {
    aspect-ratio: 345/125;
    margin: 0 auto;
    max-width: 34.5rem;
  }
}
.g-fv__logo {
  aspect-ratio: 200/115;
  margin: 0 auto;
  max-width: 20rem;
  overflow: visible;
  width: 100%;
  -webkit-filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.16));
  filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.16));
}
.g-fv__img {
  aspect-ratio: 450/541;
  max-width: 45rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .g-fv__img {
    aspect-ratio: 293/353;
    margin: 0 auto;
    max-width: 29.3rem;
  }
}

.g-about {
  background: url(../img/golf/about-bg-pc.jpg) no-repeat center/cover;
  color: #fff;
  padding-bottom: 5.7rem;
  padding-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .g-about {
    background: url(../img/golf/about-bg-sp.jpg) no-repeat center/cover;
    padding-bottom: 2.9rem;
    padding-top: 3.2rem;
  }
}
.g-about__ttl {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4285714286;
  margin-bottom: 3.7rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-about__ttl {
    font-size: 2.6rem;
    line-height: 1.4230769231;
    margin-bottom: 2.9rem;
  }
}
.g-about__txt {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7777777778;
  max-width: 63rem;
}
.g-about__txt .strong {
  color: #FFED12;
}
@media only screen and (max-width: 768px) {
  .g-about__txt {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}

.g-mov__body {
  aspect-ratio: 345/194;
  display: block;
  margin: 0 auto;
  max-width: 80rem;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}
.g-mov__body .mov {
  height: 100%;
  width: 100%;
}
.g-mov__body iframe {
  height: 100%;
  width: 100%;
}
.g-mov__body img {
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  transform: translate(-50%, -50%);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.4s ease;
}

.g-worry {
  background: #f4f4f4;
  position: relative;
  z-index: 1;
}
.g-worry__ttl {
  margin-bottom: 6.5rem;
}
@media only screen and (max-width: 768px) {
  .g-worry__ttl {
    margin-bottom: 5.7rem;
  }
}
.g-worry__box {
  align-items: center;
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: row-reverse;
  gap: 2.4rem;
  justify-content: center;
  padding: 7.1rem 3.2rem 3.2rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .g-worry__box {
    flex-direction: column;
    gap: 0;
    padding: 6.3rem 2rem 2.4rem;
  }
}
.g-worry__box-ttl {
  align-items: center;
  background: #505050;
  border-radius: 1rem;
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  height: 5rem;
  justify-content: center;
  left: 50%;
  line-height: 1.45;
  position: absolute;
  top: -2.5rem;
  width: 40rem;
  -webkit-transform: translate(-50%, 0);
  color: #fff;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 768px) {
  .g-worry__box-ttl {
    font-size: 1.8rem;
    line-height: 1.4444444444;
    width: 31rem;
  }
}
.g-worry__box-ttl::before {
  background: #505050;
  content: "";
  height: 2.2rem;
  left: 50%;
  position: absolute;
  width: 1.8rem;
  -webkit-transform: translate(-50%, 0);
  bottom: -1.4rem;
  transform: translate(-50%, 0);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.g-worry__img {
  aspect-ratio: 13/8;
  flex: 0 0 auto;
  margin: 0;
  max-width: 34.8rem;
}
@media only screen and (max-width: 768px) {
  .g-worry__img {
    aspect-ratio: 265/160;
    margin: 0 auto 2.4rem;
    max-width: 26.5rem;
  }
}
.g-worry__list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.g-worry__item {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
  padding-left: 3.4rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .g-worry__item {
    font-size: 1.8rem;
    line-height: 1.5555555556;
  }
}
.g-worry__item::before {
  aspect-ratio: 1/1;
  background: url(../img/golf/worry-list.png) no-repeat center/100% auto;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  width: 2.2rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.g-worry__arrow {
  bottom: -3rem;
  height: 6rem;
  position: absolute;
  width: 4.8rem;
  -webkit-transform: translate(-50%, 0);
  left: 50%;
  transform: translate(-50%, 0);
}
.g-worry__arrow.-brushup .item:nth-child(1) {
  background: #378331;
}
.g-worry__arrow.-brushup .item:nth-child(2) {
  background: #1A4217;
}
@media only screen and (max-width: 768px) {
  .g-worry__arrow {
    bottom: -2rem;
    height: 4rem;
    width: 3.2rem;
  }
}
.g-worry__arrow .item {
  display: block;
  height: 2.4rem;
  width: 4.8rem;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  -webkit-transform: translate(-50%, 0);
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 768px) {
  .g-worry__arrow .item {
    height: 1.6rem;
    width: 3.2rem;
  }
}
.g-worry__arrow .item:nth-child(1) {
  background: #4DE236;
  top: 0;
}
.g-worry__arrow .item:nth-child(2) {
  background: #28AE13;
  bottom: 0;
}

.g-feature__ttl {
  margin-bottom: 5.5rem;
}
@media only screen and (max-width: 768px) {
  .g-feature__ttl {
    margin-bottom: 3.2rem;
  }
}
.g-feature__list {
  display: flex;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .g-feature__list {
    flex-direction: column;
    gap: 2rem;
  }
}
.g-feature__item {
  background: #F1FFEF;
  border-radius: 2rem;
  flex: 0 0 auto;
  padding: 2rem 2rem 1.6rem;
  width: calc(33.3333333333% - 2rem);
}
@media only screen and (max-width: 768px) {
  .g-feature__item {
    padding: 2.4rem 2.4rem 2rem;
    width: 100%;
  }
}
.g-feature__item-img {
  aspect-ratio: 270/180;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .g-feature__item-img {
    aspect-ratio: 297/124;
    margin-bottom: 2.4rem;
  }
}
.g-feature__item-ttl {
  color: #28AE13;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  margin-bottom: 1.2rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-feature__item-ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 1.2rem;
  }
}
.g-feature__item-txt {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .g-feature__item-txt {
    font-size: 1.2rem;
    line-height: 2.1666666667;
  }
}

.g-occasion {
  background: #f4f4f4;
}
.g-occasion__ttl {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .g-occasion__ttl {
    margin-bottom: 2rem;
  }
}
.g-occasion__txt {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4444444444;
  margin-bottom: 4rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-occasion__txt {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 3.2rem;
    text-align: left;
  }
}
.g-occasion__list {
  display: flex;
  gap: 4rem;
  margin: 0 auto;
  max-width: 68rem;
}
@media only screen and (max-width: 768px) {
  .g-occasion__list {
    flex-direction: column;
    gap: 2.4rem;
    max-width: 30rem;
  }
}
.g-occasion__item {
  color: #fff;
  width: calc(33.3333333333% - 2.6666666667rem);
}
@media only screen and (max-width: 768px) {
  .g-occasion__item {
    width: 100%;
  }
}
.g-occasion__item-img {
  aspect-ratio: 1/1;
  margin: 0 auto 1.6rem;
  max-width: 20rem;
}
.g-occasion__item-body {
  aspect-ratio: 200/243;
  padding: 4.1rem 1rem 2rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .g-occasion__item-body {
    aspect-ratio: unset;
    padding: 3.6rem 1.6rem 1.6rem;
    text-align: left;
  }
}
.g-occasion__item-body.lazyloaded {
  background: url(../img/golf/speech-pc.png) no-repeat center/100% 100%;
}
@media only screen and (max-width: 768px) {
  .g-occasion__item-body.lazyloaded {
    background: url(../img/golf/speech-sp.png) no-repeat center/100% 100%;
  }
}
.g-occasion__item-ttl {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3333333333;
  margin-bottom: 1.3rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-occasion__item-ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 1.2rem;
  }
}
.g-occasion__item-ttl .strong {
  color: #ffed12;
}
.g-occasion__item-list {
  display: inline-flex;
  flex-direction: column;
  gap: 0.4rem;
  justify-content: center;
  margin-bottom: 3.4rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .g-occasion__item-list {
    display: flex;
    flex-direction: row;
    gap: 2.8rem;
    margin-bottom: 3.8rem;
  }
}
.g-occasion__item-list::after {
  background: #fff;
  content: "";
  height: 1rem;
  position: absolute;
  width: 2rem;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  bottom: -1.2rem;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
@media only screen and (max-width: 768px) {
  .g-occasion__item-list::after {
    bottom: -1.6rem;
  }
}
.g-occasion__item-when {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  padding-left: 2rem;
  position: relative;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .g-occasion__item-when {
    font-size: 1.2rem;
    line-height: 1.4166666667;
  }
}
.g-occasion__item-when::before {
  content: "";
  height: 1.6rem;
  left: 0;
  position: absolute;
  top: 50%;
  width: 1.2rem;
  -webkit-transform: translate(0, -50%);
  background: url(../img/golf/pin.png) no-repeat center/100% auto;
  transform: translate(0, -50%);
}
.g-occasion__item-txt {
  color: #ffed12;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6428571429;
  text-align: center;
}

.g-strength__list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .g-strength__list {
    gap: 2rem;
  }
}
.g-strength__item {
  align-items: center;
  background: #f4f4f4;
  border-radius: 1rem;
  display: flex;
  flex-direction: row-reverse;
  gap: 2.8rem;
  padding: 2.8rem;
}
@media only screen and (max-width: 768px) {
  .g-strength__item {
    flex-direction: column;
    gap: 0;
    padding: 2rem;
  }
}
.g-strength__item-img {
  aspect-ratio: 256/159;
  flex: 0 0 auto;
  width: 25.6rem;
}
@media only screen and (max-width: 768px) {
  .g-strength__item-img {
    aspect-ratio: 305/159;
    margin-bottom: 1.6rem;
    width: 100%;
  }
}
.g-strength__item-ttl {
  color: #28ae13;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .g-strength__item-ttl {
    font-size: 1.8rem;
    line-height: 1.4444444444;
    margin-bottom: 1.6rem;
  }
}
.g-strength__item-txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
}
@media only screen and (max-width: 768px) {
  .g-strength__item-txt {
    font-size: 1.4rem;
    line-height: 2;
  }
}

.g-reason {
  background: #f1ffef;
}
.g-reason__list {
  display: flex;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .g-reason__list {
    flex-direction: column;
    gap: 2rem;
  }
}
.g-reason__item {
  display: flex;
  padding-top: 4rem;
  position: relative;
  width: calc(33.3333333333% - 2rem);
}
@media only screen and (max-width: 768px) {
  .g-reason__item {
    width: 100%;
  }
}
.g-reason__item-img {
  aspect-ratio: 1/1;
  left: 50%;
  max-width: 8rem;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.g-reason__item-body {
  background: #fff;
  border-radius: 2rem;
  padding: 6rem 2rem 1.8rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .g-reason__item-body {
    padding: 6rem 2rem 2rem;
  }
}
.g-reason__item-ttl {
  color: #28AE13;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  margin-bottom: 1.4rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-reason__item-ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 1.6rem;
  }
}
.g-reason__item-txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
}
@media only screen and (max-width: 768px) {
  .g-reason__item-txt {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }
}
.g-reason__item-txt .sm {
  font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
  .g-reason__item-txt .sm {
    font-size: 1rem;
  }
}

.g-type__top {
  display: flex;
  gap: 3rem;
  margin-bottom: 4.8rem;
}
@media only screen and (max-width: 768px) {
  .g-type__top {
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 3.2rem;
  }
}
.g-type__top-txt.-green {
  color: #28AE13;
}
.g-type__top-txt.-brushup {
  color: #1A4217;
}
.g-type__top-item {
  border: 1px solid #D9D9D9;
  border-radius: 2rem;
  padding: 0;
  position: relative;
  text-align: center;
  width: calc(33.3333333333% - 2rem);
}
@media only screen and (max-width: 768px) {
  .g-type__top-item {
    border-radius: 2rem;
    padding: 0 2.4rem 2.4rem;
    width: 100%;
  }
}
.g-type__top-item.-green {
  background: #F1FFEF;
  border-color: #28AE13;
}
.g-type__top-item.-brushup {
  border-color: #1A4217;
}
.g-type__top-img {
  aspect-ratio: 155/109;
}
@media only screen and (max-width: 768px) {
  .g-type__top-img {
    aspect-ratio: 297/144;
  }
}
.g-type__top-txt {
  bottom: 2.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  left: 50%;
  line-height: 1.4444444444;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .g-type__top-txt {
    font-size: 1.6rem;
    line-height: 1.5;
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}
.g-type__box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.g-type__block {
  position: relative;
  z-index: 1;
}
.g-type__block.-brushup {
  background: #E2F2E1;
}
.g-type__block.-brushup::before {
  border: 2px solid #1A4217;
}
.g-type__block::before {
  border: 1px solid #D9D9D9;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.g-type__block-ttl {
  align-items: center;
  background: #DEDEDE;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.4444444444;
  min-height: 4rem;
  width: 100%;
}
.g-type__block-ttl.-green {
  background: linear-gradient(to right, #28AE13 0%, #266000 100%);
  color: #fff;
}
.g-type__block-ttl.-brushup {
  background: #1A4217;
}
.g-type__block-list {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  justify-content: center;
  padding: 1.8rem;
}
.g-type__block-item {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  position: relative;
  width: 19.7rem;
}
.g-type__block-item .good,
.g-type__block-item .great,
.g-type__block-item .bad,
.g-type__block-item .better {
  aspect-ratio: 1/1;
  position: absolute;
  right: 0;
  top: 50%;
  width: 3rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.g-type__block-item .better {
  background: url(../img/golf/good-green.png) no-repeat center/3rem auto;
}
.g-type__block-item .better.-brushup {
  background-image: url(../img/brushup/better-green.png);
}
.g-type__block-item .good {
  background: url(../img/golf/good.png) no-repeat center/3rem auto;
}
.g-type__block-item .good.-brushup {
  background-image: url(../img/brushup/good-green.png);
}
.g-type__block-item .great {
  background: url(../img/golf/great.png) no-repeat center/3rem auto;
}
.g-type__block-item .great.-brushup {
  background-image: url(../img/brushup/great-green.png);
}
.g-type__block-item .bad {
  background: url(../img/golf/bad.png) no-repeat center/2.8rem auto;
}
.g-type__txt {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7777777778;
}
@media only screen and (max-width: 768px) {
  .g-type__txt {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.g-type__txt .strong {
  color: #28AE13;
  font-weight: 700;
}
.g-type__txt .strong.-brushup {
  color: #1A4217;
}
.g-type__txt sup {
  font-size: 1rem;
  vertical-align: top;
}
.g-type__txt .sm {
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.g-type__table {
  display: -ms-grid;
  display: grid;
  display: grid;
  margin-bottom: 3.2rem;
  -ms-grid-columns: 33rem 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: 33rem 1fr 1fr 1fr;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 1.2rem;
}
.g-type__table .cell,
.g-type__table .head,
.g-type__table .ttl {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: center;
  min-height: 6rem;
}
.g-type__table .head {
  background: linear-gradient(to right bottom, #28AE13 0%, #266000 100%);
  color: #fff;
  font-size: 2rem;
  line-height: 1.45;
}
.g-type__table .cell {
  background: #EFEFEF;
}
.g-type__table .cell .good,
.g-type__table .cell .great,
.g-type__table .cell .bad,
.g-type__table .cell .better {
  aspect-ratio: 1/1;
  display: block;
  width: 3rem;
}
.g-type__table .cell .better {
  background: url(../img/golf/good-green.png) no-repeat center/3rem auto;
}
.g-type__table .cell .good {
  background: url(../img/golf/good.png) no-repeat center/3rem auto;
}
.g-type__table .cell .great {
  background: url(../img/golf/great.png) no-repeat center/3rem auto;
}
.g-type__table .cell .bad {
  background: url(../img/golf/bad.png) no-repeat center/2.8rem auto;
}
.g-type__table .ttl {
  background: #DEDEDE;
  font-size: 1.8rem;
  line-height: 1.4444444444;
  margin-right: 2rem;
}
.g-type__table .ttl.-green {
  background: linear-gradient(to right bottom, #28AE13 0%, #266000 100%);
  color: #fff;
  font-size: 2rem;
  line-height: 1.45;
}

.g-voice {
  background: #F4F4F4;
  overflow: hidden;
}
.g-voice__box {
  background: #fff;
  border-radius: 2rem;
  padding: 4rem 4rem 3.6rem;
}
@media only screen and (max-width: 768px) {
  .g-voice__box {
    padding: 1.6rem;
  }
}
.g-voice__head {
  align-items: center;
  display: flex;
  gap: 4rem;
  margin-bottom: 4rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .g-voice__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.g-voice__img {
  aspect-ratio: 460/290;
  flex: 0 0 auto;
  width: 46rem;
}
@media only screen and (max-width: 768px) {
  .g-voice__img {
    aspect-ratio: 313/197;
    width: 100%;
  }
}
.g-voice__info {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .g-voice__info {
    gap: 1.2rem;
  }
}
.g-voice__name, .g-voice__product {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
}
@media only screen and (max-width: 768px) {
  .g-voice__name, .g-voice__product {
    font-size: 1.8rem;
    line-height: 1.4444444444;
  }
}
.g-voice__name {
  color: #28AE13;
}
.g-voice__term {
  background: #F1FFEF;
  color: #28AE13;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  max-width: 23.1rem;
  padding: 1.3rem 2rem;
}
@media only screen and (max-width: 768px) {
  .g-voice__term {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    max-width: 100%;
    padding: 1.5rem 2rem;
  }
}
.g-voice__body {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
}
@media only screen and (max-width: 768px) {
  .g-voice__body {
    gap: 1.6rem;
  }
}
.g-voice__block-ttl {
  border-left: 4px solid #28AE13;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  margin-bottom: 1.6rem;
  padding-left: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .g-voice__block-ttl {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 1.2rem;
    padding-left: 1.2rem;
  }
}
.g-voice__block-txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.3333333333;
}
@media only screen and (max-width: 768px) {
  .g-voice__block-txt {
    font-size: 1.2rem;
    line-height: 1.8571428571;
  }
}

.g-place {
  overflow: hidden;
  padding-bottom: 6rem;
  padding-top: 6rem;
}
.g-place.-brushup {
  background: #E2F2E1;
}
@media only screen and (max-width: 768px) {
  .g-place {
    padding-bottom: 3.2rem;
    padding-top: 3.2rem;
  }
}
.g-place__inner {
  padding-left: 0;
  padding-right: 0;
}
.g-place__inner.-brushup {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media only screen and (min-width: 769px) {
  .g-place__inner.-brushup {
    max-width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .g-place__inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.g-place__label {
  color: #28AE13;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 auto 4rem;
  max-width: 70rem;
  padding: 1.5rem 1rem 4rem;
  position: relative;
  text-align: center;
}
.g-place__label .txt {
  position: relative;
  z-index: 1;
}
.g-place__label.-brushup {
  color: #1A4217;
}
@media only screen and (max-width: 768px) {
  .g-place__label {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5555555556;
    margin: 0 auto 2.4rem;
    max-width: 34.5rem;
    padding: 1.6rem 1rem 4.2rem;
  }
}
.g-place__label img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .g-place__label {
    margin-bottom: 2.4rem;
    max-width: 40rem;
  }
}
.g-place__list {
  display: flex;
}
.g-place__list.-brushup {
  flex-direction: row;
  gap: 1rem;
  max-width: 84.8rem;
  width: 84.8rem;
}
@media only screen and (min-width: 769px) {
  .g-place__list.-brushup {
    gap: 3rem;
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .g-place__list {
    flex-direction: column;
    gap: 3.2rem;
    margin: 0 auto;
    max-width: 32rem;
  }
}
.g-place__list-wrapper {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.g-place__list-wrapper.-brushup {
  padding: 0;
}
@media only screen and (min-width: 769px) {
  .g-place__list-wrapper {
    margin: 0;
    padding: 0;
  }
}
.g-place__list-wrapper .simplebar-track.simplebar-horizontal {
  margin: 1.2rem auto 0;
  max-width: calc(100% - 3rem);
}
.g-place__item-inner {
  margin: 0 2rem;
  width: 32rem;
}
.g-place__item-inner.-brushup {
  margin: 0 0.8rem;
  max-width: 27.2rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .g-place__item-inner {
    margin: 0 auto;
    max-width: 40rem;
    width: 100%;
  }
}
.g-place__item-img {
  aspect-ratio: 320/200;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 768px) {
  .g-place__item-img {
    margin-bottom: 1.5rem;
  }
}
.g-place__item-txt {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5555555556;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-place__item-txt {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

.g-price.lazyloaded {
  background: url(../img/golf/price-bg-pc.jpg) no-repeat center/cover;
}
@media only screen and (max-width: 768px) {
  .g-price.lazyloaded {
    background: url(../img/golf/price-bg-sp.jpg) no-repeat center/cover;
  }
}
.g-price__box {
  position: relative;
}
.g-price__img {
  aspect-ratio: 320/194;
  margin: 0 auto;
  max-width: 67.6rem;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .g-price__img {
    margin-bottom: 2.4rem;
    max-width: 100%;
  }
}
.g-price__btn {
  align-items: center;
  color: #fff;
  display: inline-flex;
  height: 7rem;
  justify-content: center;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: opacity;
  width: 38rem;
  z-index: 1;
}
.g-price__btn-box {
  left: 50%;
  position: absolute;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  bottom: 10.4rem;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 768px) {
  .g-price__btn-box {
    bottom: auto;
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}
@media only screen and (min-width: 769px) {
  .g-price__btn.-brushup::before {
    background: #ff5f5f;
  }
  .g-price__btn.-brushup::after {
    background: #ba0000;
  }
}
@media only screen and (min-width: 769px) {
  .g-price__btn.-brushup .txt {
    color: #fff;
  }
  .g-price__btn.-brushup .txt::before {
    background: url(../img/brushup/btn-arrow-white-pc.svg) no-repeat center/100% auto;
  }
}
@media only screen and (max-width: 768px) {
  .g-price__btn {
    height: 5rem;
    width: 30rem;
  }
}
@media (hover: hover) {
  .g-price__btn:hover .txt {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
  .g-price__btn:hover::before {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
}
@media (hover: none) {
  .g-price__btn:active .txt {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
  .g-price__btn:active::before {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
  }
}
.g-price__btn .txt {
  color: #28AE13;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4545454545;
  padding-bottom: 2px;
  padding-right: 2.5rem;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
@media only screen and (max-width: 768px) {
  .g-price__btn .txt {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.4444444444;
    padding-right: 2.5rem;
  }
}
.g-price__btn .txt::before {
  background: url(../img/golf/btn-arrow-green-pc.png) no-repeat center/100% auto;
  content: "";
  height: 1.4rem;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 768px) {
  .g-price__btn .txt::before {
    background: url(../img/golf/btn-arrow-sp.png) no-repeat center/100% auto;
    height: 1.2rem;
  }
}
.g-price__btn::before, .g-price__btn::after {
  border-radius: 4rem;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .g-price__btn::before, .g-price__btn::after {
    border-radius: 3rem;
  }
}
.g-price__btn::before {
  background: #ffffff;
  bottom: 0;
  top: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .g-price__btn::before {
    background: #ff5f5f;
  }
}
.g-price__btn::after {
  background: #ACACAC;
  bottom: -3px;
  top: 3px;
  z-index: -2;
}
@media only screen and (max-width: 768px) {
  .g-price__btn::after {
    background: #ba0000;
    bottom: -2px;
    top: 2px;
  }
}

.g-flow__step {
  background: #f1ffef;
  display: flex;
  flex-direction: column;
  gap: 6.2rem;
  margin-bottom: 3.2rem;
  padding: 4.5rem 4rem 4rem;
}
@media only screen and (max-width: 768px) {
  .g-flow__step {
    gap: 2rem;
    margin-bottom: 2.8rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding: 2.8rem 0;
  }
}
.g-flow__step-item {
  align-items: center;
  display: flex;
  gap: 4.2rem;
  position: relative;
}
.g-flow__step-item.-brushup::before {
  background: url(../img/brushup/step-arrow-pc.png) no-repeat center/100% auto;
}
@media only screen and (max-width: 768px) {
  .g-flow__step-item.-brushup::before {
    background: url(../img/brushup/step-arrow-sp.png) no-repeat center/100% auto;
  }
}
@media only screen and (max-width: 768px) {
  .g-flow__step-item {
    align-items: flex-start;
    gap: 1.2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.g-flow__step-item:last-child::before {
  display: none;
}
.g-flow__step-item::before {
  bottom: -3.1rem;
  content: "";
  height: 3rem;
  left: 3.9rem;
  position: absolute;
  width: 2.4rem;
  -webkit-transform: translate(0, 50%);
  background: url(../img/golf/step-arrow-pc.png) no-repeat center/100% auto;
  transform: translate(0, 50%);
}
@media only screen and (max-width: 768px) {
  .g-flow__step-item::before {
    bottom: auto;
    height: 1.5rem;
    left: 3.4rem;
    top: calc(50% + 3.5rem);
    width: 1.2rem;
    -webkit-transform: translate(0, -50%);
    background: url(../img/golf/step-arrow-sp.png) no-repeat center/100% auto;
    transform: translate(0, -50%);
  }
}
.g-flow__step-num {
  aspect-ratio: 121/100;
  flex: 0 0 auto;
  margin-right: 0.8rem;
  width: 12.1rem;
}
@media only screen and (max-width: 768px) {
  .g-flow__step-num {
    aspect-ratio: 60/50;
    margin-right: 0;
    width: 6rem;
  }
}
.g-flow__step-img {
  aspect-ratio: 44/50;
  flex: 0 0 auto;
  width: 8.8rem;
}
@media only screen and (max-width: 768px) {
  .g-flow__step-img {
    width: 4.4rem;
  }
}
.g-flow__step-ttl {
  color: #28AE13;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  margin-bottom: 1.4rem;
  padding-top: 0.2rem;
}
.g-flow__step-ttl.-brushup {
  color: #1A4217;
}
@media only screen and (max-width: 768px) {
  .g-flow__step-ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 0.6rem;
    padding-top: 0;
  }
}
.g-flow__step-txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
}
@media only screen and (max-width: 768px) {
  .g-flow__step-txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}
.g-flow__caution {
  background: #fff2f2;
  border: 5px solid #ffd3d3;
  border-radius: 0.8rem;
  padding: 3.5rem 3.5rem 3.1rem;
}
@media only screen and (max-width: 768px) {
  .g-flow__caution {
    border: 3px solid #ffd3d3;
    padding: 2.1rem 1.7rem;
  }
}
.g-flow__caution-ttl {
  color: #ff8888;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  margin-bottom: 1.6rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-flow__caution-ttl {
    font-size: 2rem;
    line-height: 1.45;
    margin-bottom: 2rem;
  }
}
.g-flow__caution-item {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .g-flow__caution-item {
    font-size: 1.4rem;
    line-height: 2.1428571429;
  }
}

.g-faq {
  background: #f1ffef;
}
.g-faq__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .g-faq__list {
    gap: 1.6rem;
  }
}
.g-faq__item {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
.g-faq__item-head {
  align-items: center;
  color: #000000;
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
  min-height: 9rem;
  padding: 2rem 9.8rem 2rem 9.8rem;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .g-faq__item-head {
    font-size: 1.8rem;
    line-height: 1.5;
    min-height: 8.5rem;
    padding: 1.6rem 6.9rem 1.6rem 6rem;
  }
}
.g-faq__item-head.is-active .arrow::after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.g-faq__item-head .arrow {
  aspect-ratio: 1/1;
  display: block;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  width: 2.8rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 768px) {
  .g-faq__item-head .arrow {
    right: 2rem;
    width: 2.2rem;
  }
}
.g-faq__item-head .arrow.-brushup::before, .g-faq__item-head .arrow.-brushup::after {
  background: #1A4217;
}
.g-faq__item-head .arrow::before, .g-faq__item-head .arrow::after {
  background: #28ae13;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 2.8rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .g-faq__item-head .arrow::before, .g-faq__item-head .arrow::after {
    width: 2.2rem;
  }
}
.g-faq__item-head .arrow::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s ease-out;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.g-faq__item-head.-brushup::before {
  background-image: url(../img/brushup/q-pc.png);
}
@media only screen and (max-width: 768px) {
  .g-faq__item-head.-brushup::before {
    background-image: url(../img/brushup/q-sp.png);
  }
}
.g-faq__item-head::before {
  aspect-ratio: 1/1;
  background: url(../img/golf/q-pc.png) no-repeat center/100% auto;
  content: "";
  position: absolute;
  top: 50%;
  width: 5rem;
  -webkit-transform: translate(0, -50%);
  left: 2.4rem;
  transform: translate(0, -50%);
}
@media only screen and (max-width: 768px) {
  .g-faq__item-head::before {
    background: url(../img/golf/q-sp.png) no-repeat center/100% auto;
    left: 2rem;
    width: 3rem;
  }
}
.g-faq__item-body {
  display: none;
  padding: 0 2.4rem;
}
@media only screen and (max-width: 768px) {
  .g-faq__item-body {
    padding: 0 2rem;
  }
}
.g-faq__item-txt {
  border-top: 1px solid #d9d9d9;
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  gap: 3.2rem;
  line-height: 2;
  padding: 1.9rem 0 1.9rem 7.4rem;
  position: relative;
}
.g-faq__item-txt a {
  color: #001E81;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .g-faq__item-txt {
    font-size: 1.4rem;
    gap: 1.2rem;
    line-height: 2.1428571429;
    padding: 1.5rem 0 1.6rem 4rem;
  }
}
.g-faq__item-txt::before {
  aspect-ratio: 1/1;
  background: url(../img/golf/a-pc.png) no-repeat center/100% auto;
  content: "";
  left: 0;
  position: absolute;
  top: 1.9rem;
  width: 5rem;
}
@media only screen and (max-width: 768px) {
  .g-faq__item-txt::before {
    background: url(../img/golf/a-sp.png) no-repeat center/100% auto;
    top: 1.5rem;
    width: 3rem;
  }
}
.g-faq__item-txt .sm {
  font-size: 1.6rem;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .g-faq__item-txt .sm {
    font-size: 1rem;
    line-height: 1.8;
  }
}

.g-media {
  overflow: hidden;
  padding-bottom: 6rem;
  padding-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .g-media {
    padding-bottom: 3.2rem;
    padding-top: 3.2rem;
  }
}
@media only screen and (min-width: 769px) {
  .g-media__ttl {
    margin-bottom: 6rem;
  }
}
.g-media__inner {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 768px) {
  .g-media__inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .g-media__list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 1.8rem;
  }
}
.g-media__item {
  flex: 0 0 auto;
}
@media only screen and (max-width: 768px) {
  .g-media__item {
    width: calc(50% - 0.9rem);
  }
  .g-media__item:nth-child(1) {
    order: 0;
  }
  .g-media__item:nth-child(2) {
    order: 2;
  }
  .g-media__item:nth-child(3) {
    order: 4;
  }
  .g-media__item:nth-child(4) {
    order: 6;
  }
  .g-media__item:nth-child(5) {
    order: 1;
  }
  .g-media__item:nth-child(6) {
    order: 3;
  }
  .g-media__item:nth-child(7) {
    order: 5;
  }
  .g-media__item:nth-child(8) {
    order: 7;
  }
}
.g-media__item-img {
  aspect-ratio: 280/59;
  margin: 0 1.2rem;
  width: 28rem;
}
@media only screen and (max-width: 768px) {
  .g-media__item-img {
    margin: 0;
    width: 100%;
  }
}

.g-company {
  background: #F1FFEF;
  padding-bottom: 6rem;
  padding-top: 6rem;
}
.g-company.-brushup {
  background: #F4F4F4;
}
@media only screen and (max-width: 768px) {
  .g-company.-brushup {
    background: #F1FFEF;
  }
}
@media only screen and (max-width: 768px) {
  .g-company {
    padding-bottom: 3.2rem;
    padding-top: 3.2rem;
  }
}
.g-company__list {
  background: #fff;
  border-radius: 1rem;
  display: block;
  margin: 0 auto;
  max-width: 99rem;
  padding: 4rem;
}
@media only screen and (max-width: 768px) {
  .g-company__list {
    padding: 2rem 2.4rem 2.4rem;
  }
}
.g-company__item {
  align-items: flex-start;
  display: flex;
  gap: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .g-company__item {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.g-company__item:nth-child(n+2) {
  border-top: 1px solid #D9D9D9;
  margin-top: 1.9rem;
  padding-top: 2rem;
}
@media only screen and (max-width: 768px) {
  .g-company__item:nth-child(n+2) {
    border-top: none;
    margin-top: 2.4rem;
    padding-top: 0;
  }
}
.g-company__item:last-child .g-company__item-txt {
  margin-top: -0.4rem;
}
@media only screen and (max-width: 768px) {
  .g-company__item:last-child .g-company__item-txt {
    margin-top: 0;
  }
}
.g-company__item-ttl {
  align-items: center;
  background: #28AE13;
  border-radius: 0.6rem;
  color: #fff;
  display: flex;
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: 700;
  height: 4.4rem;
  justify-content: center;
  width: 16.6rem;
}
.g-company__item-ttl.-brushup {
  background: #1A4217;
}
@media only screen and (max-width: 768px) {
  .g-company__item-ttl {
    font-size: 1.6rem;
    width: 100%;
  }
}
.g-company__item-txt {
  align-items: center;
  display: flex;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  min-height: 4.4rem;
}
@media only screen and (max-width: 768px) {
  .g-company__item-txt {
    font-size: 1.6rem;
    justify-content: center;
    line-height: 1.625;
    min-height: auto;
    text-align: center;
    width: 100%;
  }
}

.g-contact {
  background: #fff;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .g-contact {
    padding-bottom: 3.5rem;
  }
}
.g-contact .mw_wp_form .horizontal-item + .horizontal-item {
  margin: 0;
}
.g-contact .mw_wp_form .error {
  display: block;
  flex: 0 0 auto;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  padding-top: 1rem;
  width: 100%;
}
.g-contact .mw_wp_form .l-contact__radio .error {
  padding-top: 0;
}
.g-contact__inner {
  max-width: 110rem;
}
.g-contact__body {
  margin: 0 auto;
  max-width: 100rem;
}
.g-contact__list {
  border-top: 1px solid #d9d9d9;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 768px) {
  .g-contact__list {
    margin-bottom: 2.8rem;
    margin-top: -1px;
  }
}
.g-contact__item {
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  padding: 2rem 0 1.9rem;
}
@media only screen and (max-width: 768px) {
  .g-contact__item {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.g-contact__item.-radio {
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .g-contact__item.-radio {
    align-items: flex-start;
  }
}
.g-contact__item-ttl {
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  padding-top: 1.2rem;
  width: 32rem;
}
@media only screen and (max-width: 768px) {
  .g-contact__item-ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    padding-top: 0;
    width: 100%;
  }
}
.g-contact__item-ttl.-radio {
  padding-top: 0;
}
.g-contact__item-field {
  flex: 1 1 auto;
}
.g-contact__item-field input[type=text],
.g-contact__item-field input[type=tel],
.g-contact__item-field input[type=email],
.g-contact__item-field textarea {
  background: #f8f8f8;
  border: 1px solid #d9d9d9;
  border-radius: 0.25rem;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 1.2rem 1.9rem;
  width: 100%;
}
.g-contact__item-field textarea {
  height: 14rem;
  resize: none;
}
@media only screen and (max-width: 768px) {
  .g-contact__item-field textarea {
    height: 22rem;
  }
}
.g-contact__item-field input[type=radio] {
  display: none;
}
.g-contact__item-field input[type=radio]:checked + span::after {
  opacity: 1;
}
.g-contact__item-field input[type=radio] + span {
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-left: 3.4rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .g-contact__item-field input[type=radio] + span {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.g-contact__item-field input[type=radio] + span::before, .g-contact__item-field input[type=radio] + span::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.g-contact__item-field input[type=radio] + span::before {
  border: 1px solid #707070;
  border-radius: 50%;
  height: 2.2rem;
  left: 0;
  width: 2.2rem;
}
.g-contact__item-field input[type=radio] + span::after {
  background: #000000;
  border-radius: 50%;
  height: 1.2rem;
  left: 0.5rem;
  opacity: 0;
  width: 1.2rem;
}
.g-contact__radio {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.2rem;
}
@media only screen and (max-width: 768px) {
  .g-contact__radio {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.7rem;
  }
}
.g-contact__btn-box {
  text-align: center;
}
.g-contact__privacy {
  margin-bottom: 3.2rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-contact__privacy {
    margin-bottom: 2.1rem;
  }
}
.g-contact__privacy input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.g-contact__privacy input[type=checkbox] + span {
  font-size: 1.6rem;
  line-height: 1.5;
  padding-left: 4rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .g-contact__privacy input[type=checkbox] + span {
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
}
.g-contact__privacy input[type=checkbox] + span::before, .g-contact__privacy input[type=checkbox] + span::after {
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.g-contact__privacy input[type=checkbox] + span::before {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  height: 2.4rem;
  left: 0;
  width: 2.4rem;
}
.g-contact__privacy input[type=checkbox] + span::after {
  background: url(../img/top/privacy-check.svg) no-repeat center/2.4rem auto;
  height: 2.4rem;
  left: 1px;
  opacity: 0;
  pointer-events: none;
  width: 2.4rem;
}
.g-contact__submit {
  align-items: center;
  border-radius: 4rem;
  color: #fff;
  display: inline-flex;
  font-size: 2.2rem;
  font-weight: 900;
  height: 7rem;
  justify-content: center;
  max-width: 44rem;
  position: relative;
  width: 100%;
}
@media (hover: hover) {
  .g-contact__submit:hover::before {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  .g-contact__submit:hover .txt {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
@media (hover: none) {
  .g-contact__submit:active::before {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  .g-contact__submit:active .txt {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
.g-contact__submit::before {
  background: #ff5f5f;
  border-radius: 4rem;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s ease-out;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  z-index: 1;
}
.g-contact__submit::after {
  background: #ba0000;
  border-radius: 4rem;
  bottom: -3px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 3px;
  z-index: 0;
}
.g-contact__submit .txt {
  display: inline-block;
  line-height: 1.4545454545;
  padding-right: 2.4rem;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .g-contact__submit .txt {
    font-size: 1.8rem;
    padding-right: 0;
  }
}
.g-contact__submit .txt::before {
  background: url(../img/top/btn-arrow.svg) no-repeat bottom center/1rem auto;
  content: "";
  height: 1.7rem;
  position: absolute;
  right: 1px;
  top: 50%;
  width: 1rem;
  -webkit-transform: translateY(-50%);
  pointer-events: none;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .g-contact__submit .txt::before {
    right: -1.6rem;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
  }
}
.g-contact__complete {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.7777777778;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .g-contact__complete {
    font-size: 1.6rem;
    line-height: 1.875;
    text-align: left;
  }
}
.g-contact__bottom-ttl {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 2.4rem;
  text-align: center;
}
.g-contact__bottom-txt {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 1.6rem;
  text-align: center;
}
.g-contact__bottom-txt a {
  transition: 0.3s ease-out;
  transition-property: opacity;
}
@media (hover: hover) {
  .g-contact__bottom-txt a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .g-contact__bottom-txt a:active {
    opacity: 0.7;
  }
}

.g-footer {
  background: linear-gradient(to right, #28AE13 0%, #266000 100%);
  color: #fff;
  overflow: hidden;
  padding-bottom: 11rem;
  padding-top: 11rem;
  width: 100%;
}
.g-footer.-brushup {
  background: #1A4217;
}
@media only screen and (max-width: 768px) {
  .g-footer {
    padding-bottom: 13rem;
    padding-top: 3rem;
  }
}
.g-footer__inner {
  align-items: center;
  display: flex;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .g-footer__inner {
    flex-direction: column;
  }
}
.g-footer__logo {
  aspect-ratio: 526/156;
  flex: 0 0 auto;
  max-width: 26.3rem;
  transition: 0.3s ease-out;
  transition-property: opacity;
}
@media (hover: hover) {
  .g-footer__logo:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .g-footer__logo:active {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .g-footer__logo {
    margin: 0 auto;
    max-width: 26.3rem;
  }
}
.g-footer__nav {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .g-footer__nav {
    gap: 1.5rem;
    margin: 0;
  }
}
.g-footer__nav-list {
  display: flex;
  gap: 10rem;
}
@media only screen and (max-width: 768px) {
  .g-footer__nav-list {
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .g-footer__nav-item {
    text-align: center;
  }
}
.g-footer__nav-item:nth-child(n+2) {
  position: relative;
}
.g-footer__nav-item:nth-child(n+2)::before {
  background: #fff;
  content: "";
  display: block;
  height: 2.4rem;
  left: -5rem;
  position: absolute;
  top: 50%;
  width: 1px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .g-footer__nav-item:nth-child(n+2)::before {
    display: none;
  }
}
.g-footer__nav-link {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  transition: 0.3s ease-out;
  transition-property: opacity;
  white-space: nowrap;
}
@media (hover: hover) {
  .g-footer__nav-link:hover {
    opacity: 0.7;
    text-decoration: underline;
  }
}
@media (hover: none) {
  .g-footer__nav-link:active {
    opacity: 0.7;
    text-decoration: underline;
  }
}

.b-header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}
@media only screen and (min-width: 769px) {
  .b-header.is-short .b-header__bg {
    height: 6rem;
  }
  .b-header.is-short .b-header__inner {
    height: 6rem;
  }
  .b-header.is-short .b-header__logo {
    width: 17rem;
  }
}
.b-header__bg {
  background: #fff;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.06);
  height: 6rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 769px) {
  .b-header__bg {
    height: 10rem;
    transition: 0.3s ease-out;
    transition-property: height;
  }
}
.b-header__inner {
  align-items: center;
  display: flex;
  height: 6rem;
}
@media only screen and (min-width: 769px) {
  .b-header__inner {
    gap: 6rem;
    height: 10rem;
    max-width: 134rem;
    transition: 0.3s ease-out;
    transition-property: height;
  }
}
.b-header__logo {
  aspect-ratio: 203/60;
  position: relative;
  width: 11.3rem;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .b-header__logo {
    transition: 0.3s ease-out;
    transition-property: width;
    width: 20.3rem;
  }
}
.b-header__nav {
  background: #fff;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.3s, visibility 0s 0.3s;
  visibility: hidden;
  z-index: -1;
}
@media only screen and (min-width: 769px) {
  .b-header__nav {
    background: transparent;
    display: flex;
    gap: 6rem;
    margin-left: auto;
    opacity: 1;
    position: static;
    visibility: visible;
    z-index: 2;
  }
}
.b-header__nav.is-open {
  opacity: 1;
  transition: opacity 0.3s, visibility 0s;
  visibility: visible;
}
.b-header__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 8.4rem 1.5rem 2.4rem;
}
@media only screen and (min-width: 769px) {
  .b-header__list {
    align-items: center;
    flex-direction: row;
    gap: 6rem;
    padding: 0;
  }
}
.b-header__item a {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: opacity;
}
@media (hover: hover) {
  .b-header__item a:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .b-header__item a:active {
    opacity: 0.7;
  }
}
.b-header__item a::after {
  background: url(../img/brushup/nav-arrow.svg) no-repeat center/100% auto;
  content: "";
  height: 2.4rem;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1rem;
  -webkit-transform: translate(0, -50%);
  pointer-events: none;
  transform: translate(0, -50%);
}
@media only screen and (min-width: 769px) {
  .b-header__item a::after {
    display: none;
  }
}
.b-header__btn {
  align-items: center;
  display: flex;
  height: 5.2rem;
  justify-content: center;
  padding-bottom: 0.3125rem;
  padding-right: 1rem;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  z-index: 1;
}
@media (hover: hover) {
  .b-header__btn:hover {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
  }
  .b-header__btn:hover .txt {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  .b-header__btn:hover::before {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
@media (hover: none) {
  .b-header__btn:active {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
  }
  .b-header__btn:active .txt {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  .b-header__btn:active::before {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
.b-header__btn .txt {
  color: #1A4217;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.b-header__btn::before, .b-header__btn::after {
  border-radius: 4rem;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
.b-header__btn::before {
  background: #FFED12 url(../img/brushup/header-btn.svg) no-repeat right 1.5rem center/0.9rem auto;
  bottom: 2px;
  top: 0;
  z-index: -1;
}
.b-header__btn::after {
  background: #B2A70F;
  bottom: 0;
  top: 2px;
  z-index: -2;
}
.b-header__btn-box {
  display: none;
}
@media only screen and (min-width: 769px) {
  .b-header__btn-box {
    display: block;
    flex: 0 0 auto;
    width: 26rem;
  }
}
.b-header__menu {
  aspect-ratio: 1/1;
  background: #1a4217;
  cursor: pointer;
  display: block;
  margin-left: auto;
  position: relative;
  transition: background 0.3s ease-out;
  width: 3.4rem;
}
@media only screen and (min-width: 769px) {
  .b-header__menu {
    display: none;
  }
}
.b-header__menu.is-active {
  background: #505050;
}
.b-header__menu.is-active .bar {
  background: transparent;
}
.b-header__menu.is-active .bar::before, .b-header__menu.is-active .bar::after {
  top: 0;
  width: 1.7rem;
}
.b-header__menu.is-active .bar::before {
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  transform: translate(-50%, 0) rotate(45deg);
}
.b-header__menu.is-active .bar::after {
  -webkit-transform: translate(-50%, 0) rotate(-45deg);
  transform: translate(-50%, 0) rotate(-45deg);
}
.b-header__menu .bar {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  background: #fff;
  height: 1px;
  transform: translate(-50%, -50%);
  transition: background 0.3s ease-out;
  width: 2rem;
}
.b-header__menu .bar:before, .b-header__menu .bar::after {
  background: #fff;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transition: 0.3s ease-out;
  transition-property: top, -webkit-transform;
  transition-property: transform, top;
  transition-property: transform, top, -webkit-transform;
  width: 2rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.b-header__menu .bar::before {
  top: -0.6rem;
}
.b-header__menu .bar::after {
  top: 0.6rem;
}

.b-fv {
  aspect-ratio: 375/400;
  margin-top: 6rem;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .b-fv {
    aspect-ratio: unset;
    height: calc(100vh - 30rem);
    margin-top: 10rem;
    max-height: 51rem;
  }
}
.b-fv__list {
  height: 100%;
}
@media only screen and (min-width: 769px) {
  .b-fv__list {
    display: flex;
    height: 100%;
  }
}
.b-fv__item .g-img {
  aspect-ratio: 375/400;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .b-fv__item .g-img {
    aspect-ratio: unset;
    height: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .b-fv__item:nth-child(1) {
    flex: 1 1 auto;
    width: 100%;
  }
  .b-fv__item:nth-child(2) {
    aspect-ratio: 905/510;
    flex: 0 0 auto;
    height: 100%;
    width: auto;
  }
  .b-fv__item:last-child {
    display: none;
  }
}

.b-cta {
  background: #1a4217;
}
@media only screen and (min-width: 769px) {
  .b-cta {
    background: linear-gradient(to right, #1A4217 50%, transparent 50%);
    position: relative;
  }
  .b-cta::after {
    background: url(../img/brushup/fv3-pc.jpg) no-repeat center/cover;
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 55.7638888889%;
  }
}
.b-cta__inner {
  max-width: 144rem;
  padding-bottom: 2.4rem;
  padding-top: 2.4rem;
}
@media only screen and (min-width: 769px) {
  .b-cta__inner {
    align-items: center;
    display: flex;
    min-height: 20rem;
    padding-bottom: 3.6rem;
    padding-top: 3.6rem;
    position: relative;
    z-index: 1;
  }
  .b-cta__inner::before {
    background: #1A4217;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 75.6rem;
    -webkit-clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
  }
}
@media only screen and (min-width: 769px) {
  .b-cta__box {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 61.4rem;
    position: relative;
    width: 100%;
    z-index: 2;
  }
}
.b-cta__txt {
  text-align: center;
  -webkit-filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.6));
  aspect-ratio: 345/18;
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.6));
  margin-bottom: 1.8rem;
}
@media only screen and (min-width: 769px) {
  .b-cta__txt {
    aspect-ratio: 448/23;
    margin-bottom: 3.2rem;
    max-width: 44.8rem;
  }
}
.b-cta__btn {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 5.2rem;
  padding-right: 0.75rem;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .b-cta__btn {
    max-width: 45.3rem;
    min-height: 7.3rem;
  }
}
@media (hover: hover) {
  .b-cta__btn:hover {
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
  }
  .b-cta__btn:hover .txt {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  .b-cta__btn:hover::before {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
@media (hover: none) {
  .b-cta__btn:active {
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
  }
  .b-cta__btn:active .txt {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  .b-cta__btn:active::before {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
.b-cta__btn .txt {
  color: #1a4217;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 2px;
}
@media only screen and (min-width: 769px) {
  .b-cta__btn .txt {
    font-size: 2rem;
    padding-bottom: 3px;
  }
}
.b-cta__btn::before, .b-cta__btn::after {
  border-radius: 3rem;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 769px) {
  .b-cta__btn::before, .b-cta__btn::after {
    border-radius: 4rem;
  }
}
.b-cta__btn::before {
  background: #ffed12 url(../img/brushup/cta-btn-sp.svg) no-repeat right 1.9rem center/1.2rem auto;
  bottom: 2px;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 769px) {
  .b-cta__btn::before {
    background: #ffed12 url(../img/brushup/cta-btn-pc2.svg) no-repeat right 3.1rem center/1.4rem auto;
    bottom: 3px;
  }
}
.b-cta__btn::after {
  background: #b2a70f;
  bottom: 0;
  top: 2px;
  z-index: -2;
}
@media only screen and (min-width: 769px) {
  .b-cta__btn::after {
    top: 3px;
  }
}

.b-cta2 {
  padding: 3.2rem 0;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .b-cta2 {
    padding: 8.9rem 0;
  }
}
.b-cta2.lazyloaded {
  background: url(../img/brushup/cta-bg-sp.jpg) no-repeat center/cover;
}
@media only screen and (min-width: 769px) {
  .b-cta2.lazyloaded {
    background: url(../img/brushup/cta-bg-pc.jpg) no-repeat center/cover;
  }
}
.b-cta2__btn {
  align-items: center;
  display: inline-flex;
  height: 8.2rem;
  justify-content: center;
  max-width: 55rem;
  padding-bottom: 2px;
  position: relative;
  transition: 0.3s ease-out;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .b-cta2__btn {
    height: 7.3rem;
    padding-bottom: 3px;
    padding-right: 2.3rem;
  }
}
@media (hover: hover) {
  .b-cta2__btn:hover {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
  }
  .b-cta2__btn:hover .txt {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  .b-cta2__btn:hover::before {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
@media (hover: none) {
  .b-cta2__btn:active {
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
  }
  .b-cta2__btn:active .txt {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  .b-cta2__btn:active::before {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
.b-cta2__btn .txt {
  color: #1A4217;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .b-cta2__btn .txt {
    font-size: 2.2rem;
  }
}
.b-cta2__btn::before, .b-cta2__btn::after {
  border-radius: 4rem;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
.b-cta2__btn::before {
  background: #FFED12 url(../img/brushup/cta-btn-sp.svg) no-repeat right 1.9rem center/1.2rem auto;
  bottom: 2px;
  top: 0;
  z-index: -1;
}
@media only screen and (min-width: 769px) {
  .b-cta2__btn::before {
    background: #FFED12 url(../img/brushup/cta-btn-pc.svg) no-repeat right 7.5rem center/1rem auto;
    bottom: 3px;
  }
}
.b-cta2__btn::after {
  background: #B2A70F;
  bottom: 0;
  top: 2px;
  z-index: -2;
}
@media only screen and (min-width: 769px) {
  .b-cta2__btn::after {
    top: 3px;
  }
}

.b-about {
  background: #fff;
  padding: 3.2rem 0;
}
@media only screen and (min-width: 769px) {
  .b-about {
    padding: 6rem 0;
  }
}
.b-about__ttl {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4230769231;
  margin-bottom: 2.1rem;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .b-about__ttl {
    font-size: 2.8rem;
    line-height: 1.4285714286;
    margin-bottom: 3.7rem;
  }
}
.b-about__txt {
  color: #1A4217;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: 2.9rem;
}
@media only screen and (min-width: 769px) {
  .b-about__txt {
    color: #000000;
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-bottom: 3.7rem;
    text-align: center;
  }
}
.b-about__mov {
  aspect-ratio: 345/194;
  margin: 0 auto;
  max-width: 80rem;
}
.b-about__mov video {
  height: 100%;
  width: 100%;
}

.b-strength {
  background: #e2f2e1;
  padding: 3.2rem 0;
}
@media only screen and (min-width: 769px) {
  .b-strength {
    padding: 6rem 0;
  }
}
.b-strength__ttl {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4230769231;
  margin-bottom: 3.2rem;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .b-strength__ttl {
    font-size: 2.8rem;
    line-height: 1.4285714286;
    margin-bottom: 4rem;
  }
}
.b-strength__body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (min-width: 769px) {
  .b-strength__body {
    gap: 2.4rem;
  }
}
.b-strength__box {
  background: #fff;
  border-radius: 2rem;
  padding: 2.4rem;
}
@media only screen and (min-width: 769px) {
  .b-strength__box {
    padding: 4rem;
  }
}
.b-strength__box-point {
  aspect-ratio: 64/34;
  margin: 0 auto 1.6rem;
  max-width: 6.4rem;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-point {
    aspect-ratio: 85/38;
    max-width: 8.5rem;
  }
}
.b-strength__box-point.-point2 {
  aspect-ratio: 73/34;
  max-width: 7.3rem;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-point.-point2 {
    aspect-ratio: 89/38;
    max-width: 8.9rem;
  }
}
.b-strength__box-ttl {
  color: #1A4217;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 2.4rem;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-ttl {
    font-size: 2.2rem;
    line-height: 1.4545454545;
    margin-bottom: 3.2rem;
  }
}
.b-strength__box-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem 1.7rem;
  justify-content: center;
  margin: 0 auto 2rem;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-list {
    gap: 2.4rem;
    margin-bottom: 3.2rem;
  }
}
.b-strength__box-item {
  flex: 0 0 auto;
  position: relative;
  width: 14rem;
}
.b-strength__box-item.is-inview .circle .chart {
  -webkit-animation: bounceIn 0.4s forwards cubic-bezier(0.4, 0.4, 0, 1);
  animation: bounceIn 0.4s forwards cubic-bezier(0.4, 0.4, 0, 1);
}
.b-strength__box-item.is-inview .circle .percent {
  -webkit-animation: bounceIn2 0.4s forwards cubic-bezier(0.4, 0.4, 0, 1);
  animation: bounceIn2 0.4s forwards cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.b-strength__box-item.is-inview .line {
  -webkit-animation: bounceIn2 0.4s forwards cubic-bezier(0.4, 0.4, 0, 1);
  animation: bounceIn2 0.4s forwards cubic-bezier(0.4, 0.4, 0, 1);
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-item {
    width: 26rem;
  }
}
.b-strength__box-item .circle {
  aspect-ratio: 260/200;
  margin-bottom: 1.2rem;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-item .circle {
    margin-bottom: 2rem;
  }
}
.b-strength__box-item .circle::before {
  aspect-ratio: 1/1;
  border-radius: 50%;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
  background: #ebebeb;
  transform: translate(-50%, 0);
  width: 9.8rem;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-item .circle::before {
    width: 18.2rem;
  }
}
.b-strength__box-item .chart {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.b-strength__box-item .percent {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-filter: drop-shadow(0 0 0.4rem #1A4217);
  filter: drop-shadow(0 0 0.4rem #1A4217);
}
.b-strength__box-item .chart,
.b-strength__box-item .percent {
  aspect-ratio: 260/200;
  left: 0;
  margin: 0 auto 1.2rem;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-item .chart,
  .b-strength__box-item .percent {
    aspect-ratio: 260/200;
    margin-bottom: 2rem;
  }
}
.b-strength__box-item .txt {
  align-items: center;
  background: #1A4217;
  border-radius: 0.6rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.625;
  min-height: 6rem;
  text-align: center;
}
.b-strength__box-item .txt .line {
  -webkit-transform: scale(0);
  transform: scale(0);
}
@media only screen and (min-width: 769px) {
  .b-strength__box-item .txt {
    font-size: 1.8rem;
    line-height: 1.4444444444;
    margin: 0 auto;
    max-width: 20rem;
    min-height: 7rem;
  }
}
.b-strength__box-item .txt .strong {
  color: #FFED12;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-item .txt .strong {
    font-size: 2.2rem;
  }
}
.b-strength__box-txt, .b-strength__box-txt2 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
  margin-bottom: -0.4rem;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-txt, .b-strength__box-txt2 {
    font-size: 1.6rem;
    line-height: 1.875;
    text-align: center;
  }
}
.b-strength__box-label {
  align-items: center;
  background: #1A4217;
  border-radius: 0.6rem;
  color: #fff;
  display: flex;
  font-size: 2.2rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.3636363636;
  margin-bottom: 1.2rem;
  min-height: 7.4rem;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-label {
    font-size: 2.7rem;
    margin: 0 auto 3.2rem;
    max-width: 60rem;
    min-height: 7rem;
  }
}
.b-strength__box-hr {
  background: #efefef;
  border: none;
  height: 0.4rem;
  margin: 2.4rem 0;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .b-strength__box-hr {
    margin: 3.2rem 0;
  }
}

@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounceIn2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.b-point__box {
  align-items: center;
  background: #F4F4F4;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  justify-content: center;
  margin-bottom: 3.6rem;
  padding: 1rem;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .b-point__box {
    align-items: flex-end;
    flex-direction: row;
    gap: 0.8rem;
    justify-content: center;
    margin: 0 auto 4.4rem;
    max-width: 70rem;
    padding: 1.4rem 1.4rem;
  }
}
.b-point__box .sm {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5714285714;
}
@media only screen and (min-width: 769px) {
  .b-point__box .sm {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.b-point__box .lg {
  color: #1A4217;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .b-point__box .lg {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.b-point__box::after {
  background: #F4F4F4;
  content: "";
  height: 3.6rem;
  width: 3rem;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  bottom: 1rem;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
@media only screen and (min-width: 769px) {
  .b-point__box::after {
    bottom: 1.2rem;
  }
}
.b-point__txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
  margin-bottom: 2.4rem;
}
@media only screen and (min-width: 769px) {
  .b-point__txt {
    margin-bottom: 2.4rem;
    text-align: center;
  }
}
.b-point__list {
  display: flex;
  gap: 2rem;
}
@media only screen and (min-width: 769px) {
  .b-point__list {
    gap: 4rem;
    justify-content: center;
  }
}
.b-point__list-wrapper {
  margin-bottom: 2.4rem;
  overflow: auto;
}
@media only screen and (min-width: 769px) {
  .b-point__list-wrapper {
    margin-bottom: 3.2rem;
    overflow: visible;
  }
}
.b-point__item {
  flex: 0 0 auto;
  width: 22rem;
}
@media only screen and (min-width: 769px) {
  .b-point__item {
    width: 20rem;
  }
}
.b-point__item .img {
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin: 0 auto 3.6rem;
  width: calc(100% - 2rem);
}
@media only screen and (min-width: 769px) {
  .b-point__item .img {
    width: 100%;
  }
}
.b-point__item .body {
  background: #E2F2E1;
  border-radius: 0.6rem;
  padding: 1.6rem 1.4rem;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .b-point__item .body {
    padding: 2rem 1.2rem;
  }
}
.b-point__item .body::before {
  background: #E2F2E1;
  content: "";
  height: 2.5rem;
  width: 2.4rem;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  left: 50%;
  position: absolute;
  top: 0.4rem;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.b-point__item .body-ttl {
  color: #1A4217;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.2rem;
}
@media only screen and (min-width: 769px) {
  .b-point__item .body-ttl {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}
.b-point__item .body-list {
  display: inline-flex;
  gap: 2rem;
}
@media only screen and (min-width: 769px) {
  .b-point__item .body-list {
    flex-direction: column;
    gap: 0.4rem;
  }
}
.b-point__item .body-list .item {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4166666667;
  padding-left: 2rem;
  position: relative;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .b-point__item .body-list .item {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.b-point__item .body-list .item::before {
  background: url(../img/brushup/pin.svg) no-repeat center/100% auto;
  content: "";
  height: 1.6rem;
  left: 0;
  position: absolute;
  top: 50%;
  width: 1.2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.b-point__item .arrow {
  background: #1A4217;
  background: #1A4217;
  height: 1rem;
  margin: 1.6rem auto 1.2rem;
  width: 2rem;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
@media only screen and (min-width: 769px) {
  .b-point__item .arrow {
    margin-top: 1.2rem;
  }
}
.b-point__item .body-txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
}
@media only screen and (min-width: 769px) {
  .b-point__item .body-txt {
    line-height: 1.6428571429;
  }
}
.b-point__table table {
  width: 57.6rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table {
    width: 100%;
  }
}
.b-point__table table td,
.b-point__table table th {
  border: 1px solid #D9D9D9;
  text-align: center;
  vertical-align: middle;
}
.b-point__table table thead tr:nth-child(1) th,
.b-point__table table thead tr:nth-child(1) td, .b-point__table table thead tr:nth-child(2) th,
.b-point__table table thead tr:nth-child(2) td {
  height: 3.4rem;
}
.b-point__table table thead th {
  background: #1A4217;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4285714286;
  vertical-align: middle;
}
@media only screen and (min-width: 769px) {
  .b-point__table table thead th {
    font-size: 1.6rem;
  }
}
.b-point__table table thead th .sup {
  font-size: 60%;
  vertical-align: super;
}
.b-point__table table thead th .sm {
  font-size: 1.2rem;
  line-height: 1.4166666667;
}
@media only screen and (min-width: 769px) {
  .b-point__table table thead th .sm {
    font-size: 1.4rem;
  }
}
.b-point__table table thead th img {
  height: auto;
  width: 9.4rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table thead th img {
    width: 11.4rem;
  }
}
.b-point__table table tbody tr:nth-child(1) th,
.b-point__table table tbody tr:nth-child(1) td {
  height: 4rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody tr:nth-child(1) th,
  .b-point__table table tbody tr:nth-child(1) td {
    height: 5.4rem;
  }
}
.b-point__table table tbody tr:nth-child(2) th,
.b-point__table table tbody tr:nth-child(2) td {
  height: 3.8rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody tr:nth-child(2) th,
  .b-point__table table tbody tr:nth-child(2) td {
    height: 5.4rem;
  }
}
.b-point__table table tbody tr:nth-child(3) th,
.b-point__table table tbody tr:nth-child(3) td {
  height: 5rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody tr:nth-child(3) th,
  .b-point__table table tbody tr:nth-child(3) td {
    height: 5.4rem;
  }
}
.b-point__table table tbody th {
  background: #E2F2E1;
  font-size: 1.4rem;
  font-weight: 700;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody th {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.b-point__table table tbody th .sm {
  font-size: 1rem;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody th .sm {
    font-size: 1.2rem;
  }
}
.b-point__table table tbody td {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody td {
    font-size: 2rem;
  }
}
.b-point__table table tbody td .strong {
  color: #1A4217;
  font-weight: 700;
}
.b-point__table table tbody th:nth-child(1),
.b-point__table table tbody td:nth-child(1) {
  width: 9.6rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody th:nth-child(1),
  .b-point__table table tbody td:nth-child(1) {
    width: 14rem;
  }
}
.b-point__table table tbody th:nth-child(2),
.b-point__table table tbody td:nth-child(2) {
  width: 10.8rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody th:nth-child(2),
  .b-point__table table tbody td:nth-child(2) {
    display: none;
  }
}
.b-point__table table tbody th:nth-child(3), .b-point__table table tbody th:nth-child(4),
.b-point__table table tbody td:nth-child(3),
.b-point__table table tbody td:nth-child(4) {
  width: 7.8rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody th:nth-child(3), .b-point__table table tbody th:nth-child(4),
  .b-point__table table tbody td:nth-child(3),
  .b-point__table table tbody td:nth-child(4) {
    width: 15.4rem;
  }
}
.b-point__table table tbody th:nth-child(5),
.b-point__table table tbody td:nth-child(5) {
  width: 13.4rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody th:nth-child(5),
  .b-point__table table tbody td:nth-child(5) {
    width: 15.4rem;
  }
}
.b-point__table table tbody th:nth-child(6),
.b-point__table table tbody td:nth-child(6) {
  width: 7rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody th:nth-child(6),
  .b-point__table table tbody td:nth-child(6) {
    width: 15.4rem;
  }
}
@media only screen and (min-width: 769px) {
  .b-point__table table tbody th:nth-child(7),
  .b-point__table table tbody td:nth-child(7) {
    width: 15.4rem;
  }
}
.b-point__table-caution {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6666666667;
  margin-top: 2rem;
}
@media only screen and (min-width: 769px) {
  .b-point__table-caution {
    margin-top: 1.2rem;
  }
}

.b-type__table {
  display: none;
}
@media only screen and (min-width: 769px) {
  .b-type__table {
    display: flex;
    gap: 3.6rem;
    margin-bottom: 3.2rem;
  }
}
.b-type__table-head {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.2rem;
  justify-content: flex-end;
  width: 24.5rem;
}
.b-type__table-head .block {
  align-items: center;
  background: #E2F2E1;
  color: #1A4217;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 6rem;
  justify-content: center;
  width: 100%;
}
.b-type__table-body {
  display: flex;
  flex: 1 1 auto;
  gap: 1.2rem;
}
.b-type__table-body .table-column {
  display: flex;
  flex-direction: column;
}
.b-type__table-body .table-column.-strong {
  flex: 0 0 auto;
  position: relative;
  width: 37.3765867419%;
}
.b-type__table-body .table-column.-strong::before {
  border: 4px solid #1A4217;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.b-type__table-body .table-column.-strong .ttl,
.b-type__table-body .table-column.-strong .cell {
  align-items: center;
  display: flex;
  justify-content: center;
}
.b-type__table-body .table-column.-strong .ttl {
  background: #1A4217;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  height: 6rem;
}
.b-type__table-body .table-column.-strong .cell {
  background: #fff;
  height: 7.2rem;
  position: relative;
}
.b-type__table-body .table-column.-strong .cell.-green {
  background: #E2F2E1;
}
.b-type__table-body .table-column.-strong .cell .good,
.b-type__table-body .table-column.-strong .cell .great,
.b-type__table-body .table-column.-strong .cell .bad,
.b-type__table-body .table-column.-strong .cell .better {
  aspect-ratio: 1/1;
  display: block;
  width: 3rem;
}
.b-type__table-body .table-column.-strong .cell .better {
  background: url(../img/brushup/better-green.png) no-repeat center/3rem auto;
}
.b-type__table-body .table-column.-strong .cell .great {
  background: url(../img/brushup/great-green.png) no-repeat center/3rem auto;
}
.b-type__table-body .table-column.-normal {
  flex: 0 0 auto;
  gap: 1.2rem;
  width: 29.6191819464%;
}
.b-type__table-body .table-column.-normal .ttl,
.b-type__table-body .table-column.-normal .cell {
  align-items: center;
  display: flex;
  height: 6rem;
  justify-content: center;
}
.b-type__table-body .table-column.-normal .ttl {
  background: #DEDEDE;
  font-size: 2rem;
  font-weight: 700;
}
.b-type__table-body .table-column.-normal .cell {
  background: #EFEFEF;
}
.b-type__table-body .table-column.-normal .cell .good,
.b-type__table-body .table-column.-normal .cell .great,
.b-type__table-body .table-column.-normal .cell .bad,
.b-type__table-body .table-column.-normal .cell .better {
  aspect-ratio: 1/1;
  display: block;
  width: 3rem;
}
.b-type__table-body .table-column.-normal .cell .better {
  background: url(../img/golf/good-green.png) no-repeat center/3rem auto;
}
.b-type__table-body .table-column.-normal .cell .good {
  background: url(../img/golf/good.png) no-repeat center/3rem auto;
}
.b-type__table-body .table-column.-normal .cell .great {
  background: url(../img/golf/great.png) no-repeat center/3rem auto;
}
.b-type__table-body .table-column.-normal .cell .bad {
  background: url(../img/golf/bad.png) no-repeat center/2.8rem auto;
}

.b-feature__txt {
  color: #1A4217;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 3.2rem;
}
@media only screen and (min-width: 769px) {
  .b-feature__txt {
    font-size: 2.2rem;
    line-height: 1.5454545455;
    text-align: center;
  }
}
.b-feature__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (min-width: 769px) {
  .b-feature__list {
    gap: 2.4rem;
  }
}
.b-feature__item {
  background: #E2F2E1;
  border-radius: 1rem;
  padding: 2rem;
}
@media only screen and (min-width: 769px) {
  .b-feature__item {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 2.8rem;
  }
}
.b-feature__item .img {
  aspect-ratio: 305/159;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 769px) {
  .b-feature__item .img {
    aspect-ratio: 256/159;
    flex: 0 0 auto;
    margin: 0;
    width: 25.6rem;
  }
}
.b-feature__item .ttl {
  color: #1A4217;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4444444444;
  margin-bottom: 1rem;
  margin-inline: auto;
  max-inline-size: -webkit-max-content;
  max-inline-size: max-content;
}
@media only screen and (min-width: 769px) {
  .b-feature__item .ttl {
    font-size: 2rem;
    line-height: 1.45;
    margin-inline: initial;
    max-inline-size: initial;
  }
}
.b-feature__item .txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}
@media only screen and (min-width: 769px) {
  .b-feature__item .txt {
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
.b-feature__item .txt .sm {
  font-size: 1rem;
  font-weight: 400;
}
@media only screen and (min-width: 769px) {
  .b-feature__item .txt .sm {
    font-size: 1.2rem;
  }
}

.simplebar-wrapper {
  padding-bottom: 1.8rem;
}
@media only screen and (min-width: 769px) {
  .simplebar-wrapper {
    padding-bottom: 0;
  }
}

.simplebar-track.simplebar-horizontal {
  background: #A2A2A2;
  border-radius: 0.3rem;
  height: 0.6rem;
  margin-top: 1.2rem;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .simplebar-track.simplebar-horizontal {
    display: none;
  }
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  background: #D1D1D1;
  border-radius: 0.3rem;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
  background: #D1D1D1;
}

.simplebar-track.simplebar-vertical {
  display: none;
}