@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Noto+Sans+JP:wght@100..900&display=swap');
:root {
  --mail-color-primary: #ff7518;
  --mail-color-primary-dark: #e45d00;
  --mail-color-text: #292b2d;
  --mail-color-text-alt: #27292b;
  --mail-color-muted: #9a9a9a;
  --mail-color-bg: #ffffff;
  --mail-color-bg-alt: #f5f7f9;
  --mail-color-navy: #00418f;
  --mail-color-navy-dark: #0e3b63;
  --mail-color-accent-yellow: #fff75d;
  --mail-color-hero-blue: #2faedc;
  --mail-color-hero-blue-dark: #1f8fbe;
  --mail-font-jp: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;
  --mail-font-en: "Manrope", system-ui, sans-serif;
  --mail-bp-sp: 768px;
  --mail-content-max: 1440px;
}
.mail-center{
  text-align: center;
}
.l-main{
  color: var(--mail-color-text);
  font-family: var(--mail-font-jp);
  background-color: #FFF;
}
.mail-hero{
  background: #FFF url(../images/hero_background.webp) no-repeat top center;
  background-size: auto 606px;
}
.mail-hero__inner{
  position: relative;
  max-width: 1302px;
  width: 100%;
  margin: auto;
  padding: 52px 20px 20px 20px;
}
.mail-hero__content{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 46px 0;
}
.mail-hero__copy{
  position: relative;
  z-index: 1;
}
.mail-hero__copyLine{
  display: block;
}
.mail-hero__copyMain{
  text-align: center;
}
.mail-hero__copySub{
  color: var(--mail-color-text);
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
  line-height: 83px;
  letter-spacing: 1.7px;
  margin: 0 0 22px 0;
}
.mail-hero__copy--left .mail-hero__copySub{
  padding: 0 0 2px 24px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20258%2011%22%3E%3Cpath%20stroke%3D%22%23292b2d%22%20d%3D%22M0%20.5h124l6.5%209%206-9h121%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 327.5px 11px;
  background-position: bottom left 35px;
}
.mail-hero__copy--right .mail-hero__copySub{
  padding: 0 0 2px 24px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20381%2011%22%3E%3Cpath%20stroke%3D%22%23292b2d%22%20d%3D%22M0%20.5h182l6.5%209%206-9h186%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 385.5px 11px;
  background-position: bottom left 21px;
}
.mail-hero__copy--right .mail-hero__copySub span{
  margin: 0 -14px 0 -1px;
}
.mail-hero__copyBig{
  color: #FF7518;
  text-align: center;
  font-size: 94px;
  font-style: normal;
  font-weight: 900;
  line-height: 90px;
  letter-spacing: 0.94px;
}
.mail-hero__copyMid{
  color: #FF7518;
  font-size: 68px;
  font-style: normal;
  font-weight: 900;
  line-height: 90px;
  letter-spacing: 0.68px;
}
.mail-hero__visual{
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 0 0 -5px;
}
.mail-hero__laptop{
  width: 646px;
  height: auto;
}
.mail-hero__phone{
  position: absolute;
  right: 76px;
  bottom: 9px;
  width: 112px;
  height: auto;
}
.mail-hero__tagline{
  color: var(--mail-color-text);
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 1.1px;
  margin: 0 0 17px 0;
}
.mail-hero__logo{
  width: 310px;
  height: auto;
  margin: 0 auto 41px;
}
.mail-hero__ctaRow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0 0 54px 0;
}
.mail-hero__btnWrap {
  position: relative;
  padding-top: 16px;
}
.mail-btn__tag {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--mail-color-text);
  font-size: 13px;
  font-weight: 700;
  width: 135px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.04em;
  text-align: center;
  z-index: 2;
  background: #fff75d;
  padding: 0px 14px;
  border-radius: 14px;
  white-space: nowrap;
  transition: transform .2s;
}
.mail-btn__tag::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff75d;
}
.mail-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 410px;
  height: 87px;
  color: rgb(255, 255, 255);
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.04em;
  box-shadow: rgba(0, 0, 0, 0.18) 12px 12px 20px 0px;
  gap: 12px;
  border-radius: 6px;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
  overflow: hidden;
}
.mail-btn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #C44F00;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  border-radius: 6px;
}
.mail-btn--trial {
  position: relative;
  background: #ff7518;
  padding: 0px 20px 0px 60px;
}
.mail-btn--trial::before {
  background: #C44F00;
}
.mail-btn--download::before {
  background: #001E43;
}
@media (any-hover: hover) {
  .mail-hero__btnWrap:hover .mail-btn__tag{
    transform: translateX(-50%) scale(1.15);
    transition: transform .2s;
  }
  .mail-btn:hover::before{
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
.mail-btn--download {
  background: #00418f;
  padding: 0px 20px 0px 70px;
}
.mail-btn__icon {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  background-position: center center;
  position: relative;
  z-index: 1;
}
.mail-btn__icon--trial {
  width: 40px;
  height: 32px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2032%22%3E%3Cpath%20fill%3D%22%23aaa%22%20d%3D%22M36.308%2020.681%2034.01%201.838l-3.677%2018.843z%22%2F%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M4.596%201.838h29.413l-.919%205.515H3.677z%22%2F%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M3.677%207.353H33.09l-3.677%2021.141H0z%22%2F%3E%3Cpath%20fill%3D%22%23ff7518%22%20d%3D%22M19.303%2020.681h20.221v7.354H19.303z%22%2F%3E%3Cpath%20fill%3D%22url(%23c)%22%20d%3D%22M19.303%2030.333v-8.435l10.11%205.064%2010.111-5.064v8.435c0%20.98-1.225%201.225-1.838%201.225H20.528c-.98%200-1.225-.817-1.225-1.225%22%2F%3E%3Cpath%20fill%3D%22%23fffff8%22%20d%3D%22M19.303%2020.06v.612l10.11%205.065%2010.111-5.065v-.613c0-1.47-1.225-1.838-1.838-1.838H21.14c-1.47%200-1.838%201.226-1.838%201.838%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M11.95%200h2.757l-.92%203.677H11.03z%22%2F%3E%3Cpath%20fill%3D%22url(%23e)%22%20d%3D%22M24.818%200h2.757l-.92%203.677h-2.757z%22%2F%3E%3Ccircle%20cx%3D%2227.575%22%20cy%3D%2215.626%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2228.494%22%20cy%3D%2211.03%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2223.898%22%20cy%3D%2215.626%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2224.817%22%20cy%3D%2211.03%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2220.222%22%20cy%3D%2215.626%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2221.141%22%20cy%3D%2211.03%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2216.545%22%20cy%3D%2215.626%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2217.464%22%20cy%3D%2211.03%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2212.868%22%20cy%3D%2215.626%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2213.788%22%20cy%3D%2211.03%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%229.192%22%20cy%3D%2215.626%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%2210.111%22%20cy%3D%2211.03%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%225.515%22%20cy%3D%2215.626%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Ccircle%20cx%3D%226.434%22%20cy%3D%2211.03%22%20r%3D%22.919%22%20fill%3D%22%23ff7518%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%227.353%22%20x2%3D%2234.009%22%20y1%3D%224.596%22%20y2%3D%224.596%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f67e2d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b24800%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2215.626%22%20x2%3D%2225.737%22%20y1%3D%2211.949%22%20y2%3D%2228.494%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fafafa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d2d2d2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2226.007%22%20x2%3D%2230.333%22%20y1%3D%2226.332%22%20y2%3D%2231.558%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fafaed%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eaead4%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2212.869%22%20x2%3D%2212.869%22%20y1%3D%220%22%20y2%3D%223.677%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a2a2a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cecece%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22e%22%20x1%3D%2225.737%22%20x2%3D%2225.737%22%20y1%3D%220%22%20y2%3D%223.677%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a2a2a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cecece%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.mail-btn__icon--download {
  width: 52px;
  height: 40px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2253%22%20height%3D%2240%22%20viewBox%3D%220%200%2053%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%225.08386%22%20y%3D%224.45648%22%20width%3D%2242.4229%22%20height%3D%2229.8107%22%20fill%3D%22url(%23paint0_linear_708_2573)%22%2F%3E%3Cpath%20d%3D%22M0%200H45.5814V31.6279H0L0%200Z%22%20fill%3D%22url(%23paint1_linear_708_2573)%22%2F%3E%3Cpath%20d%3D%22M0%206.51163H45.5814V25.1163H0V6.51163Z%22%20fill%3D%22url(%23paint2_linear_708_2573)%22%2F%3E%3Cpath%20d%3D%22M4.99987%2019.4635V12.9835H6.08437V15.9895L8.67187%2012.9835H10.0039L7.21837%2016.1605L10.1929%2019.4635H8.81587L6.08437%2016.4395V19.4635H4.99987ZM10.377%2019.4635L12.42%2012.9835H14.0085L16.0515%2019.4635H14.9355L13.0815%2013.6495H13.3245L11.493%2019.4635H10.377ZM11.5155%2018.0595V17.047H14.9175V18.0595H11.5155ZM19.3623%2019.5985mail8.9423%2019.5985%2018.5478%2019.525%2018.1788%2019.378mail7.8128%2019.228%2017.4903%2019.009%2017.2113%2018.721mail6.9353%2018.433%2016.7193%2018.0805%2016.5633%2017.6635mail6.4073%2017.2435%2016.3293%2016.7635%2016.3293%2016.2235mail6.3293%2015.5155%2016.4613%2014.911%2016.7253%2014.41mail6.9893%2013.906%2017.3508%2013.5205%2017.8098%2013.2535mail8.2688%2012.9835%2018.7863%2012.8485%2019.3623%2012.8485C20.1603%2012.8485%2020.7918%2013.0345%2021.2568%2013.4065C21.7248%2013.7755%2022.0413%2014.2945%2022.2063%2014.9635L21.0993%2015.139C20.9763%2014.755%2020.7753%2014.449%2020.4963%2014.221C20.2173%2013.99%2019.8618%2013.8745%2019.4298%2013.8745mail8.9948%2013.8685%2018.6333%2013.963%2018.3453%2014.158mail8.0573%2014.353%2017.8398%2014.6275%2017.6928%2014.9815mail7.5488%2015.3355%2017.4768%2015.7495%2017.4768%2016.2235mail7.4768%2016.6975%2017.5488%2017.11%2017.6928%2017.461mail7.8368%2017.809%2018.0528%2018.0805%2018.3408%2018.2755mail8.6318%2018.4705%2018.9948%2018.571%2019.4298%2018.577mail9.7568%2018.58%2020.0433%2018.5215%2020.2893%2018.4015C20.5353%2018.2785%2020.7363%2018.094%2020.8923%2017.848C21.0483%2017.599%2021.1533%2017.2885%2021.2073%2016.9165H20.0643V16.066H22.3593C22.3653%2016.114%2022.3698%2016.1845%2022.3728%2016.2775C22.3758%2016.3705%2022.3773%2016.426%2022.3773%2016.444C22.3773%2017.056%2022.2558%2017.6005%2022.0128%2018.0775C21.7728%2018.5515%2021.4278%2018.9235%2020.9778%2019.1935C20.5278%2019.4635%2019.9893%2019.5985%2019.3623%2019.5985ZM26.0216%2019.5985C25.3736%2019.5985%2024.8186%2019.4575%2024.3566%2019.1755C23.8946%2018.8905%2023.5391%2018.4945%2023.2901%2017.9875C23.0441%2017.4805%2022.9211%2016.8925%2022.9211%2016.2235C22.9211%2015.5545%2023.0441%2014.9665%2023.2901%2014.4595C23.5391%2013.9525%2023.8946%2013.558%2024.3566%2013.276C24.8186%2012.991%2025.3736%2012.8485%2026.0216%2012.8485C26.6696%2012.8485%2027.2246%2012.991%2027.6866%2013.276C28.1516%2013.558%2028.5071%2013.9525%2028.7531%2014.4595C29.0021%2014.9665%2029.1266%2015.5545%2029.1266%2016.2235C29.1266%2016.8925%2029.0021%2017.4805%2028.7531%2017.9875C28.5071%2018.4945%2028.1516%2018.8905%2027.6866%2019.1755C27.2246%2019.4575%2026.6696%2019.5985%2026.0216%2019.5985ZM26.0216%2018.577C26.4566%2018.58%2026.8181%2018.484%2027.1061%2018.289C27.3971%2018.094%2027.6146%2017.8195%2027.7586%2017.4655C27.9056%2017.1115%2027.9791%2016.6975%2027.9791%2016.2235C27.9791%2015.7495%2027.9056%2015.3385%2027.7586%2014.9905C27.6146%2014.6395%2027.3971%2014.3665%2027.1061%2014.1715C26.8181%2013.9765%2026.4566%2013.876%2026.0216%2013.87C25.5866%2013.867%2025.2251%2013.963%2024.9371%2014.158C24.6491%2014.353%2024.4316%2014.6275%2024.2846%2014.9815C24.1406%2015.3355%2024.0686%2015.7495%2024.0686%2016.2235C24.0686%2016.6975%2024.1406%2017.11%2024.2846%2017.461C24.4286%2017.809%2024.6446%2018.0805%2024.9326%2018.2755C25.2236%2018.4705%2025.5866%2018.571%2026.0216%2018.577ZM31.3249%2019.4635V16.8085L29.1199%2012.9835H30.3844L31.8739%2015.5665L33.3589%2012.9835H34.6234L32.4229%2016.8085V19.4635H31.3249ZM34.169%2019.4635L36.212%2012.9835H37.8005L39.8435%2019.4635H38.7275L36.8735%2013.6495H37.1165L35.285%2019.4635H34.169ZM35.3075%2018.0595V17.047H38.7095V18.0595H35.3075Z%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2241.7735%22%20cy%3D%224.45647%22%20r%3D%221.14657%22%20fill%3D%22%237C7C7C%22%2F%3E%3Cpath%20d%3D%22M32.6014%2021.6549H52.0931V40H32.6014V21.6549Z%22%20fill%3D%22%23292929%22%2F%3E%3Cpath%20d%3D%22M37.1874%2033.1206V35.4137H47.5065V33.1206%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M39.7098%2029.9102L42.4616%2031.974L45.2134%2029.9102%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M42.4615%2025.0946V31.974%22%20stroke%3D%22white%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_708_2573%22%20x1%3D%225.65715%22%20y1%3D%225.60305%22%20x2%3D%2241.2007%22%20y2%3D%2234.2672%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F9F9F9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BCBCBC%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_708_2573%22%20x1%3D%221.23193%22%20y1%3D%223.95349%22%20x2%3D%2220.3877%22%20y2%3D%2233.2018%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.34621%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6E6E6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_708_2573%22%20x1%3D%222.8134%22%20y1%3D%2215.2326%22%20x2%3D%2245.5814%22%20y2%3D%2215.2326%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFAA71%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF7518%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.mail-btn__badge {
  color: #ff7518;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  width: 56px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
  background: rgb(255, 255, 255);
  padding: 0px;
  border-radius: 3px;
  position: relative;
  z-index: 1;
}
.mail-btn__label {
  flex-grow: 0;
  white-space: nowrap;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.63px;
  position: relative;
  z-index: 1;
}
.mail-btn__arrow {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-left: auto;
  color: #fff;
}
.mail-btn__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  border: solid 1px #fff;
  border-radius: 50%;
  background-color: transparent;
  transition: transform .3s ease, background-color .3s ease;
}
.mail-trialBtn--outline .mail-btn__arrow::before {
  border: solid 1px var(--mail-color-primary);
}
.mail-trialBtn .mail-btn__arrow{
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
}
.mail-btn__arrow svg,
.mail-btn__arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7.14px;
  height: 6.57px;
  z-index: 1;
  transition: transform .3s ease, opacity .3s ease;
}
.mail-btn__arrow svg {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.mail-btn__arrow::after {
  content: "";
  background-color: #ff7518;
  -webkit-mask: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.203%207.263%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M.369.338l3.143%203.429L.369%206.91%22%2F%3E%3Cpath%20d%3D%22M4.369.338l3.143%203.429L4.369%206.91%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center / contain;
          mask: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.203%207.263%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M.369.338l3.143%203.429L.369%206.91%22%2F%3E%3Cpath%20d%3D%22M4.369.338l3.143%203.429L4.369%206.91%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center / contain;
  transform: translate(calc(-50% - 14px), -50%);
  opacity: 0;
}
.mail-btn--download .mail-btn__arrow::after{
  background-color: #00418F;
}
@media (any-hover: hover) {
  .mail-btn:hover .mail-btn__arrow::before {
    transform: scale(1.2);
    background-color: #fff;
  }
  .mail-btn:hover .mail-btn__arrow svg {
    transform: translate(calc(-50% + 14px), -50%);
    opacity: 0;
  }
  .mail-btn:hover .mail-btn__arrow::after {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  .mail-trialBtn:hover .mail-btn__arrow::before {
    transform: scale(1.2);
    background-color: #fff;
  }
  .mail-trialBtn:hover .mail-btn__arrow svg {
    transform: translate(calc(-50% + 14px), -50%);
    opacity: 0;
  }
  .mail-trialBtn:hover .mail-btn__arrow::after {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
.mail-hero__stats {
  display: flex;
  justify-content: center;
  gap: 14px;
}
.mail-statCard {
  position: relative;
  min-width: 283px;
  background: url(../images/stat_card.webp) no-repeat center center;
  background-size: contain;
}
.mail-statCard__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mail-statCard__label {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--mail-color-text);
  position: relative;
  display: inline-block;
  padding: 0 24px;
  margin: 0 0 -4px 0;
}
.mail-statCard__label::before, .mail-statCard__label::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 18px;
  height: 1px;
  background: #9a9a9a;
}
.mail-statCard__label::before {
  left: 0;
}
.mail-statCard__label::after {
  right: 0;
}
.mail-statCard__value {
  margin: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  font-family: var(--mail-font-en);
  font-weight: 900;
  color: var(--mail-color-text);
  letter-spacing: 0.02em;
  line-height: 1;
}
.mail-statCard__prefix {
  font-size: 31px;
  line-height: 1;
}
.mail-statCard__num {
  font-family: var(--mail-font-en);
  font-weight: 700;
  font-size: 61px;
  line-height: 1;
  letter-spacing: 0;
}
.mail-statCard__unit {
  font-size: 31px;
  line-height: 1;
}
.mail-statCard__note {
  font-size: 11px;
  font-weight: 500;
  color: #9A9A9A;
  letter-spacing: 0.04em;
}
.p-mailIndex .c-newsImportant .l-container{
  border: solid 1px #E8EAED;
}
.c-newsImportant .c-newsList__label{
  margin-left: 20px;
}
@media (any-hover: hover) {
  .c-newsImportant .c-newsList__text>a:hover{
    text-decoration: underline;
  }
}
.mail-banner{
  padding: 7px 0;
}
.mail-banner a{
  display: block;
  max-width: 1080px;
  width: 100%;
  margin: auto;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .mail-banner a:hover{
    opacity: 0.7;
  }
}
.mail-issues, .mail-issues * {
  box-sizing: border-box;
}
.mail-issues {
  position: relative;
  width: 100%;
  padding: 58px 20px 0;
  color: var(--mail-color-text);
}
.mail-issues__inner {
  position: relative;
  /* max-width: 1380px; */
  margin: 0 auto;
  padding: 95px 0 128px 0;
  background-color: #F2F3F5;
}
.mail-issues__inner::after {
  content: "";
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  height: 70px;
  background-color: #FF7518;
  clip-path: polygon(0 0, 100% 0, 50.6275% 100%);
}
.mail-issues__title {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.52;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 0 11px 0;
  color: var(--mail-color-text);
}
.mail-issues__label {
  font-family: var(--mail-font-en);
  font-size: 18px;
  font-weight: 800;
  color: #ff7518;
  letter-spacing: 0.54px;
  margin: 0 0 44px;
  text-align: center;
}
.mail-issues__subTitle {
  position: relative;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--mail-color-text);
  margin: 0 0 72px 0;
  line-height: 1.2;
}
.mail-issues__subTitle::after {
  content: "";
  display: block;
  max-width: 449px;
  width: 100%;
  height: 5px;
  background: #ff7518;
  border-radius: 3px;
  margin: 5px auto 0;
}
.mail-issues__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1049px;
  width: 100%;
}
.mail-issueCard {
  position: relative;
  background: #fff;
  border-radius: 14px;
  padding: 35px 0 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.mail-issueCard__num {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ff7518;
  color: #fff;
  font-family: var(--mail-font-en);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.mail-issueCard__text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: var(--mail-color-text);
  margin: 0;
}
.mail-issueCard__illust {
  width: 100%;
  max-width: 239px;
  height: auto;
  object-fit: contain;
  margin-top: auto;
  border-radius: 0 0 14px 14px;
}
.mail-reasons{
  background-color: #F2F3F5;
  padding: 0 0 93px 0;
}
.mail-reasons__bridge {
  text-align: center;
  padding: 96px 0 94px;
  background-color: #FFF;
}
.mail-reasons__bridgeText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--mail-color-text);
  margin: 0;
  line-height: 1.5;
}
.mail-reasons__bridgeText span:nth-child(2){
  display: inline-flex;
  align-items: center;
}
.mail-reasons__bridgeLogo {
  height: 42px;
  width: auto;
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px 0 -15px;
}
.mail-reasons__bridgeSub {
  font-size: 18px;
  font-weight: 500;
  color: var(--mail-color-text);
  letter-spacing: 0.03em;
  margin: 18px 0 0;
  line-height: 1.6;
}
.mail-reasons__head {
  text-align: center;
  padding: 110px 0 64px;
  position: relative;
}
.mail-reasons__title {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--mail-color-text);
  margin: 0;
  line-height: 1;
}
.mail-reasons__label {
  font-family: var(--mail-font-en);
  font-size: 18px;
  font-weight: 800;
  color: var(--mail-color-primary);
  margin: 25px 0 0;
}
.mail-reasons__lead {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin: 32px 0 0;
  color: var(--mail-color-text);
}
.mail-reasons__lead strong {
  color: var(--mail-color-primary);
  font-weight: 700;
}
.mail-reason:first-of-type {
  border-top: none;
  padding-top: 0;
}
.mail-reason {
  max-width: 1080px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  padding: 56px 0;
  border-top: 1px solid rgba(41, 43, 45, 0.08);
  margin: auto;
}
.mail-reason--textLeft .mail-reason__body {
  order: 1;
}
.mail-reason--textLeft .mail-reason__visual {
  order: 2;
}
.mail-reason__tag {
  display: inline-flex;
  align-items: center;
  gap: 19px;
  margin: 0;
}
.mail-reason__reason{
  background: var(--mail-color-primary);
  color: #fff;
  border-radius: 100px;
  padding: 3px 20px;
  font-family: var(--mail-font-en);
  font-size: 12px;
  font-weight: 700;
}
.mail-reason__num {
  font-family: var(--mail-font-en);
  font-size: 53px;
  font-weight: 800;
  letter-spacing: 0;
  color: var(--mail-color-primary);
  line-height: 1;
}
.mail-reason__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.03em;
  margin: 13px 0 16px;
  color: var(--mail-color-text);
}
.mail-reason__desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.02em;
  color: var(--mail-color-text);
}
.mail-reason__note{
  color: #767A7E;
  text-align: justify;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  margin: 0 0 7px 0;
}
.mail-reason__link{
  position: relative;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  display: inline-block;
  margin: 18px 0 0 0;
}
.mail-reason__link::after{
  content: "";
  position: absolute;
  right: -35px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 27px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cpath%20stroke%3D%22%23ff7518%22%20d%3D%22m14.052%2011%202.288%202.455-2.288%202.455M11%2011l2.289%202.455L11%2015.91%22%2F%3E%3Ccircle%20cx%3D%2213.5%22%20cy%3D%2213.5%22%20r%3D%2213%22%20stroke%3D%22%23ff7518%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
  transition: all 0.2s ease;
}
.mail-reason__link::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: #717578;
  transition: all 0.3s ease;
  opacity: 1;
}
@media (any-hover: hover) {
  .mail-reason__link:hover::before{
    background-color: #FF7518;
    transition: all 0.3s ease;
  }
  .mail-reason__link:hover::after{
    width: 34.4px;
    height: 34.4px;
    right: -38px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034.4%2034.4%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2080482%22%3E%3Cg%20fill%3D%22%23ff7518%22%20data-name%3D%22%E3%83%91%E3%82%B9%20219006%22%3E%3Cpath%20d%3D%22M17.2%2033.9a16.6%2016.6%200%200%201-11.809-4.891A16.6%2016.6%200%200%201%20.5%2017.2%2016.6%2016.6%200%200%201%205.391%205.391%2016.6%2016.6%200%200%201%2017.2.5a16.6%2016.6%200%200%201%2011.809%204.891A16.6%2016.6%200%200%201%2033.9%2017.2a16.6%2016.6%200%200%201-4.891%2011.809A16.6%2016.6%200%200%201%2017.2%2033.9%22%2F%3E%3Cpath%20d%3D%22M17.2%201A16.1%2016.1%200%200%200%205.745%205.745%2016.1%2016.1%200%200%200%201%2017.2c0%204.327%201.685%208.395%204.745%2011.455A16.1%2016.1%200%200%200%2017.2%2033.4c4.327%200%208.395-1.685%2011.455-4.745A16.1%2016.1%200%200%200%2033.4%2017.2c0-4.327-1.685-8.395-4.745-11.455A16.1%2016.1%200%200%200%2017.2%201m0-1c9.5%200%2017.2%207.7%2017.2%2017.2s-7.7%2017.2-17.2%2017.2S0%2026.7%200%2017.2%207.7%200%2017.2%200%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2080471%22%3E%3Cpath%20d%3D%22m15.065%2014.744%202.349%202.562-2.349%202.35%22%20data-name%3D%22%E3%83%91%E3%82%B9%20219003%22%2F%3E%3Cpath%20d%3D%22m18.055%2014.744%202.349%202.562-2.349%202.35%22%20data-name%3D%22%E3%83%91%E3%82%B9%20219004%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
  }
}
.mail-reason__subBlock{
  margin: 41px 0 0 0;
}
.mail-reason__pill{
  position: relative;
  padding: 0 0 0 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.14px;
  margin: 0 0 6px 0;
  display: block;
}
.mail-reason__pill::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  background-color: var(--mail-color-primary);
}
.mail-reason__benefits {
  display: flex;
  align-items: center;
}
.mail-reason__benefit:first-of-type {
  max-width: 216px;
  background: #5F666E;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  padding: 10px 36px 9px 14px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.mail-reason__benefit {
  background: #fff;
  padding: 19px 19px 19px 47px;
  margin: 0;
  margin-left: -27px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  box-sizing: border-box;
}
.mail-reason__benefit:first-of-type p {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}
.mail-reason__benefit:first-of-type p strong {
  font-weight: 500;
}
.mail-reason__benefit p {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
}
.mail-reason__benefit p small {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: .05em;
}
.mail-reason__subLead {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
  margin: 12px 0 0 0;
}
.mail-reason__visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.mail-reason__visual img {
  width: 100%;
  height: auto;
}
.mail-reason:first-of-type .mail-reason__visual img {
  max-width: 480px;
  margin: 0 0 0 auto;
}
.mail-reason:nth-of-type(2) .mail-reason__visual img {
  max-width: 496px;
  margin: 0 auto 0 0;
  border: 1px solid #DBDFE9;
}
.mail-reason:nth-of-type(3){
  gap: 0px;
}
.mail-reason:nth-of-type(3) .mail-reason__visual img {
  max-width: 427px;
  margin: 0 0 0 30px;
}
.mail-reason:nth-of-type(4){
  gap: 40px;
}
.mail-reason:nth-of-type(4) .mail-reason__visual img {
  max-width: 494px;
  margin: 0 auto 0 0;
  border: 1px solid #DBDFE9;
}
.mail-function {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 101px 20px 111px;
  background: #ffffff;
  font-family: var(--mail-font-jp);
  color: var(--mail-color-text);
  overflow: hidden;
  box-sizing: border-box;
}
.mail-function, .mail-function * {
  box-sizing: border-box;
}
.mail-function__inner {
  max-width: 1081px;
  margin: 0 auto;
}
.mail-function__head {
  text-align: center;
  margin-bottom: 45px;
}
.mail-function__title {
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 51px;
  letter-spacing: 0.04em;
  margin: 0;
  color: var(--mail-color-text);
}
.mail-function__label {
  font-family: var(--mail-font-en);
  font-size: 18px;
  font-weight: 800;
  color: var(--mail-color-primary);
  margin: 16px 0 0;
}
.mail-function__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mail-funcCard {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 12px 21px;
  background: #f5f7f9;
  min-height: 138px;
}
.mail-funcCard__icon {
  flex-shrink: 0;
  width: 134px;
}
.mail-funcCard:nth-child(1) img {
  width: 106px;
  height: 87.14px;
}
.mail-funcCard:nth-child(2) img {
  width: 110px;
  height: 76px;
}
.mail-funcCard:nth-child(3) img {
  width: 115px;
  height: 103px;
}
.mail-funcCard:nth-child(4) img {
  width: 134px;
  height: 92px;
}
.mail-funcCard:nth-child(5) img {
  width: 108px;
  height: 102.19px;
}
.mail-funcCard:nth-child(6) img {
  width: 100.25px;
  height: 88.14px;
}
.mail-funcCard__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
  margin: 0;
  color: var(--mail-color-text);
}
.mail-funcCard__text span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em;
  margin-top: 4px;
}
.mail-function__more {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin: 38px auto 0;
  padding: 9px 9px 9px 44px;
  background: var(--mail-color-text);
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: background 0.2s, transform 0.2s;
  position: relative;
  overflow: hidden;
}
.mail-function__more span {
  position: relative;
  z-index: 1;
}
/* .mail-function__more::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #000000;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  border-radius: 999px;
} */
.mail-function__more::after {
  position: relative;
  z-index: 1;
  content: '';
  width: 42px;
  height: 42px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m22%2018%203%203.5-3%203.5M18%2018l3%203.5-3%203.5%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2220.5%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.3%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  transition: all transform .3s;
}
.mail-function__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mail-function__inner > .mail-function__head,
.mail-function__inner > .mail-function__grid {
  width: 100%;
}
@media (any-hover: hover) {
  .mail-function__more:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
.mail-scene {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 106px 20px 94px;
  background: #F2F3F5;
  font-family: var(--mail-font-jp);
  color: var(--mail-color-text);
  overflow: hidden;
  box-sizing: border-box;
}
.mail-scene, .mail-scene * {
  box-sizing: border-box;
}
.mail-scene__inner {
  max-width: 1080px;
  margin: 0 auto;
}
.mail-scene__head {
  text-align: center;
  margin-bottom: 51px;
}
.mail-scene__title {
  font-size: 44px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.05em;
  margin: 0;
  color: var(--mail-color-text);
}
.mail-scene__mark {
  font-weight: 700;
  background: none;
  color: var(--mail-color-primary);
  position: relative;
  padding: 0 2px;
}
.mail-scene__label {
  font-family: var(--mail-font-en);
  font-size: 18px;
  font-weight: 800;
  color: var(--mail-color-primary);
  margin: 14px 0 0;
}
/* White card */
.mail-scene__card {
  background: #fff;
  border-radius: 5px;
  padding: 44px 51px 52px 51px;
}
.mail-scene__cardTitle {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.03em;
  margin: 0 0 43px;
  color: var(--mail-color-text);
}
.mail-scene__panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 29px;
  position: relative;
}
.mail-scenePanel {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 15%, #F6F7F9 15%, #F6F7F9 100%);
  padding: 0 0 40px 0;
}
.mail-scenePanel__mockup {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 18px;
  width: 388.02px;
  margin: 0 auto;
}
.mail-scenePanel:first-of-type img{
  width: 399px;
  margin: 0 auto;
}
.mail-scenePanel__heading {
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--mail-color-text);
  margin: 33px 0 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 40px 0 68px;
  position: relative;
}
.mail-scenePanel:first-of-type .mail-scenePanel__heading{
  margin: 13px 0 10px;
}
.mail-scenePanel__heading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 40px;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--mail-color-primary);
}
.mail-scenePanel__desc {
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  color: var(--mail-color-text);
  margin: 0;
  padding: 0 40px;
  letter-spacing: 0;
}
/* Use cases block */
.mail-scene__useCases {
  margin-top: 65px;
}
.mail-scene__caseTitle {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0;
  color: var(--mail-color-text);
}
.mail-scene__caseLead {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.02em;
  text-align: center;
  margin: 18px 0 55px;
  color: var(--mail-color-text);
}
.mail-scene__cases {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mail-caseCard {
  background: #fff;
  border-radius: 3px;
  padding: 35px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
.mail-caseCard__num {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--mail-font-en);
  font-size: 38px;
  font-weight: 800;
  color: var(--mail-color-primary);
  line-height: 1;
  letter-spacing: 0.02em;
}
.mail-caseCard__text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.03em;
  margin: 0;
  color: var(--mail-color-text);
  flex-grow: 0;
  min-height: 75px;
  text-align: center;
}
.mail-caseCard__img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin-top: auto;
  display: block;
  border-radius: 0 0 3px 3px;
}
.mail-plan {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 94px 20px 12px;
  background: #e7e9ee;
  font-family: var(--mail-font-jp);
  color: var(--mail-color-text);
  overflow: hidden;
  box-sizing: border-box;
}
.mail-plan, .mail-plan * {
  box-sizing: border-box;
}
.mail-plan__head {
  text-align: center;
}
.mail-plan__title {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin: 0;
  color: var(--mail-color-text);
}
.mail-plan__label {
  font-family: var(--mail-font-en);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.2em;
  color: var(--mail-color-primary);
  margin: 8px 0 0;
}
.mail-plan__banner {
  display: block;
  width: fit-content;
  margin: 42px auto 55px;
  background: #1DA336;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  font-family: var(--mail-font-en);
  letter-spacing: 0.05em;
  padding: 10px 55px;
  border-radius: 999px;
}
.mail-planCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
  align-items: start;
  max-width: 1080px;
  margin: auto;
}
.mail-planCard {
  border-radius: 5px 5px 0 0;
}
.mail-planCard:first-child,
.mail-planCard:last-child {
  margin-top: 55px;
}
.mail-planCard--recommended {
  position: relative;
}
.mail-planCard--recommended::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -8px;
  border: 4px solid #5869FF;
  overflow: visible;
  width: calc(100% + 17px);
  height: calc(100% + 7px);
  border-radius: 10px;
}
.mail-planCardBadge {
  background: #5869FF;
  color: #FFF;
  text-align: center;
  padding: 15px 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 5px;
  margin-left: -8px;
  width: calc(100% + 17px);
  border-radius: 10px 10px 0 0;
}
.mail-planCardBody{
  background: #FFF;
  position: relative;
  z-index: 1;
}
.mail-planCard:first-child .mail-planCardBodyHeader{
  background: url(../images/plan_background01.webp) no-repeat center top;
  background-size: cover;
}
.mail-planCardBodyHeader{
  background: url(../images/plan_background02.webp) no-repeat center top;
  background-size: cover;
  text-align: center;
  padding: 23px 23px 18px 23px;
}
.mail-planCard:last-child .mail-planCardBodyHeader{
  background: url(../images/plan_background03.webp) no-repeat center top;
  background-size: cover;
}
.mail-planCardName {
  font-size: 28px;
  font-weight: 700;
  color: var(--mail-color-text);
  line-height: 26px;
  margin-bottom: 18px;
}
.mail-planCardName span {
  font-family: var(--mail-font-en);
  font-size: 31px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.62px;
}
.mail-planCardCapacity {
  font-size: 14px;
  color: var(--mail-color-text);
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.28px;
  margin-bottom: 10px;
}
.mail-planCardPrice {
  font-size: 36px;
  font-weight: 700;
  line-height: 26px;
  color: var(--mail-color-text);
  font-family: var(--mail-font-en);
  text-align: center;
  padding: 28px 0 0 0;
}
.mail-planCardPrice small {
  font-family: var(--mail-font-jp);
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}
.mail-planCardConditions{
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  color: #686C70;
  margin-bottom: 5px;
}
.mail-planCardUsers {
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
  color: #FFF;
  background-color: var(--mail-color-text);
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  padding: 5px 28px;
}
.mail-planCardUsers span {
  font-family: var(--mail-font-en);
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  margin: 0 3px;
}
.mail-planCardSpecs {
  list-style: none;
  padding: 0;
  border-top: 2px solid #e7e9ee;
}
.mail-planCardSpecs li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17.5px 29px 17.5px 21px;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  color: var(--mail-color-text);
  border-bottom: 2px solid #e7e9ee;
}
.mail-planCardSpecs li span:last-child {
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  min-width: 53px;
  text-align: center;
}
.mail-planCardSpecs li span:last-child strong {
  font-family: var(--mail-font-en);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.56px;
}
.mail-planCardSpecs li span.mail-planCardSpecOk,
.mail-planCardSpecs li span.mail-planCardSpecNo {
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.mail-planCardSpecOk--annotation{
  position: relative;
}
.mail-planCardSpecOk--annotation::after{
  content: '※1';
  position: absolute;
  bottom: 0;
  right: -9px;
  color: #8E9296;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.mail-planCardSpecs li span.mail-planCardSpecAccount{
  margin: -1px -10px -1px 0;
}
.mail-planCardSpecs li span.mail-planCardSpecNum{
  font-family: var(--mail-font-en);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.72px;
}
.mail-planCardBtns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}
.mail-planBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.32px;
  text-decoration: none;
  cursor: pointer;
  border: none;
  max-width: 150px;
  width: 100%;
  overflow: hidden;
  transition: .3s;
}
.mail-planBtn span{
  position: relative;
  z-index: 1;
}
.mail-planBtn::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
    border-radius: 999px;
}
.mail-planBtn--trial {
  background: #FFF;
  color: var(--mail-color-primary);
  border: 2px solid var(--mail-color-primary);
}
.mail-planBtn--apply {
  background: var(--mail-color-primary);
  color: #FFF;
}
.mail-planBtn--trial::before {
  background-color: #FF7518;
}
.mail-planBtn--apply::before {
  background-color: #C44F00;
}
@media (any-hover: hover) {
  .mail-planBtn:hover{
    color: #FFF;
  }
  .mail-planBtn:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
.mail-plan__footnote {
  color: #585B5E;
  max-width: 1080px;
  margin: 14px auto 0;
  font-size: 11px;
  letter-spacing: 0.03em;
  font-weight: 400;
}
.mail-plan__footnote a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .mail-plan__footnote a:hover {
    text-decoration: none;
  }
}
.mail-enterprise {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 90px;
  background: #e7e9ee;
  font-family: var(--mail-font-jp);
  color: var(--mail-color-text);
  box-sizing: border-box;
}
.mail-enterprise, .mail-enterprise * {
  box-sizing: border-box;
}
.mail-enterprise__inner {
  max-width: 976px;
  margin: 0 auto;
}
.mail-enterprise__card {
  position: relative;
  height: 213px;
  padding: 36px 0 0;
  background: transparent;
  isolation: isolate;
  transition: .3s;
}
.mail-enterprise__card a {
  display: block;
  padding: 21px 19px 0;
}
@media (any-hover: hover) {
  .mail-enterprise__card:hover {
    opacity: 0.7;
  }
}
.mail-enterprise__card::before {
  content: "";
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1a6c60;
  z-index: -1;
}
.mail-enterprise__card::after {
  content: "";
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 74.7%, 82.9% 74.7%, 80.1% 100%, 0 100%);
  z-index: 0;
}

.mail-enterprise__tag {
  position: absolute;
  top: 57px;
  left: 0;
  z-index: 2;
  width: 193px;
  height: 73px;
  background: #6bb044;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0 28px 0 18px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}
.mail-enterprise__tagIcon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}
.mail-enterprise__tag span {
  white-space: pre-line;
}
.mail-enterprise__body {
  position: relative;
  z-index: 1;
  padding-left: 192px;
  padding-right: 0;
}
.mail-enterprise__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.58;
  letter-spacing: 0.03em;
  color: #292b2d;
  margin: 0 0 12px;
  max-width: 572px;
}
.mail-enterprise__desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  letter-spacing: 0.02em;
  color: #292b2d;
  margin: 0 0 0 -183px;
  max-width: 752px;
}
.mail-enterprise__visual {
  position: absolute;
  right: 19px;
  top: 0;
  width: 164px;
  height: 156px;
  object-fit: contain;
  z-index: 2;
  pointer-events: none;
}
.mail-enterprise__more {
  position: absolute;
  right: 14px;
  bottom: 10px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 19px;
  padding: 0;
  background: transparent;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.03em;
  transition: opacity .2s ease;
}
.mail-enterprise__more::after {
  content: "";
  width: 22.5px;
  height: 22.5px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2221.5%22%20height%3D%2221.5%22%20rx%3D%2210.75%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.125%209L13.5%2011.25L10.125%2013.5%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.125%209L13.5%2011.25L10.125%2013.5%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
.mail-enterprise__ctas {
  display: flex;
  gap: 19px;
  justify-content: center;
  margin-top: 50px;
  flex-wrap: wrap;
}
.mail-enterpriseCta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 8px 9px 8px 46px;
  background: #292b2d;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 999px;
  letter-spacing: 0.78px;
  overflow: hidden;
}
.mail-enterpriseCta span {
  position: relative;
  z-index: 1;
}
.mail-enterpriseCta::after {
  position: relative;
  z-index: 1;
  content: '';
  width: 42px;
  height: 42px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m22%2018%203%203.5-3%203.5M18%2018l3%203.5-3%203.5%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2220.5%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.3%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
/* .mail-enterpriseCta::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #000000;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
    border-radius: 999px;
} */
@media (any-hover: hover) {
  .mail-enterpriseCta:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
.mail-enterpriseCta__icon {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;
}
.mail-enterpriseCta__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  border-top: 1.3px solid #fff;
  border-right: 1.3px solid #fff;
  transform: translate(-70%, -50%) rotate(45deg);
}
.mail-sizing {
  width: 100%;
  background: #f5f7f9;
  padding: 84px 20px 9px;
  box-sizing: border-box;
  font-family: var(--mail-font-jp);
  color: var(--mail-color-text);
}
.mail-sizing, .mail-sizing * { box-sizing: border-box; }
.mail-sizing__inner {
  max-width: 1078px;
  margin: 0 auto;
}
.mail-sizing__title {
  margin: 0 0 15px;
  font-size: 44px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #292b2d;
}
.mail-sizing__title em {
  font-style: normal;
  color: var(--mail-color-primary);
  font-weight: 700;
}
.mail-sizing__label {
  margin: 0 0 24px;
  font-family: var(--mail-font-en);
  font-size: 18px;
  font-weight: 800;
  color: var(--mail-color-primary);
  text-align: center;
}
.mail-sizing__desc {
  margin: 0 auto 36px;
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: 0.04em;
  text-align: center;
  max-width: 820px;
  color: #292b2d;
  font-weight: 500;
}
.mail-sizing__descAccent {
  font-style: normal;
  color: var(--mail-color-primary);
}
/* ---------- 上段パネル ---------- */
.mail-sizing__panel {
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  padding: 70px 50px 55px;
  max-width: 1078px;
  margin: 0 auto;
  text-align: center;
}
.mail-sizing__panel > .mail-sizing__cases {
  text-align: left;
}
.mail-sizing__assumption {
  position: absolute;
  top: 51px;
  left: 50%;
  transform: translateX(-50%);
  background: #eeeeee;
  border-radius: 40px;
  padding: 5px 40px;
  min-width: 574px;
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #292b2d;
}
.mail-sizing__chartTitle {
  margin: 45px 0 25px;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  color: #292b2d;
}
.mail-sizing__cases {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.mail-sizingCase {
  position: relative;
  padding: 25px 20px 13px;
  background: #F3F5FA;
  border: 1px solid #D6D6D6;
}
.mail-sizingCase--bronze {
  background: #F9EEED;
}
/* 白ピル型タグ（カード上辺にオーバーラップ配置、数値だけ大きい） */
.mail-sizingCase__tag {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 175px;
  height: 40px;
  padding: 7px 14px;
  border-radius: 999px;
  background: #ffffff;
  color: #292b2d;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 auto 15px;
  line-height: 1;
}
.mail-sizingCase__tagNum {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0;
}
.mail-sizingCase__usage {
  margin: 0 0 13px 0;
  text-align: center;
  letter-spacing: 0.03em;
  color: #292b2d;
  font-weight: 500;
  line-height: 1.2;
}
.mail-sizingCase__usageBig {
  font-size: 24px;
  letter-spacing: 0;
}
.mail-sizingCase__usageSmall {
  font-size: 18px;
  letter-spacing: 0.03em;
  margin: 0;
}
/* Figma Vector 334 準拠の下向き矢印（ピンク〜ローズのグラデ） */
.mail-sizingCase--bronze .mail-sizingCase__arrow {
  display: block;
  width: 128px;
  height: 36px;
  margin: 0 auto 8px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128.5 36.5'><defs><linearGradient id='g' x1='0' y1='0.5' x2='1' y2='0.5'><stop offset='0%25' stop-color='%23DE9895'/><stop offset='100%25' stop-color='%23D2645F'/></linearGradient></defs><path d='M111 0H19V16H0L66 36.5L128.5 16H111V0Z' fill='url(%23g)'/></svg>") no-repeat center / 100% 100%;
}
.mail-sizingCase__arrow {
  display: block;
  width: 128px;
  height: 36px;
  margin: 0 auto 8px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128.5 36.5'><defs><linearGradient id='g' x1='0' y1='0.5' x2='1' y2='0.5'><stop offset='0%25' stop-color='%23DEE2EA'/><stop offset='100%25' stop-color='%239DA1A9'/></linearGradient></defs><path d='M111 0H19V16H0L66 36.5L128.5 16H111V0Z' fill='url(%23g)'/></svg>") no-repeat center / 100% 100%;
}
.mail-sizingCase__plan {
  margin: 0;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #292b2d;
  line-height: 1.25;
}
.mail-sizingCase__planAi {
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  color: var(--mail-color-primary);
  letter-spacing: 0.02em;
  min-height: 31px;
}
.mail-sizingCase__pointLabel {
  position: relative;
  margin: 0 0 1px;
  padding: 8px 0 0 14px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #292b2d;
  border-top: 1px dotted #C7C7C7;
}
.mail-sizingCase__pointLabel::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 20px;
  width: 5px;
  height: 5px;
  background: var(--mail-color-primary);
  border-radius: 50%;
}
.mail-sizingCase__pointText {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.42px;
  color: #292b2d;
}
.mail-sizingCase__pointText a {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .mail-sizingCase__pointText a:hover {
    text-decoration: none;
  }
}
/* パネル下のフッターリンク（テキスト+下線+オレンジ外部リンクアイコン） */
.mail-sizing__panelFooter {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 26px auto 0;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  color: #292b2d;
  text-decoration: none;
  border-bottom: 1px solid #292b2d;
  width: fit-content;
}
@media (any-hover: hover) {
  .mail-sizing__panelFooter:hover {
    border-bottom: 1px solid #ffffff;
  }
}
.mail-sizing__panelFooter::after {
  position: absolute;
  top: 6px;
  right: -19px;
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 13' fill='none' stroke='%23FF7518' stroke-width='1' stroke-linecap='round'><path d='M4.5 0.5H0.5V12.5H13V9M12.5 1L5.5 8.5'/><path d='M13 6V0.5H7.5'/></svg>") no-repeat center / contain;
}
.mail-sizing__panelFooterWrap {
  text-align: center;
  margin: 22px 0 0;
}
.mail-sizing__bridgeArrow {
  display: block;
  width: 239px;
  height: 51px;
  margin: 0 auto;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 239 51' preserveAspectRatio='none'><path d='M239 0H0L121 51L239 0Z' fill='%23FF7518'/></svg>") no-repeat center / 100% 100%;
}
.mail-sizing__rec {
  position: relative;
  max-width: 1077px;
  margin: 44px auto 0;
  padding: 58px 40px 36px 47px;
  background: #ffffff;
  border: 4px solid var(--mail-color-primary);
  display: grid;
  grid-template-columns: 1fr 449px;
  gap: 32px;
  align-items: center;
}
.mail-sizing__recTag {
  position: absolute;
  top: -30px;
  left: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #292b2d;
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 7px 28px 20px;
  min-width: 269px;
  height: 70px;
  margin: 0 0 18px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), 53.2% calc(100% - 13px), 50.6% 100%, 47.7% calc(100% - 13px), 0 calc(100% - 13px));
}
.mail-sizing__recTitle {
  margin: 0 0 16px;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #292b2d;
  line-height: 1.4;
  white-space: nowrap;
}
.mail-sizing__recTitle em {
  font-style: normal;
  color: #535aab;
  font-weight: 700;
}
.mail-sizing__recText {
  margin: 0;
  font-size: 15px;
  line-height: 1.95;
  letter-spacing: 0.04em;
  color: #292b2d;
  font-weight: 400;
}
.mail-sizing__recVisual {
  position: absolute;
  top: -17px;
  right: 35px;
  max-width: 449px;
  width: 100%;
}
.mail-sizing__recVisual img {
  display: block;
  width: 100%;
  height: auto;
}
.mail-case {
  position: relative;
  width: 100%;
  background: #ffffff;
  font-family: var(--mail-font-jp);
  color: var(--mail-color-text);
  padding: 67px 20px 0;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.mail-case, .mail-case * {
  box-sizing: border-box;
}
.mail-case__inner {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 72px;
}
.mail-case__inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1080px;
  height: 1px;
  background-color: #DBDDE1;
}
.mail-case__head {
  text-align: center;
  margin-bottom: 36px;
}
.mail-case__title {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #292b2d;
}
.mail-case__label {
  margin: 5px 0 0;
  font-family: var(--mail-font-en);
  font-size: 16px;
  font-weight: 800;
  color: var(--mail-color-primary);
}
.mail-trial {
  width: 100%;
  background: #F6F7F9;
  padding: 72px 20px 88px;
  box-sizing: border-box;
  font-family: var(--mail-font-jp);
}
.mail-trial--white{
  background: #FFF;
}
.mail-trial, .mail-trial * {
  box-sizing: border-box;
}
.mail-trial__inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.mail-trial__title {
  margin: 0 0 31px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.35;
  color: #292b2d;
  letter-spacing: 0.02em;
}
.mail-trial__ctas {
  display: flex;
  gap: 22px;
  justify-content: center;
  flex-wrap: wrap;
}
.mail-trialBtn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 460px;
  height: 90px;
  padding: 0 64px 0 45px;
  border-radius: 10px;
  font-size: 23px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.03em;
  overflow: hidden;
}
.mail-trialBtn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  border-radius: 7px;
}
.mail-trialBtn--outline {
  padding: 0 64px 0 36px;
  background: #fff;
  border: 2px solid var(--mail-color-primary);
  color: var(--mail-color-primary);
}
.mail-trialBtn--outline::before {
  background-color: #FF7518;
}
.mail-trialBtn--solid::before {
  background-color: #C44F00;
}
@media (any-hover: hover) {
  .mail-trialBtn:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .mail-trialBtn--outline:hover .mail-trialBtn__badge {
    background: #fff;
    color: var(--mail-color-primary)f;
  }
  .mail-trialBtn--outline:hover .mail-trialBtn__label {
    color: #fff;
  }
  .mail-trialBtn--outline:hover::after{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219.5%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M21%2017L24%2020.5L21%2024%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M17%2017L20%2020.5L17%2024%22%20stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E');
  }
}
.mail-trialBtn--solid {
  background: var(--mail-color-primary);
  color: #fff;
  border: 2px solid var(--mail-color-primary);
  transition: .3s;
}
@media (any-hover: hover) {
  .mail-trialBtn--solid:hover {
    border: 2px solid #C44F00;
  }
}
.mail-trialBtn__icon {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  display: block;
  width: 43px;
  height: 34px;
  object-fit: contain;
}
.mail-trialBtn--solid .mail-trialBtn__icon {
  width: 36px;
}
.mail-trialBtn__badge {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 7px;
  background: var(--mail-color-primary);
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  border-radius: 2px;
  min-width: 76px;
  height: 39px;
  line-height: 1;
  letter-spacing: 0.02em;
  transition: .3s;
}
.mail-trialBtn__label {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: .3s;
}
.mail-docs {
  position: relative;
  width: 100%;
  background: #FFF;
  font-family: var(--mail-font-jp);
  color: var(--mail-color-text);
  padding: 101px 30px 0;
  box-sizing: border-box;
}
.mail-docs, .mail-docs * {
  box-sizing: border-box;
}
.mail-docs__inner {
  margin: 0 auto;
  padding-bottom: 85px;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 20%, #F6F7F9 20%, #F6F7F9 100%);
}

/* ---- Featured hero callout ---- */
.mail-docsHero {
  position: relative;
  display: grid;
  grid-template-columns: 449px 1fr;
  gap: 70px;
  align-items: stretch;
  padding: 36px 33px 28px 51px;
  background: linear-gradient(90deg, #9580f1 0%, #00418f 100%);
  border-radius: 12px;
  max-width: 1080px;
  margin: 0 auto;
}
.mail-docsHero__visual {
  align-self: stretch;
  height: 247px;
  overflow: hidden;
  background: #fff;
}
.mail-docsHero__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mail-docsHero__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
}
.mail-docsHero__contents{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}
.mail-docsHero__pill {
  display: inline-block;
  background: #fff75d;
  color: #292b2d;
  font-size: 16px;
  font-weight: 700;
  padding: 6px 25px;
  border-radius: 999px;
  letter-spacing: 0.04em;
}
.mail-docsHero__heading {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  letter-spacing: 0.02em;
}
.mail-docsHero__num {
  display: inline-block;
  font-size: 47px;
  font-weight: 700;
  line-height: 1;
  vertical-align: -1px;
  margin: -6px 0 0 0;
  font-family: var(--mail-font-en);
}
.mail-docsHero__desc {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.45px;
  margin: 14px 0 22px 0;
}
.mail-docsHero__btn {
  position: relative;
  overflow: hidden;
}
.mail-docsHero__btn a{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 460px;
  padding: 22px 20px 22px 93px;
  border: 2px solid #fff;
  border-radius: 10px;
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.03em;
}
.mail-docsHero__btn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  border-radius: 7px;
  background-color: #001C3D;
}
@media (any-hover: hover) {
  .mail-docsHero__btn:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
.mail-docsHero__btn a::before {
  content: "";
  width: 43px;
  height: 35px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2243%22%20height%3D%2235%22%20viewBox%3D%220%200%2043%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2237%22%20height%3D%2226%22%20fill%3D%22url(%23paint0_linear_817_47)%22%2F%3E%3Cpath%20d%3D%22M0%200H37V28H0L0%200Z%22%20fill%3D%22url(%23paint1_linear_817_47)%22%2F%3E%3Cpath%20d%3D%22M0%206H37V22H0V6Z%22%20fill%3D%22url(%23paint2_linear_817_47)%22%2F%3E%3Cpath%20d%3D%22M3.56%2017V11.24H4.524V13.912L6.824%2011.24H8.008L5.532%2014.064L8.176%2017H6.952L4.524%2014.312V17H3.56ZM8.33969%2017L10.1557%2011.24H11.5677L13.3837%2017H12.3917L10.7437%2011.832H10.9597L9.33169%2017H8.33969ZM9.35169%2015.752V14.852H12.3757V15.752H9.35169ZM16.3266%2017.12C15.9533%2017.12%2015.6026%2017.0547%2015.2746%2016.924C14.9493%2016.7907%2014.6626%2016.596%2014.4146%2016.34C14.1693%2016.084%2013.9773%2015.7707%2013.8386%2015.4C13.7%2015.0267%2013.6306%2014.6%2013.6306%2014.12C13.6306%2013.4907%2013.748%2012.9533%2013.9826%2012.508C14.2173%2012.06%2014.5386%2011.7173%2014.9466%2011.48C15.3546%2011.24%2015.8146%2011.12%2016.3266%2011.12C17.036%2011.12%2017.5973%2011.2853%2018.0106%2011.616C18.4266%2011.944%2018.708%2012.4053%2018.8546%2013L17.8706%2013.156C17.7613%2012.8147%2017.5826%2012.5427%2017.3346%2012.34C17.0866%2012.1347%2016.7706%2012.032%2016.3866%2012.032C16%2012.0267%2015.6786%2012.1107%2015.4226%2012.284C15.1666%2012.4573%2014.9733%2012.7013%2014.8426%2013.016C14.7146%2013.3307%2014.6506%2013.6987%2014.6506%2014.12C14.6506%2014.5413%2014.7146%2014.908%2014.8426%2015.22C14.9706%2015.5293%2015.1626%2015.7707%2015.4186%2015.944C15.6773%2016.1173%2016%2016.2067%2016.3866%2016.212C16.6773%2016.2147%2016.932%2016.1627%2017.1506%2016.056C17.3693%2015.9467%2017.548%2015.7827%2017.6866%2015.564C17.8253%2015.3427%2017.9186%2015.0667%2017.9666%2014.736H16.9506V13.98H18.9906C18.996%2014.0227%2019%2014.0853%2019.0026%2014.168C19.0053%2014.2507%2019.0066%2014.3%2019.0066%2014.316C19.0066%2014.86%2018.8986%2015.344%2018.6826%2015.768C18.4693%2016.1893%2018.1626%2016.52%2017.7626%2016.76C17.3626%2017%2016.884%2017.12%2016.3266%2017.12ZM22.246%2017.12C21.67%2017.12%2021.1767%2016.9947%2020.766%2016.744C20.3553%2016.4907%2020.0393%2016.1387%2019.818%2015.688C19.5993%2015.2373%2019.49%2014.7147%2019.49%2014.12C19.49%2013.5253%2019.5993%2013.0027%2019.818%2012.552C20.0393%2012.1013%2020.3553%2011.7507%2020.766%2011.5C21.1767%2011.2467%2021.67%2011.12%2022.246%2011.12C22.822%2011.12%2023.3153%2011.2467%2023.726%2011.5C24.1393%2011.7507%2024.4553%2012.1013%2024.674%2012.552C24.8953%2013.0027%2025.006%2013.5253%2025.006%2014.12C25.006%2014.7147%2024.8953%2015.2373%2024.674%2015.688C24.4553%2016.1387%2024.1393%2016.4907%2023.726%2016.744C23.3153%2016.9947%2022.822%2017.12%2022.246%2017.12ZM22.246%2016.212C22.6327%2016.2147%2022.954%2016.1293%2023.21%2015.956C23.4687%2015.7827%2023.662%2015.5387%2023.79%2015.224C23.9207%2014.9093%2023.986%2014.5413%2023.986%2014.12C23.986%2013.6987%2023.9207%2013.3333%2023.79%2013.024C23.662%2012.712%2023.4687%2012.4693%2023.21%2012.296C22.954%2012.1227%2022.6327%2012.0333%2022.246%2012.028C21.8593%2012.0253%2021.538%2012.1107%2021.282%2012.284C21.026%2012.4573%2020.8327%2012.7013%2020.702%2013.016C20.574%2013.3307%2020.51%2013.6987%2020.51%2014.12C20.51%2014.5413%2020.574%2014.908%2020.702%2015.22C20.83%2015.5293%2021.022%2015.7707%2021.278%2015.944C21.5367%2016.1173%2021.8593%2016.2067%2022.246%2016.212ZM26.96%2017V14.64L25%2011.24H26.124L27.448%2013.536L28.768%2011.24H29.892L27.936%2014.64V17H26.96ZM29.4881%2017L31.3041%2011.24H32.7161L34.5321%2017H33.5401L31.8921%2011.832H32.1081L30.4801%2017H29.4881ZM30.5001%2015.752V14.852H33.5241V15.752H30.5001Z%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%224%22%20r%3D%221%22%20fill%3D%22%237C7C7C%22%2F%3E%3Cpath%20d%3D%22M26%2019H43V35H26V19Z%22%20fill%3D%22%23292929%22%2F%3E%3Cpath%20d%3D%22M30%2029V31H39V29%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M32.2%2026.2002L34.6%2028.0002L37%2026.2002%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M34.6%2022V28%22%20stroke%3D%22white%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_817_47%22%20x1%3D%222.5%22%20y1%3D%225%22%20x2%3D%2233.5%22%20y2%3D%2230%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D7D7D7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237A7A7A%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_817_47%22%20x1%3D%221%22%20y1%3D%223.5%22%20x2%3D%2218.5%22%20y2%3D%2228%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220.34621%22%20stop-color%3D%22white%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E6E6E6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_817_47%22%20x1%3D%220%22%20y1%3D%2213.5%22%20x2%3D%2237%22%20y2%3D%2213.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFAA71%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF7518%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.mail-docsHero__btn a::after {
  content: "";
  width: 40px;
  height: 40px;
  position: relative;
  margin-left: auto;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2217.5%22%20stroke%3D%22%23fff%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m19%2015%203%203.5-3%203.5M15%2015l3%203.5-3%203.5%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.mail-docsHero__btnLogo {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  background: #fff;
  border-radius: 3px;
  color: #00418f;
  font-family: var(--mail-font-en);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0;
  white-space: nowrap;
}
.mail-docsHero__btnArrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1.2px solid #fff;
  border-radius: 50%;
}
.mail-docsHero__btnArrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-top: 1.3px solid #fff;
  border-right: 1.3px solid #fff;
  transform: translate(-70%, -50%) rotate(45deg);
}

/* ---- Section title ---- */
.mail-docs__title {
  margin: 66px 0 28px;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.04em;
  color: #292b2d;
}

/* ---- Download cards ---- */
.mail-docs__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  list-style: none;
  padding: 0;
  max-width: 1080px;
  margin: 0 auto;
}
.mail-docCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px 24px 27px;
  background: #fff;
  border-radius: 10px;
  width: 247px;
}
.mail-docCard:nth-of-type(2),
.mail-docCard:nth-of-type(3){
  padding: 18px 0 27px;
}
.mail-docCard__thumb {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 141px;
  overflow: hidden;
  background: #fff;
}
.mail-docCard__img {
  border: 1px solid #e6e9ef;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.mail-docCard:nth-of-type(1) .mail-docCard__thumb img{
  width: 200px;
  height: 141px;
}
.mail-docCard:nth-of-type(2) .mail-docCard__thumb img {
  width: 218.9px;
  height: 123.2px;
}
.mail-docCard:nth-of-type(3) .mail-docCard__thumb img {
  width: 220px;
  height: 123.2px;
}
.mail-docCard:nth-of-type(4) .mail-docCard__thumb img {
  width: 200px;
  height: 141px;
}
.mail-docCard__label {
  margin: 13px 0 -6px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.02em;
}
.mail-docCard__title {
  margin: 14px 0 18px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  color: #292b2d;
  letter-spacing: 0.02em;
  flex: 1;
}
.mail-docCard:has(.mail-docCard__label) .mail-docCard__title {
  margin-top: 4px;
}
.mail-docCard__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 212px;
  padding: 17px 11px 17px 40px;
  background: #00418f;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.06em;
  overflow: hidden;
}
.mail-docCard__btn span {
  position: relative;
  z-index: 1;
}
.mail-docCard__btn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  border-radius: 7px;
  background-color: #001C3D;
}
@media (any-hover: hover) {
  .mail-docCard__btn:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
.mail-docCard__btn::after {
  position: relative;
  z-index: 1;
  content: "";
  width: 17px;
  height: 15px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.5%2011.3135V14.3992H15.9284V11.3135%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4.61414%207.2002L8.72838%2010.2859L12.8426%207.2002%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M8.72852%200V10.2856%22%20stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: contain;
}
.mail-faq__head {
  text-align: center;
  margin-bottom: 44px;
}
.mail-faq__title {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #292b2d;
}
.mail-faq__label {
  margin: 4px 0 0;
  font-family: var(--mail-font-en);
  font-size: 16px;
  font-weight: 700;
  color: var(--mail-color-primary);
}
.mail-faq__more {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin: 52px auto 0;
  padding: 9px 9px 9px 44px;
  background: var(--mail-color-text);
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  position: relative;
  overflow: hidden;
}
.mail-faq__more span {
  position: relative;
  z-index: 1;
}
/* .mail-faq__more::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #000000;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
    border-radius: 999px;
} */
.mail-faq__more::after {
  position: relative;
  z-index: 1;
  content: '';
  width: 42px;
  height: 42px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m22%2018%203%203.5-3%203.5M18%2018l3%203.5-3%203.5%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2220.5%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.3%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .mail-faq__more:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}



.c-title{
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.72px;
}
.c-supportStep__listItem .item__text{
  font-weight: 500;
  font-size: 15px;
}
.c-partnerSection__container .c-partnerSection__description{
  font-weight: 500;
}
.c-title::after{
  margin-top: 5px;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 38px;
  letter-spacing: 0.64px;
  color: #FF603A;
}
.c-button--round-gray {
  background-color: var(--mail-color-text);
  color: #fff;
  overflow: hidden;
}
.c-button--round-gray span{
  position: relative;
  z-index: 1;
}
.c-button--round-gray::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #000000;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  border-radius: 999px;
}
@media (any-hover: hover) {
  .c-button--round-gray:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
.MAIL .c-supportStep__banner--kir-pc{
  transition: .3s;
  display: block;
}
@media (any-hover: hover) {
  .MAIL .c-supportStep__banner--kir-pc:hover{
    opacity: 0.7;
  }
}
.c-articleList__item .item__thumbnail>img{
  transition: .3s;
}
@media (any-hover: hover) {
  .c-articleList__item .item__wrap:hover .item__thumbnail>img{
    transform: scale(1.1);
  }
}
.p-vpsVps__related,
.MAIL .p-vpsVps__related .c-articleList{
  background-color: #f6f7f9;
}
[data-has-angle=true][class*=c-button--round]{
  padding: 0;
}
[data-has-angle=true][class*=c-button--round]:not(:has(span)) {
  display: flex;
  align-items: center;
  height: 58px;
  padding-left: 57px;
  padding-right: 90px;
  font-weight: 500;
}
[data-has-angle=true][class*=c-button--round] span {
  display: flex;
  align-items: center;
  height: 58px;
  padding-left: 57px;
  padding-right: 90px;
  font-weight: 500;
}
[data-has-angle=true][class*=c-button--round]:not(:has(span))::before{
  display: none;
}
[data-has-angle=true][class*=c-button--round]::after {
  position: absolute;
  top: 50%;
  right: 8px;
  content: '';
  width: 42px;
  height: 42px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m22%2018%203%203.5-3%203.5M18%2018l3%203.5-3%203.5%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2220.5%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.3%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
.mail-case {
  position: relative;
  width: 100%;
  background: #ffffff;
  font-family: var(--mail-font-jp);
  color: var(--mail-color-text);
  padding: 82px 20px 0px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}
.mail-case, .mail-case * {
  box-sizing: border-box;
}
.mail-case__head {
  text-align: center;
  margin-bottom: 59px;
}
.mail-case__title {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: 0.05em;
  color: #292b2d;
}
.mail-case__label {
  margin: 17px 0 0;
  font-family: var(--mail-font-en);
  font-size: 16px;
  font-weight: 800;
  color: var(--mail-color-primary);
}
.mail-case__body {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 465px;
  padding-top: 50px;
}
/* slick track */
.mail-case__cards {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mail-case__cards .slick-list {
  overflow: visible;
}
.mail-case__cards .slick-track {
  display: flex;
  align-items: flex-start;
}
.mail-case__cards .slick-slide {
  height: auto;
  width: 470px;
  padding: 0;
  margin: 0 !important;
}
.mail-case__cards .slick-slide > div {
  height: 100%;
}
.mail-case__cards .slick-slide .mail-studyCard {
  width: 380px;
  margin: 0 auto;
  transition: width .3s ease, margin .3s ease;
}
.mail-case__cards .slick-slide.slick-center {
  z-index: 2;
  position: relative;
}
.mail-case__cards .slick-slide.slick-center .mail-studyCard {
  width: 470px;
  margin: -60px auto 0;
}
.mail-studyCard {
  position: relative;
  display: flex !important;
  flex-direction: column;
  background: #fff;
  text-align: left;
  width: 100%;
  margin: 0;
}
/* タグ: 画像の左上に重ねるラベル (#292B2D bg + 白文字) */
.mail-studyCard__tag {
  position: absolute;
  top: -10px;
  left: -10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  height: 28px;
  background: #292b2d;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  z-index: 2;
  white-space: nowrap;
}
.mail-studyCard__thumb {
  width: 100%;
  aspect-ratio: 494 / 324;
  overflow: hidden;
  background: #e6e9ef;
  box-shadow: rgba(0, 0, 0, 0.1) 12px 12px 20px 0px;
  transition: all .3s ease;
}
.mail-studyCard__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all .3s ease;
}
.mail-studyCard__title {
  margin: 14px 0 10px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.65;
  color: #292b2d;
  letter-spacing: 0.02em;
}
.slick-center .mail-studyCard__title {
  font-size: 22px;
  line-height: 1.55;
  font-weight: 500;
  margin: 27px 0 10px;
}
.mail-studyCard__company {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  letter-spacing: 0.02em;
  font-weight: 300;
}
.slick-center .mail-studyCard__company {
  font-size: 14px;
}
/* ---------- Arrows (slick) ---------- */
.mail-case__arrows {
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 3;
}
.mail-case__arrows .slick-arrow {
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #FF7518;
  border: none;
  cursor: pointer;
  pointer-events: auto;
  font-size: 0;
  color: transparent;
  padding: 0;
  transition: all .2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.mail-case__arrows .slick-arrow:hover {
  opacity: 0.7;
}
.mail-case__arrows .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.mail-case__arrows .slick-prev {
  left: calc(50% - 255px);
}
.mail-case__arrows .slick-next {
  right: calc(50% - 255px);
}
.mail-case__arrows .slick-prev::before {
  transform: translate(-30%, -50%) rotate(-135deg);
}
.mail-case__arrows .slick-next::before {
  transform: translate(-70%, -50%) rotate(45deg);
}
.mail-case__arrows .slick-arrow.slick-disabled {
  opacity: .45;
  cursor: default;
}
.mail-case__more {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin: 34px auto 0;
  padding: 9px 9px 9px 59px;
  background: var(--mail-color-text);
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  position: relative;
  overflow: hidden;
}
.mail-case__more span {
  position: relative;
  z-index: 1;
}
/* .mail-case__more::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #000000;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
  border-radius: 999px;
} */
.mail-case__more::after {
  position: relative;
  z-index: 1;
  content: '';
  width: 42px;
  height: 42px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m22%2018%203%203.5-3%203.5M18%2018l3%203.5-3%203.5%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2220.5%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.3%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .mail-case__more:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .mail-case__cards a:hover .mail-studyCard__thumb img{
    transform: scale(1.1);
  }
}

@media (min-width: 769px) and (max-width: 1300px) {
  .mail-hero {
    background-size: auto 46.6154vw;
  }
  .mail-hero__inner{
    padding: 4vw 1.5385vw 1.5385vw 1.5385vw;
  }
  .mail-hero__content{
    margin: 0 0 3.5385vw 0;
  }
  .mail-hero__visual {
    top: 2.6923vw;
    margin: 0 0 0 -0.3846vw;
  }
  .mail-hero__tagline {
    font-size: 1.6923vw;
    line-height: 1.6154vw
    letter-spacing: 0.0846vw;
    margin: 0 0 1.3077vw 0;
  }
  .mail-hero__logo {
    width: 23.8462vw;
    height: auto;
    margin: 0 auto 3.1538vw;
  }
  .mail-hero__copySub{
    font-size: 2.6154vw;
    line-height: 6.3846vw;
    letter-spacing: 0.1308vw;
    margin: 0 0 1.6923vw 0;
  }
  .mail-hero__copyBig {
    font-size: 7.2308vw;
    line-height: 6.9231vw;
    letter-spacing: 0.0723vw;
  }
  .mail-hero__copyMid {
    font-size: 5.2308vw;
    line-height: 6.9231vw;
    letter-spacing: 0.0523vw;
  }
  .mail-hero__copy--left .mail-hero__copySub {
    padding: 0 0 0.1538vw 1.8462vw;
    background-size: 25.1923vw 0.8462vw;
    background-position: bottom left 2.6923vw;
  }
  .mail-hero__copy--right .mail-hero__copySub {
    padding: 0 0 0.1538vw 1.8462vw;
    background-size: 29.6538vw 0.8462vw;
    background-position: bottom left 1.6154vw;
  }
  .mail-hero__phone {
    right: 5.8462vw;
    bottom: 0.6923vw;
    width: 8.6154vw;
  }
  .mail-hero__laptop {
    width: 49.6923vw;
  }
}
@media (max-width: 768px) {
  .mail-hero{
    margin-top: 60px;
    background: #FFF url(../images/hero_background_sp.webp) no-repeat top center;
    background-size: auto 129.3333vw;
    background-position: top center;
  }
  .mail-hero__inner{
    padding: 8.2667vw 4.5333vw 0 4.5333vw;
  }
  .mail-hero__content{
    justify-content: center;
    margin: 0 0 45.5vw 0;
  }
  .mail-hero__copy--left .mail-hero__copySub{
    padding: 0 0 1.3333vw;
    background-size: 40.8vw 2.9333vw;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22153%22%20height%3D%2211%22%20viewBox%3D%220%200%20153%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200.5H72L78.5%209.5L84.5%200.5H152.5%22%20stroke%3D%22%23292B2D%22%2F%3E%3C%2Fsvg%3E');
    background-position: bottom center;
  }
  .mail-hero__copy--right .mail-hero__copySub{
    padding: 0 0 1.3333vw;
    background-size: 40.8vw 2.9333vw;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22153%22%20height%3D%2211%22%20viewBox%3D%220%200%20153%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200.5H74L80.5%209.5L86.5%200.5H152.5%22%20stroke%3D%22%23292B2D%22%2F%3E%3C%2Fsvg%3E');
    background-position: bottom center;
  }
  .mail-hero__copy--right .mail-hero__copySub span{
    margin: 0 -2vw 0 -0.2667vw;
  }
  .mail-hero__copySub{
    font-size: 3.9vw;
    font-style: normal;
    font-weight: 900;
    line-height: 11.4667vw;
    letter-spacing: 0.2133vw;
    margin: 0;
  }
  .mail-hero__copyBig{
    font-size: 11.2vw;
    font-style: normal;
    font-weight: 900;
    line-height: 12vw;
    letter-spacing: 0.112vw;
  }
  .mail-hero__copyMid{
    font-size: 7.4667vw;
    font-style: normal;
    font-weight: 900;
    line-height: 12vw;
    letter-spacing: 0.0747vw;
  }
  .mail-hero__tagline{
    font-size: 3.4667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 5.6vw;
    letter-spacing: 0.1733vw;
    margin: 0 0 1.6vw 0;
  }
  .mail-hero__visual{
    width: 100%;
    top: 47.7333vw;
  }
  .mail-hero__laptop {
    width: 74.9093vw;
    height: auto;
  }
  .mail-hero__phone {
    right: 21.8667vw;
    bottom: 1.0667vw;
    width: 12.9875vw;
  }
  .mail-reason{
    grid-template-columns: 1fr;
    padding: 0 5.3333vw;
    border-top: none;
  }
  .mail-reason:nth-of-type(3) .mail-reason__visual img{
    max-width: 100%;
    margin: 0;
  }
  .mail-btn__tag{
    width: 36vw;
    height: 7.4667vw;
    font-size: 3.4667vw;
  }
  .mail-hero__btnWrap{
    width: 100%;
    padding-top: 4.2667vw;
  }
  .mail-btn{
    width: 100%;
    height: 17.8667vw;
  }
  .mail-btn--trial {
    padding: 0 5.3333vw 0 6.9333vw;
    gap: 2.4vw;
  }
  .mail-btn--download{
    padding: 0 5.3333vw 0 9.6vw;
    gap: 3.2vw;
  }
  .mail-btn__badge {
    font-size: 4.2667vw;
    width: 14.9333vw;
    height: 8vw;
  }
  .mail-btn__icon--trial {
    width: 10.6667vw;
    height: 8.5333vw;
  }
  .mail-btn__label{
    font-size: 4.8vw;
  }
  .mail-hero__logo{
    width: 51.2vw;
    margin: 0 auto 10.1333vw;
  }
  .mail-trialBtn{
    width: 89.3333vw;
    height: 17.8667vw;
    box-shadow: rgba(0, 0, 0, 0.15) 12px 12px 20px 0px;
  }
  .mail-btn__arrow{
    width: 9.6vw;
    height: 9.6vw;
  }
  .mail-sizing__recTitle{
    white-space: unset;
  }
  .mail-hero__ctaRow{
    flex-direction: column;
    gap: 1.0667vw;
    margin: 0 0 10.4vw 0;
  }
  .mail-statCard__label {
    font-size: 3.4667vw;
  }
  .mail-statCard{
    min-width: 41.6vw;
    background: url(../images/stat_card_sp.webp) no-repeat center center;
    background-size: contain;
  }
  .mail-statCard__unit {
    font-size: 4.8vw;
  }
  .mail-statCard__num{
    font-size: 11.7333vw;
  }
  .mail-statCard__note {
    font-size: 2.6667vw;
  }
  .mail-statCard__label::before, .mail-statCard__label::after {
    width: 3.7333vw;
  }
  .mail-banner{
    padding: 0 5.3333vw;
    margin: -1.8667vw 0 0 0;
  }
  .mail-issues{
    padding: 10.9333vw 2.6667vw 0;
  }
  .mail-issues__inner{
    padding: 14.4vw 0 18.6667vw 0;
  }
  .mail-issues__inner::after{
    width: 38.4vw;
    height: 11.2vw;
    bottom: -8vw;
  }
  .mail-issues__title {
    font-size: 5.6vw;
    line-height: 8.2667vw;
    letter-spacing: 0.168vw;
    margin: 0 0 3.7333vw 0;
  }
  .mail-issues__subTitle {
    font-size: 5.3333vw;
    line-height: 7.4667vw;
    margin: 0 0 14.9333vw 0;
  }
  .mail-issues__subTitle span {
    text-decoration: underline;
    text-decoration-color: #FF7518;
    text-decoration-thickness: 0.5333vw;
    text-underline-offset: 1.0667vw;
  }
  .mail-issues__subTitle::after{
    display: none;
  }
  .mail-issues__label {
    font-size: 4vw;
    margin: 0 0 9.3333vw;
  }
  .mail-issues__cards{
    width: calc(100% - (15.4667vw * 2));
    grid-template-columns: 1fr;
    margin: auto;
    gap: 11.7333vw;
  }
  .mail-issueCard{
    padding: 9.3333vw 0 0;
    gap: 5.3333vw;
  }
  .mail-issueCard__num{
    top: -6.4vw;
    left: 50%;
    width: 12.8vw;
    height: 12.8vw;
    font-size: 4.2667vw;
  }
  .mail-issueCard__text{
    font-size: 4.2667vw;
  }
  .mail-issueCard__illust{
    max-width: 100%;
  }
  .mail-reasons{
    padding: 0 0 5.6vw 0;
  }
  .mail-reasons__bridge{
    padding: 16.5333vw 0 14.6667vw;
  }
  .mail-reasons__bridgeText {
    font-size: 7.4667vw;
    flex-direction: column;
    gap: 0.5333vw;
  }
  .mail-reasons__bridgeText span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.1333vw;
  }
  .mail-reasons__bridgeLogo{
    height: 7.4605vw;
    margin: 0;
  }
  .mail-reasons__bridgeSub{
    margin: 5.6vw 0 0;
    font-size: 4.2667vw;
    line-height: normal;
    letter-spacing: 0.128vw;
  }
  .mail-reasons__head {
    padding: 17.0667vw 5.3333vw 9.6vw;
  }
  .mail-reasons__title{
    font-size: 7.4667vw;
  }
  .mail-reasons__label {
    font-size: 4vw;
    margin: 4vw 0 0;
  }
  .mail-reasons__lead {
    font-size: 5.6vw;
    line-height: 8vw;
    margin: 7.2vw 0 0;
    border-bottom: 1px solid #D7DBE5;
    padding-bottom: 10.4vw;
  }
  .mail-reason:first-of-type .mail-reason__body{
    border-top: none;
    padding: 0 0 10.4vw 0;
  }
  .mail-reason__body{
    border-top: 1px solid rgba(41, 43, 45, 0.08);
    padding: 10.4vw 0 10.4vw 0;
  }
  .mail-reason__tag{
    justify-content: center;
    width: 100%;
  }
  .mail-reason__reason {
    padding: 0.8vw 3.4667vw;
    font-size: 2.9333vw;
  }
  .mail-reason__num {
    font-size: 12vw;
  }
  .mail-reason__title {
    font-size: 5.3333vw;
    margin: 2.1333vw 0 7.4667vw;
    text-align: center;
  }
  .mail-reason__body img.u-sp{
    margin: 0 auto 6.4vw;
  }
  .mail-reason__desc {
    text-align: left;
    line-height: 6.9333vw;
    font-size: 3.7333vw;
  }
  .mail-reason__link {
    font-size: 3.7333vw;
    margin: 5.8667vw 0 0 0;
  }
  .mail-reason__link::before{
    bottom: -1.6vw;
  }
  .mail-reason__link::after{
    right: -8.5333vw;
    width: 7.2vw;
    height: 7.2vw;
    background-size: contain;
  }
  .mail-reason__note {
    font-size: 3.7333vw;
    margin: 2.1333vw 0 1.8667vw 0;
    line-height: 6.9333vw;
  }
  .mail-reason__subBlock {
    margin: 10.9333vw 0 0 0;
  }
  .mail-reason__pill {
    padding: 0 0 0 4.2667vw;
    font-size: 3.7333vw;
    line-height: 6.4vw;
    letter-spacing: 0.0373vw;
    margin: 0 0 1.6vw 0;
  }
  .mail-reason__benefit:first-of-type p {
    font-size: 3.2vw;
    line-height: 5.3333vw;
  }
  .mail-reason__benefit p {
    font-size: 3.7333vw;
    line-height: 5.3333vw;
  }
  .mail-reason__benefit p small{
    font-size: 3.2vw;
    font-weight: 400;
  }
  .mail-reason__benefits {
    flex-direction: column;
  }
  .mail-reason__benefit:first-of-type {
    max-width: 100%;
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - 5.8667vw),
      calc(50% + 5.3333vw) calc(100% - 5.8667vw),
      50% 89%,
      calc(50% - 5.3333vw) calc(100% - 5.8667vw),
      0 calc(100% - 5.8667vw)
    );
    padding: 2.6667vw 5.6vw 8vw 4vw;
  }
  .mail-reason__benefit {
    margin-left: 0;
    margin-top: -8vw;
    width: 100%;
    padding: 7.7333vw 5.0667vw 5.3333vw 5.0667vw;
  }
  .mail-reason__subLead {
    font-size: 3.4667vw;
    margin: 2.6667vw 0 0 0;
  }
  .mail-function{
    padding: 14.6667vw 5.3333vw 16vw;
  }
  .mail-function__title {
    font-size: 7.4667vw;
    line-height: 10.6667vw;
  }
  .mail-function__label {
    font-size: 4vw;
  }
  .mail-function__head {
    margin-bottom: 9.3333vw;
  }
  .mail-function__grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4vw;
  }
  .mail-funcCard {
    gap: 0;
    padding: 3.7333vw 4.2667vw;
    min-height: 43.4667vw;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .mail-funcCard__text{
    font-size: 3.7333vw;
    line-height: 6.9333vw;
    min-height: 12vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .mail-funcCard__text span {
    font-size: 3.2vw;
    margin: 0;
  }
  .mail-funcCard__icon {
    width: 100%;
    height: 28.2667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .mail-funcCard:nth-child(1) img {
    width: 28.2667vw;
    height: 23.2373vw;
  }
  .mail-funcCard:nth-child(2) img {
    width: 29.3333vw;
    height: 20.2667vw;
  }
  .mail-funcCard:nth-child(3) img {
    width: 30.6667vw;
    height: 27.4667vw;
  }
  .mail-funcCard:nth-child(4) img {
    width: 35.7333vw;
    height: 24.5333vw;
  }
  .mail-funcCard:nth-child(5) img {
    width: 28.8vw;
    height: 27.2507vw;
  }
  .mail-funcCard:nth-child(6) img {
    width: 26.7333vw;
    height: 23.504vw;
  }
  .mail-function__more {
    margin: 8.8vw auto 0;
    gap: 4.2667vw;
    padding: 2.4vw 2.4vw 2.4vw 11.7333vw;
    font-size: 3.4667vw;
  }
  .mail-function__more::after {
    width: 11.2vw;
    height: 11.2vw;
  }
  .mail-scene{
    padding: 13.8667vw 5.3333vw 16.5333vw;
  }
  .mail-scene__title {
    font-size: 7.4667vw;
    line-height: 10.6667vw;
    letter-spacing: 0.224vw;
  }
  .mail-scene__label{
    font-size: 4vw;
  }
  .mail-scene__head {
    margin-bottom: 6.6667vw;
  }
  .mail-scene__card {
    padding: 11.7333vw 5.3333vw 4.8vw 5.3333vw;
  }
  .mail-scene__cardTitle {
    font-size: 5.3333vw;
    line-height: 7.7333vw;
    margin: 0 0 7.4667vw;
  }
  .mail-scene__panels{
    grid-template-columns: 1fr;
    gap: 8vw;
  }
  .mail-scenePanel {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 13%, #F6F7F9 13%, #F6F7F9 100%);
    padding: 0 0 4.5333vw 0;
  }
  .mail-scenePanel:first-of-type img {
    width: 68vw;
  }
  .mail-scenePanel__mockup {
    width: 67.0928vw;
  }
  .mail-scenePanel__heading {
    font-size: 4.8vw;
    padding: 0 0 0 11.7333vw;
  }
  .mail-scenePanel__heading::after {
    left: 5.3333vw;
    width: 2.6667vw;
    height: 2.6667vw;
  }
  .mail-scenePanel__desc {
    padding: 0 5.3333vw;
    font-size: 3.7333vw;
    line-height: 6.9333vw;
  }
  .mail-scenePanel__heading{
    margin: 5.6vw 0 2.6667vw;
  }
  .mail-scene__useCases {
    margin-top: 13.0667vw;
  }
  .mail-scene__caseTitle {
    font-size: 5.3333vw;
    line-height: 7.7333vw;
  }
  .mail-scene__caseLead {
    font-size: 4vw;
    line-height: 6.9333vw;
    margin: 4.8vw 0 12.8vw;
  }
  .mail-scene__cases{
    grid-template-columns: 1fr;
    padding: 0 5.3333vw;
    gap: 12.5333vw;
  }
  .mail-caseCard {
    padding: 4.5333vw 0 0;
    gap: 0.5333vw;
  }
  .mail-caseCard__num{
    top: -5.3333vw;
    font-size: 10.1333vw;
  }
  .mail-caseCard__text{
    font-size: 4.2667vw;
    min-height: 20vw;
  }
  .mail-caseCard:nth-of-type(2) {
    padding: 7.2vw 0 0;
    gap: 5.0667vw;
  }
  .mail-caseCard:nth-of-type(3) {
    padding: 2.6667vw 0 0;
    gap: 1.0667vw;
  }
  .mail-caseCard:nth-of-type(4) {
    padding: 3.4667vw 0 0;
    gap: 1.0667vw;
  }
  .mail-plan {
    padding: 11.7333vw 3.2vw 3.2vw;
  }
  .mail-plan__title {
    font-size: 7.4667vw;
  }
  .mail-plan__label {
    font-size: 4vw;
    margin: 1.0667vw 0 0;
    letter-spacing: .05em;
  }
  .mail-plan__banner {
    margin: 3.2vw auto 10.6667vw;
    font-size: 4.8vw;
    letter-spacing: 0.144vw;
    padding: 1.3333vw 7.7333vw;
  }
  .mail-planCard:first-child {
    margin-top: 0;
  }
  .mail-planCardBodyHeader {
    padding: 6.1333vw 6.1333vw 4.8vw 6.1333vw;
  }
  .mail-planCardCapacity{
    font-size: 3.7333vw;
    line-height: 5.6vw;
    letter-spacing: 0.0747vw;
    margin-bottom: 2.6667vw;
  }
  .mail-planCardName{
    font-size: 7.4667vw;
    font-weight: 700;
    line-height: 6.9333vw;
    margin-bottom: 4.8vw;
  }
  .mail-planCardUsers {
    font-size: 3.4667vw;
    line-height: 5.6vw;
    padding: 1.3333vw 7.4667vw;
  }
  .mail-planCardUsers span {
    font-size: 5.8667vw;
    line-height: 6.9333vw;
    margin: 0 0.8vw;
  }
  .mail-planCardPrice {
    font-size: 9.6vw;
    line-height: 6.9333vw;
    padding: 7.4667vw 0 0 0;
  }
  .mail-planCardPrice small {
    font-size: 4.2667vw;
    line-height: 6.9333vw;
  }
  .mail-planCardConditions {
    font-size: 3.4667vw;
    line-height: 6.9333vw;
    margin-bottom: 1.3333vw;
  }
  .mail-planBtn {
    padding: 2.1333vw 5.3333vw;
    font-size: 4.2667vw;
    line-height: 10.1333vw;
    letter-spacing: 0.0853vw;
    max-width: 40vw;
  }
  .mail-planCardBtns {
    gap: 2.6667vw;
    margin-bottom: 4vw;
  }
  .mail-planCardSpecs li {
    padding: 4.6667vw 7.7333vw 4.6667vw 5.6vw;
    font-size: 4vw;
    line-height: 6.9333vw;
  }
  .mail-planCardSpecs li span:last-child {
    min-width: 14.1333vw;
  }
  .mail-planCardSpecs li span.mail-planCardSpecNum {
    font-size: 4.8vw;
    line-height: 6.9333vw;
    letter-spacing: 0.192vw;
  }
  .mail-planCardSpecs li span:last-child strong {
    font-size: 7.4667vw;
    line-height: 6.9333vw;
    letter-spacing: 0.1493vw;
  }
  .mail-planCardSpecs li span:last-child {
    font-size: 4.5333vw;
    line-height: 6.9333vw;
  }
  .mail-planCardBadge {
    padding: 4vw 4.2667vw;
    font-size: 5.3333vw;
    line-height: 5.6vw;
    margin-bottom: 1.3333vw;
    margin-left: -2.1333vw;
    width: calc(100% + 4.5333vw);
    border-radius: 2.6667vw 2.6667vw 0 0;
  }
  .mail-planCard--recommended::before {
    left: -2.1333vw;
    width: calc(100% + 4.5333vw);
    height: calc(100% + 1.8667vw);
    border-radius: 2.6667vw;
  }
  .mail-planCardSpecOk--annotation::after {
    right: -2.4vw;
    font-size: 3.2vw;
    line-height: 4.8vw;
  }

  .mail-planCards{
    grid-template-columns: 1fr;
    gap: 4.5333vw;
  }
  .mail-planCard:last-child{
    margin-top: 2.6667vw;
  }
  .mail-plan__footnote {
    margin: 2.1333vw auto 0;
    font-size: 2.9333vw;
  }
  .mail-enterprise {
    padding: 1.6vw 5.3333vw 6.1333vw;
  }
  .mail-enterprise__card {
    height: auto;
    padding: 15.2vw 5.0667vw 16.1333vw;
  }
  .mail-enterprise__card::after {
    clip-path: polygon(0 0, 100% 0, 100% 89%, 61% 89%, 52% 100%, 0 100%);
  }
  .mail-enterprise__body {
    padding-left: 0;
    padding-top: 15.4667vw;
  }
  .mail-enterprise__visual {
    right: 3.7333vw;
    top: 4.2667vw;
    width: 28.5333vw;
    height: 26.9333vw;
  }
  .mail-enterprise__tag {
    width: 54.9333vw;
    height: 11.4667vw;
    font-size: 4vw;
    letter-spacing: 0;
    gap: 2.5vw;
    padding: 0 0 0 5.0667vw;
    clip-path: polygon(0 0, calc(100% - 4.5333vw) 0, 100% 50%, calc(100% - 4.5333vw) 100%, 0 100%);
  }
  .mail-enterprise__tagIcon {
    width: 5.8667vw;
    height: 5.8667vw;
    flex: 0 0 5.8667vw;
  }
  .mail-enterprise__title {
    font-size: 5.3333vw;
    line-height: 8.2667vw;
  }
  .mail-enterprise__desc {
    margin: 0;
    font-size: 3.7333vw;
  }
  .mail-enterprise__more {
    right: 3.4667vw;
    bottom: 2.1333vw;
    gap: 2.1333vw;
    font-size: 4vw;
  }
  .mail-enterprise__more::after{
    width: 6vw;
    height: 6vw;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mail-enterprise__ctas {
    margin-top: 10.9333vw;
  }
  .mail-enterpriseCta {
    gap: 2.9333vw;
    padding: 2.1333vw 2.4vw 2.1333vw 12.2667vw;
    font-size: 3.4667vw;
    letter-spacing: 0.208vw;
  }
  .mail-enterpriseCta::after{
    width: 11.2vw;
    height: 11.2vw;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mail-sizing {
    padding: 25.0667vw 5.3333vw 2.4vw;
  }
  .mail-sizing__title {
    font-size: 7.4667vw;
    line-height: 10.6667vw;
  }
  .mail-sizing__label {
    font-size: 4vw;
  }
  .mail-sizing__desc {
    margin: 0 auto 6.4vw;
    font-size: 4.2667vw;
    max-width: 218.6667vw;
  }
  .mail-sizing__panel {
    padding: 7.7333vw 5.3333vw 8.5333vw;
  }
  .mail-sizing__assumption{
    min-width: auto;
    position: relative;
    top: 0;
    padding: 2.9333vw 7.7333vw;
    font-size: 4.8vw;
    line-height: 7.2vw;
    margin: 0 0 7.4667vw 0;
  }
  .mail-sizing__chartTitle{
    margin: 6.1333vw 0 4vw;
    font-size: 6.6667vw;
    line-height: 1.5;
  }
  .mail-sizingCase__planAi {
    min-height: auto;
    font-size: 4.5333vw;
  }
  .mail-sizingCase__pointLabel {
    margin: 2.6667vw 0 0 0;
    padding: 2.1333vw 0 0 3.7333vw;
    font-size: 4vw;
  }
  .mail-sizingCase__pointLabel::before{
    left: 0.2667vw;
    top: 5.3333vw;
    width: 1.3333vw;
    height: 1.3333vw;
  }
  .mail-sizingCase__pointText {
    font-size: 3.7333vw;
    line-height: 6.4vw;
    letter-spacing: 0.112vw;
  }
  .mail-sizingCase {
    padding: 6.6667vw 5.3333vw 6.1333vw;
  }
  .mail-sizingCase__tag {
    width: 42.6667vw;
    height: 10.6667vw;
    padding: 1.8667vw 3.7333vw;
    font-size: 4vw;
    margin: 0 auto 4vw;
  }
  .mail-sizingCase__tagNum {
    font-size: 5.8667vw;
  }
  .mail-sizingCase__usage{
    margin: 0 0 3.4667vw 0;
  }
  .mail-sizingCase__usageBig{
    font-size: 6.4vw;
  }
  .mail-sizingCase__usageSmall {
    font-size: 4.8vw;
    margin: 0 0.5333vw;
  }
  .mail-sizingCase--bronze .mail-sizingCase__arrow,
  .mail-sizingCase__arrow{
    width: 34.1333vw;
    height: 9.6vw;
    margin: 0 auto 2.1333vw;
  }
  .mail-sizingCase__plan {
    margin: 0;
    font-size: 7.4667vw;
  }
  .mail-sizing__cases{
    grid-template-columns: 1fr;
    gap: 4.8vw;
  }
  .mail-sizing__panelFooter {
    margin: 6.1333vw 0 0 -1.6vw;
    padding-bottom: 0;
    font-size: 3.7333vw;
    gap: 2.1333vw;
  }
  .mail-sizing__panelFooter::after {
    top: 1.6vw;
    right: -4.5333vw;
    width: 3.4667vw;
    height: 3.4667vw;
  }
  .mail-sizing__bridgeArrow {
    width: 45.6vw;
    height: 9.6vw;
  }
  .mail-sizing__rec {
    margin: 11.7333vw auto 0;
    padding: 12vw 4.8vw 7.2vw;
    grid-template-columns: 1fr;
    gap: 4.2667vw;
  }
  .mail-sizing__recTag {
    top: -7.4667vw;
    left: 12.8vw;
    font-size: 5.3333vw;
    padding: 1.8667vw 7.4667vw 5.3333vw;
    min-width: 61.0667vw;
    height: 16vw;
    margin: 0;
  }
  .mail-sizing__recTitle {
    font-size: 6.4vw;
    text-align: center;
    line-height: 9.6vw;
    margin: 0 0 2.4vw;
  }
  .mail-sizing__recVisual {
    position: relative;
    top: 0;
    right: 0;
    max-width: 60.5333vw;
    margin: 0 0 0 10.6667vw;
  }
  .mail-sizing__recText {
    line-height: 7.4667vw;
    font-size: 4vw;
  }
  .mail-trial {
    padding: 8.2667vw 5.3333vw 16vw;
  }
  .mail-trial__title {
    margin: 0 0 4.5333vw;
    font-size: 6.4vw;
    line-height: 9.3333vw;
  }
  .mail-trialBtn {
    font-size: 4.8vw;
  }
  .mail-trialBtn__badge {
    font-size: 4.2667vw;
    min-width: 14.9333vw;
    height: 8vw;
    padding: 0;
  }
  .mail-trialBtn--outline {
    padding: 0 13.8667vw 0 0;
    gap: 1.8667vw;
    border: none;
  }
  .mail-trialBtn__icon{
    width: 11.4667vw;
    height: 9.0667vw;
  }
  .mail-trialBtn--solid .mail-trialBtn__icon{
    width: 9.6vw;
  }
  .mail-trialBtn--outline::after,
  .mail-trialBtn--solid::after {
    width: 9.6vw;
    height: 9.6vw;
    background-size: 9.6vw;
    right: 3.4667vw;
  }
  .mail-docs {
    padding: 16vw 0 0;
  }
  .mail-docs__inner {
    padding-bottom: 16.2667vw;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 16%, #F6F7F9 16%, #F6F7F9 100%);
  }
  .mail-docsHero{
    grid-template-columns: 1fr;
    padding: 5.3333vw;
    gap: 5.3333vw;
    width: calc(100% - 10.6667vw);
  }
  .mail-docsHero__contents {
    flex-direction: column;
    width: 100%;
  }
  .mail-docsHero__desc {
    font-size: 4vw;
    line-height: 6.9333vw;
    letter-spacing: 0.12vw;
    margin: 3.7333vw 0 5.8667vw 0;
  }
  .mail-docsHero__btn a{
    min-width: auto;
  }
  .mail-docsHero__btn a {
    font-size: 4.8vw;
    gap: 2.1333vw;
    padding: 2.9333vw 3.4667vw 2.9333vw 7.2vw;
    width: 100%;
  }
  .mail-docsHero__btn a::before{
    width: 11.4667vw;
    height: 9.3333vw;
    background-size: contain;
    margin: 0 0 -1.3333vw 0;
  }
  .mail-docsHero__btn a::after{
    width: 9.6vw;
    height: 9.6vw;
    background-size: contain;
  }
  .mail-docs__title {
    font-size: 5.3333vw;
    line-height: 8vw;
    margin: 10.4vw 0 4.5333vw;
  }
  .mail-docs__cards{
    grid-template-columns: 1fr;
    padding: 0 5.3333vw;
    gap: 3.4667vw;
  }
  .mail-docCard {
    width: 100%;
    padding: 5.3333vw 5.3333vw 7.2vw;
  }
  .mail-docCard:nth-of-type(2), .mail-docCard:nth-of-type(3) {
    padding: 5.3333vw 5.3333vw 7.2vw;
  }
  .mail-docCard__thumb{
    height: auto;
  }
  .mail-docCard:nth-of-type(1) .mail-docCard__thumb img,
  .mail-docCard:nth-of-type(2) .mail-docCard__thumb img,
  .mail-docCard:nth-of-type(3) .mail-docCard__thumb img,
  .mail-docCard:nth-of-type(4) .mail-docCard__thumb img {
    width: 100%;
    height: auto;
  }
  .mail-docCard__label {
    margin: 3.4667vw 0 -1.6vw;
    font-size: 3.4667vw;
  }
  .mail-docCard__title {
    margin: 3.7333vw 0 4.8vw;
    font-size: 4.2667vw;
  }
  .mail-docCard__btn {
    width: 68vw;
    padding: 4.5333vw 2.9333vw 4.5333vw 14.1333vw;
    font-size: 4.2667vw;
  }
  .mail-docCard__btn::after {
    width: 5.5635vw;
    height: 5.1917vw;
  }
  .mail-case {
    padding: 13.8667vw 5.3333vw 0;
  }
  .mail-case__title {
    font-size: 7.4667vw;
    line-height: 10.6667vw;
  }
  .mail-case__label {
    margin: 2.1333vw 0 0;
    font-size: 4vw;
  }
.mail-case__head{
    margin-bottom: 7.2vw; /* 27px */
  }
  .mail-case__cards .slick-slide.slick-center .mail-studyCard{
    width: 76.5333vw; /* 287px */
    margin: -8vw auto 0; /* -30px */
  }
  .mail-case__cards .slick-slide .mail-studyCard{
    width: 78.4vw; /* 294px */
  }
  .mail-case__body{
    min-height: 98.9333vw; /* 371px */
  }
  .mail-studyCard__tag{
    left: -1.6vw; /* -6px */
    font-size: 2.6667vw; /* 10px */
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 2.1333vw; /* 8px */
    height: 5.3307vw; /* 19.99px */
  }
  .mail-studyCard__thumb{
    aspect-ratio: 205.58 / 134.91;
  }
  .mail-studyCard__company{
    font-size: 2.6667vw; /* 10px */
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  .mail-studyCard__title{
    font-size: 3.7333vw; /* 14px */
    font-style: normal;
    font-weight: 500;
    line-height: 5.6vw; /* 21px */
    margin: 5.6vw 0 3.4667vw; /* 21px 0 13px */
  }
  .slick-center .mail-studyCard__tag{
    font-size: 2.9333vw; /* 11px */
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 7.4667vw; /* 28px */
  }
  .slick-center .mail-studyCard__title{
    font-size: 4.8vw; /* 18px */
    font-style: normal;
    font-weight: 500;
    line-height: 8vw; /* 30px */
    margin: 5.6vw 0 3.4667vw; /* 21px 0 13px */
  }
  .slick-center .mail-studyCard__thumb{
    aspect-ratio: 286.2 / 187.82;
  }
  .slick-center .mail-studyCard__company{
    font-size: 3.2vw; /* 12px */
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  .mail-case__arrows .slick-arrow{
    top: 32%;
    width: 8.8vw; /* 33px */
    height: 8.8vw; /* 33px */
  }
  .mail-case__arrows .slick-prev {
    left: calc(50% - 43.4667vw); /* 163px */
  }
  .mail-case__arrows .slick-next {
    right: calc(50% - 43.4667vw); /* 163px */
  }
  .mail-case__more{
    margin: 3.7333vw auto 0; /* 14px */
  }
  .mail-faq__title{
    font-size: 7.4667vw;
  }
  .c-title{
    font-size: 7.4667vw;
  }
  .c-newsImportant .c-newsList__label{
    margin-left: 2.6667vw;
  }
  .MAIL .c-supportStep__banner--kir-pc{
    display: none;
  }
}
@media (min-width: 769px) {
  .u-sp {
    display: none !important;
  }
}

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