@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

html {
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
  color: #008e42;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

body {
  font-size: 1.8rem;
  letter-spacing: 0.07em;
}

.main {
  position: relative;
  z-index: 0;
}

section {
  position: relative;
  display: block;
  z-index: 0;
}

picture {
  display: block;
}

p {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.sp_bl {
  display: none;
}

.sp_no {
  display: block;
}

@media screen and (max-width: 768px) {
  .sp_bl {
    display: block;
  }
  .sp_no {
    display: none;
  }
}
.dis_no {
  display: none !important;
}

.lemon_line {
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(min(5rem, 3.6603221083vw));
          transform: translateY(min(5rem, 3.6603221083vw));
  z-index: -1;
}
.lemon_line::before {
  display: block;
  content: "";
  width: 100%;
  height: min(14.4rem, 10.541727672vw);
  background-image: url("../images/common/lemon_w.svg");
  background-size: calc(min(14.4rem, 10.541727672vw) + min(3.6rem, 2.635431918vw)) min(14.4rem, 10.541727672vw);
  background-repeat: repeat-x;
}
.lemon_line::after {
  display: block;
  content: "";
  width: calc(100% + 9rem);
  height: min(14.4rem, 10.541727672vw);
  background-image: url("../images/common/lemon_w.svg");
  background-size: calc(min(14.4rem, 10.541727672vw) + min(3.6rem, 2.635431918vw)) min(14.4rem, 10.541727672vw);
  background-repeat: repeat-x;
  -webkit-transform: translateX(-9rem);
          transform: translateX(-9rem);
  margin-top: -1rem;
}

@media screen and (max-width: 768px) {
  .lemon_line {
    -webkit-transform: translateY(3.4rem);
            transform: translateY(3.4rem);
  }
  .lemon_line::before {
    height: 8.4rem;
    background-size: 10.4rem 8.4rem;
    background-image: url("../images/common/lemon_w_sp.svg");
  }
  .lemon_line::after {
    width: calc(100% + 5rem);
    height: 8.4rem;
    background-size: 10.4rem 8.4rem;
    -webkit-transform: translateX(-5rem);
            transform: translateX(-5rem);
    margin-top: -0.5rem;
    background-image: url("../images/common/lemon_w_sp.svg");
  }
}
.under_mv {
  position: relative;
}
.under_mv .under_mv_inner {
  width: min(129rem, 94.4363103953vw);
  height: min(54.6rem, 39.9707174231vw);
  background: #fff000;
  border-bottom-left-radius: 50% 35%;
  border-bottom-right-radius: 50% 35%;
  margin: 0 auto;
  padding-top: min(9rem, 6.588579795vw);
}
.under_mv .under_mv_inner .under_mv_content {
  margin: min(6rem, 4.39238653vw) auto 0;
  -webkit-animation: under_mv 1.5s ease;
          animation: under_mv 1.5s ease;
}
@-webkit-keyframes under_mv {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes under_mv {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.under_mv .under_mv_inner .under_mv_content .under_mv_img {
  width: min(24rem, 17.5695461201vw);
  margin: 0 auto;
}
.under_mv .under_mv_inner .under_mv_content .under_mv_img img {
  width: 100%;
}
.under_mv .under_mv_inner .under_mv_content .under_ttl {
  font-size: 3.4rem;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
  margin-top: min(2rem, 1.4641288433vw);
}

@media screen and (max-width: 768px) {
  .under_mv .under_mv_inner {
    width: 100%;
    height: 37rem;
    border-bottom-left-radius: 60% 20%;
    border-bottom-right-radius: 60% 20%;
    padding-top: 6.2rem;
  }
  .under_mv .under_mv_inner .under_mv_content {
    margin: 4rem auto 0;
  }
  .under_mv .under_mv_inner .under_mv_content .under_mv_img {
    width: 16.6rem;
  }
  .under_mv .under_mv_inner .under_mv_content .under_ttl {
    font-size: 2.1rem;
    margin-top: 1.2rem;
  }
}
.fadein {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fadein.active {
  opacity: 1;
}

.fadein_t {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fadein_t.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fadein_l {
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fadein_l.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fadein_r {
  opacity: 0;
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fadein_r.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fadein_b {
  opacity: 0;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fadein_b.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.fadein_img {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  overflow: hidden;
}
.fadein_img img {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

.fadein_img.active {
  opacity: 1;
  -webkit-transition: 1s;
  transition: 1s;
  overflow: hidden;
}
.fadein_img.active img {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.anime_d_01 {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.anime_d_01 img {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.anime_d_02 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.anime_d_02 img {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.anime_d_03 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.anime_d_03 img {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.anime_d_04 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.anime_d_04 img {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.anime_d_05 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.anime_d_05 img {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.anime_d_06 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.anime_d_06 img {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.anime_d_07 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.anime_d_07 img {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.anime_d_08 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.anime_d_08 img {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.anime_d_09 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.anime_d_09 img {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.anime_d_10 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.anime_d_10 img {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.anime_d_11 {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.anime_d_11 img {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

.anime_d_12 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.anime_d_12 img {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.anime_d_13 {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.anime_d_13 img {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

.anime_d_14 {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.anime_d_14 img {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.anime_d_15 {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.anime_d_15 img {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.anime_d_16 {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.anime_d_16 img {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.anime_d_17 {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}
.anime_d_17 img {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

.anime_d_18 {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.anime_d_18 img {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

.anime_d_19 {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}
.anime_d_19 img {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

.anime_d_20 {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.anime_d_20 img {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

.footer {
  position: relative;
  z-index: 50;
}
.footer .ft_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: min(6rem, 4.39238653vw) min(8rem, 5.8565153734vw);
  background-color: #fff;
}
.footer .ft_main .ft_contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.footer .ft_main .ft_contact .ft_logo {
  display: block;
  width: min(22.5rem, 16.4714494876vw);
}
.footer .ft_main .ft_contact .ft_logo img {
  width: 100%;
}
.footer .ft_main .ft_contact .ft_contact_info {
  margin-left: min(6.4rem, 4.6852122987vw);
  padding-top: min(4rem, 2.9282576867vw);
}
.footer .ft_main .ft_contact .ft_contact_info .ft_contact_ttl {
  font-size: 2rem;
  line-height: 1;
}
.footer .ft_main .ft_contact .ft_contact_info .ft_contact_txt {
  font-size: 1.6rem;
  line-height: 2.25;
  margin-top: min(2rem, 1.4641288433vw);
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail {
  position: relative;
  display: block;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  margin-top: min(3.2rem, 2.3426061493vw);
  padding-left: min(7rem, 5.1244509517vw);
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  display: block;
  content: "";
  width: min(5.6rem, 4.0995607613vw);
  height: min(5.6rem, 4.0995607613vw);
  background-image: url("../images/common/mail_ic.svg");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail::after {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  display: block;
  content: "";
  width: min(5.6rem, 4.0995607613vw);
  height: min(5.6rem, 4.0995607613vw);
  background-image: url("../images/common/mail_ic_y.svg");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
}
.footer .ft_main .ft_menu_wrap .ft_menu ul li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.7;
  margin-top: min(1.8rem, 1.317715959vw);
  padding-left: min(2.4rem, 1.756954612vw);
}
.footer .ft_main .ft_menu_wrap .ft_menu ul li:first-child {
  margin-top: 0;
}
.footer .ft_main .ft_menu_wrap .ft_menu ul li::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) skew(-5deg, -5deg);
          transform: translate(-50%, -50%) rotate(45deg) skew(-5deg, -5deg);
  width: min(1rem, 0.7320644217vw);
  height: min(1rem, 0.7320644217vw);
  border-top: min(0.2rem, 0.1464128843vw) solid #008e42;
  border-right: min(0.2rem, 0.1464128843vw) solid #008e42;
}
.footer .ft_copy {
  background-color: #008e42;
  padding: min(2.5rem, 1.8301610542vw) 0;
}
.footer .ft_copy p {
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
}

@media screen and (min-width: 769px) {
  .footer .ft_main .ft_menu_wrap .ft_menu ul li {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul li::before {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul li:hover, .footer .ft_main .ft_menu_wrap .ft_menu ul li:focus-visible {
    color: #fff000;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul li:hover::before, .footer .ft_main .ft_menu_wrap .ft_menu ul li:focus-visible::before {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-top: min(0.2rem, 0.1464128843vw) solid #fff000;
    border-right: min(0.2rem, 0.1464128843vw) solid #fff000;
  }
}
@media screen and (max-width: 768px) {
  .footer .ft_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 4rem 0 5rem;
  }
  .footer .ft_main .ft_contact {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: block;
    margin: 5rem auto 0;
  }
  .footer .ft_main .ft_contact .ft_logo {
    width: 22rem;
    margin: 0 auto;
  }
  .footer .ft_main .ft_contact .ft_contact_info {
    margin-left: 0;
    padding-top: 0;
    margin: 3.4rem auto 0;
  }
  .footer .ft_main .ft_contact .ft_contact_info .ft_contact_ttl {
    font-size: 1.8rem;
    text-align: center;
  }
  .footer .ft_main .ft_contact .ft_contact_info .ft_contact_txt {
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 1.6rem;
    text-align: center;
  }
  .footer .ft_main .ft_contact .ft_contact_info .ft_mail {
    font-size: 1.8rem;
    margin-top: 2rem;
    padding-left: 6rem;
  }
  .footer .ft_main .ft_contact .ft_contact_info .ft_mail::before {
    width: 4.8rem;
    height: 4.8rem;
  }
  .footer .ft_main .ft_contact .ft_contact_info .ft_mail::after {
    width: 4.8rem;
    height: 4.8rem;
  }
  .footer .ft_main .ft_menu_wrap {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu {
    padding: 0 2.4rem;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul li {
    font-size: 1.1rem;
    line-height: 1.8;
    margin-top: 1rem;
    padding-left: 0;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul li:first-child {
    margin-top: 0;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul li:nth-child(2) {
    margin-top: 0;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul li:nth-child(even) {
    padding-left: 0.2rem;
  }
  .footer .ft_main .ft_menu_wrap .ft_menu ul li::before {
    display: block;
    content: "";
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, 0) rotate(45deg) skew(-5deg, -5deg);
            transform: translate(-50%, 0) rotate(45deg) skew(-5deg, -5deg);
    width: 0.8rem;
    height: 0.8rem;
    border-top: 0.18rem solid #008e42;
    border-right: 0.18rem solid #008e42;
    margin-right: 0.5rem;
  }
  .footer .ft_copy {
    padding: 2rem 0;
  }
  .footer .ft_copy p {
    font-size: 1.1rem;
  }
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail::before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail::after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail:hover, .footer .ft_main .ft_contact .ft_contact_info .ft_mail:focus-visible {
  color: #fff000;
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail:hover::before, .footer .ft_main .ft_contact .ft_contact_info .ft_mail:focus-visible::before {
  opacity: 0;
}
.footer .ft_main .ft_contact .ft_contact_info .ft_mail:hover::after, .footer .ft_main .ft_contact .ft_contact_info .ft_mail:focus-visible::after {
  opacity: 1;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #008e42;
  width: 100%;
  height: min(9rem, 6.588579795vw);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 10px;
  background-image: url("../images/common/hd_item.svg");
  background-repeat: no-repeat;
  background-repeat: repeat-x;
  background-size: auto 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.header .logo {
  display: block;
  width: min(28rem, 20.4978038067vw);
  margin-left: min(4rem, 2.9282576867vw);
}
.header .logo a {
  display: block;
}
.header .logo a img {
  width: 100%;
}
.header .logo.active {
  opacity: 1;
}
.header .hd_menu_wrap .hd_menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: min(4rem, 2.9282576867vw);
}
.header .hd_menu_wrap .hd_menu ul li {
  margin-right: min(2.6rem, 1.9033674963vw);
}
.header .hd_menu_wrap .hd_menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.07em;
  line-height: 1.7;
}
.header .hd_menu_wrap .hd_menu ul li a::before {
  display: block;
  content: "";
  width: min(4.8rem, 3.513909224vw);
  height: min(4.8rem, 3.513909224vw);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: min(1.2rem, 0.878477306vw);
}
.header .hd_menu_wrap .hd_menu ul li:nth-child(1) {
  display: none;
}
.header .hd_menu_wrap .hd_menu ul li:nth-child(1) a::before {
  background-image: url("../images/common/hd_ic_1.svg");
}
.header .hd_menu_wrap .hd_menu ul li:nth-child(2) a::before {
  background-image: url("../images/common/hd_ic_2.svg");
}
.header .hd_menu_wrap .hd_menu ul li:nth-child(3) a::before {
  background-image: url("../images/common/hd_ic_3.svg");
}
.header .hd_menu_wrap .hd_menu ul li:nth-child(4) a::before {
  background-image: url("../images/common/hd_ic_4.svg");
}
.header .hd_menu_wrap .hd_menu ul li:last-child {
  margin-right: 0;
}
.header .menu_bar {
  display: none;
}

@media screen and (min-width: 769px) {
  .header .hd_menu_wrap .hd_menu ul li a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .header .hd_menu_wrap .hd_menu ul li a:hover, .header .hd_menu_wrap .hd_menu ul li a:focus-visible {
    color: #fff000;
  }
}
@media screen and (max-width: 768px) {
  .header {
    display: block;
    height: 6.2rem;
  }
  .header::before {
    height: 7px;
  }
  .header .logo {
    position: relative;
    width: 20rem;
    margin: 0 auto;
    padding-top: 1rem;
    z-index: 2;
    opacity: 1;
    -webkit-transition: 0.5S;
    transition: 0.5S;
  }
  .header .logo a img {
    width: 100%;
  }
  .header .logo.active {
    opacity: 0;
  }
  .header .hd_menu_wrap {
    position: fixed;
    opacity: 1;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #008e42;
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateY(calc(-120vh - 7px));
            transform: translateY(calc(-120vh - 7px));
    pointer-events: none;
  }
  .header .hd_menu_wrap::before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 7px;
    background-image: url("../images/common/hd_item.svg");
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    background-size: auto 100%;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .header .hd_menu_wrap .hd_menu {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 6.5rem 0.5em;
    overflow-y: scroll;
    opacity: 0;
  }
  .header .hd_menu_wrap .hd_menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 32rem;
    margin: 2.4rem auto 0;
  }
  .header .hd_menu_wrap .hd_menu ul li {
    margin-right: 0;
  }
  .header .hd_menu_wrap .hd_menu ul li a {
    position: relative;
    font-size: 1.6rem;
    letter-spacing: 0.07em;
    line-height: 1.75;
    border-bottom: 0.1rem solid #fff;
    padding: 2.8rem 0.5rem;
  }
  .header .hd_menu_wrap .hd_menu ul li a::before {
    width: 5rem;
    height: 5rem;
    margin-right: 1.4rem;
  }
  .header .hd_menu_wrap .hd_menu ul li a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) skew(-5deg, -5deg);
            transform: translate(-50%, -50%) rotate(45deg) skew(-5deg, -5deg);
    width: 1.2rem;
    height: 1.2rem;
    border-top: 0.2rem solid #fff;
    border-right: 0.2rem solid #fff;
  }
  .header .hd_menu_wrap .hd_menu ul li:nth-child(1) {
    display: block;
  }
  .header .hd_menu_wrap .hd_menu ul li:last-child {
    margin-right: 0;
  }
  .header .hd_menu_wrap.menu_on {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto;
    -webkit-animation: menu_on 1.5s;
            animation: menu_on 1.5s;
  }
  @-webkit-keyframes menu_on {
    0% {
      -webkit-transform: translateY(calc(-110vh - 0.7rem));
              transform: translateY(calc(-110vh - 0.7rem));
    }
    50%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes menu_on {
    0% {
      -webkit-transform: translateY(calc(-110vh - 0.7rem));
              transform: translateY(calc(-110vh - 0.7rem));
    }
    50%, 100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .header .hd_menu_wrap.menu_on .hd_menu {
    opacity: 1;
    -webkit-animation: menu_op_on 1.5s;
            animation: menu_op_on 1.5s;
  }
  @-webkit-keyframes menu_op_on {
    0%, 50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes menu_op_on {
    0%, 50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .header .hd_menu_wrap.menu_off {
    -webkit-transform: translateY(calc(-110vh - 0.7rem));
            transform: translateY(calc(-110vh - 0.7rem));
    pointer-events: none;
    -webkit-animation: menu_off 1s;
            animation: menu_off 1s;
  }
  @-webkit-keyframes menu_off {
    0%, 50% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(calc(-110vh - 0.7rem));
              transform: translateY(calc(-110vh - 0.7rem));
    }
  }
  @keyframes menu_off {
    0%, 50% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(calc(-110vh - 0.7rem));
              transform: translateY(calc(-110vh - 0.7rem));
    }
  }
  .header .hd_menu_wrap.menu_off .hd_menu {
    opacity: 0;
    -webkit-animation: menu_op_off 1s;
            animation: menu_op_off 1s;
  }
  @-webkit-keyframes menu_op_off {
    0% {
      opacity: 1;
    }
    50%, 100% {
      opacity: 0;
    }
  }
  @keyframes menu_op_off {
    0% {
      opacity: 1;
    }
    50%, 100% {
      opacity: 0;
    }
  }
  .header .menu_bar {
    display: block;
    position: fixed;
    top: 1.7rem;
    right: 1.7rem;
    width: 2.8rem;
    height: 2.6rem;
    z-index: 2;
  }
  .header .menu_bar span {
    width: 100%;
    height: 0.3rem;
    background-color: #fff000;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    left: 0;
  }
  .header .menu_bar span:nth-of-type(1) {
    top: 0;
  }
  .header .menu_bar span:nth-of-type(2) {
    top: 1.15rem;
  }
  .header .menu_bar span:nth-of-type(3) {
    bottom: 0;
  }
  .header .menu_bar.active span:nth-of-type(1) {
    -webkit-transform: translateY(1.15rem) rotate(-45deg);
            transform: translateY(1.15rem) rotate(-45deg);
  }
  .header .menu_bar.active span:nth-of-type(2) {
    opacity: 0;
  }
  .header .menu_bar.active span:nth-of-type(3) {
    -webkit-transform: translateY(-1.15rem) rotate(45deg);
            transform: translateY(-1.15rem) rotate(45deg);
  }
}
.btn_01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 1.8rem;
  background-color: #008e42;
  color: #fff000;
  width: min(31rem, 22.6939970717vw);
  height: min(6.6rem, 4.831625183vw);
  border-radius: 100vw;
  border: 2px solid #008e42;
}
.btn_01::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: min(2.2rem, 1.6105417277vw);
  -webkit-transform: translateY(-50%) rotate(45deg) skew(-5deg, -5deg);
          transform: translateY(-50%) rotate(45deg) skew(-5deg, -5deg);
  width: min(1.4rem, 1.0248901903vw);
  height: min(1.4rem, 1.0248901903vw);
  border-top: min(0.3rem, 0.2196193265vw) solid #fff000;
  border-right: min(0.3rem, 0.2196193265vw) solid #fff000;
}

@media screen and (min-width: 769px) {
  .btn_01 {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .btn_01::after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .btn_01:hover, .btn_01:focus-visible {
    color: #008e42;
    background-color: #fff000;
  }
  .btn_01:hover::after, .btn_01:focus-visible::after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-top: min(0.3rem, 0.2196193265vw) solid #008e42;
    border-right: min(0.3rem, 0.2196193265vw) solid #008e42;
  }
}
@media screen and (max-width: 768px) {
  .btn_01 {
    font-size: 1.5rem;
    width: 26rem;
    height: 5.5rem;
  }
  .btn_01::after {
    right: 2rem;
    width: 1rem;
    height: 1rem;
    border-top: 0.2rem solid #fff000;
    border-right: 0.2rem solid #fff000;
  }
}
.section_ttl_group {
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding-bottom: min(5.6rem, 4.0995607613vw);
}
.section_ttl_group::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: min(23.8rem, 17.4231332357vw);
  height: min(1.7rem, 1.2445095168vw);
  background-image: url("../images/common/under_line.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.section_ttl_group .section_ttl {
  display: inline-block;
}
.section_ttl_group .section_ttl img {
  width: 100%;
}
.section_ttl_group .section_ttl_jp {
  font-size: 2.4rem;
  line-height: 1;
  margin-top: min(2.8rem, 2.0497803807vw);
  white-space: nowrap;
}
.section_ttl_group .section_ttl_jp.ct_top {
  margin-top: min(4rem, 2.9282576867vw);
}
.section_ttl_group.section_ttl_group_w::after {
  background-image: url("../images/common/under_line_w.svg");
}

@media screen and (max-width: 768px) {
  .section_ttl_group {
    padding-bottom: 4.5rem;
  }
  .section_ttl_group::after {
    width: 19.5rem;
    height: 1.4rem;
  }
  .section_ttl_group .section_ttl_jp {
    font-size: 1.8rem;
    margin-top: 1.8rem;
  }
  .section_ttl_group .section_ttl_jp.ct_top {
    margin-top: 3.2rem;
  }
  .section_ttl_group .section_ttl_jp.ct_top_2 {
    margin-top: 3.2rem;
  }
  .section_ttl_group .section_ttl_jp_2 {
    line-height: 1.5;
  }
}
#top_mv {
  position: relative;
  z-index: 3;
}
#top_mv .mv_bakimg {
  display: block;
  width: min(129rem, 94.4363103953vw);
  margin: 0 auto;
  -webkit-animation: mv_bakimg 3s;
          animation: mv_bakimg 3s;
}
@-webkit-keyframes mv_bakimg {
  0% {
    opacity: 0;
  }
  33%, 100% {
    opacity: 1;
  }
}
@keyframes mv_bakimg {
  0% {
    opacity: 0;
  }
  33%, 100% {
    opacity: 1;
  }
}
#top_mv .mv_bakimg img {
  width: 100%;
}
#top_mv .mv_content {
  position: absolute;
  top: min(16rem, 11.7130307467vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#top_mv .mv_content .page_ttl {
  display: block;
  width: min(85rem, 62.2254758419vw);
  -webkit-animation: page_ttl 3s;
          animation: page_ttl 3s;
}
@-webkit-keyframes page_ttl {
  0%, 33% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  66%, 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes page_ttl {
  0%, 33% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  66%, 100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#top_mv .mv_content .page_ttl img {
  width: 100%;
}
#top_mv .mv_content .mv_txt {
  font-size: 1.8rem;
  line-height: 2.7;
  letter-spacing: 0.07em;
  font-weight: 700;
  text-align: center;
  margin-top: -6.4rem;
  -webkit-animation: mv_other 3s;
          animation: mv_other 3s;
}
@-webkit-keyframes mv_other {
  0%, 66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mv_other {
  0%, 66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#top_mv .mv_content .btn_01 {
  margin: min(4rem, 2.9282576867vw) auto 0;
  -webkit-animation: mv_other 3s;
          animation: mv_other 3s;
}
@keyframes mv_other {
  0%, 66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #top_mv .mv_bakimg {
    display: block;
    width: 100%;
    margin: 6.2rem auto 0;
  }
  #top_mv .mv_content {
    top: 2.5rem;
  }
  #top_mv .mv_content .page_ttl {
    display: block;
    width: 35.5rem;
  }
  #top_mv .mv_content .page_ttl img {
    width: 100%;
  }
  #top_mv .mv_content .mv_txt {
    font-size: 1.4rem;
    line-height: 2.3;
    margin-top: -2rem;
  }
  #top_mv .mv_content .btn_01 {
    margin: 2.8rem auto 0;
  }
}
#top_try {
  position: relative;
  padding-top: min(14.5rem, 10.6149341142vw);
  padding-bottom: min(14.7rem, 10.7613469985vw);
  z-index: 1;
}
#top_try .try_bak_item {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, 8.8rem);
          transform: translate(-50%, 8.8rem);
  z-index: 0;
}
#top_try .try_bak_item img {
  width: 100%;
}
#top_try .section_inner {
  position: relative;
  width: min(114rem, 83.4553440703vw);
  margin: 0 auto;
  z-index: 1;
}
#top_try .section_inner .section_head .section_ttl_group .section_ttl {
  width: min(50rem, 36.6032210835vw);
}
#top_try .section_inner .section_head .section_head_txt {
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  margin-top: min(4rem, 2.9282576867vw);
}
#top_try .section_inner .sns_bt_wrap {
  margin-top: min(8rem, 5.8565153734vw);
}
#top_try .section_inner .sns_bt_wrap .sns_bt {
  position: relative;
  width: min(59.6rem, 43.6310395315vw);
  background-color: #fff000;
  display: block;
  text-align: center;
  margin: 0 auto;
  border-radius: 100vw;
  padding: min(2.4rem, 1.756954612vw) 0;
  border: 3px solid #fff000;
}
#top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_ttl {
  position: relative;
  display: inline-block;
  width: min(28.7rem, 21.0102489019vw);
}
#top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_ttl .sns_bt_ttl_img {
  width: 100%;
}
#top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_ttl .sns_bt_ttl_img_h {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_ttl img {
  width: 100%;
}
#top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_txt {
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.07em;
  margin-top: min(1.6rem, 1.1713030747vw);
}
#top_try .section_inner .sns_bt_wrap .sns_bt::before {
  display: block;
  content: "";
  width: min(3.2rem, 2.3426061493vw);
  height: min(3rem, 2.196193265vw);
  background-image: url("../images/top/instagram_btn_item.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: min(4.6rem, 3.3674963397vw);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#top_try .section_inner .sns_bt_wrap .sns_bt::after {
  display: block;
  content: "";
  width: min(3.2rem, 2.3426061493vw);
  height: min(3rem, 2.196193265vw);
  background-image: url("../images/top/instagram_btn_item_h.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: min(4.6rem, 3.3674963397vw);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
#top_try .section_inner #sns {
  padding-top: min(14rem, 10.2489019034vw);
}
#top_try .section_inner .insta {
  position: relative;
  display: block;
  width: min(114rem, 83.4553440703vw);
  padding: min(13rem, 9.5168374817vw) 0 min(8rem, 5.8565153734vw);
  z-index: 0;
  border-bottom: 3px solid #fff000;
  border-radius: 0 0 min(2.4rem, 1.756954612vw) min(2.4rem, 1.756954612vw);
}
#top_try .section_inner .insta::before {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: min(38.5rem, 28.1844802343vw);
  height: 100%;
  border: 3px solid #fff000;
  border-right: none;
  z-index: -1;
  border-radius: min(2.4rem, 1.756954612vw) 0 0 min(2.4rem, 1.756954612vw);
  pointer-events: none;
}
#top_try .section_inner .insta::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  right: 0;
  width: min(38.5rem, 28.1844802343vw);
  height: 100%;
  border: 3px solid #fff000;
  border-left: none;
  z-index: -1;
  border-radius: 0 min(2.4rem, 1.756954612vw) min(2.4rem, 1.756954612vw) 0;
  pointer-events: none;
}
#top_try .section_inner .insta .insta_ttl_group {
  position: absolute;
  top: -2.3rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: center;
}
#top_try .section_inner .insta .insta_ttl_group .insta_ttl {
  display: block;
  width: min(28.8rem, 21.0834553441vw);
}
#top_try .section_inner .insta .insta_ttl_group .insta_ttl_jp {
  font-size: 2.4rem;
  line-height: 1;
  margin-top: min(2rem, 1.4641288433vw);
  text-align: center;
}
#top_try .section_inner .insta .sns_content {
  display: -ms-grid;
  display: grid;
  width: min(89.8rem, 65.7393850659vw);
  -ms-grid-columns: 1fr min(4.2rem, 3.074670571vw) 1fr min(4.2rem, 3.074670571vw) 1fr min(4.2rem, 3.074670571vw) 1fr;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: min(4.2rem, 3.074670571vw);
  margin: 0 auto;
}
#top_try .section_inner .insta .sns_content li {
  display: block;
  border-radius: min(2.4rem, 1.756954612vw);
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
#top_try .section_inner .insta .sns_content li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
#top_try .section_inner .insta .sns_content li img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

@media screen and (min-width: 769px) {
  #top_try .section_inner .sns_bt_wrap .sns_bt {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_ttl .sns_bt_ttl_img {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_ttl .sns_bt_ttl_img_h {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_txt {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt::before {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt::after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt:hover, #top_try .section_inner .sns_bt_wrap .sns_bt:focus-visible {
    background-color: #008e42;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt:hover .sns_bt_txt, #top_try .section_inner .sns_bt_wrap .sns_bt:focus-visible .sns_bt_txt {
    color: #fff000;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt:hover .sns_bt_ttl .sns_bt_ttl_img, #top_try .section_inner .sns_bt_wrap .sns_bt:focus-visible .sns_bt_ttl .sns_bt_ttl_img {
    opacity: 0;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt:hover .sns_bt_ttl .sns_bt_ttl_img_h, #top_try .section_inner .sns_bt_wrap .sns_bt:focus-visible .sns_bt_ttl .sns_bt_ttl_img_h {
    opacity: 1;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt:hover::before, #top_try .section_inner .sns_bt_wrap .sns_bt:focus-visible::before {
    opacity: 0;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt:hover::after, #top_try .section_inner .sns_bt_wrap .sns_bt:focus-visible::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  #top_try {
    padding-top: 7rem;
    padding-bottom: 7.3rem;
  }
  #top_try .try_bak_item {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 3rem);
            transform: translate(-50%, 3rem);
  }
  #top_try .try_bak_item img {
    width: 100%;
  }
  #top_try .section_inner {
    width: 30rem;
  }
  #top_try .section_inner .section_head .section_ttl_group .section_ttl {
    width: 29rem;
  }
  #top_try .section_inner .section_head .section_head_txt {
    font-size: 1.4rem;
    line-height: 2.3;
    text-align: center;
    margin-top: 3rem;
  }
  #top_try .section_inner .sns_bt_wrap {
    margin-top: 4rem;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt {
    width: 30rem;
    padding: 1.6rem 0;
    border: 2px solid #fff000;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_ttl {
    width: 16rem;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_ttl .sns_bt_ttl_img_h {
    display: none;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt .sns_bt_txt {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt::before {
    width: 2rem;
    height: 1.8rem;
    background-image: url("../images/top/instagram_btn_item.svg");
    position: absolute;
    right: min(4.6rem, 3.3674963397vw);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #top_try .section_inner .sns_bt_wrap .sns_bt::after {
    display: none;
  }
  #top_try .section_inner #sns {
    padding-top: 6rem;
  }
  #top_try .section_inner .insta {
    width: 30rem;
    padding: 9.8rem 0 4.5rem;
    z-index: 0;
    border-bottom: 2px solid #fff000;
    border-radius: 0 0 1.5rem 1.5rem;
  }
  #top_try .section_inner .insta::before {
    bottom: -2px;
    width: 3.5rem;
    border: 0.2rem solid #fff000;
    border-right: none;
    border-radius: 1.5rem 0 0 1.5rem;
  }
  #top_try .section_inner .insta::after {
    bottom: -2px;
    width: 3.5rem;
    border: 0.2rem solid #fff000;
    border-left: none;
    border-radius: 0 1.5rem 1.5rem 0;
  }
  #top_try .section_inner .insta .insta_ttl_group {
    top: -1.2rem;
  }
  #top_try .section_inner .insta .insta_ttl_group .insta_ttl {
    width: 19.7rem;
  }
  #top_try .section_inner .insta .insta_ttl_group .insta_ttl_jp {
    font-size: 1.8rem;
    margin-top: 2.2rem;
  }
  #top_try .section_inner .insta .sns_content {
    width: 24rem;
    -ms-grid-columns: 1fr 1.6rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.6rem;
  }
  #top_try .section_inner .insta .sns_content li {
    border-radius: 1rem;
  }
}
#top_benefits {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(70%, rgb(255, 240, 0)));
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 240, 0) 70%);
  padding: min(16.4rem, 12.0058565154vw) 0 min(12.8rem, 9.3704245974vw);
}
#top_benefits .section_inner {
  width: min(120.5rem, 88.2137628111vw);
  margin: 0 auto;
}
#top_benefits .section_inner .benefits_content {
  text-align: center;
}
#top_benefits .section_inner .benefits_content .benefits_img {
  display: block;
  width: min(12.5rem, 9.1508052709vw);
  margin: 0 auto;
}
#top_benefits .section_inner .benefits_content .benefits_ttl {
  position: relative;
  margin-top: min(2.6rem, 1.9033674963vw);
  padding-bottom: min(5.6rem, 4.0995607613vw);
  font-size: 3.8rem;
  line-height: 1;
}
#top_benefits .section_inner .benefits_content .benefits_ttl::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: min(23.8rem, 17.4231332357vw);
  height: min(1.7rem, 1.2445095168vw);
  background-image: url("../images/common/under_line_w.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#top_benefits .section_inner .benefits_content .benefits_txt {
  font-size: 1.8rem;
  line-height: 2.7;
  letter-spacing: 0.07em;
  margin-top: min(4rem, 2.9282576867vw);
}
#top_benefits .section_inner .benefits_content .btn_01 {
  margin: min(4rem, 2.9282576867vw) auto 0;
}

@media screen and (max-width: 768px) {
  #top_benefits {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(255, 240, 0)));
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 240, 0));
    padding: 10rem 0 10rem;
  }
  #top_benefits .section_inner {
    width: 32rem;
  }
  #top_benefits .section_inner .benefits_content .benefits_img {
    width: 10.5rem;
  }
  #top_benefits .section_inner .benefits_content .benefits_ttl {
    margin-top: 2.5rem;
    padding-bottom: 5rem;
    font-size: 2.5rem;
  }
  #top_benefits .section_inner .benefits_content .benefits_ttl::after {
    width: 18.6rem;
    height: 1.4rem;
  }
  #top_benefits .section_inner .benefits_content .benefits_txt {
    font-size: 1.4rem;
    line-height: 2.3;
    margin-top: 3rem;
  }
  #top_benefits .section_inner .benefits_content .btn_01 {
    margin: 3rem auto 0;
  }
}
#about {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(255, 240, 0)));
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 240, 0));
  padding-bottom: min(15rem, 10.980966325vw);
}

@media screen and (max-width: 768px) {
  #about {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(255, 240, 0)));
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 240, 0));
    padding-bottom: 12.4rem;
  }
}
#about_top {
  padding: min(14rem, 10.2489019034vw) 0 0;
}
#about_top .section_ttl_group .section_ttl {
  width: min(26rem, 19.0336749634vw);
}
#about_top .section_inner {
  width: min(120.5rem, 88.2137628111vw);
  margin: 0 auto;
}
#about_top .section_inner .top_txt {
  font-size: 1.8rem;
  line-height: 2.888;
  text-align: center;
  margin-top: min(4rem, 2.9282576867vw);
}

@media screen and (max-width: 768px) {
  #about_top {
    padding: 6rem 0 0;
  }
  #about_top .section_ttl_group .section_ttl {
    width: 15.8rem;
  }
  #about_top .section_inner {
    width: 100%;
    margin: 0 auto;
  }
  #about_top .section_inner .top_txt {
    font-size: 1.4rem;
    line-height: 2.6;
    margin-top: 3.4rem;
  }
}
#about_activity {
  position: relative;
  margin-top: min(18rem, 13.17715959vw);
}
#about_activity .section_inner {
  position: relative;
  width: min(120.5rem, 88.2137628111vw);
  padding: min(11.5rem, 8.4187408492vw) min(12.5rem, 9.1508052709vw) min(12.5rem, 9.1508052709vw);
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0 0 min(2.5rem, 1.8301610542vw) min(2.5rem, 1.8301610542vw);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(255, 255, 255)), to(rgb(175, 221, 228)));
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(175, 221, 228) 100%);
}
#about_activity .section_inner::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: min(8.3rem, 6.0761346999vw);
  background-image: url("../images/about/wave_1.svg");
  -webkit-transform: translateY(calc(-100% + 1px));
          transform: translateY(calc(-100% + 1px));
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  z-index: -1;
}
#about_activity .section_inner p {
  font-size: 1.8rem;
  line-height: 2.15;
  letter-spacing: 0.1em;
  font-weight: 400;
}
#about_activity .section_inner .activity_ttl {
  position: relative;
  font-size: 3rem;
  text-align: center;
  padding-bottom: min(5.6rem, 4.0995607613vw);
}
#about_activity .section_inner .activity_ttl::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: min(10rem, 7.3206442167vw);
  height: min(1.2rem, 0.878477306vw);
  background-image: url("../images/common/dot_item_1.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
#about_activity .section_inner .activity_txt {
  margin-top: min(4rem, 2.9282576867vw);
  text-align: justify;
  text-justify: inter-ideograph;
}
#about_activity .section_inner .activity_flex {
  margin-top: min(4rem, 2.9282576867vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#about_activity .section_inner .activity_flex p {
  margin-top: min(3.6rem, 2.635431918vw);
  text-align: justify;
  text-justify: inter-ideograph;
}
#about_activity .section_inner .activity_flex p:first-child {
  margin-top: 0;
}
#about_activity .section_inner .activity_flex .activity_flex_txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: -0.5em;
}
#about_activity .section_inner .activity_flex .activity_flex_img_wrap {
  width: min(39.2rem, 28.6969253294vw);
  margin-left: min(4rem, 2.9282576867vw);
}
#about_activity .section_inner .activity_flex .activity_flex_img img {
  width: 100%;
}
#about_activity .section_inner .activity_flex .activity_note {
  font-size: 1.4rem;
  text-align: right;
  margin-top: 1rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
}
#about_activity .section_inner .activity_flex.activity_flex_m {
  margin-top: min(8rem, 5.8565153734vw);
}
#about_activity .section_inner .activity_flex_left .activity_flex_txt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#about_activity .section_inner .activity_flex_left .activity_flex_txt p {
  margin-top: min(4rem, 2.9282576867vw);
}
#about_activity .section_inner .activity_flex_left .activity_flex_txt p:first-child {
  margin-top: 0;
}
#about_activity .section_inner .activity_flex_left .activity_flex_img_wrap {
  margin: 0;
  margin-right: min(4rem, 2.9282576867vw);
}
#about_activity .section_inner .activity_flex_left .activity_flex_img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (max-width: 768px) {
  #about_activity {
    margin-top: 8rem;
  }
  #about_activity .section_inner {
    width: 32rem;
    padding: 4rem 3.6rem 7.5rem;
    border-radius: 0 0 1.5rem 1.5rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(255, 255, 255)), to(rgb(175, 221, 228)));
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(175, 221, 228) 100%);
  }
  #about_activity .section_inner::after {
    height: 2.2rem;
    background-image: url("../images/about/wave_1.svg");
  }
  #about_activity .section_inner p {
    font-size: 1.4rem;
    line-height: 2.4;
    letter-spacing: 0.05em;
  }
  #about_activity .section_inner .activity_ttl {
    font-size: 2rem;
    line-height: 1.65;
    padding-bottom: 3rem;
  }
  #about_activity .section_inner .activity_ttl::before {
    width: 8.2rem;
    height: 1rem;
  }
  #about_activity .section_inner .activity_txt {
    margin-top: 3rem;
  }
  #about_activity .section_inner .activity_flex {
    margin-top: 3rem;
    display: block;
  }
  #about_activity .section_inner .activity_flex p {
    margin-top: 3rem;
  }
  #about_activity .section_inner .activity_flex p:first-child {
    margin-top: 0;
  }
  #about_activity .section_inner .activity_flex .activity_flex_txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: -0.5em;
  }
  #about_activity .section_inner .activity_flex .activity_flex_img_wrap {
    width: 100%;
    margin: 3rem 0 0;
  }
  #about_activity .section_inner .activity_flex .activity_flex_img img {
    width: 100%;
  }
  #about_activity .section_inner .activity_flex .activity_note {
    font-size: 1.1rem;
  }
  #about_activity .section_inner .activity_flex.activity_flex_m {
    margin-top: 6.5rem;
  }
  #about_activity .section_inner .activity_flex_left .activity_flex_txt p {
    margin-top: 3rem;
  }
}
#jccg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(123, 194, 124)));
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(123, 194, 124));
  padding-bottom: min(15rem, 10.980966325vw);
}

@media screen and (max-width: 768px) {
  #jccg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(123, 194, 124)));
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(123, 194, 124));
    padding-bottom: 12.4rem;
  }
}
#jccg_what {
  margin-top: min(17.6rem, 12.8843338214vw);
}
#jccg_what .section_ttl_group .section_ttl {
  width: min(52.6rem, 38.5065885798vw);
}
#jccg_what .section_inner {
  position: relative;
  width: min(120.5rem, 88.2137628111vw);
  margin: 0 auto;
  background-color: #fff;
  padding: min(23rem, 16.8374816984vw) min(12.6rem, 9.224011713vw) min(12.6rem, 9.224011713vw);
  border-radius: min(2.4rem, 1.756954612vw);
  z-index: 0;
  border-bottom: 3px solid #fff000;
}
#jccg_what .section_inner::before {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: min(30.2rem, 22.1083455344vw);
  height: calc(100% + 3px);
  border: 3px solid #fff000;
  border-right: none;
  z-index: -1;
  border-radius: min(2.4rem, 1.756954612vw) 0 0 min(2.4rem, 1.756954612vw);
  pointer-events: none;
}
#jccg_what .section_inner::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  right: 0;
  width: min(30.2rem, 22.1083455344vw);
  height: calc(100% + 3px);
  border: 3px solid #fff000;
  border-left: none;
  z-index: -1;
  border-radius: 0 min(2.4rem, 1.756954612vw) min(2.4rem, 1.756954612vw) 0;
  pointer-events: none;
}
#jccg_what .section_inner .jccg_what_head {
  position: absolute;
  top: -3.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#jccg_what .section_inner .jccg_what_content p {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 2;
  font-weight: 400;
  margin-top: min(3rem, 2.196193265vw);
  text-align: justify;
  text-justify: inter-ideograph;
}
#jccg_what .section_inner .jccg_what_content p:first-child {
  margin-top: 0;
}
#jccg_what .section_inner .jccg_what_content .jccg_what_img {
  width: min(41.6rem, 30.4538799414vw);
  margin: min(4rem, 2.9282576867vw) auto 0;
}
#jccg_what .section_inner .jccg_what_content .jccg_what_img img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #jccg_what {
    margin-top: 8.5rem;
  }
  #jccg_what .section_ttl_group .section_ttl {
    width: 17.5rem;
  }
  #jccg_what .section_inner {
    width: 32rem;
    padding: 24.5rem 3.6rem 7.5rem;
    border-radius: 1.5rem;
    border-bottom: 2px solid #fff000;
  }
  #jccg_what .section_inner::before {
    bottom: -2px;
    width: 6rem;
    height: calc(100% + 2px);
    border: 2px solid #fff000;
    border-right: none;
    border-radius: 1.5rem 0 0 1.5rem;
  }
  #jccg_what .section_inner::after {
    bottom: -2px;
    width: 6rem;
    height: calc(100% + 2px);
    border: 2px solid #fff000;
    border-left: none;
    border-radius: 0 1.5rem 1.5rem 0;
  }
  #jccg_what .section_inner .jccg_what_head {
    top: -2.4rem;
  }
  #jccg_what .section_inner .jccg_what_content p {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2.4;
    margin-top: 3.5rem;
  }
  #jccg_what .section_inner .jccg_what_content p:first-child {
    margin-top: 0;
  }
  #jccg_what .section_inner .jccg_what_content .jccg_what_img {
    width: 100%;
    margin: 4rem auto 0;
  }
  #jccg_what .section_inner .jccg_what_content .jccg_what_img img {
    width: 100%;
  }
}
#activity {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(123, 194, 124)));
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(123, 194, 124));
  padding-bottom: min(15rem, 10.980966325vw);
}

@media screen and (max-width: 768px) {
  #activity {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(123, 194, 124)));
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(123, 194, 124));
    padding-bottom: 12.4rem;
  }
}
#activity_report {
  margin-top: min(17.6rem, 12.8843338214vw);
}
#activity_report .section_ttl_group .section_ttl {
  width: min(62.5rem, 45.7540263543vw);
}
#activity_report .section_inner {
  position: relative;
  width: min(120.5rem, 88.2137628111vw);
  margin: 0 auto;
  background-color: #fff;
  padding: min(23rem, 16.8374816984vw) min(11.5rem, 8.4187408492vw) min(12.6rem, 9.224011713vw);
  border-radius: min(2.4rem, 1.756954612vw);
  z-index: 0;
  border-bottom: 3px solid #fff000;
}
#activity_report .section_inner::before {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: min(25rem, 18.3016105417vw);
  height: calc(100% + 3px);
  border: 3px solid #fff000;
  border-right: none;
  z-index: -1;
  border-radius: min(2.4rem, 1.756954612vw) 0 0 min(2.4rem, 1.756954612vw);
  pointer-events: none;
}
#activity_report .section_inner::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  right: 0;
  width: min(25rem, 18.3016105417vw);
  height: calc(100% + 3px);
  border: 3px solid #fff000;
  border-left: none;
  z-index: -1;
  border-radius: 0 min(2.4rem, 1.756954612vw) min(2.4rem, 1.756954612vw) 0;
  pointer-events: none;
}
#activity_report .section_inner .activity_report_head {
  position: absolute;
  top: -3.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#activity_report .section_inner .activity_report_content p {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 2;
  font-weight: 400;
  margin-top: min(3rem, 2.196193265vw);
  text-align: justify;
  text-justify: inter-ideograph;
}
#activity_report .section_inner .activity_report_content p:first-child {
  margin-top: 0;
}
#activity_report .section_inner .activity_report_content .btn_01 {
  margin: min(5rem, 3.6603221083vw) auto 0;
}

@media screen and (max-width: 768px) {
  #activity_report {
    margin-top: 8.5rem;
  }
  #activity_report .section_ttl_group .section_ttl {
    width: 17.5rem;
  }
  #activity_report .section_inner {
    width: 32rem;
    padding: 20rem 3.6rem 7.5rem;
    border-radius: 1.5rem;
    border-bottom: 2px solid #fff000;
  }
  #activity_report .section_inner::before {
    bottom: -2px;
    width: 6rem;
    height: calc(100% + 2px);
    border: 2px solid #fff000;
    border-right: none;
    border-radius: 1.5rem 0 0 1.5rem;
  }
  #activity_report .section_inner::after {
    bottom: -2px;
    width: 6rem;
    height: calc(100% + 2px);
    border: 2px solid #fff000;
    border-left: none;
    border-radius: 0 1.5rem 1.5rem 0;
  }
  #activity_report .section_inner .activity_report_head {
    top: -2.4rem;
  }
  #activity_report .section_inner .activity_report_content p {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2.4;
    margin-top: 3.5rem;
  }
  #activity_report .section_inner .activity_report_content p:first-child {
    margin-top: 0;
  }
  #activity_report .section_inner .activity_report_content .btn_01 {
    margin: 4rem auto 0;
  }
}
#charity {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(255, 240, 0)));
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 240, 0));
  padding-bottom: min(15rem, 10.980966325vw);
}

@media screen and (max-width: 768px) {
  #charity {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(255, 240, 0)));
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(255, 240, 0));
    padding-bottom: 12.4rem;
  }
}
#charity_account {
  margin-top: min(14rem, 10.2489019034vw);
}
#charity_account .section_ttl_group .section_ttl {
  width: min(66rem, 48.3162518302vw);
}
#charity_account .section_inner {
  width: min(120.5rem, 88.2137628111vw);
  margin: 0 auto;
}
#charity_account .section_inner .charity_account_content {
  margin: min(10rem, 7.3206442167vw) 0 0;
}
#charity_account .section_inner .charity_account_content .charity_account_list {
  background-color: #008e42;
  border-radius: min(2.4rem, 1.756954612vw);
  padding: min(9.2rem, 6.7349926794vw) 0 min(9.2rem, 6.7349926794vw) min(13.8rem, 10.102489019vw);
}
#charity_account .section_inner .charity_account_content .charity_account_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: min(3.4rem, 2.4890190337vw);
}
#charity_account .section_inner .charity_account_content .charity_account_list dl:first-child {
  margin-top: 0;
}
#charity_account .section_inner .charity_account_content .charity_account_list dl dt {
  width: min(38.8rem, 28.4040995608vw);
  height: min(7.2rem, 5.270863836vw);
  border-radius: min(2.4rem, 1.756954612vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #fff000;
  font-size: 2.4rem;
  font-weight: 700;
  margin-right: min(3.2rem, 2.3426061493vw);
}
#charity_account .section_inner .charity_account_content .charity_account_list dl dd {
  color: #fff;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  #charity_account {
    margin-top: 6rem;
  }
  #charity_account .section_ttl_group .section_ttl {
    width: 19.9rem;
  }
  #charity_account .section_inner {
    width: 32rem;
  }
  #charity_account .section_inner .charity_account_content {
    margin: 4.5rem 0 0;
  }
  #charity_account .section_inner .charity_account_content .charity_account_list {
    border-radius: 1.5rem;
    padding: 6rem 3.5rem;
  }
  #charity_account .section_inner .charity_account_content .charity_account_list dl {
    display: block;
    margin-top: 3.5rem;
    text-align: center;
  }
  #charity_account .section_inner .charity_account_content .charity_account_list dl:first-child {
    margin-top: 0;
  }
  #charity_account .section_inner .charity_account_content .charity_account_list dl dt {
    width: 100%;
    height: 4.6rem;
    border-radius: 1.5rem;
    font-size: 1.7rem;
    margin-right: 0;
  }
  #charity_account .section_inner .charity_account_content .charity_account_list dl dd {
    display: inline-block;
    font-size: 1.7rem;
    line-height: 1.5;
    text-align: left;
    margin-top: 1.5rem;
  }
}
#privacy {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(201, 202, 202)));
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(201, 202, 202));
  padding-bottom: min(15rem, 10.980966325vw);
}

@media screen and (max-width: 768px) {
  #privacy {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(201, 202, 202)));
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(201, 202, 202));
    padding-bottom: 12.4rem;
  }
}
#privacy_main {
  margin-top: min(12.6rem, 9.224011713vw);
}
#privacy_main .section_inner {
  width: min(120.5rem, 88.2137628111vw);
  margin: 0 auto;
  padding: min(10rem, 7.3206442167vw) min(10.8rem, 7.906295754vw) min(12rem, 8.78477306vw);
  background-color: #fff;
  border-radius: min(2.4rem, 1.756954612vw);
  border: 3px solid #fff000;
}
#privacy_main .section_inner .privacy_item {
  margin-top: min(10rem, 7.3206442167vw);
}
#privacy_main .section_inner .privacy_item:first-child {
  margin-top: 0;
}
#privacy_main .section_inner .privacy_item .privacy_item_ttl {
  position: relative;
  text-align: center;
  font-size: 2.6rem;
  line-height: 2;
  padding-bottom: min(4rem, 2.9282576867vw);
}
#privacy_main .section_inner .privacy_item .privacy_item_ttl::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: min(23.8rem, 17.4231332357vw);
  height: min(1.7rem, 1.2445095168vw);
  background-image: url("../images/common/under_line.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#privacy_main .section_inner .privacy_item .privacy_item_txt_box p {
  font-size: 1.8rem;
  line-height: 2.22;
  font-weight: 400;
  margin-top: min(4rem, 2.9282576867vw);
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}
#privacy_main .section_inner .privacy_item .privacy_item_txt_box ol {
  margin-top: min(4rem, 2.9282576867vw);
}
#privacy_main .section_inner .privacy_item .privacy_item_txt_box ol li {
  font-size: 1.8rem;
  line-height: 2.22;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}
#privacy_main .section_inner .privacy_contact {
  background-color: #ffffb4;
  border-radius: min(2rem, 1.4641288433vw);
  margin-top: min(4rem, 2.9282576867vw);
  padding: min(4rem, 2.9282576867vw) min(8rem, 5.8565153734vw) min(4rem, 2.9282576867vw);
}
#privacy_main .section_inner .privacy_contact .privacy_contact_ttl {
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  font-weight: 500;
}
#privacy_main .section_inner .privacy_contact .privacy_contact_txt {
  font-size: 1.8rem;
  text-align: center;
}
#privacy_main .section_inner .privacy_contact .privacy_contact_us {
  background-color: #fff;
  border-radius: min(2rem, 1.4641288433vw);
  margin-top: min(2.4rem, 1.756954612vw);
  padding: min(3.2rem, 2.3426061493vw) 0;
  text-align: center;
}
#privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_ttl {
  font-size: 2.4rem;
  line-height: 1;
}
#privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_txt {
  font-size: 1.8rem;
  line-height: 1;
  margin-top: min(3.2rem, 2.3426061493vw);
}
#privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_txt .space {
  display: inline;
}
#privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_mail {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  margin-top: min(2rem, 1.4641288433vw);
}
#privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_mail a {
  display: inline-block;
}
#privacy_main .section_inner .privacy_end {
  margin-top: min(4rem, 2.9282576867vw);
}
#privacy_main .section_inner .privacy_end p {
  font-size: 1.8rem;
  line-height: 2.22;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}
#privacy_main .section_inner .privacy_end p.txt_r {
  text-align: right;
}

#privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_mail a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_mail a:hover, #privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_mail a:focus-visible {
  color: #fff000;
}

@media screen and (max-width: 768px) {
  #privacy_main {
    margin-top: 6rem;
  }
  #privacy_main .section_inner {
    width: 32rem;
    padding: 6rem 3.6rem 7.5rem;
    border-radius: 1.5rem;
    border: 2px solid #fff000;
  }
  #privacy_main .section_inner .privacy_item {
    margin-top: 6rem;
  }
  #privacy_main .section_inner .privacy_item:first-child {
    margin-top: 0;
  }
  #privacy_main .section_inner .privacy_item .privacy_item_ttl {
    font-size: 1.8rem;
    line-height: 1.5;
    padding-bottom: 4rem;
  }
  #privacy_main .section_inner .privacy_item .privacy_item_ttl::after {
    width: 19.6rem;
    height: 1.4rem;
  }
  #privacy_main .section_inner .privacy_item .privacy_item_txt_box p {
    font-size: 1.3rem;
    line-height: 2.4;
    margin-top: 3.25rem;
    letter-spacing: 0.075em;
  }
  #privacy_main .section_inner .privacy_item .privacy_item_txt_box ol {
    margin-top: 1.6rem;
  }
  #privacy_main .section_inner .privacy_item .privacy_item_txt_box ol li {
    font-size: 1.3rem;
    line-height: 2.4;
    letter-spacing: 0.075em;
    text-indent: -1.6em;
    padding-left: 1.8em;
  }
  #privacy_main .section_inner .privacy_contact {
    border-radius: 1rem;
    margin-top: 3.25rem;
    padding: 3.5rem 1.6rem;
  }
  #privacy_main .section_inner .privacy_contact .privacy_contact_ttl {
    font-size: 1.9rem;
  }
  #privacy_main .section_inner .privacy_contact .privacy_contact_txt {
    font-size: 1.3rem;
    text-align: left;
    line-height: 2;
    padding: 0 0.5em;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  #privacy_main .section_inner .privacy_contact .privacy_contact_us {
    border-radius: 0.75rem;
    margin-top: 2rem;
    padding: 2.5rem 0;
    text-align: center;
  }
  #privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_ttl {
    font-size: 1.6rem;
  }
  #privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_txt {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: min(3.2rem, 2.3426061493vw);
    margin-top: 1em;
    text-align: left;
    letter-spacing: 0.05em;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  #privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_txt .space {
    display: none;
  }
  #privacy_main .section_inner .privacy_contact .privacy_contact_us .contact_us_mail {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1.5;
    margin-top: 1em;
    text-align: left;
    letter-spacing: 0.05em;
  }
  #privacy_main .section_inner .privacy_end {
    margin-top: 3.25rem;
  }
  #privacy_main .section_inner .privacy_end p {
    font-size: 1.3rem;
    line-height: 2.4;
    letter-spacing: 0.075em;
  }
}
#how {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(155, 221, 228)));
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(155, 221, 228));
  padding-bottom: min(15rem, 10.980966325vw);
}

@media screen and (max-width: 768px) {
  #how {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(155, 221, 228)));
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(155, 221, 228));
    padding-bottom: 12.4rem;
  }
}
#how_main {
  margin-top: min(14rem, 10.2489019034vw);
}
#how_main .section_ttl_group .section_ttl {
  width: min(30.5rem, 22.3279648609vw);
}
#how_main .section_inner {
  width: min(120.5rem, 88.2137628111vw);
  margin: 0 auto;
}
#how_main .section_inner .how_plan {
  overflow: hidden;
  margin-top: min(10rem, 7.3206442167vw);
  padding-bottom: min(12.8rem, 9.3704245974vw);
  border: 3px solid #008e42;
  background-color: #fff;
  border-radius: 0 0 min(2.4rem, 1.756954612vw) min(2.4rem, 1.756954612vw);
}
#how_main .section_inner .how_plan .how_plan_hd {
  position: relative;
  background-color: #008e42;
  padding: min(4rem, 2.9282576867vw) 0;
  z-index: 0;
}
#how_main .section_inner .how_plan .how_plan_hd::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: min(3rem, 2.196193265vw);
  width: min(23rem, 16.8374816984vw);
  height: min(6.4rem, 4.6852122987vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/how/how_item_1.svg");
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
#how_main .section_inner .how_plan .how_plan_hd::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: min(3rem, 2.196193265vw);
  width: min(23rem, 16.8374816984vw);
  height: min(6.4rem, 4.6852122987vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/how/how_item_1.svg");
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
#how_main .section_inner .how_plan .how_plan_hd .how_plan_ttl {
  color: #fff000;
  font-size: 3.2rem;
  line-height: 1.625;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-align: center;
}
#how_main .section_inner .how_plan .how_plan_hd .how_plan_ttl_item {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 10px;
  background-image: url("../images/common/hd_item.svg");
  background-repeat: no-repeat;
  background-repeat: repeat-x;
  background-size: auto 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
#how_main .section_inner .how_plan .how_plan_content {
  margin: min(14.6rem, 10.6881405564vw) 0 0;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item {
  position: relative;
  width: min(107.3rem, 78.5505124451vw);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgb(253, 249, 155)), color-stop(80%, rgb(255, 240, 0)));
  background-image: linear-gradient(90deg, rgb(253, 249, 155) 20%, rgb(255, 240, 0) 80%);
  padding: min(7rem, 5.1244509517vw) 0 min(7rem, 5.1244509517vw) min(16.8rem, 12.298682284vw);
  margin-top: min(7.2rem, 5.270863836vw);
  margin-left: auto;
  margin-right: 0;
  border-radius: 100vw 0 0 100vw;
  z-index: 0;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item h4 {
  position: relative;
  font-size: 3.2rem;
  font-weight: 700;
  z-index: 0;
  display: inline-block;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item h4::before {
  display: block;
  content: "";
  width: 105%;
  height: min(1.4rem, 1.0248901903vw);
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item ul {
  margin-top: min(5rem, 3.6603221083vw);
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item ul li {
  font-size: 2.2rem;
  line-height: 2;
  margin-top: min(3rem, 2.196193265vw);
  text-indent: -0.6em;
  padding-left: 0.5em;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item ul li:first-child {
  margin-top: 0;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item p {
  margin-top: min(5rem, 3.6603221083vw);
  font-size: 2.2rem;
  line-height: 2;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item::before {
  display: block;
  content: "";
  width: min(10.2rem, 7.467057101vw);
  height: min(9.9rem, 7.2474377745vw);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: min(9.2rem, 6.7349926794vw);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(even) {
  margin-left: 0;
  margin-right: auto;
  border-radius: 0 100vw 100vw 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgb(255, 240, 0)), color-stop(80%, rgb(253, 249, 155)));
  background-image: linear-gradient(90deg, rgb(255, 240, 0) 20%, rgb(253, 249, 155) 80%);
  padding: min(6.2rem, 4.5387994143vw) 0 min(6.2rem, 4.5387994143vw) min(13.2rem, 9.663250366vw);
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(even)::before {
  left: min(5.4rem, 3.953147877vw);
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(1)::before {
  background-image: url("../images/how/plan_num_1.svg");
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(2)::before {
  background-image: url("../images/how/plan_num_2.svg");
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(3) {
  padding-bottom: min(26rem, 19.0336749634vw);
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(3)::before {
  background-image: url("../images/how/plan_num_3.svg");
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(4)::before {
  background-image: url("../images/how/plan_num_4.svg");
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img {
  display: block;
  position: absolute;
  z-index: -1;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img img {
  width: 100%;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 1s;
  transition: 1s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_1 {
  width: min(6rem, 4.39238653vw);
  top: min(13rem, 9.5168374817vw);
  right: min(27.2rem, 19.9121522694vw);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_1 img {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_2 {
  width: min(6rem, 4.39238653vw);
  top: min(13rem, 9.5168374817vw);
  right: min(19rem, 13.9092240117vw);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_2 img {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_3 {
  width: min(14.3rem, 10.4685212299vw);
  top: min(15.7rem, 11.4934114202vw);
  right: min(3.2rem, 2.3426061493vw);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_3 img {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_2_1 {
  width: min(29rem, 21.2298682284vw);
  top: min(9rem, 6.588579795vw);
  right: min(5rem, 3.6603221083vw);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_2_1 img {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_2_2 {
  width: min(15rem, 10.980966325vw);
  top: min(30.6rem, 22.4011713031vw);
  right: min(33rem, 24.1581259151vw);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_2_2 img {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_1 {
  width: min(17.5rem, 12.8111273792vw);
  bottom: min(5rem, 3.6603221083vw);
  right: min(77.7rem, 56.8814055637vw);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_1 img {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_2 {
  width: min(17.5rem, 12.8111273792vw);
  bottom: -1.5rem;
  right: min(59.8rem, 43.0453879941vw);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_2 img {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_3 {
  width: min(17.5rem, 12.8111273792vw);
  bottom: min(5rem, 3.6603221083vw);
  right: min(42rem, 30.7467057101vw);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_3 img {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_4 {
  width: min(17.5rem, 12.8111273792vw);
  bottom: -1.5rem;
  right: min(24.3rem, 17.7891654466vw);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_4 img {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_5 {
  width: min(17.5rem, 12.8111273792vw);
  bottom: min(5rem, 3.6603221083vw);
  right: min(6.4rem, 4.6852122987vw);
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_5 img {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_4_1 {
  width: min(24rem, 17.5695461201vw);
  top: min(6.4rem, 4.6852122987vw);
  right: min(7rem, 5.1244509517vw);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_4_1 img {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item::before {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item.active::before {
  opacity: 1;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item.active .plan_img {
  opacity: 1;
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item.active .plan_img img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(even) {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}
#how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(even).active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#how_main .section_inner .how_plan .other_point {
  text-align: center;
  margin-top: min(12.8rem, 9.3704245974vw);
}
#how_main .section_inner .how_plan .other_point .other_point_ttl {
  position: relative;
  display: inline-block;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700;
}
#how_main .section_inner .how_plan .other_point .other_point_ttl::before {
  display: block;
  content: "";
  width: min(8.2rem, 6.0029282577vw);
  height: min(1rem, 0.7320644217vw);
  background-image: url("../images/how/how_item_2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -3rem;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
#how_main .section_inner .how_plan .other_point .other_point_ttl::after {
  display: block;
  content: "";
  width: min(8.2rem, 6.0029282577vw);
  height: min(1rem, 0.7320644217vw);
  background-image: url("../images/how/how_item_2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -3rem;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
#how_main .section_inner .how_plan .other_point .other_point_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: min(5.4rem, 3.953147877vw);
}
#how_main .section_inner .how_plan .other_point .other_point_content .other_point_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  width: min(28.6rem, 20.9370424597vw);
  height: min(28.6rem, 20.9370424597vw);
  background-image: url("../images/how/how_item_3.svg");
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff000;
  margin-left: -4.8rem;
  font-size: 1.8rem;
  line-height: 2;
}
#how_main .section_inner .how_plan .other_point .other_point_content .other_point_item:first-child {
  margin-left: 0;
}
#how_main .section_inner .how_plan .other_point .other_point_content .other_point_item:nth-child(even) {
  background-image: url("../images/how/how_item_4.svg");
  color: #008e42;
}
#how_main .section_inner .how_plan .other_point .other_point_content .other_point_item:last-child {
  padding-left: 1em;
}

@media screen and (max-width: 768px) {
  #how_main {
    margin-top: 6rem;
  }
  #how_main .section_ttl_group .section_ttl {
    width: 18.5rem;
  }
  #how_main .section_inner {
    width: 32rem;
  }
  #how_main .section_inner .how_plan {
    margin-top: 4.5rem;
    padding-bottom: 5.8rem;
    border: 2px solid #008e42;
    border-radius: 0 0 1.5rem 1.5rem;
  }
  #how_main .section_inner .how_plan .how_plan_hd {
    padding: 1.6rem 0;
    z-index: 0;
  }
  #how_main .section_inner .how_plan .how_plan_hd::before {
    left: 2rem;
    width: 2.7rem;
    height: 4.4rem;
    background-image: url("../images/how/how_item_1_sp.svg");
  }
  #how_main .section_inner .how_plan .how_plan_hd::after {
    right: 2rem;
    width: 2.7rem;
    height: 4.4rem;
    background-image: url("../images/how/how_item_1_sp.svg");
  }
  #how_main .section_inner .how_plan .how_plan_hd .how_plan_ttl {
    font-size: 2rem;
    line-height: 1.5;
  }
  #how_main .section_inner .how_plan .how_plan_hd .how_plan_ttl_item {
    height: 7px;
  }
  #how_main .section_inner .how_plan .how_plan_content {
    margin: 6.6rem 0 0;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item {
    width: 28.5rem;
    padding: 4rem 2.5rem 13rem 3rem;
    margin-top: 5.5rem;
    border-radius: 4.5rem 0 0 4.5rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item h4 {
    font-size: 2rem;
    line-height: 1.75;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item h4::before {
    display: none;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item h4 .sp_line {
    position: relative;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item h4 .sp_line::before {
    display: block;
    content: "";
    width: 105%;
    height: 1rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item ul {
    margin-top: 3rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item ul li {
    font-size: 1.5rem;
    margin-top: 1.8rem;
    text-indent: -0.6em;
    padding-left: 0.5em;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item ul li:first-child {
    margin-top: 0;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item p {
    margin-top: min(3.6rem, 2.635431918vw);
    font-size: 1.5rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item::before {
    width: 7.5rem;
    height: 7.3rem;
    left: -1.5rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(even) {
    border-radius: 0 4.5rem 4.5rem 0;
    padding: 4rem 2.5rem 13rem 3rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(even)::before {
    left: auto;
    right: -1.5rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(2) {
    padding-bottom: 22rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(2)::before {
    background-image: url("../images/how/plan_num_2_sp.svg");
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(3) {
    padding-bottom: 44.4rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(4) {
    padding-bottom: 13rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item:nth-child(4)::before {
    background-image: url("../images/how/plan_num_4_sp.svg");
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_1 {
    width: 3.8rem;
    top: auto;
    bottom: -2.25rem;
    right: 18rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_2 {
    width: 3.8rem;
    top: auto;
    bottom: 1rem;
    right: 12.7rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_1_3 {
    width: 9rem;
    top: auto;
    bottom: -1.2rem;
    right: 2.2rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_2_1 {
    width: 17.8rem;
    top: auto;
    bottom: 3.2rem;
    right: 6.7rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_2_2 {
    width: 8.3rem;
    top: auto;
    bottom: -1.6rem;
    right: -1.5rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_1 {
    width: 13.3rem;
    bottom: 28.8rem;
    right: 16rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_2 {
    width: 13.3rem;
    bottom: 21.1rem;
    right: 2rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_3 {
    width: 13.3rem;
    bottom: 13.5rem;
    right: 16rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_4 {
    width: 13.3rem;
    bottom: 5.9rem;
    right: 2rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_3_5 {
    width: 13.3rem;
    bottom: -1.5rem;
    right: 16rem;
  }
  #how_main .section_inner .how_plan .how_plan_content .how_plan_item .plan_img_4_1 {
    width: 18.5rem;
    top: auto;
    bottom: -1.9rem;
    right: 1.7rem;
  }
  #how_main .section_inner .how_plan .other_point {
    margin-top: 8.8rem;
  }
  #how_main .section_inner .how_plan .other_point .other_point_ttl {
    font-size: 2.1rem;
  }
  #how_main .section_inner .how_plan .other_point .other_point_ttl::before {
    width: 3.4rem;
    height: 0.6rem;
    background-image: url("../images/how/how_item_2_sp.svg");
    left: -1.5rem;
  }
  #how_main .section_inner .how_plan .other_point .other_point_ttl::after {
    width: 3.4rem;
    height: 0.6rem;
    background-image: url("../images/how/how_item_2_sp.svg");
    right: -1.5rem;
  }
  #how_main .section_inner .how_plan .other_point .other_point_content {
    display: block;
    margin-top: 3.2rem;
    padding: 0 1.5rem;
  }
  #how_main .section_inner .how_plan .other_point .other_point_content .other_point_item {
    width: 20.8rem;
    height: 20.8rem;
    margin-left: 0;
    font-size: 1.3rem;
    line-height: 2;
    margin-top: -4.6rem;
    padding-left: 1em;
  }
  #how_main .section_inner .how_plan .other_point .other_point_content .other_point_item:first-child {
    margin-left: 0;
    margin-top: 0;
  }
  #how_main .section_inner .how_plan .other_point .other_point_content .other_point_item:nth-child(even) {
    margin-left: auto;
    margin-right: 0;
  }
}