@charset "UTF-8";
:has(.lp-mv) {
  line-height: 1.4;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media screen and (min-width: 1064px) {
  :not(:has(.global-nav_area)) .global-header,
  :not(:has(.global-nav_area)) .global-header_container {
    height: auto;
  }
  :not(:has(.global-nav_area)) .global-nav_container {
    height: auto;
  }
  :not(:has(.global-nav_area)) #wrapper {
    padding-top: 85px;
  }
}

.text-gray {
  color: #777;
}

.lp-h1 {
  font-size: 3.6rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.lp-h1:not([class*=mt]) {
  margin-top: 0;
}
@media (max-width: 690px) {
  .lp-h1 {
    font-size: 3.2rem;
  }
}

.lp-h2 {
  font-size: 3.2rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.lp-h2:not([class*=mt]) {
  margin-top: 0;
}
@media (max-width: 690px) {
  .lp-h2 {
    font-size: 2.8rem;
  }
}

.lp-h3 {
  font-size: 2.8rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.lp-h3:not([class*=mt]) {
  margin-top: 0;
}
@media (max-width: 690px) {
  .lp-h3 {
    font-size: 2.4rem;
  }
}

.lp-h4 {
  font-size: 2.4rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.lp-h4:not([class*=mt]) {
  margin-top: 0;
}
@media (max-width: 690px) {
  .lp-h4 {
    font-size: 2.2rem;
  }
}

.lp-h5 {
  font-size: 2rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.lp-h5:not([class*=mt]) {
  margin-top: 0;
}
@media (max-width: 690px) {
  .lp-h5 {
    font-size: 1.8rem;
  }
}

.text-main {
  color: #1ba9e0;
}

.fw-medium {
  font-weight: 500;
}

.fw-bold {
  font-weight: 700;
}

.fw-black {
  font-weight: 900;
}

.lp-mt-con {
  margin-top: 180px;
}
@media (max-width: 980px) {
  .lp-mt-con {
    margin-top: 120px;
  }
}
@media (max-width: 690px) {
  .lp-mt-con {
    margin-top: 80px;
  }
}

.lp-title-lg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
  aspect-ratio: 1024/364;
}
.lp-title-lg::after {
  position: absolute;
  content: "";
  width: 100vw;
  max-width: 1024px;
  height: 100%;
  top: 0;
  left: 50%;
  background: url(../other/lp_title_bg02_lg.svg) no-repeat 50% 0/auto 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.lp-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -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: url(../other/lp_title_bg02.svg) no-repeat 50% 0/auto 100%;
  aspect-ratio: 1024/293;
}

.lp-inner {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 690px) {
  #wrapper {
    padding-top: 20px;
  }
}

.lp-mv {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
}
@media (max-width: 690px) {
  .lp-mv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 20px;
  }
}
.lp-mv::before, .lp-mv::after {
  position: absolute;
  content: "";
  width: 100dvw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.lp-mv::before {
  top: 0;
  height: 79.7843665768%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(230, 241, 250)), to(rgb(221, 231, 240)));
  background: linear-gradient(90deg, rgb(230, 241, 250) 0%, rgb(221, 231, 240) 100%);
  z-index: -1;
}
.lp-mv::after {
  bottom: 0;
  height: 34.3665768194%;
  background-color: #ecf6fc;
  z-index: -1;
}
.lp-mv__detail {
  width: 49.2481203008%;
}
@media (max-width: 690px) {
  .lp-mv__detail {
    width: 100%;
  }
}
.lp-mv__text {
  font-size: 2.6rem;
  font-weight: 400;
  margin-bottom: 10px;
}
@media (max-width: 1099px) {
  .lp-mv__text {
    font-size: 2.3657870792vw;
  }
}
@media (max-width: 690px) {
  .lp-mv__text {
    font-size: 4.6017699115vw;
  }
}
.lp-mv__title {
  width: 100%;
  max-width: 500px;
  margin-left: 0;
}
.lp-mv__subtitle {
  font-size: 5.4rem;
  font-weight: 500;
  letter-spacing: 0.13em;
  margin-top: 10px;
}
@media (max-width: 1099px) {
  .lp-mv__subtitle {
    font-size: 4.9135577798vw;
  }
}
@media (max-width: 690px) {
  .lp-mv__subtitle {
    font-size: 7vw;
  }
}
.lp-mv__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.lp-mv__btn.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 980px) {
  .lp-mv__btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.lp-mv__btn__in {
  width: calc(50% - 12px);
  max-width: 260px;
  text-align: center;
}
@media (max-width: 980px) {
  .lp-mv__btn__in {
    width: 100%;
    max-width: inherit;
  }
}
.lp-mv__btn__text {
  font-size: 1.3rem;
  font-weight: 400;
  margin-bottom: 8px;
}
.lp-mv__btn a {
  display: block;
  padding: 0.9em 24px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-radius: 4px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.lp-mv__img {
  width: 47.9323308271%;
}
.lp-mv__img img {
  margin-left: 0;
}
@media (max-width: 690px) {
  .lp-mv__img {
    width: 72%;
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
  }
}

.lp-union {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  gap: 24px;
}
@media (max-width: 1024px) {
  .lp-union {
    gap: 2.34375vw;
  }
}
.lp-union__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -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;
  min-height: 80px;
  padding-left: 30px;
  padding-right: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2227%22%20height%3D%2280%22%20viewBox%3D%220%200%2027%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M23.6266%2064.4297C23.6281%2064.4608%2020.7857%2066.9815%2020.8688%2071.082C20.916%2073.8544%2022.4383%2076.4383%2023.4557%2077.8408C22.2203%2076.6636%2019.9672%2074.7156%2017.4274%2073.6074L17.4352%2073.6035C13.5873%2071.943%2010.0222%2072.9609%2010.0113%2072.9863C9.96868%2072.9889%2012.848%2077.8214%2017.0533%2079.3779C20.7153%2080.7438%2023.6654%2079.2652%2024.3199%2078.9053C24.3417%2078.9234%2024.3531%2078.9307%2024.3531%2078.9307C24.3541%2078.9294%2024.3751%2078.9%2024.4%2078.8574C24.435%2078.8399%2024.4535%2078.8298%2024.4547%2078.8291C24.4511%2078.8291%2024.4438%2078.8212%2024.4293%2078.8066C24.793%2078.1919%2026.3147%2075.2491%2026.0641%2071.7725C25.7705%2067.8982%2023.6374%2064.483%2023.6266%2064.4297ZM19.5055%2056.29C19.5345%2056.3009%2016.3017%2058.263%2015.6803%2062.2959C15.2515%2065.0101%2016.287%2067.7934%2017.0318%2069.334C16.0363%2067.9715%2014.179%2065.683%2011.8863%2064.1533C8.41273%2061.8533%204.75048%2062.2128%204.73594%2062.2383C4.68871%2062.2165%206.687%2067.4552%2010.5201%2069.708C13.852%2071.6773%2016.9846%2070.7511%2017.6822%2070.5186C17.6967%2070.5403%2017.7076%2070.5518%2017.7076%2070.5518C17.7076%2070.5518%2017.7325%2070.5256%2017.7652%2070.4893C17.8016%2070.4784%2017.8238%2070.4717%2017.8238%2070.4717C17.8238%2070.4717%2017.8161%2070.4608%2017.8053%2070.4463C18.2667%2069.9122%2020.2688%2067.3138%2020.6285%2063.8838C21.0206%2060.053%2019.4965%2056.3311%2019.5055%2056.29ZM16.8424%2047.5791C16.8183%2047.6111%2013.3647%2048.9702%2012.0904%2052.7852C11.2184%2055.3685%2011.763%2058.2724%2012.2281%2059.9111C11.4833%2058.4069%2010.0552%2055.8372%208.06407%2053.9297V53.9229C5.04768%2051.0553%201.40395%2050.7513%201.37852%2050.7725C1.33528%2050.7451%202.42223%2056.2373%205.79356%2059.1182C8.72214%2061.6361%2011.9377%2061.2841%2012.6607%2061.1787C12.6742%2061.2022%2012.6812%2061.2133%2012.6822%2061.2148C12.6859%2061.2148%2012.7116%2061.1931%2012.7516%2061.1641C12.7913%2061.1569%2012.8131%2061.1572%2012.8131%2061.1572C12.8131%2061.1572%2012.8057%2061.1425%2012.7984%2061.1279C13.3435%2060.6883%2015.745%2058.508%2016.6715%2055.2197C17.6971%2051.5486%2016.8325%2047.6354%2016.8424%2047.5791ZM15.6764%2038.5371C15.6982%2038.5553%2012.0496%2039.2646%2010.1529%2042.8145C8.87052%2045.2016%208.91783%2048.1484%209.10313%2049.8379C8.62716%2048.2247%207.65345%2045.4484%206.02208%2043.2139V43.2246C3.55212%2039.8674%200.0459805%2038.9072%200.00156975%2038.9189C-0.0347652%2038.8862%200.110043%2044.4929%202.93321%2047.9229C5.38164%2050.9162%208.58938%2051.1454%209.317%2051.1709C9.32376%2051.1946%209.33074%2051.2091%209.33165%2051.2109C9.33527%2051.2109%209.36446%2051.1965%209.40782%2051.1748H9.47032C9.46669%2051.1712%209.46321%2051.1598%209.45958%2051.1416C10.0673%2050.8067%2012.7803%2049.099%2014.2369%2046.0332C15.8538%2042.5996%2015.6546%2038.5698%2015.6764%2038.5371ZM0.677351%2026.9287C0.64465%2026.8887%20-0.180408%2032.4689%202.01036%2036.3604C3.9034%2039.7576%207.01054%2040.5576%207.71544%2040.7139C7.71906%2040.7391%207.72227%2040.7539%207.72227%2040.7539C7.72416%2040.7566%207.75653%2040.7455%207.80235%2040.7314C7.83584%2040.7381%207.85691%2040.7451%207.85997%2040.7461C7.85675%2040.745%207.85704%2040.7312%207.85704%2040.7139C8.50789%2040.4957%2011.4466%2039.2998%2013.3902%2036.5352C15.5447%2033.445%2016.0451%2029.4173%2016.0758%2029.374C16.0581%2029.3925%2012.3894%2029.4598%209.93907%2032.6182C8.27497%2034.751%207.82793%2037.6687%207.72618%2039.3691C7.52998%2037.6942%207.04286%2034.7804%205.82579%2032.2734H5.82969C3.98286%2028.5074%200.724438%2026.9249%200.677351%2026.9287ZM3.46348%2015.1289C3.42754%2015.1065%201.61364%2020.5113%203.07872%2024.7578C4.33954%2028.4675%207.2429%2029.8152%207.90782%2030.0986V30.1426C7.90782%2030.1462%207.94004%2030.143%207.99083%2030.1357C8.02713%2030.1503%208.04552%2030.1611%208.04552%2030.1611C8.04552%2030.1611%208.04552%2030.1461%208.04552%2030.1279C8.72884%2030.0225%2011.81%2029.3688%2014.1861%2026.9746C16.8349%2024.2859%2018.0597%2020.3467%2018.0924%2020.3213C18.1032%2020.3418%2014.477%2019.7393%2011.5006%2022.458C9.49516%2024.2789%208.55444%2027.081%208.15587%2028.751C8.24955%2027.0511%208.27915%2024.0833%207.54063%2021.3789C6.40335%2017.284%203.49255%2015.118%203.46348%2015.1289ZM8.43809%203.81152C8.41629%203.76429%205.56449%208.87962%206.21837%2013.3887C6.76702%2017.3201%209.36494%2019.1804%209.96446%2019.5801C9.95719%2019.6091%209.95665%2019.624%209.95665%2019.624C9.95677%2019.6276%209.98986%2019.6309%2010.0406%2019.6309C10.0697%2019.6527%2010.0875%2019.668%2010.0875%2019.668C10.0875%2019.668%2010.0917%2019.6529%2010.0953%2019.6348C10.7827%2019.6529%2013.9104%2019.5547%2016.6822%2017.5859C19.7743%2015.3732%2021.7438%2011.6266%2021.7838%2011.6084C21.7983%2011.6338%2018.3429%2010.3916%2014.902%2012.5898C12.5803%2014.065%2011.1382%2016.7103%2010.4479%2018.3018C10.8512%2016.6231%2011.4323%2013.654%2011.2252%2010.8018C10.8945%206.49623%208.47079%203.80426%208.43809%203.81152ZM20.8756%200C20.8756%200%2016.6788%201.19169%2014.4078%204.59961C12.1477%207.99153%2012.6481%2012.2979%2012.6529%2012.3389V12.3359C12.6861%2012.3265%2016.8578%2011.1337%2019.1197%207.73926C21.3862%204.33769%2020.8776%200.0167567%2020.8756%200Z%22%20fill%3D%22%23D6B653%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2227%22%20height%3D%2280%22%20viewBox%3D%220%200%2027%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.55654%2064.4297C2.55503%2064.4608%205.39741%2066.9815%205.31435%2071.082C5.26711%2073.8544%203.74481%2076.4383%202.72743%2077.8408C3.96282%2076.6636%206.21595%2074.7156%208.75575%2073.6074L8.74794%2073.6035C12.5958%2071.943%2016.1609%2072.9609%2016.1718%2072.9863C16.2144%2072.9889%2013.3351%2077.8214%209.12978%2079.3779C5.46782%2080.7438%202.51769%2079.2652%201.86318%2078.9053C1.84138%2078.9234%201.82997%2078.9307%201.82997%2078.9307C1.82903%2078.9294%201.80797%2078.9%201.7831%2078.8574C1.74808%2078.8399%201.72961%2078.8298%201.72841%2078.8291C1.73204%2078.8291%201.73927%2078.8212%201.7538%2078.8066C1.39011%2078.1919%20-0.13163%2075.2491%200.119036%2071.7725C0.412654%2067.8982%202.54573%2064.483%202.55654%2064.4297ZM6.67763%2056.29C6.64856%2056.3009%209.88138%2058.263%2010.5028%2062.2959C10.9316%2065.0101%209.89613%2067.7934%209.15126%2069.334C10.1468%2067.9715%2012.0041%2065.683%2014.2968%2064.1533C17.7704%2061.8533%2021.4326%2062.2128%2021.4472%2062.2383C21.4944%2062.2165%2019.4961%2067.4552%2015.663%2069.708C12.3311%2071.6773%209.1985%2070.7511%208.50087%2070.5186C8.48637%2070.5403%208.47548%2070.5518%208.47548%2070.5518C8.47548%2070.5518%208.45057%2070.5256%208.41786%2070.4893C8.38153%2070.4784%208.35927%2070.4717%208.35927%2070.4717C8.35927%2070.4717%208.36698%2070.4608%208.37782%2070.4463C7.91637%2069.9122%205.9143%2067.3138%205.55458%2063.8838C5.16248%2060.053%206.68656%2056.3311%206.67763%2056.29ZM9.34072%2047.5791C9.36477%2047.6111%2012.8184%2048.9702%2014.0927%2052.7852C14.9647%2055.3685%2014.4201%2058.2724%2013.955%2059.9111C14.6998%2058.4069%2016.1279%2055.8372%2018.119%2053.9297V53.9229C21.1354%2051.0553%2024.7792%2050.7513%2024.8046%2050.7725C24.8478%2050.7451%2023.7609%2056.2373%2020.3895%2059.1182C17.461%2061.6361%2014.2454%2061.2841%2013.5224%2061.1787C13.5089%2061.2022%2013.5019%2061.2133%2013.5009%2061.2148C13.4972%2061.2148%2013.4715%2061.1931%2013.4315%2061.1641C13.3918%2061.1569%2013.37%2061.1572%2013.37%2061.1572C13.37%2061.1572%2013.3774%2061.1425%2013.3847%2061.1279C12.8396%2060.6883%2010.4382%2058.508%209.51161%2055.2197C8.48605%2051.5486%209.35064%2047.6354%209.34072%2047.5791ZM10.5067%2038.5371C10.4849%2038.5553%2014.1335%2039.2646%2016.0302%2042.8145C17.3126%2045.2016%2017.2653%2048.1484%2017.08%2049.8379C17.556%2048.2247%2018.5297%2045.4484%2020.161%2043.2139V43.2246C22.631%2039.8674%2026.1371%2038.9072%2026.1815%2038.9189C26.2179%2038.8862%2026.0731%2044.4929%2023.2499%2047.9229C20.8015%2050.9162%2017.5937%2051.1454%2016.8661%2051.1709C16.8593%2051.1946%2016.8524%2051.2091%2016.8515%2051.2109C16.8478%2051.2109%2016.8186%2051.1965%2016.7753%2051.1748H16.7128C16.7164%2051.1712%2016.7199%2051.1598%2016.7235%2051.1416C16.1158%2050.8067%2013.4028%2049.099%2011.9462%2046.0332C10.3293%2042.5996%2010.5285%2038.5698%2010.5067%2038.5371ZM25.5058%2026.9287C25.5385%2026.8887%2026.3635%2032.4689%2024.1727%2036.3604C22.2797%2039.7576%2019.1726%2040.5576%2018.4677%2040.7139C18.4641%2040.7391%2018.4608%2040.7539%2018.4608%2040.7539C18.459%2040.7566%2018.4266%2040.7455%2018.3808%2040.7314C18.3473%2040.7381%2018.3262%2040.7451%2018.3231%2040.7461C18.3264%2040.745%2018.3261%2040.7312%2018.3261%2040.7139C17.6752%2040.4957%2014.7365%2039.2998%2012.7929%2036.5352C10.6384%2033.445%2010.138%2029.4173%2010.1073%2029.374C10.1251%2029.3925%2013.7937%2029.4598%2016.244%2032.6182C17.9081%2034.751%2018.3552%2037.6687%2018.4569%2039.3691C18.6531%2037.6942%2019.1402%2034.7804%2020.3573%2032.2734H20.3534C22.2002%2028.5074%2025.4587%2026.9249%2025.5058%2026.9287ZM22.7196%2015.1289C22.7556%2015.1065%2024.5695%2020.5113%2023.1044%2024.7578C21.8436%2028.4675%2018.9402%2029.8152%2018.2753%2030.0986V30.1426C18.2753%2030.1462%2018.2431%2030.143%2018.1923%2030.1357C18.156%2030.1503%2018.1376%2030.1611%2018.1376%2030.1611C18.1376%2030.1611%2018.1376%2030.1461%2018.1376%2030.1279C17.4543%2030.0225%2014.3731%2029.3688%2011.997%2026.9746C9.34816%2024.2859%208.12342%2020.3467%208.09072%2020.3213C8.0799%2020.3418%2011.7061%2019.7393%2014.6825%2022.458C16.6879%2024.2789%2017.6287%2027.081%2018.0272%2028.751C17.9336%2027.0511%2017.904%2024.0833%2018.6425%2021.3789C19.7798%2017.284%2022.6906%2015.118%2022.7196%2015.1289ZM17.745%203.81152C17.7668%203.76429%2020.6186%208.87962%2019.9647%2013.3887C19.4161%2017.3201%2016.8182%2019.1804%2016.2186%2019.5801C16.2259%2019.6091%2016.2265%2019.624%2016.2265%2019.624C16.2263%2019.6276%2016.1932%2019.6309%2016.1425%2019.6309C16.1134%2019.6527%2016.0956%2019.668%2016.0956%2019.668C16.0956%2019.668%2016.0914%2019.6529%2016.0878%2019.6348C15.4004%2019.6529%2012.2727%2019.5547%209.50087%2017.5859C6.40879%2015.3732%204.43928%2011.6266%204.39931%2011.6084C4.38478%2011.6338%207.84024%2010.3916%2011.2811%2012.5898C13.6028%2014.065%2015.0449%2016.7103%2015.7352%2018.3018C15.3319%2016.6231%2014.7508%2013.654%2014.9579%2010.8018C15.2886%206.49623%2017.7123%203.80426%2017.745%203.81152ZM5.30751%200C5.30751%200%209.50431%201.19169%2011.7753%204.59961C14.0354%207.99153%2013.535%2012.2979%2013.5302%2012.3389V12.3359C13.497%2012.3265%209.32529%2011.1337%207.06337%207.73926C4.79686%204.33769%205.30553%200.0167567%205.30751%200Z%22%20fill%3D%22%23D6B653%22%2F%3E%3C%2Fsvg%3E");
  background-position: 0 50%, 100% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 26px auto, 26px auto;
}
@media (max-width: 1024px) {
  .lp-union__in {
    min-height: 7.8125vw;
    padding-left: 2.9296875vw;
    padding-right: 2.9296875vw;
    background-size: 2.5390625vw auto, 2.5390625vw auto;
  }
}
.lp-union .-sm {
  font-size: 1.6rem;
}
@media (max-width: 1024px) {
  .lp-union .-sm {
    font-size: 1.5625vw;
  }
}
@media (max-width: 690px) {
  .lp-union .-sm {
    font-size: 2vw;
  }
}
.lp-union .-md {
  font-size: 3.2rem;
}
@media (max-width: 1024px) {
  .lp-union .-md {
    font-size: 0.3125vw;
  }
}
@media (max-width: 690px) {
  .lp-union .-md {
    font-size: 3vw;
  }
}
.lp-union .-lg {
  font-size: 4.4rem;
  line-height: 1;
}
@media (max-width: 1024px) {
  .lp-union .-lg {
    font-size: 4.296875vw;
  }
}
@media (max-width: 690px) {
  .lp-union .-lg {
    font-size: 5vw;
  }
}

.lp-problem {
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 690px) {
  .lp-problem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-top: 40px;
  }
}
.lp-problem::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 150px;
  bottom: 0;
  left: 50%;
  background-color: #f4f5f7;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 1025px) {
  .lp-problem::after {
    display: block;
    content: "";
    height: 0;
    clear: both;
  }
}
.lp-problem__title {
  font-size: 3.6rem;
  font-weight: 900;
  background: url(../other/lp_title_bg01.svg) no-repeat 0 0/433px auto;
  margin-left: 0;
}
@media (min-width: 1025px) {
  .lp-problem__title {
    padding-top: 167px;
    padding-bottom: 167px;
  }
}
@media (max-width: 1024px) {
  .lp-problem__title {
    background-size: 42.28515625vw auto;
    padding-top: 16.30859375vw;
    padding-bottom: 16.30859375vw;
  }
}
@media (max-width: 690px) {
  .lp-problem__title {
    background-size: 48.4057971014vw auto;
    padding-top: 15vw;
    padding-bottom: 15vw;
    font-size: 2.6rem;
  }
}
.lp-problem__detail {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 1025px) {
  .lp-problem__detail {
    float: right;
    width: 62.6953125%;
    margin-top: -190px;
  }
}
@media (max-width: 1024px) {
  .lp-problem__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px 9.765625%;
  }
}
@media (max-width: 690px) {
  .lp-problem__detail {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 1.953125vw;
  }
}
@media (min-width: 1025px) {
  .lp-problem__detail .lp-problem__item {
    margin-bottom: 22px;
  }
  .lp-problem__detail .lp-problem__item:first-child {
    margin-right: 54px;
    margin-bottom: 40px;
  }
  .lp-problem__detail .lp-problem__item:nth-child(2) {
    margin-right: 52px;
  }
  .lp-problem__detail .lp-problem__item:nth-child(4) {
    margin-right: 64px;
  }
  .lp-problem__detail .lp-problem__item:nth-child(5) {
    margin-top: 12px;
  }
  .lp-problem__detail .lp-problem__item:last-child {
    margin-right: 226px;
  }
  .lp-problem__detail .lp-problem__item:nth-child(odd) {
    border-radius: 16px 16px 0 16px;
  }
  .lp-problem__detail .lp-problem__item:nth-child(even) {
    border-radius: 16px 16px 16px 0;
  }
}
@media (min-width: 691px) and (max-width: 1024px) {
  .lp-problem__detail .lp-problem__item:nth-child(odd) {
    border-radius: 16px 16px 16px 0;
  }
  .lp-problem__detail .lp-problem__item:nth-child(even) {
    border-radius: 16px 16px 0 16px;
  }
}
@media (max-width: 690px) {
  .lp-problem__detail .lp-problem__item:nth-child(odd) {
    border-radius: 16px 16px 0 16px;
  }
  .lp-problem__detail .lp-problem__item:nth-child(even) {
    border-radius: 16px 16px 16px 0;
  }
}
.lp-problem__item {
  font-weight: 600;
  letter-spacing: 0.03em;
  padding: 16px;
  background-color: #fff;
  border: 2px solid #ddd;
}
@media (max-width: 690px) {
  .lp-problem__item {
    font-size: 2.5vw;
    padding: 2.5vw;
    border-width: 1px;
  }
}
.lp-problem__img {
  padding-left: 9.27734375%;
  padding-right: 9.27734375%;
}
@media (min-width: 1025px) {
  .lp-problem__img {
    width: 37.3046875%;
  }
}
@media (max-width: 1024px) {
  .lp-problem__img {
    width: 100%;
    max-width: 565px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 690px) {
  .lp-problem__img {
    max-width: 250px;
    padding-left: 13.768115942%;
    padding-right: 13.768115942%;
  }
}

.lp-scene {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1024px;
  padding-top: 60px;
  padding-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  gap: 32px 4.296875%;
}
@media (max-width: 690px) {
  .lp-scene {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
.lp-scene::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  bottom: 0;
  left: 50%;
  background-color: #f4f5f7;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 1025px) {
  .lp-scene::after {
    display: block;
    content: "";
    height: 0;
    clear: both;
  }
}
.lp-scene__item {
  width: 30.46875%;
}
@media (min-width: 691px) and (max-width: 980px) {
  .lp-scene__item {
    width: 47.7551020408%;
  }
}
@media (max-width: 690px) {
  .lp-scene__item {
    width: 100%;
  }
}
.lp-scene__subtitle {
  font-size: 2.4rem;
  font-weight: 600;
  color: #4de3c0;
}
.lp-scene__title {
  font-size: 2.4rem;
  font-weight: 600;
}
.lp-scene__img {
  aspect-ratio: 262/160;
  margin-top: 24px;
  margin-bottom: 24px;
}
.lp-scene__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.lp-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 690px) {
  .lp-flow {
    gap: 20px;
  }
}
.lp-flow__item {
  width: calc(25% - 30px);
  background-color: #f4f5f7;
  border-radius: 16px;
  padding: 24px 33px;
}
@media (max-width: 690px) {
  .lp-flow__item {
    padding: 12px 16px;
  }
}
@media (max-width: 980px) {
  .lp-flow__item {
    width: calc(50% - 40px);
  }
}
@media (max-width: 690px) {
  .lp-flow__item {
    width: calc(50% - 20px);
  }
}
.lp-flow .lp-flow__item {
  position: relative;
}
.lp-flow .lp-flow__item:not(:first-child)::before {
  position: absolute;
  content: "";
  width: 103px;
  height: 109px;
  background-color: #4de3c0;
  clip-path: polygon(0% 28px, 40px 28px, 40px 0%, 100% 50%, 40px 100%, 40px calc(100% - 28px), 0% calc(100% - 28px));
  top: 50%;
  left: -40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 690px) {
  .lp-flow .lp-flow__item:not(:first-child)::before {
    width: 50px;
    height: 50px;
    clip-path: polygon(0% 14px, 30px 14px, 30px 0%, 100% 50%, 30px 100%, 30px calc(100% - 14px), 0% calc(100% - 14px));
    left: -20px;
  }
}
@media (max-width: 980px) {
  .lp-flow .lp-flow__item:nth-child(odd):not(:nth-child(1)) {
    margin-left: 40px;
  }
}
@media (max-width: 690px) {
  .lp-flow .lp-flow__item:nth-child(odd):not(:nth-child(1)) {
    margin-left: 20px;
  }
}
.lp-flow__img {
  aspect-ratio: 1/1;
}
.lp-flow__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.lp-reason {
  position: relative;
  padding-top: 180px;
  padding-bottom: 180px;
}
@media (max-width: 980px) {
  .lp-reason {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (max-width: 690px) {
  .lp-reason {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.lp-reason::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  bottom: 0;
  left: 50%;
  background-color: #f4f5f7;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.lp-reason .lp-title {
  margin-bottom: 120px;
}
@media (max-width: 690px) {
  .lp-reason .lp-title {
    margin-bottom: 80px;
  }
}
.lp-reason__con {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px 64px;
  margin-top: 80px;
}
@media (max-width: 690px) {
  .lp-reason__con {
    grid-template-columns: repeat(1, 1fr);
  }
}
.lp-reason__item {
  position: relative;
  background-color: #fff;
  border-radius: 16px;
  padding: 40px;
}
.lp-reason__img {
  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: 24px;
}
.lp-reason__img:not(.-adjust) {
  height: 135px;
  margin-bottom: 24px;
}
.lp-reason__img:not(.-adjust) {
  height: 159px;
}
.lp-reason__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.lp-reason__num {
  position: absolute;
  font-size: 8.4rem;
  font-weight: 700;
  color: #4de3c0;
  line-height: 0.6;
  top: -29px;
  left: 40px;
}

.lp-difference {
  margin-top: -7.8125%;
}
@media (max-width: 690px) {
  .lp-difference {
    margin-top: -10px;
  }
}
.lp-difference__title {
  background: url(../other/lp_title_bg03.svg) no-repeat 50% 0/auto 100%;
  aspect-ratio: 1024/376;
  padding-top: 18.359375%;
}
@media (max-width: 980px) {
  .lp-difference {
    overflow-x: scroll;
    scroll-behavior: smooth;
  }
}
.lp-difference__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 980px) {
  .lp-difference__in {
    width: 1024px;
  }
}
.lp-difference__item {
  width: calc(33.3333333333% - 26.6666666667px);
  background-color: #fff;
  border-radius: 16px;
}
.lp-difference__item:not(.--curent) {
  position: relative;
  border: 1px solid #ddd;
  margin-bottom: 22px;
  z-index: 2;
}
.lp-difference__item.--curent {
  position: relative;
  border: 6px solid #4de3c0;
}
.lp-difference__item.--curent::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 145px;
  bottom: 0;
  left: 25%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(68, 201, 170, 0.1)), to(rgb(81, 143, 128)));
  background: linear-gradient(180deg, rgba(68, 201, 170, 0.1) 0%, rgb(81, 143, 128) 100%);
  -webkit-transform: skewX(-45deg);
          transform: skewX(-45deg);
  opacity: 0.3;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: -1;
}
.lp-difference__item__title {
  height: 47px;
  font-weight: 700;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 24px;
}
.lp-difference__item__title .-text {
  font-size: 3rem;
}
.lp-difference__item__title img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.lp-difference__item__subtext {
  font-size: 1.4rem;
  font-weight: 700;
  color: #999;
}
.lp-difference__item__subtitle {
  position: relative;
  padding-left: 32px;
}
.lp-difference__item__subtitle::after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.lp-difference__item__subtitle.--rr::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212.3169%22%20r%3D%2210.5%22%20stroke%3D%22%234DE3C0%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2212.0001%22%20cy%3D%2212.317%22%20r%3D%224.96154%22%20stroke%3D%22%234DE3C0%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}
.lp-difference__item__subtitle.--r::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212.6665%22%20cy%3D%2212.3169%22%20r%3D%2210.5%22%20stroke%3D%22%234DE3C0%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}
.lp-difference__item__subtitle.--t::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2222%22%20viewBox%3D%220%200%2025%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22.0815%2019.8169H3.25146L12.6665%203.34033L22.0815%2019.8169Z%22%20stroke%3D%22%234DE3C0%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}
.lp-difference__item__text {
  font-size: 1.3rem;
  font-weight: 500;
  padding-left: 32px;
}
.lp-difference__item__in {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #ddd;
  padding: 16px 24px;
}

.lp-price {
  position: relative;
  padding-top: 180px;
  padding-bottom: 180px;
}
@media (max-width: 980px) {
  .lp-price {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (max-width: 690px) {
  .lp-price {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.lp-price::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  bottom: 0;
  left: 50%;
  background-color: #f4f5f7;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.lp-price .lp-title {
  margin-bottom: 120px;
}
@media (max-width: 690px) {
  .lp-price .lp-title {
    margin-bottom: 80px;
  }
}
.lp-price__item {
  display: grid;
  grid-template-columns: 33.607421875% 1fr;
  gap: 24px 7.8125%;
}
@media (max-width: 690px) {
  .lp-price__item {
    grid-template-columns: repeat(1, 1fr);
  }
}
.lp-price__item + .lp-price__item {
  margin-top: 80px;
}
@media (max-width: 690px) {
  .lp-price__item + .lp-price__item {
    margin-bottom: 50px;
  }
}
.lp-price__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 4px;
}
.lp-price__price .-md {
  font-size: 2rem;
  font-weight: 700;
}
.lp-price__price .-lg {
  position: relative;
  font-size: 4rem;
  font-weight: 700;
  bottom: -4px;
}
.lp-price__price .-tax {
  font-size: 1.4rem;
  font-weight: 700;
  border: 1px solid;
}
.lp-price__note {
  font-size: 1.3rem;
  border-top: 1px solid #ddd;
  padding-top: 24px;
  margin-top: 24px;
}
.lp-price-cost {
  padding: 40px;
  background-color: #fff;
  border-radius: 16px;
}
@media (max-width: 690px) {
  .lp-price-cost {
    padding: 24px;
  }
}
.lp-price-cost__img {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.lp-case__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 30px;
}
.lp-case__item + .lp-case__item {
  margin-top: 80px;
}
.lp-case__title {
  width: 100%;
  margin-bottom: 16px;
}
@media (max-width: 690px) {
  .lp-case__title {
    margin-bottom: 4px;
  }
}
.lp-case__img {
  width: 40.0390625%;
}
@media (max-width: 690px) {
  .lp-case__img {
    width: 100%;
  }
}
.lp-case__img img {
  border-radius: 16px;
}
.lp-case__detail {
  width: calc(57.03125% - 30px);
}
@media (max-width: 690px) {
  .lp-case__detail {
    width: 100%;
  }
}
.lp-case__detail img {
  border-radius: 16px;
}
.lp-case__link {
  display: block;
  padding: 30px;
  border: 1px solid #ddd;
}
.lp-case__link__title {
  position: relative;
  font-weight: 700;
  padding-left: 1rem;
}
.lp-case__link__title::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background-color: #333;
  border-radius: 50%;
  top: calc(0.7em - 1px);
  left: 0;
}
.lp-case__link__text a,
.lp-case__link__text .-no-link {
  position: relative;
  display: inline-block;
  text-decoration: underline;
  padding-right: 24px;
}
.lp-case__link__text a::before, .lp-case__link__text a::after,
.lp-case__link__text .-no-link::before,
.lp-case__link__text .-no-link::after {
  position: absolute;
  content: "";
}
.lp-case__link__text a::before,
.lp-case__link__text .-no-link::before {
  width: 18px;
  height: 3px;
  top: 50%;
  right: 2px;
  background-color: #333;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lp-case__link__text a::after,
.lp-case__link__text .-no-link::after {
  width: 6px;
  height: 6px;
  border-width: 3px 3px 0 0;
  border-style: solid;
  border-color: #333;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.lp-case__link[href]:hover {
  border-color: #1ba9e0;
}
.lp-case__link[href]:hover .lp-case__link__text a::before,
.lp-case__link[href]:hover .lp-case__link__text .-no-link::before {
  background-color: #1ba9e0;
}
.lp-case__link[href]:hover .lp-case__link__text a::after,
.lp-case__link[href]:hover .lp-case__link__text .-no-link::after {
  border-color: #1ba9e0;
}

.lp-fqp__item {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.lp-fqp__item + .lp-fqp__item {
  margin-top: 26px;
}
.lp-fqp__q {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 35px;
  font-size: 1.87rem;
  font-weight: 700;
  line-height: 1.2994652406;
  padding-left: 40px;
}
.lp-fqp__q::before {
  position: absolute;
  content: "Q";
  font-size: 4rem;
  font-weight: 700;
  color: #1ba9e0;
  line-height: 1;
  top: -0.1em;
  left: 0;
}
.lp-fqp__a {
  margin-top: 12px;
}

@media (max-width: 980px) {
  .js-scroll-note {
    position: relative;
  }
}
@media (min-width: 98px) {
  .js-scroll-note .scroll-note {
    display: none;
  }
}
@media (max-width: 980px) {
  .js-scroll-note .scroll-note {
    position: absolute;
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    background: rgba(34, 34, 34, 0.6) url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M226.135%2C172.109l0.1-29.402c-0.462-0.432-0.947-0.824-1.386-1.264%20c-12.506-12.521-20.207-29.693-20.215-48.785c0.008-19.092%2C7.709-36.264%2C20.215-48.793c12.522-12.506%2C29.695-20.201%2C48.786-20.209%20c19.091%2C0.008%2C36.264%2C7.703%2C48.786%2C20.209c12.507%2C12.529%2C20.208%2C29.701%2C20.215%2C48.793c-0.008%2C18.428-7.224%2C35.023-18.967%2C47.416%20l0.068%2C30.449c25.575-16.488%2C42.548-45.16%2C42.556-77.865C366.285%2C41.476%2C324.808%2C0.008%2C273.634%2C0%20c-51.172%2C0.008-92.65%2C41.476-92.658%2C92.658C180.984%2C126.449%2C199.12%2C155.922%2C226.135%2C172.109z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M372.554%2C260.762c-29.387%2C32.322-37.373%2C38.814-37.373%2C38.814c-5.429%2C5.182-13.416%2C6.623-20.316%2C3.674%20c-6.892-2.957-11.367-9.734-11.367-17.236l-0.446-194.781v3.545c-2.811-18.322-14.039-27.301-28.085-27.301%20c-15.51%2C0-28.078%2C12.574-28.078%2C28.086l-0.462%2C141.15l-114.344%2C29.572c-31.974%2C13.707-48.023%2C49.688-36.864%2C82.631l28.594%2C107.26%20V512h185.563v-55.824c0%2C0%2C95.9-144.687%2C105.78-158.687C432.79%2C272.524%2C401.933%2C228.442%2C372.554%2C260.762z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50% 20px/40px auto;
    border-radius: 10px;
  }
  .js-scroll-note .scroll-note::after {
    position: absolute;
    content: "スクロールできます";
    font-size: 10px;
    color: #fff;
    white-space: nowrap;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.js-scroll-note.--is-hidden .scroll-note {
  display: none;
}