@charset "UTF-8";
/* style.scss */
/* ================================
   foundation
================================ */
/*------------------------------------*\
  RESET  (no variables / no mixins)
\*------------------------------------*/
/* box-sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* improve text rendering */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* remove default margin */
body {
  margin: 0;
}

/* media elements */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* images baseline */
img {
  vertical-align: bottom;
}

/* links */
a {
  text-decoration: none;
  color: inherit;
}

/* form */
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-main);
}

button {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

/* lists */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* headings / text blocks */
h1, h2, h3, h4, h5, h6,
p,
table,
dl, dt, dd {
  margin: 0;
  padding: 0;
}

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* main element */
main {
  display: block;
}

/* address */
address {
  font-style: normal;
}

:root {
  --font-main: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  --white: #dfeff7;
  --main: #008cd6;
  --text: #111;
  --gap: 40px;
  --accent: #f3a000;
}

/* 自動リンク（tel / mail）対策 */
.footer-box--contact a,
.footer-box--contact a:visited,
.footer-box--contact a:hover,
.footer-box--contact a:active {
  color: #fff !important;
  text-decoration: none;
}

/* iOS Safari 対策（これ重要） */
.footer-box--contact a[href^=tel],
.footer-box--contact a[href^=mailto] {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.sp-only {
  display: none;
}

.l-max {
  max-width: 1400px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 20;
}

.l-large {
  max-width: 1280px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 20;
}

.l-medium {
  max-width: 1024px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 20;
}

.l-mini {
  max-width: 768px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 20;
}

.l-small {
  max-width: 680px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 20;
}

.l-tiny {
  max-width: 320px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 20;
}

.u-pt0 {
  padding-top: 0px;
}
@media (max-width: 600px) {
  .u-pt0 {
    padding-top: 0px;
  }
}

.u-pb0 {
  padding-bottom: 0px;
}
@media (max-width: 600px) {
  .u-pb0 {
    padding-bottom: 0px;
  }
}

.u-mt0 {
  margin-top: 0px !important;
}
@media (max-width: 600px) {
  .u-mt0 {
    margin-top: 0px !important;
  }
}

.u-mb0 {
  margin-bottom: 0px !important;
}
@media (max-width: 600px) {
  .u-mb0 {
    margin-bottom: 0px !important;
  }
}

.u-pt1 {
  padding-top: 1px;
}
@media (max-width: 600px) {
  .u-pt1 {
    padding-top: 0.5px;
  }
}

.u-pb1 {
  padding-bottom: 1px;
}
@media (max-width: 600px) {
  .u-pb1 {
    padding-bottom: 0.5px;
  }
}

.u-mt1 {
  margin-top: 1px !important;
}
@media (max-width: 600px) {
  .u-mt1 {
    margin-top: 0.5px !important;
  }
}

.u-mb1 {
  margin-bottom: 1px !important;
}
@media (max-width: 600px) {
  .u-mb1 {
    margin-bottom: 0.5px !important;
  }
}

.u-pt2 {
  padding-top: 2px;
}
@media (max-width: 600px) {
  .u-pt2 {
    padding-top: 1px;
  }
}

.u-pb2 {
  padding-bottom: 2px;
}
@media (max-width: 600px) {
  .u-pb2 {
    padding-bottom: 1px;
  }
}

.u-mt2 {
  margin-top: 2px !important;
}
@media (max-width: 600px) {
  .u-mt2 {
    margin-top: 1px !important;
  }
}

.u-mb2 {
  margin-bottom: 2px !important;
}
@media (max-width: 600px) {
  .u-mb2 {
    margin-bottom: 1px !important;
  }
}

.u-pt3 {
  padding-top: 3px;
}
@media (max-width: 600px) {
  .u-pt3 {
    padding-top: 1.5px;
  }
}

.u-pb3 {
  padding-bottom: 3px;
}
@media (max-width: 600px) {
  .u-pb3 {
    padding-bottom: 1.5px;
  }
}

.u-mt3 {
  margin-top: 3px !important;
}
@media (max-width: 600px) {
  .u-mt3 {
    margin-top: 1.5px !important;
  }
}

.u-mb3 {
  margin-bottom: 3px !important;
}
@media (max-width: 600px) {
  .u-mb3 {
    margin-bottom: 1.5px !important;
  }
}

.u-pt4 {
  padding-top: 4px;
}
@media (max-width: 600px) {
  .u-pt4 {
    padding-top: 2px;
  }
}

.u-pb4 {
  padding-bottom: 4px;
}
@media (max-width: 600px) {
  .u-pb4 {
    padding-bottom: 2px;
  }
}

.u-mt4 {
  margin-top: 4px !important;
}
@media (max-width: 600px) {
  .u-mt4 {
    margin-top: 2px !important;
  }
}

.u-mb4 {
  margin-bottom: 4px !important;
}
@media (max-width: 600px) {
  .u-mb4 {
    margin-bottom: 2px !important;
  }
}

.u-pt5 {
  padding-top: 5px;
}
@media (max-width: 600px) {
  .u-pt5 {
    padding-top: 2.5px;
  }
}

.u-pb5 {
  padding-bottom: 5px;
}
@media (max-width: 600px) {
  .u-pb5 {
    padding-bottom: 2.5px;
  }
}

.u-mt5 {
  margin-top: 5px !important;
}
@media (max-width: 600px) {
  .u-mt5 {
    margin-top: 2.5px !important;
  }
}

.u-mb5 {
  margin-bottom: 5px !important;
}
@media (max-width: 600px) {
  .u-mb5 {
    margin-bottom: 2.5px !important;
  }
}

.u-pt6 {
  padding-top: 6px;
}
@media (max-width: 600px) {
  .u-pt6 {
    padding-top: 3px;
  }
}

.u-pb6 {
  padding-bottom: 6px;
}
@media (max-width: 600px) {
  .u-pb6 {
    padding-bottom: 3px;
  }
}

.u-mt6 {
  margin-top: 6px !important;
}
@media (max-width: 600px) {
  .u-mt6 {
    margin-top: 3px !important;
  }
}

.u-mb6 {
  margin-bottom: 6px !important;
}
@media (max-width: 600px) {
  .u-mb6 {
    margin-bottom: 3px !important;
  }
}

.u-pt7 {
  padding-top: 7px;
}
@media (max-width: 600px) {
  .u-pt7 {
    padding-top: 3.5px;
  }
}

.u-pb7 {
  padding-bottom: 7px;
}
@media (max-width: 600px) {
  .u-pb7 {
    padding-bottom: 3.5px;
  }
}

.u-mt7 {
  margin-top: 7px !important;
}
@media (max-width: 600px) {
  .u-mt7 {
    margin-top: 3.5px !important;
  }
}

.u-mb7 {
  margin-bottom: 7px !important;
}
@media (max-width: 600px) {
  .u-mb7 {
    margin-bottom: 3.5px !important;
  }
}

.u-pt8 {
  padding-top: 8px;
}
@media (max-width: 600px) {
  .u-pt8 {
    padding-top: 4px;
  }
}

.u-pb8 {
  padding-bottom: 8px;
}
@media (max-width: 600px) {
  .u-pb8 {
    padding-bottom: 4px;
  }
}

.u-mt8 {
  margin-top: 8px !important;
}
@media (max-width: 600px) {
  .u-mt8 {
    margin-top: 4px !important;
  }
}

.u-mb8 {
  margin-bottom: 8px !important;
}
@media (max-width: 600px) {
  .u-mb8 {
    margin-bottom: 4px !important;
  }
}

.u-pt9 {
  padding-top: 9px;
}
@media (max-width: 600px) {
  .u-pt9 {
    padding-top: 4.5px;
  }
}

.u-pb9 {
  padding-bottom: 9px;
}
@media (max-width: 600px) {
  .u-pb9 {
    padding-bottom: 4.5px;
  }
}

.u-mt9 {
  margin-top: 9px !important;
}
@media (max-width: 600px) {
  .u-mt9 {
    margin-top: 4.5px !important;
  }
}

.u-mb9 {
  margin-bottom: 9px !important;
}
@media (max-width: 600px) {
  .u-mb9 {
    margin-bottom: 4.5px !important;
  }
}

.u-pt10 {
  padding-top: 10px;
}
@media (max-width: 600px) {
  .u-pt10 {
    padding-top: 5px;
  }
}

.u-pb10 {
  padding-bottom: 10px;
}
@media (max-width: 600px) {
  .u-pb10 {
    padding-bottom: 5px;
  }
}

.u-mt10 {
  margin-top: 10px !important;
}
@media (max-width: 600px) {
  .u-mt10 {
    margin-top: 5px !important;
  }
}

.u-mb10 {
  margin-bottom: 10px !important;
}
@media (max-width: 600px) {
  .u-mb10 {
    margin-bottom: 5px !important;
  }
}

.u-pt11 {
  padding-top: 11px;
}
@media (max-width: 600px) {
  .u-pt11 {
    padding-top: 5.5px;
  }
}

.u-pb11 {
  padding-bottom: 11px;
}
@media (max-width: 600px) {
  .u-pb11 {
    padding-bottom: 5.5px;
  }
}

.u-mt11 {
  margin-top: 11px !important;
}
@media (max-width: 600px) {
  .u-mt11 {
    margin-top: 5.5px !important;
  }
}

.u-mb11 {
  margin-bottom: 11px !important;
}
@media (max-width: 600px) {
  .u-mb11 {
    margin-bottom: 5.5px !important;
  }
}

.u-pt12 {
  padding-top: 12px;
}
@media (max-width: 600px) {
  .u-pt12 {
    padding-top: 6px;
  }
}

.u-pb12 {
  padding-bottom: 12px;
}
@media (max-width: 600px) {
  .u-pb12 {
    padding-bottom: 6px;
  }
}

.u-mt12 {
  margin-top: 12px !important;
}
@media (max-width: 600px) {
  .u-mt12 {
    margin-top: 6px !important;
  }
}

.u-mb12 {
  margin-bottom: 12px !important;
}
@media (max-width: 600px) {
  .u-mb12 {
    margin-bottom: 6px !important;
  }
}

.u-pt13 {
  padding-top: 13px;
}
@media (max-width: 600px) {
  .u-pt13 {
    padding-top: 6.5px;
  }
}

.u-pb13 {
  padding-bottom: 13px;
}
@media (max-width: 600px) {
  .u-pb13 {
    padding-bottom: 6.5px;
  }
}

.u-mt13 {
  margin-top: 13px !important;
}
@media (max-width: 600px) {
  .u-mt13 {
    margin-top: 6.5px !important;
  }
}

.u-mb13 {
  margin-bottom: 13px !important;
}
@media (max-width: 600px) {
  .u-mb13 {
    margin-bottom: 6.5px !important;
  }
}

.u-pt14 {
  padding-top: 14px;
}
@media (max-width: 600px) {
  .u-pt14 {
    padding-top: 7px;
  }
}

.u-pb14 {
  padding-bottom: 14px;
}
@media (max-width: 600px) {
  .u-pb14 {
    padding-bottom: 7px;
  }
}

.u-mt14 {
  margin-top: 14px !important;
}
@media (max-width: 600px) {
  .u-mt14 {
    margin-top: 7px !important;
  }
}

.u-mb14 {
  margin-bottom: 14px !important;
}
@media (max-width: 600px) {
  .u-mb14 {
    margin-bottom: 7px !important;
  }
}

.u-pt15 {
  padding-top: 15px;
}
@media (max-width: 600px) {
  .u-pt15 {
    padding-top: 7.5px;
  }
}

.u-pb15 {
  padding-bottom: 15px;
}
@media (max-width: 600px) {
  .u-pb15 {
    padding-bottom: 7.5px;
  }
}

.u-mt15 {
  margin-top: 15px !important;
}
@media (max-width: 600px) {
  .u-mt15 {
    margin-top: 7.5px !important;
  }
}

.u-mb15 {
  margin-bottom: 15px !important;
}
@media (max-width: 600px) {
  .u-mb15 {
    margin-bottom: 7.5px !important;
  }
}

.u-pt16 {
  padding-top: 16px;
}
@media (max-width: 600px) {
  .u-pt16 {
    padding-top: 8px;
  }
}

.u-pb16 {
  padding-bottom: 16px;
}
@media (max-width: 600px) {
  .u-pb16 {
    padding-bottom: 8px;
  }
}

.u-mt16 {
  margin-top: 16px !important;
}
@media (max-width: 600px) {
  .u-mt16 {
    margin-top: 8px !important;
  }
}

.u-mb16 {
  margin-bottom: 16px !important;
}
@media (max-width: 600px) {
  .u-mb16 {
    margin-bottom: 8px !important;
  }
}

.u-pt17 {
  padding-top: 17px;
}
@media (max-width: 600px) {
  .u-pt17 {
    padding-top: 8.5px;
  }
}

.u-pb17 {
  padding-bottom: 17px;
}
@media (max-width: 600px) {
  .u-pb17 {
    padding-bottom: 8.5px;
  }
}

.u-mt17 {
  margin-top: 17px !important;
}
@media (max-width: 600px) {
  .u-mt17 {
    margin-top: 8.5px !important;
  }
}

.u-mb17 {
  margin-bottom: 17px !important;
}
@media (max-width: 600px) {
  .u-mb17 {
    margin-bottom: 8.5px !important;
  }
}

.u-pt18 {
  padding-top: 18px;
}
@media (max-width: 600px) {
  .u-pt18 {
    padding-top: 9px;
  }
}

.u-pb18 {
  padding-bottom: 18px;
}
@media (max-width: 600px) {
  .u-pb18 {
    padding-bottom: 9px;
  }
}

.u-mt18 {
  margin-top: 18px !important;
}
@media (max-width: 600px) {
  .u-mt18 {
    margin-top: 9px !important;
  }
}

.u-mb18 {
  margin-bottom: 18px !important;
}
@media (max-width: 600px) {
  .u-mb18 {
    margin-bottom: 9px !important;
  }
}

.u-pt19 {
  padding-top: 19px;
}
@media (max-width: 600px) {
  .u-pt19 {
    padding-top: 9.5px;
  }
}

.u-pb19 {
  padding-bottom: 19px;
}
@media (max-width: 600px) {
  .u-pb19 {
    padding-bottom: 9.5px;
  }
}

.u-mt19 {
  margin-top: 19px !important;
}
@media (max-width: 600px) {
  .u-mt19 {
    margin-top: 9.5px !important;
  }
}

.u-mb19 {
  margin-bottom: 19px !important;
}
@media (max-width: 600px) {
  .u-mb19 {
    margin-bottom: 9.5px !important;
  }
}

.u-pt20 {
  padding-top: 20px;
}
@media (max-width: 600px) {
  .u-pt20 {
    padding-top: 10px;
  }
}

.u-pb20 {
  padding-bottom: 20px;
}
@media (max-width: 600px) {
  .u-pb20 {
    padding-bottom: 10px;
  }
}

.u-mt20 {
  margin-top: 20px !important;
}
@media (max-width: 600px) {
  .u-mt20 {
    margin-top: 10px !important;
  }
}

.u-mb20 {
  margin-bottom: 20px !important;
}
@media (max-width: 600px) {
  .u-mb20 {
    margin-bottom: 10px !important;
  }
}

.u-pt21 {
  padding-top: 21px;
}
@media (max-width: 600px) {
  .u-pt21 {
    padding-top: 10.5px;
  }
}

.u-pb21 {
  padding-bottom: 21px;
}
@media (max-width: 600px) {
  .u-pb21 {
    padding-bottom: 10.5px;
  }
}

.u-mt21 {
  margin-top: 21px !important;
}
@media (max-width: 600px) {
  .u-mt21 {
    margin-top: 10.5px !important;
  }
}

.u-mb21 {
  margin-bottom: 21px !important;
}
@media (max-width: 600px) {
  .u-mb21 {
    margin-bottom: 10.5px !important;
  }
}

.u-pt22 {
  padding-top: 22px;
}
@media (max-width: 600px) {
  .u-pt22 {
    padding-top: 11px;
  }
}

.u-pb22 {
  padding-bottom: 22px;
}
@media (max-width: 600px) {
  .u-pb22 {
    padding-bottom: 11px;
  }
}

.u-mt22 {
  margin-top: 22px !important;
}
@media (max-width: 600px) {
  .u-mt22 {
    margin-top: 11px !important;
  }
}

.u-mb22 {
  margin-bottom: 22px !important;
}
@media (max-width: 600px) {
  .u-mb22 {
    margin-bottom: 11px !important;
  }
}

.u-pt23 {
  padding-top: 23px;
}
@media (max-width: 600px) {
  .u-pt23 {
    padding-top: 11.5px;
  }
}

.u-pb23 {
  padding-bottom: 23px;
}
@media (max-width: 600px) {
  .u-pb23 {
    padding-bottom: 11.5px;
  }
}

.u-mt23 {
  margin-top: 23px !important;
}
@media (max-width: 600px) {
  .u-mt23 {
    margin-top: 11.5px !important;
  }
}

.u-mb23 {
  margin-bottom: 23px !important;
}
@media (max-width: 600px) {
  .u-mb23 {
    margin-bottom: 11.5px !important;
  }
}

.u-pt24 {
  padding-top: 24px;
}
@media (max-width: 600px) {
  .u-pt24 {
    padding-top: 12px;
  }
}

.u-pb24 {
  padding-bottom: 24px;
}
@media (max-width: 600px) {
  .u-pb24 {
    padding-bottom: 12px;
  }
}

.u-mt24 {
  margin-top: 24px !important;
}
@media (max-width: 600px) {
  .u-mt24 {
    margin-top: 12px !important;
  }
}

.u-mb24 {
  margin-bottom: 24px !important;
}
@media (max-width: 600px) {
  .u-mb24 {
    margin-bottom: 12px !important;
  }
}

.u-pt25 {
  padding-top: 25px;
}
@media (max-width: 600px) {
  .u-pt25 {
    padding-top: 12.5px;
  }
}

.u-pb25 {
  padding-bottom: 25px;
}
@media (max-width: 600px) {
  .u-pb25 {
    padding-bottom: 12.5px;
  }
}

.u-mt25 {
  margin-top: 25px !important;
}
@media (max-width: 600px) {
  .u-mt25 {
    margin-top: 12.5px !important;
  }
}

.u-mb25 {
  margin-bottom: 25px !important;
}
@media (max-width: 600px) {
  .u-mb25 {
    margin-bottom: 12.5px !important;
  }
}

.u-pt26 {
  padding-top: 26px;
}
@media (max-width: 600px) {
  .u-pt26 {
    padding-top: 13px;
  }
}

.u-pb26 {
  padding-bottom: 26px;
}
@media (max-width: 600px) {
  .u-pb26 {
    padding-bottom: 13px;
  }
}

.u-mt26 {
  margin-top: 26px !important;
}
@media (max-width: 600px) {
  .u-mt26 {
    margin-top: 13px !important;
  }
}

.u-mb26 {
  margin-bottom: 26px !important;
}
@media (max-width: 600px) {
  .u-mb26 {
    margin-bottom: 13px !important;
  }
}

.u-pt27 {
  padding-top: 27px;
}
@media (max-width: 600px) {
  .u-pt27 {
    padding-top: 13.5px;
  }
}

.u-pb27 {
  padding-bottom: 27px;
}
@media (max-width: 600px) {
  .u-pb27 {
    padding-bottom: 13.5px;
  }
}

.u-mt27 {
  margin-top: 27px !important;
}
@media (max-width: 600px) {
  .u-mt27 {
    margin-top: 13.5px !important;
  }
}

.u-mb27 {
  margin-bottom: 27px !important;
}
@media (max-width: 600px) {
  .u-mb27 {
    margin-bottom: 13.5px !important;
  }
}

.u-pt28 {
  padding-top: 28px;
}
@media (max-width: 600px) {
  .u-pt28 {
    padding-top: 14px;
  }
}

.u-pb28 {
  padding-bottom: 28px;
}
@media (max-width: 600px) {
  .u-pb28 {
    padding-bottom: 14px;
  }
}

.u-mt28 {
  margin-top: 28px !important;
}
@media (max-width: 600px) {
  .u-mt28 {
    margin-top: 14px !important;
  }
}

.u-mb28 {
  margin-bottom: 28px !important;
}
@media (max-width: 600px) {
  .u-mb28 {
    margin-bottom: 14px !important;
  }
}

.u-pt29 {
  padding-top: 29px;
}
@media (max-width: 600px) {
  .u-pt29 {
    padding-top: 14.5px;
  }
}

.u-pb29 {
  padding-bottom: 29px;
}
@media (max-width: 600px) {
  .u-pb29 {
    padding-bottom: 14.5px;
  }
}

.u-mt29 {
  margin-top: 29px !important;
}
@media (max-width: 600px) {
  .u-mt29 {
    margin-top: 14.5px !important;
  }
}

.u-mb29 {
  margin-bottom: 29px !important;
}
@media (max-width: 600px) {
  .u-mb29 {
    margin-bottom: 14.5px !important;
  }
}

.u-pt30 {
  padding-top: 30px;
}
@media (max-width: 600px) {
  .u-pt30 {
    padding-top: 15px;
  }
}

.u-pb30 {
  padding-bottom: 30px;
}
@media (max-width: 600px) {
  .u-pb30 {
    padding-bottom: 15px;
  }
}

.u-mt30 {
  margin-top: 30px !important;
}
@media (max-width: 600px) {
  .u-mt30 {
    margin-top: 15px !important;
  }
}

.u-mb30 {
  margin-bottom: 30px !important;
}
@media (max-width: 600px) {
  .u-mb30 {
    margin-bottom: 15px !important;
  }
}

.u-pt31 {
  padding-top: 31px;
}
@media (max-width: 600px) {
  .u-pt31 {
    padding-top: 15.5px;
  }
}

.u-pb31 {
  padding-bottom: 31px;
}
@media (max-width: 600px) {
  .u-pb31 {
    padding-bottom: 15.5px;
  }
}

.u-mt31 {
  margin-top: 31px !important;
}
@media (max-width: 600px) {
  .u-mt31 {
    margin-top: 15.5px !important;
  }
}

.u-mb31 {
  margin-bottom: 31px !important;
}
@media (max-width: 600px) {
  .u-mb31 {
    margin-bottom: 15.5px !important;
  }
}

.u-pt32 {
  padding-top: 32px;
}
@media (max-width: 600px) {
  .u-pt32 {
    padding-top: 16px;
  }
}

.u-pb32 {
  padding-bottom: 32px;
}
@media (max-width: 600px) {
  .u-pb32 {
    padding-bottom: 16px;
  }
}

.u-mt32 {
  margin-top: 32px !important;
}
@media (max-width: 600px) {
  .u-mt32 {
    margin-top: 16px !important;
  }
}

.u-mb32 {
  margin-bottom: 32px !important;
}
@media (max-width: 600px) {
  .u-mb32 {
    margin-bottom: 16px !important;
  }
}

.u-pt33 {
  padding-top: 33px;
}
@media (max-width: 600px) {
  .u-pt33 {
    padding-top: 16.5px;
  }
}

.u-pb33 {
  padding-bottom: 33px;
}
@media (max-width: 600px) {
  .u-pb33 {
    padding-bottom: 16.5px;
  }
}

.u-mt33 {
  margin-top: 33px !important;
}
@media (max-width: 600px) {
  .u-mt33 {
    margin-top: 16.5px !important;
  }
}

.u-mb33 {
  margin-bottom: 33px !important;
}
@media (max-width: 600px) {
  .u-mb33 {
    margin-bottom: 16.5px !important;
  }
}

.u-pt34 {
  padding-top: 34px;
}
@media (max-width: 600px) {
  .u-pt34 {
    padding-top: 17px;
  }
}

.u-pb34 {
  padding-bottom: 34px;
}
@media (max-width: 600px) {
  .u-pb34 {
    padding-bottom: 17px;
  }
}

.u-mt34 {
  margin-top: 34px !important;
}
@media (max-width: 600px) {
  .u-mt34 {
    margin-top: 17px !important;
  }
}

.u-mb34 {
  margin-bottom: 34px !important;
}
@media (max-width: 600px) {
  .u-mb34 {
    margin-bottom: 17px !important;
  }
}

.u-pt35 {
  padding-top: 35px;
}
@media (max-width: 600px) {
  .u-pt35 {
    padding-top: 17.5px;
  }
}

.u-pb35 {
  padding-bottom: 35px;
}
@media (max-width: 600px) {
  .u-pb35 {
    padding-bottom: 17.5px;
  }
}

.u-mt35 {
  margin-top: 35px !important;
}
@media (max-width: 600px) {
  .u-mt35 {
    margin-top: 17.5px !important;
  }
}

.u-mb35 {
  margin-bottom: 35px !important;
}
@media (max-width: 600px) {
  .u-mb35 {
    margin-bottom: 17.5px !important;
  }
}

.u-pt36 {
  padding-top: 36px;
}
@media (max-width: 600px) {
  .u-pt36 {
    padding-top: 18px;
  }
}

.u-pb36 {
  padding-bottom: 36px;
}
@media (max-width: 600px) {
  .u-pb36 {
    padding-bottom: 18px;
  }
}

.u-mt36 {
  margin-top: 36px !important;
}
@media (max-width: 600px) {
  .u-mt36 {
    margin-top: 18px !important;
  }
}

.u-mb36 {
  margin-bottom: 36px !important;
}
@media (max-width: 600px) {
  .u-mb36 {
    margin-bottom: 18px !important;
  }
}

.u-pt37 {
  padding-top: 37px;
}
@media (max-width: 600px) {
  .u-pt37 {
    padding-top: 18.5px;
  }
}

.u-pb37 {
  padding-bottom: 37px;
}
@media (max-width: 600px) {
  .u-pb37 {
    padding-bottom: 18.5px;
  }
}

.u-mt37 {
  margin-top: 37px !important;
}
@media (max-width: 600px) {
  .u-mt37 {
    margin-top: 18.5px !important;
  }
}

.u-mb37 {
  margin-bottom: 37px !important;
}
@media (max-width: 600px) {
  .u-mb37 {
    margin-bottom: 18.5px !important;
  }
}

.u-pt38 {
  padding-top: 38px;
}
@media (max-width: 600px) {
  .u-pt38 {
    padding-top: 19px;
  }
}

.u-pb38 {
  padding-bottom: 38px;
}
@media (max-width: 600px) {
  .u-pb38 {
    padding-bottom: 19px;
  }
}

.u-mt38 {
  margin-top: 38px !important;
}
@media (max-width: 600px) {
  .u-mt38 {
    margin-top: 19px !important;
  }
}

.u-mb38 {
  margin-bottom: 38px !important;
}
@media (max-width: 600px) {
  .u-mb38 {
    margin-bottom: 19px !important;
  }
}

.u-pt39 {
  padding-top: 39px;
}
@media (max-width: 600px) {
  .u-pt39 {
    padding-top: 19.5px;
  }
}

.u-pb39 {
  padding-bottom: 39px;
}
@media (max-width: 600px) {
  .u-pb39 {
    padding-bottom: 19.5px;
  }
}

.u-mt39 {
  margin-top: 39px !important;
}
@media (max-width: 600px) {
  .u-mt39 {
    margin-top: 19.5px !important;
  }
}

.u-mb39 {
  margin-bottom: 39px !important;
}
@media (max-width: 600px) {
  .u-mb39 {
    margin-bottom: 19.5px !important;
  }
}

.u-pt40 {
  padding-top: 40px;
}
@media (max-width: 600px) {
  .u-pt40 {
    padding-top: 20px;
  }
}

.u-pb40 {
  padding-bottom: 40px;
}
@media (max-width: 600px) {
  .u-pb40 {
    padding-bottom: 20px;
  }
}

.u-mt40 {
  margin-top: 40px !important;
}
@media (max-width: 600px) {
  .u-mt40 {
    margin-top: 20px !important;
  }
}

.u-mb40 {
  margin-bottom: 40px !important;
}
@media (max-width: 600px) {
  .u-mb40 {
    margin-bottom: 20px !important;
  }
}

.u-pt41 {
  padding-top: 41px;
}
@media (max-width: 600px) {
  .u-pt41 {
    padding-top: 20.5px;
  }
}

.u-pb41 {
  padding-bottom: 41px;
}
@media (max-width: 600px) {
  .u-pb41 {
    padding-bottom: 20.5px;
  }
}

.u-mt41 {
  margin-top: 41px !important;
}
@media (max-width: 600px) {
  .u-mt41 {
    margin-top: 20.5px !important;
  }
}

.u-mb41 {
  margin-bottom: 41px !important;
}
@media (max-width: 600px) {
  .u-mb41 {
    margin-bottom: 20.5px !important;
  }
}

.u-pt42 {
  padding-top: 42px;
}
@media (max-width: 600px) {
  .u-pt42 {
    padding-top: 21px;
  }
}

.u-pb42 {
  padding-bottom: 42px;
}
@media (max-width: 600px) {
  .u-pb42 {
    padding-bottom: 21px;
  }
}

.u-mt42 {
  margin-top: 42px !important;
}
@media (max-width: 600px) {
  .u-mt42 {
    margin-top: 21px !important;
  }
}

.u-mb42 {
  margin-bottom: 42px !important;
}
@media (max-width: 600px) {
  .u-mb42 {
    margin-bottom: 21px !important;
  }
}

.u-pt43 {
  padding-top: 43px;
}
@media (max-width: 600px) {
  .u-pt43 {
    padding-top: 21.5px;
  }
}

.u-pb43 {
  padding-bottom: 43px;
}
@media (max-width: 600px) {
  .u-pb43 {
    padding-bottom: 21.5px;
  }
}

.u-mt43 {
  margin-top: 43px !important;
}
@media (max-width: 600px) {
  .u-mt43 {
    margin-top: 21.5px !important;
  }
}

.u-mb43 {
  margin-bottom: 43px !important;
}
@media (max-width: 600px) {
  .u-mb43 {
    margin-bottom: 21.5px !important;
  }
}

.u-pt44 {
  padding-top: 44px;
}
@media (max-width: 600px) {
  .u-pt44 {
    padding-top: 22px;
  }
}

.u-pb44 {
  padding-bottom: 44px;
}
@media (max-width: 600px) {
  .u-pb44 {
    padding-bottom: 22px;
  }
}

.u-mt44 {
  margin-top: 44px !important;
}
@media (max-width: 600px) {
  .u-mt44 {
    margin-top: 22px !important;
  }
}

.u-mb44 {
  margin-bottom: 44px !important;
}
@media (max-width: 600px) {
  .u-mb44 {
    margin-bottom: 22px !important;
  }
}

.u-pt45 {
  padding-top: 45px;
}
@media (max-width: 600px) {
  .u-pt45 {
    padding-top: 22.5px;
  }
}

.u-pb45 {
  padding-bottom: 45px;
}
@media (max-width: 600px) {
  .u-pb45 {
    padding-bottom: 22.5px;
  }
}

.u-mt45 {
  margin-top: 45px !important;
}
@media (max-width: 600px) {
  .u-mt45 {
    margin-top: 22.5px !important;
  }
}

.u-mb45 {
  margin-bottom: 45px !important;
}
@media (max-width: 600px) {
  .u-mb45 {
    margin-bottom: 22.5px !important;
  }
}

.u-pt46 {
  padding-top: 46px;
}
@media (max-width: 600px) {
  .u-pt46 {
    padding-top: 23px;
  }
}

.u-pb46 {
  padding-bottom: 46px;
}
@media (max-width: 600px) {
  .u-pb46 {
    padding-bottom: 23px;
  }
}

.u-mt46 {
  margin-top: 46px !important;
}
@media (max-width: 600px) {
  .u-mt46 {
    margin-top: 23px !important;
  }
}

.u-mb46 {
  margin-bottom: 46px !important;
}
@media (max-width: 600px) {
  .u-mb46 {
    margin-bottom: 23px !important;
  }
}

.u-pt47 {
  padding-top: 47px;
}
@media (max-width: 600px) {
  .u-pt47 {
    padding-top: 23.5px;
  }
}

.u-pb47 {
  padding-bottom: 47px;
}
@media (max-width: 600px) {
  .u-pb47 {
    padding-bottom: 23.5px;
  }
}

.u-mt47 {
  margin-top: 47px !important;
}
@media (max-width: 600px) {
  .u-mt47 {
    margin-top: 23.5px !important;
  }
}

.u-mb47 {
  margin-bottom: 47px !important;
}
@media (max-width: 600px) {
  .u-mb47 {
    margin-bottom: 23.5px !important;
  }
}

.u-pt48 {
  padding-top: 48px;
}
@media (max-width: 600px) {
  .u-pt48 {
    padding-top: 24px;
  }
}

.u-pb48 {
  padding-bottom: 48px;
}
@media (max-width: 600px) {
  .u-pb48 {
    padding-bottom: 24px;
  }
}

.u-mt48 {
  margin-top: 48px !important;
}
@media (max-width: 600px) {
  .u-mt48 {
    margin-top: 24px !important;
  }
}

.u-mb48 {
  margin-bottom: 48px !important;
}
@media (max-width: 600px) {
  .u-mb48 {
    margin-bottom: 24px !important;
  }
}

.u-pt49 {
  padding-top: 49px;
}
@media (max-width: 600px) {
  .u-pt49 {
    padding-top: 24.5px;
  }
}

.u-pb49 {
  padding-bottom: 49px;
}
@media (max-width: 600px) {
  .u-pb49 {
    padding-bottom: 24.5px;
  }
}

.u-mt49 {
  margin-top: 49px !important;
}
@media (max-width: 600px) {
  .u-mt49 {
    margin-top: 24.5px !important;
  }
}

.u-mb49 {
  margin-bottom: 49px !important;
}
@media (max-width: 600px) {
  .u-mb49 {
    margin-bottom: 24.5px !important;
  }
}

.u-pt50 {
  padding-top: 50px;
}
@media (max-width: 600px) {
  .u-pt50 {
    padding-top: 25px;
  }
}

.u-pb50 {
  padding-bottom: 50px;
}
@media (max-width: 600px) {
  .u-pb50 {
    padding-bottom: 25px;
  }
}

.u-mt50 {
  margin-top: 50px !important;
}
@media (max-width: 600px) {
  .u-mt50 {
    margin-top: 25px !important;
  }
}

.u-mb50 {
  margin-bottom: 50px !important;
}
@media (max-width: 600px) {
  .u-mb50 {
    margin-bottom: 25px !important;
  }
}

.u-pt51 {
  padding-top: 51px;
}
@media (max-width: 600px) {
  .u-pt51 {
    padding-top: 25.5px;
  }
}

.u-pb51 {
  padding-bottom: 51px;
}
@media (max-width: 600px) {
  .u-pb51 {
    padding-bottom: 25.5px;
  }
}

.u-mt51 {
  margin-top: 51px !important;
}
@media (max-width: 600px) {
  .u-mt51 {
    margin-top: 25.5px !important;
  }
}

.u-mb51 {
  margin-bottom: 51px !important;
}
@media (max-width: 600px) {
  .u-mb51 {
    margin-bottom: 25.5px !important;
  }
}

.u-pt52 {
  padding-top: 52px;
}
@media (max-width: 600px) {
  .u-pt52 {
    padding-top: 26px;
  }
}

.u-pb52 {
  padding-bottom: 52px;
}
@media (max-width: 600px) {
  .u-pb52 {
    padding-bottom: 26px;
  }
}

.u-mt52 {
  margin-top: 52px !important;
}
@media (max-width: 600px) {
  .u-mt52 {
    margin-top: 26px !important;
  }
}

.u-mb52 {
  margin-bottom: 52px !important;
}
@media (max-width: 600px) {
  .u-mb52 {
    margin-bottom: 26px !important;
  }
}

.u-pt53 {
  padding-top: 53px;
}
@media (max-width: 600px) {
  .u-pt53 {
    padding-top: 26.5px;
  }
}

.u-pb53 {
  padding-bottom: 53px;
}
@media (max-width: 600px) {
  .u-pb53 {
    padding-bottom: 26.5px;
  }
}

.u-mt53 {
  margin-top: 53px !important;
}
@media (max-width: 600px) {
  .u-mt53 {
    margin-top: 26.5px !important;
  }
}

.u-mb53 {
  margin-bottom: 53px !important;
}
@media (max-width: 600px) {
  .u-mb53 {
    margin-bottom: 26.5px !important;
  }
}

.u-pt54 {
  padding-top: 54px;
}
@media (max-width: 600px) {
  .u-pt54 {
    padding-top: 27px;
  }
}

.u-pb54 {
  padding-bottom: 54px;
}
@media (max-width: 600px) {
  .u-pb54 {
    padding-bottom: 27px;
  }
}

.u-mt54 {
  margin-top: 54px !important;
}
@media (max-width: 600px) {
  .u-mt54 {
    margin-top: 27px !important;
  }
}

.u-mb54 {
  margin-bottom: 54px !important;
}
@media (max-width: 600px) {
  .u-mb54 {
    margin-bottom: 27px !important;
  }
}

.u-pt55 {
  padding-top: 55px;
}
@media (max-width: 600px) {
  .u-pt55 {
    padding-top: 27.5px;
  }
}

.u-pb55 {
  padding-bottom: 55px;
}
@media (max-width: 600px) {
  .u-pb55 {
    padding-bottom: 27.5px;
  }
}

.u-mt55 {
  margin-top: 55px !important;
}
@media (max-width: 600px) {
  .u-mt55 {
    margin-top: 27.5px !important;
  }
}

.u-mb55 {
  margin-bottom: 55px !important;
}
@media (max-width: 600px) {
  .u-mb55 {
    margin-bottom: 27.5px !important;
  }
}

.u-pt56 {
  padding-top: 56px;
}
@media (max-width: 600px) {
  .u-pt56 {
    padding-top: 28px;
  }
}

.u-pb56 {
  padding-bottom: 56px;
}
@media (max-width: 600px) {
  .u-pb56 {
    padding-bottom: 28px;
  }
}

.u-mt56 {
  margin-top: 56px !important;
}
@media (max-width: 600px) {
  .u-mt56 {
    margin-top: 28px !important;
  }
}

.u-mb56 {
  margin-bottom: 56px !important;
}
@media (max-width: 600px) {
  .u-mb56 {
    margin-bottom: 28px !important;
  }
}

.u-pt57 {
  padding-top: 57px;
}
@media (max-width: 600px) {
  .u-pt57 {
    padding-top: 28.5px;
  }
}

.u-pb57 {
  padding-bottom: 57px;
}
@media (max-width: 600px) {
  .u-pb57 {
    padding-bottom: 28.5px;
  }
}

.u-mt57 {
  margin-top: 57px !important;
}
@media (max-width: 600px) {
  .u-mt57 {
    margin-top: 28.5px !important;
  }
}

.u-mb57 {
  margin-bottom: 57px !important;
}
@media (max-width: 600px) {
  .u-mb57 {
    margin-bottom: 28.5px !important;
  }
}

.u-pt58 {
  padding-top: 58px;
}
@media (max-width: 600px) {
  .u-pt58 {
    padding-top: 29px;
  }
}

.u-pb58 {
  padding-bottom: 58px;
}
@media (max-width: 600px) {
  .u-pb58 {
    padding-bottom: 29px;
  }
}

.u-mt58 {
  margin-top: 58px !important;
}
@media (max-width: 600px) {
  .u-mt58 {
    margin-top: 29px !important;
  }
}

.u-mb58 {
  margin-bottom: 58px !important;
}
@media (max-width: 600px) {
  .u-mb58 {
    margin-bottom: 29px !important;
  }
}

.u-pt59 {
  padding-top: 59px;
}
@media (max-width: 600px) {
  .u-pt59 {
    padding-top: 29.5px;
  }
}

.u-pb59 {
  padding-bottom: 59px;
}
@media (max-width: 600px) {
  .u-pb59 {
    padding-bottom: 29.5px;
  }
}

.u-mt59 {
  margin-top: 59px !important;
}
@media (max-width: 600px) {
  .u-mt59 {
    margin-top: 29.5px !important;
  }
}

.u-mb59 {
  margin-bottom: 59px !important;
}
@media (max-width: 600px) {
  .u-mb59 {
    margin-bottom: 29.5px !important;
  }
}

.u-pt60 {
  padding-top: 60px;
}
@media (max-width: 600px) {
  .u-pt60 {
    padding-top: 30px;
  }
}

.u-pb60 {
  padding-bottom: 60px;
}
@media (max-width: 600px) {
  .u-pb60 {
    padding-bottom: 30px;
  }
}

.u-mt60 {
  margin-top: 60px !important;
}
@media (max-width: 600px) {
  .u-mt60 {
    margin-top: 30px !important;
  }
}

.u-mb60 {
  margin-bottom: 60px !important;
}
@media (max-width: 600px) {
  .u-mb60 {
    margin-bottom: 30px !important;
  }
}

.u-pt61 {
  padding-top: 61px;
}
@media (max-width: 600px) {
  .u-pt61 {
    padding-top: 30.5px;
  }
}

.u-pb61 {
  padding-bottom: 61px;
}
@media (max-width: 600px) {
  .u-pb61 {
    padding-bottom: 30.5px;
  }
}

.u-mt61 {
  margin-top: 61px !important;
}
@media (max-width: 600px) {
  .u-mt61 {
    margin-top: 30.5px !important;
  }
}

.u-mb61 {
  margin-bottom: 61px !important;
}
@media (max-width: 600px) {
  .u-mb61 {
    margin-bottom: 30.5px !important;
  }
}

.u-pt62 {
  padding-top: 62px;
}
@media (max-width: 600px) {
  .u-pt62 {
    padding-top: 31px;
  }
}

.u-pb62 {
  padding-bottom: 62px;
}
@media (max-width: 600px) {
  .u-pb62 {
    padding-bottom: 31px;
  }
}

.u-mt62 {
  margin-top: 62px !important;
}
@media (max-width: 600px) {
  .u-mt62 {
    margin-top: 31px !important;
  }
}

.u-mb62 {
  margin-bottom: 62px !important;
}
@media (max-width: 600px) {
  .u-mb62 {
    margin-bottom: 31px !important;
  }
}

.u-pt63 {
  padding-top: 63px;
}
@media (max-width: 600px) {
  .u-pt63 {
    padding-top: 31.5px;
  }
}

.u-pb63 {
  padding-bottom: 63px;
}
@media (max-width: 600px) {
  .u-pb63 {
    padding-bottom: 31.5px;
  }
}

.u-mt63 {
  margin-top: 63px !important;
}
@media (max-width: 600px) {
  .u-mt63 {
    margin-top: 31.5px !important;
  }
}

.u-mb63 {
  margin-bottom: 63px !important;
}
@media (max-width: 600px) {
  .u-mb63 {
    margin-bottom: 31.5px !important;
  }
}

.u-pt64 {
  padding-top: 64px;
}
@media (max-width: 600px) {
  .u-pt64 {
    padding-top: 32px;
  }
}

.u-pb64 {
  padding-bottom: 64px;
}
@media (max-width: 600px) {
  .u-pb64 {
    padding-bottom: 32px;
  }
}

.u-mt64 {
  margin-top: 64px !important;
}
@media (max-width: 600px) {
  .u-mt64 {
    margin-top: 32px !important;
  }
}

.u-mb64 {
  margin-bottom: 64px !important;
}
@media (max-width: 600px) {
  .u-mb64 {
    margin-bottom: 32px !important;
  }
}

.u-pt65 {
  padding-top: 65px;
}
@media (max-width: 600px) {
  .u-pt65 {
    padding-top: 32.5px;
  }
}

.u-pb65 {
  padding-bottom: 65px;
}
@media (max-width: 600px) {
  .u-pb65 {
    padding-bottom: 32.5px;
  }
}

.u-mt65 {
  margin-top: 65px !important;
}
@media (max-width: 600px) {
  .u-mt65 {
    margin-top: 32.5px !important;
  }
}

.u-mb65 {
  margin-bottom: 65px !important;
}
@media (max-width: 600px) {
  .u-mb65 {
    margin-bottom: 32.5px !important;
  }
}

.u-pt66 {
  padding-top: 66px;
}
@media (max-width: 600px) {
  .u-pt66 {
    padding-top: 33px;
  }
}

.u-pb66 {
  padding-bottom: 66px;
}
@media (max-width: 600px) {
  .u-pb66 {
    padding-bottom: 33px;
  }
}

.u-mt66 {
  margin-top: 66px !important;
}
@media (max-width: 600px) {
  .u-mt66 {
    margin-top: 33px !important;
  }
}

.u-mb66 {
  margin-bottom: 66px !important;
}
@media (max-width: 600px) {
  .u-mb66 {
    margin-bottom: 33px !important;
  }
}

.u-pt67 {
  padding-top: 67px;
}
@media (max-width: 600px) {
  .u-pt67 {
    padding-top: 33.5px;
  }
}

.u-pb67 {
  padding-bottom: 67px;
}
@media (max-width: 600px) {
  .u-pb67 {
    padding-bottom: 33.5px;
  }
}

.u-mt67 {
  margin-top: 67px !important;
}
@media (max-width: 600px) {
  .u-mt67 {
    margin-top: 33.5px !important;
  }
}

.u-mb67 {
  margin-bottom: 67px !important;
}
@media (max-width: 600px) {
  .u-mb67 {
    margin-bottom: 33.5px !important;
  }
}

.u-pt68 {
  padding-top: 68px;
}
@media (max-width: 600px) {
  .u-pt68 {
    padding-top: 34px;
  }
}

.u-pb68 {
  padding-bottom: 68px;
}
@media (max-width: 600px) {
  .u-pb68 {
    padding-bottom: 34px;
  }
}

.u-mt68 {
  margin-top: 68px !important;
}
@media (max-width: 600px) {
  .u-mt68 {
    margin-top: 34px !important;
  }
}

.u-mb68 {
  margin-bottom: 68px !important;
}
@media (max-width: 600px) {
  .u-mb68 {
    margin-bottom: 34px !important;
  }
}

.u-pt69 {
  padding-top: 69px;
}
@media (max-width: 600px) {
  .u-pt69 {
    padding-top: 34.5px;
  }
}

.u-pb69 {
  padding-bottom: 69px;
}
@media (max-width: 600px) {
  .u-pb69 {
    padding-bottom: 34.5px;
  }
}

.u-mt69 {
  margin-top: 69px !important;
}
@media (max-width: 600px) {
  .u-mt69 {
    margin-top: 34.5px !important;
  }
}

.u-mb69 {
  margin-bottom: 69px !important;
}
@media (max-width: 600px) {
  .u-mb69 {
    margin-bottom: 34.5px !important;
  }
}

.u-pt70 {
  padding-top: 70px;
}
@media (max-width: 600px) {
  .u-pt70 {
    padding-top: 35px;
  }
}

.u-pb70 {
  padding-bottom: 70px;
}
@media (max-width: 600px) {
  .u-pb70 {
    padding-bottom: 35px;
  }
}

.u-mt70 {
  margin-top: 70px !important;
}
@media (max-width: 600px) {
  .u-mt70 {
    margin-top: 35px !important;
  }
}

.u-mb70 {
  margin-bottom: 70px !important;
}
@media (max-width: 600px) {
  .u-mb70 {
    margin-bottom: 35px !important;
  }
}

.u-pt71 {
  padding-top: 71px;
}
@media (max-width: 600px) {
  .u-pt71 {
    padding-top: 35.5px;
  }
}

.u-pb71 {
  padding-bottom: 71px;
}
@media (max-width: 600px) {
  .u-pb71 {
    padding-bottom: 35.5px;
  }
}

.u-mt71 {
  margin-top: 71px !important;
}
@media (max-width: 600px) {
  .u-mt71 {
    margin-top: 35.5px !important;
  }
}

.u-mb71 {
  margin-bottom: 71px !important;
}
@media (max-width: 600px) {
  .u-mb71 {
    margin-bottom: 35.5px !important;
  }
}

.u-pt72 {
  padding-top: 72px;
}
@media (max-width: 600px) {
  .u-pt72 {
    padding-top: 36px;
  }
}

.u-pb72 {
  padding-bottom: 72px;
}
@media (max-width: 600px) {
  .u-pb72 {
    padding-bottom: 36px;
  }
}

.u-mt72 {
  margin-top: 72px !important;
}
@media (max-width: 600px) {
  .u-mt72 {
    margin-top: 36px !important;
  }
}

.u-mb72 {
  margin-bottom: 72px !important;
}
@media (max-width: 600px) {
  .u-mb72 {
    margin-bottom: 36px !important;
  }
}

.u-pt73 {
  padding-top: 73px;
}
@media (max-width: 600px) {
  .u-pt73 {
    padding-top: 36.5px;
  }
}

.u-pb73 {
  padding-bottom: 73px;
}
@media (max-width: 600px) {
  .u-pb73 {
    padding-bottom: 36.5px;
  }
}

.u-mt73 {
  margin-top: 73px !important;
}
@media (max-width: 600px) {
  .u-mt73 {
    margin-top: 36.5px !important;
  }
}

.u-mb73 {
  margin-bottom: 73px !important;
}
@media (max-width: 600px) {
  .u-mb73 {
    margin-bottom: 36.5px !important;
  }
}

.u-pt74 {
  padding-top: 74px;
}
@media (max-width: 600px) {
  .u-pt74 {
    padding-top: 37px;
  }
}

.u-pb74 {
  padding-bottom: 74px;
}
@media (max-width: 600px) {
  .u-pb74 {
    padding-bottom: 37px;
  }
}

.u-mt74 {
  margin-top: 74px !important;
}
@media (max-width: 600px) {
  .u-mt74 {
    margin-top: 37px !important;
  }
}

.u-mb74 {
  margin-bottom: 74px !important;
}
@media (max-width: 600px) {
  .u-mb74 {
    margin-bottom: 37px !important;
  }
}

.u-pt75 {
  padding-top: 75px;
}
@media (max-width: 600px) {
  .u-pt75 {
    padding-top: 37.5px;
  }
}

.u-pb75 {
  padding-bottom: 75px;
}
@media (max-width: 600px) {
  .u-pb75 {
    padding-bottom: 37.5px;
  }
}

.u-mt75 {
  margin-top: 75px !important;
}
@media (max-width: 600px) {
  .u-mt75 {
    margin-top: 37.5px !important;
  }
}

.u-mb75 {
  margin-bottom: 75px !important;
}
@media (max-width: 600px) {
  .u-mb75 {
    margin-bottom: 37.5px !important;
  }
}

.u-pt76 {
  padding-top: 76px;
}
@media (max-width: 600px) {
  .u-pt76 {
    padding-top: 38px;
  }
}

.u-pb76 {
  padding-bottom: 76px;
}
@media (max-width: 600px) {
  .u-pb76 {
    padding-bottom: 38px;
  }
}

.u-mt76 {
  margin-top: 76px !important;
}
@media (max-width: 600px) {
  .u-mt76 {
    margin-top: 38px !important;
  }
}

.u-mb76 {
  margin-bottom: 76px !important;
}
@media (max-width: 600px) {
  .u-mb76 {
    margin-bottom: 38px !important;
  }
}

.u-pt77 {
  padding-top: 77px;
}
@media (max-width: 600px) {
  .u-pt77 {
    padding-top: 38.5px;
  }
}

.u-pb77 {
  padding-bottom: 77px;
}
@media (max-width: 600px) {
  .u-pb77 {
    padding-bottom: 38.5px;
  }
}

.u-mt77 {
  margin-top: 77px !important;
}
@media (max-width: 600px) {
  .u-mt77 {
    margin-top: 38.5px !important;
  }
}

.u-mb77 {
  margin-bottom: 77px !important;
}
@media (max-width: 600px) {
  .u-mb77 {
    margin-bottom: 38.5px !important;
  }
}

.u-pt78 {
  padding-top: 78px;
}
@media (max-width: 600px) {
  .u-pt78 {
    padding-top: 39px;
  }
}

.u-pb78 {
  padding-bottom: 78px;
}
@media (max-width: 600px) {
  .u-pb78 {
    padding-bottom: 39px;
  }
}

.u-mt78 {
  margin-top: 78px !important;
}
@media (max-width: 600px) {
  .u-mt78 {
    margin-top: 39px !important;
  }
}

.u-mb78 {
  margin-bottom: 78px !important;
}
@media (max-width: 600px) {
  .u-mb78 {
    margin-bottom: 39px !important;
  }
}

.u-pt79 {
  padding-top: 79px;
}
@media (max-width: 600px) {
  .u-pt79 {
    padding-top: 39.5px;
  }
}

.u-pb79 {
  padding-bottom: 79px;
}
@media (max-width: 600px) {
  .u-pb79 {
    padding-bottom: 39.5px;
  }
}

.u-mt79 {
  margin-top: 79px !important;
}
@media (max-width: 600px) {
  .u-mt79 {
    margin-top: 39.5px !important;
  }
}

.u-mb79 {
  margin-bottom: 79px !important;
}
@media (max-width: 600px) {
  .u-mb79 {
    margin-bottom: 39.5px !important;
  }
}

.u-pt80 {
  padding-top: 80px;
}
@media (max-width: 600px) {
  .u-pt80 {
    padding-top: 40px;
  }
}

.u-pb80 {
  padding-bottom: 80px;
}
@media (max-width: 600px) {
  .u-pb80 {
    padding-bottom: 40px;
  }
}

.u-mt80 {
  margin-top: 80px !important;
}
@media (max-width: 600px) {
  .u-mt80 {
    margin-top: 40px !important;
  }
}

.u-mb80 {
  margin-bottom: 80px !important;
}
@media (max-width: 600px) {
  .u-mb80 {
    margin-bottom: 40px !important;
  }
}

.u-pt81 {
  padding-top: 81px;
}
@media (max-width: 600px) {
  .u-pt81 {
    padding-top: 40.5px;
  }
}

.u-pb81 {
  padding-bottom: 81px;
}
@media (max-width: 600px) {
  .u-pb81 {
    padding-bottom: 40.5px;
  }
}

.u-mt81 {
  margin-top: 81px !important;
}
@media (max-width: 600px) {
  .u-mt81 {
    margin-top: 40.5px !important;
  }
}

.u-mb81 {
  margin-bottom: 81px !important;
}
@media (max-width: 600px) {
  .u-mb81 {
    margin-bottom: 40.5px !important;
  }
}

.u-pt82 {
  padding-top: 82px;
}
@media (max-width: 600px) {
  .u-pt82 {
    padding-top: 41px;
  }
}

.u-pb82 {
  padding-bottom: 82px;
}
@media (max-width: 600px) {
  .u-pb82 {
    padding-bottom: 41px;
  }
}

.u-mt82 {
  margin-top: 82px !important;
}
@media (max-width: 600px) {
  .u-mt82 {
    margin-top: 41px !important;
  }
}

.u-mb82 {
  margin-bottom: 82px !important;
}
@media (max-width: 600px) {
  .u-mb82 {
    margin-bottom: 41px !important;
  }
}

.u-pt83 {
  padding-top: 83px;
}
@media (max-width: 600px) {
  .u-pt83 {
    padding-top: 41.5px;
  }
}

.u-pb83 {
  padding-bottom: 83px;
}
@media (max-width: 600px) {
  .u-pb83 {
    padding-bottom: 41.5px;
  }
}

.u-mt83 {
  margin-top: 83px !important;
}
@media (max-width: 600px) {
  .u-mt83 {
    margin-top: 41.5px !important;
  }
}

.u-mb83 {
  margin-bottom: 83px !important;
}
@media (max-width: 600px) {
  .u-mb83 {
    margin-bottom: 41.5px !important;
  }
}

.u-pt84 {
  padding-top: 84px;
}
@media (max-width: 600px) {
  .u-pt84 {
    padding-top: 42px;
  }
}

.u-pb84 {
  padding-bottom: 84px;
}
@media (max-width: 600px) {
  .u-pb84 {
    padding-bottom: 42px;
  }
}

.u-mt84 {
  margin-top: 84px !important;
}
@media (max-width: 600px) {
  .u-mt84 {
    margin-top: 42px !important;
  }
}

.u-mb84 {
  margin-bottom: 84px !important;
}
@media (max-width: 600px) {
  .u-mb84 {
    margin-bottom: 42px !important;
  }
}

.u-pt85 {
  padding-top: 85px;
}
@media (max-width: 600px) {
  .u-pt85 {
    padding-top: 42.5px;
  }
}

.u-pb85 {
  padding-bottom: 85px;
}
@media (max-width: 600px) {
  .u-pb85 {
    padding-bottom: 42.5px;
  }
}

.u-mt85 {
  margin-top: 85px !important;
}
@media (max-width: 600px) {
  .u-mt85 {
    margin-top: 42.5px !important;
  }
}

.u-mb85 {
  margin-bottom: 85px !important;
}
@media (max-width: 600px) {
  .u-mb85 {
    margin-bottom: 42.5px !important;
  }
}

.u-pt86 {
  padding-top: 86px;
}
@media (max-width: 600px) {
  .u-pt86 {
    padding-top: 43px;
  }
}

.u-pb86 {
  padding-bottom: 86px;
}
@media (max-width: 600px) {
  .u-pb86 {
    padding-bottom: 43px;
  }
}

.u-mt86 {
  margin-top: 86px !important;
}
@media (max-width: 600px) {
  .u-mt86 {
    margin-top: 43px !important;
  }
}

.u-mb86 {
  margin-bottom: 86px !important;
}
@media (max-width: 600px) {
  .u-mb86 {
    margin-bottom: 43px !important;
  }
}

.u-pt87 {
  padding-top: 87px;
}
@media (max-width: 600px) {
  .u-pt87 {
    padding-top: 43.5px;
  }
}

.u-pb87 {
  padding-bottom: 87px;
}
@media (max-width: 600px) {
  .u-pb87 {
    padding-bottom: 43.5px;
  }
}

.u-mt87 {
  margin-top: 87px !important;
}
@media (max-width: 600px) {
  .u-mt87 {
    margin-top: 43.5px !important;
  }
}

.u-mb87 {
  margin-bottom: 87px !important;
}
@media (max-width: 600px) {
  .u-mb87 {
    margin-bottom: 43.5px !important;
  }
}

.u-pt88 {
  padding-top: 88px;
}
@media (max-width: 600px) {
  .u-pt88 {
    padding-top: 44px;
  }
}

.u-pb88 {
  padding-bottom: 88px;
}
@media (max-width: 600px) {
  .u-pb88 {
    padding-bottom: 44px;
  }
}

.u-mt88 {
  margin-top: 88px !important;
}
@media (max-width: 600px) {
  .u-mt88 {
    margin-top: 44px !important;
  }
}

.u-mb88 {
  margin-bottom: 88px !important;
}
@media (max-width: 600px) {
  .u-mb88 {
    margin-bottom: 44px !important;
  }
}

.u-pt89 {
  padding-top: 89px;
}
@media (max-width: 600px) {
  .u-pt89 {
    padding-top: 44.5px;
  }
}

.u-pb89 {
  padding-bottom: 89px;
}
@media (max-width: 600px) {
  .u-pb89 {
    padding-bottom: 44.5px;
  }
}

.u-mt89 {
  margin-top: 89px !important;
}
@media (max-width: 600px) {
  .u-mt89 {
    margin-top: 44.5px !important;
  }
}

.u-mb89 {
  margin-bottom: 89px !important;
}
@media (max-width: 600px) {
  .u-mb89 {
    margin-bottom: 44.5px !important;
  }
}

.u-pt90 {
  padding-top: 90px;
}
@media (max-width: 600px) {
  .u-pt90 {
    padding-top: 45px;
  }
}

.u-pb90 {
  padding-bottom: 90px;
}
@media (max-width: 600px) {
  .u-pb90 {
    padding-bottom: 45px;
  }
}

.u-mt90 {
  margin-top: 90px !important;
}
@media (max-width: 600px) {
  .u-mt90 {
    margin-top: 45px !important;
  }
}

.u-mb90 {
  margin-bottom: 90px !important;
}
@media (max-width: 600px) {
  .u-mb90 {
    margin-bottom: 45px !important;
  }
}

.u-pt91 {
  padding-top: 91px;
}
@media (max-width: 600px) {
  .u-pt91 {
    padding-top: 45.5px;
  }
}

.u-pb91 {
  padding-bottom: 91px;
}
@media (max-width: 600px) {
  .u-pb91 {
    padding-bottom: 45.5px;
  }
}

.u-mt91 {
  margin-top: 91px !important;
}
@media (max-width: 600px) {
  .u-mt91 {
    margin-top: 45.5px !important;
  }
}

.u-mb91 {
  margin-bottom: 91px !important;
}
@media (max-width: 600px) {
  .u-mb91 {
    margin-bottom: 45.5px !important;
  }
}

.u-pt92 {
  padding-top: 92px;
}
@media (max-width: 600px) {
  .u-pt92 {
    padding-top: 46px;
  }
}

.u-pb92 {
  padding-bottom: 92px;
}
@media (max-width: 600px) {
  .u-pb92 {
    padding-bottom: 46px;
  }
}

.u-mt92 {
  margin-top: 92px !important;
}
@media (max-width: 600px) {
  .u-mt92 {
    margin-top: 46px !important;
  }
}

.u-mb92 {
  margin-bottom: 92px !important;
}
@media (max-width: 600px) {
  .u-mb92 {
    margin-bottom: 46px !important;
  }
}

.u-pt93 {
  padding-top: 93px;
}
@media (max-width: 600px) {
  .u-pt93 {
    padding-top: 46.5px;
  }
}

.u-pb93 {
  padding-bottom: 93px;
}
@media (max-width: 600px) {
  .u-pb93 {
    padding-bottom: 46.5px;
  }
}

.u-mt93 {
  margin-top: 93px !important;
}
@media (max-width: 600px) {
  .u-mt93 {
    margin-top: 46.5px !important;
  }
}

.u-mb93 {
  margin-bottom: 93px !important;
}
@media (max-width: 600px) {
  .u-mb93 {
    margin-bottom: 46.5px !important;
  }
}

.u-pt94 {
  padding-top: 94px;
}
@media (max-width: 600px) {
  .u-pt94 {
    padding-top: 47px;
  }
}

.u-pb94 {
  padding-bottom: 94px;
}
@media (max-width: 600px) {
  .u-pb94 {
    padding-bottom: 47px;
  }
}

.u-mt94 {
  margin-top: 94px !important;
}
@media (max-width: 600px) {
  .u-mt94 {
    margin-top: 47px !important;
  }
}

.u-mb94 {
  margin-bottom: 94px !important;
}
@media (max-width: 600px) {
  .u-mb94 {
    margin-bottom: 47px !important;
  }
}

.u-pt95 {
  padding-top: 95px;
}
@media (max-width: 600px) {
  .u-pt95 {
    padding-top: 47.5px;
  }
}

.u-pb95 {
  padding-bottom: 95px;
}
@media (max-width: 600px) {
  .u-pb95 {
    padding-bottom: 47.5px;
  }
}

.u-mt95 {
  margin-top: 95px !important;
}
@media (max-width: 600px) {
  .u-mt95 {
    margin-top: 47.5px !important;
  }
}

.u-mb95 {
  margin-bottom: 95px !important;
}
@media (max-width: 600px) {
  .u-mb95 {
    margin-bottom: 47.5px !important;
  }
}

.u-pt96 {
  padding-top: 96px;
}
@media (max-width: 600px) {
  .u-pt96 {
    padding-top: 48px;
  }
}

.u-pb96 {
  padding-bottom: 96px;
}
@media (max-width: 600px) {
  .u-pb96 {
    padding-bottom: 48px;
  }
}

.u-mt96 {
  margin-top: 96px !important;
}
@media (max-width: 600px) {
  .u-mt96 {
    margin-top: 48px !important;
  }
}

.u-mb96 {
  margin-bottom: 96px !important;
}
@media (max-width: 600px) {
  .u-mb96 {
    margin-bottom: 48px !important;
  }
}

.u-pt97 {
  padding-top: 97px;
}
@media (max-width: 600px) {
  .u-pt97 {
    padding-top: 48.5px;
  }
}

.u-pb97 {
  padding-bottom: 97px;
}
@media (max-width: 600px) {
  .u-pb97 {
    padding-bottom: 48.5px;
  }
}

.u-mt97 {
  margin-top: 97px !important;
}
@media (max-width: 600px) {
  .u-mt97 {
    margin-top: 48.5px !important;
  }
}

.u-mb97 {
  margin-bottom: 97px !important;
}
@media (max-width: 600px) {
  .u-mb97 {
    margin-bottom: 48.5px !important;
  }
}

.u-pt98 {
  padding-top: 98px;
}
@media (max-width: 600px) {
  .u-pt98 {
    padding-top: 49px;
  }
}

.u-pb98 {
  padding-bottom: 98px;
}
@media (max-width: 600px) {
  .u-pb98 {
    padding-bottom: 49px;
  }
}

.u-mt98 {
  margin-top: 98px !important;
}
@media (max-width: 600px) {
  .u-mt98 {
    margin-top: 49px !important;
  }
}

.u-mb98 {
  margin-bottom: 98px !important;
}
@media (max-width: 600px) {
  .u-mb98 {
    margin-bottom: 49px !important;
  }
}

.u-pt99 {
  padding-top: 99px;
}
@media (max-width: 600px) {
  .u-pt99 {
    padding-top: 49.5px;
  }
}

.u-pb99 {
  padding-bottom: 99px;
}
@media (max-width: 600px) {
  .u-pb99 {
    padding-bottom: 49.5px;
  }
}

.u-mt99 {
  margin-top: 99px !important;
}
@media (max-width: 600px) {
  .u-mt99 {
    margin-top: 49.5px !important;
  }
}

.u-mb99 {
  margin-bottom: 99px !important;
}
@media (max-width: 600px) {
  .u-mb99 {
    margin-bottom: 49.5px !important;
  }
}

.u-pt100 {
  padding-top: 100px;
}
@media (max-width: 600px) {
  .u-pt100 {
    padding-top: 50px;
  }
}

.u-pb100 {
  padding-bottom: 100px;
}
@media (max-width: 600px) {
  .u-pb100 {
    padding-bottom: 50px;
  }
}

.u-mt100 {
  margin-top: 100px !important;
}
@media (max-width: 600px) {
  .u-mt100 {
    margin-top: 50px !important;
  }
}

.u-mb100 {
  margin-bottom: 100px !important;
}
@media (max-width: 600px) {
  .u-mb100 {
    margin-bottom: 50px !important;
  }
}

/* ================================
   layout
================================ */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  /* =========================
     local responsive vars
  ========================= */
  --header-h: 120px;
  --header-logo-h: 65px;
  --header-pad-l: 40px;
  --header-cta-w: 120px;
  --header-nav-gap: 30px;
  --header-nav-fs: 14px;
  --header-burger-size: 44px;
}
.site-header__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  min-height: var(--header-h);
  padding-left: var(--header-pad-l);
}
.site-header {
  /* =========================
     brand
  ========================= */
}
.site-header__brand {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-width: clamp(220px, 20vw, 280px);
  min-height: 0;
  flex-shrink: 0;
  color: var(--text);
  text-decoration: none;
}
.site-header__logo {
  display: block;
  width: auto;
  height: var(--header-logo-h);
}
.site-header__brand-text {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.site-header {
  /* =========================
     pc nav
  ========================= */
}
.site-header__nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: clamp(16px, 2vw, 50px);
}
.site-header__list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: var(--header-nav-gap);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__list a {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: var(--text);
  text-decoration: none;
  font-weight: 700;
  font-size: var(--header-nav-fs);
  line-height: 1.2;
  letter-spacing: 0.02em;
  white-space: nowrap;
  padding: 6px 0;
}
.site-header__list a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: currentColor;
  opacity: 0.85;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}
.site-header__list a:hover::after, .site-header__list a:focus-visible::after {
  transform: scaleX(1);
}
.site-header {
  /* =========================
     cta
  ========================= */
}
.site-header__cta {
  width: var(--header-cta-w);
  min-width: var(--header-cta-w);
  height: var(--header-h);
  display: grid;
  place-items: center;
  background: var(--main);
  color: #fff;
  text-decoration: none;
  transition: filter 0.25s ease;
}
.site-header__cta:hover, .site-header__cta:focus-visible {
  filter: brightness(1.08);
}
.site-header__cta-text {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-align: center;
}
.site-header {
  /* =========================
     burger
  ========================= */
}
.site-header__burger {
  display: none;
  align-self: center;
  width: var(--header-burger-size);
  height: var(--header-burger-size);
  margin-right: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.site-header__burger span {
  display: block;
  width: 28px;
  height: 2px;
  margin: 6px auto;
  background: var(--text);
  transform-origin: center;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.site-header {
  /* =========================
     drawer
  ========================= */
}
.site-header__drawer {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.site-header__drawer-sns {
  display: none;
}
@media (max-width: 600px) {
  .site-header__drawer-sns {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: auto;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.site-header__drawer-snsIcon {
  display: grid;
  place-items: center;
  width: 80px;
  height: 80px;
  flex: 0 0 90px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
  line-height: 0;
  transition: background 0.3s ease, transform 0.3s ease;
}
.site-header__drawer-snsIcon img {
  display: block;
  width: 50px;
  height: 50px;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-header__drawer-nav {
  position: absolute;
  top: 0;
  right: 0;
  width: min(86vw, 380px);
  height: 100dvh;
  overflow-y: auto;
  background: #fff;
  box-sizing: border-box;
  padding: 0 18px 28px;
  display: grid;
  grid-template-rows: calc(env(safe-area-inset-top, 0px) + var(--header-h)) 1fr;
  transform: translateX(100%);
  transition: transform 0.25s ease;
}
.site-header__drawer-close {
  position: static;
  justify-self: end;
  align-self: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  color: var(--text);
  font-size: 28px;
  line-height: 1;
  text-decoration: none;
  z-index: 2;
  margin-top: -30px;
  font-weight: 800;
}
.site-header__drawer-list {
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
  align-self: start;
}
.site-header__drawer-list a {
  display: block;
  padding: 18px 8px;
  color: var(--text);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.site-header__drawer-list .is-cta {
  margin-top: 14px;
  background: var(--main);
  color: #fff;
  border-bottom: 0;
  border-radius: 10px;
  text-align: center;
}
.site-header {
  /* =========================
     open state
  ========================= */
}
.site-header.is-open .site-header__drawer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.site-header.is-open .site-header__drawer-nav {
  transform: translateX(0);
}
.site-header.is-open .site-header__burger span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.site-header.is-open .site-header__burger span:nth-child(2) {
  opacity: 0;
}
.site-header.is-open .site-header__burger span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
.site-header {
  /* =========================
     1366以下
  ========================= */
}
@media (max-width: 1366px) {
  .site-header {
    --header-h: 110px;
    --header-logo-h: 68px;
    --header-pad-l: 28px;
    --header-cta-w: 108px;
    --header-nav-gap: 22px;
    --header-nav-fs: 13px;
  }
  .site-header__nav {
    padding-right: 28px;
  }
  .site-header__cta-text {
    font-size: 13px;
    letter-spacing: 0.16em;
  }
}
.site-header {
  /* =========================
     1240以下
     ノートPCの中間帯保険
  ========================= */
}
@media (max-width: 1240px) {
  .site-header {
    --header-h: 102px;
    --header-logo-h: 62px;
    --header-pad-l: 22px;
    --header-cta-w: 96px;
    --header-nav-gap: 16px;
    --header-nav-fs: 12px;
  }
  .site-header__brand {
    min-width: 200px;
  }
  .site-header__nav {
    padding-right: 18px;
  }
}
.site-header {
  /* =========================
     1120以下
     かなり詰まりやすい帯
  ========================= */
}
@media (max-width: 1120px) {
  .site-header {
    --header-h: 96px;
    --header-logo-h: 56px;
    --header-pad-l: 18px;
    --header-cta-w: 86px;
    --header-nav-gap: 12px;
    --header-nav-fs: 11px;
  }
  .site-header__brand {
    min-width: 180px;
  }
  .site-header__nav {
    padding-right: 10px;
  }
  .site-header__cta-text {
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
}
.site-header {
  /* =========================
     980以下
     TB前でも安全側でバーガー化
  ========================= */
}
@media (max-width: 980px) {
  .site-header {
    --header-h: 92px;
    --header-logo-h: 54px;
    --header-pad-l: 18px;
  }
  .site-header__inner {
    grid-template-columns: 1fr auto;
    padding-right: 0;
  }
  .site-header__nav, .site-header__cta {
    display: none;
  }
  .site-header__burger {
    display: inline-block;
  }
  .site-header__brand {
    min-width: 0;
  }
  .site-header__brand-text {
    display: none;
  }
}
.site-header {
  /* =========================
     834以下
  ========================= */
}
@media (max-width: 834px) {
  .site-header {
    --header-h: 88px;
    --header-logo-h: 48px;
    --header-pad-l: 16px;
  }
  .site-header__burger {
    margin-right: 16px;
  }
  .site-header__drawer-nav {
    width: min(88vw, 360px);
    padding: 16px 16px 24px;
  }
}
.site-header {
  /* =========================
     600以下
  ========================= */
}
@media (max-width: 600px) {
  .site-header {
    --header-h: 80px;
    --header-logo-h: 38px;
    --header-pad-l: 14px;
    --header-burger-size: 40px;
  }
  .site-header__inner {
    gap: 0 10px;
  }
  .site-header__burger {
    margin-right: 14px;
  }
  .site-header__burger span {
    width: 24px;
    margin: 5px auto;
  }
  .site-header__drawer-nav {
    width: min(100vw, 340px);
    padding: 14px 14px 22px;
  }
  .site-header__drawer-list {
    margin-top: 4px;
  }
  .site-header__drawer-list a {
    padding: 13px 6px;
    font-size: 14px;
  }
}
.site-header {
  /* =========================
     480以下
     超小型SP保険
  ========================= */
}
@media (max-width: 480px) {
  .site-header {
    --header-h: 72px;
    --header-logo-h: 34px;
    --header-pad-l: 12px;
    --header-burger-size: 38px;
  }
  .site-header__burger {
    margin-right: 12px;
  }
  .site-header__drawer-nav {
    width: 100vw;
    padding: 12px 12px 20px;
  }
  .site-header__drawer-close {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}

/* ============ FOOTER ============ */
.footer {
  position: relative;
  overflow: hidden;
  background: var(--main);
  color: #fff;
  padding: 150px 0 0;
}
.footer::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 53px;
  background: #fff;
  z-index: 0;
  pointer-events: none;
}
.footer__inner {
  width: min(1250px, 92vw);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.footer__main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 56px;
  padding-bottom: 150px;
}
.footer__left {
  display: flex;
  align-items: flex-start;
  gap: 50px;
  min-width: 0;
  flex: 1 1 auto;
}
.footer__catch {
  margin: 0;
  writing-mode: vertical-rl;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.08em;
  color: #fff;
  flex-shrink: 0;
}
.footer__brand {
  display: flex;
  flex-direction: column;
  gap: 50px;
  min-width: 0;
  padding-top: 10px;
}
.footer__logo {
  display: inline-block;
  width: 300px;
  line-height: 0;
}
.footer__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.footer__info {
  display: grid;
  gap: 10px;
  padding-left: 20px;
  min-width: 0;
}
.footer__address {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.04em;
  color: #000;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.footer__address-sub {
  display: inline-block;
  padding-left: 10px;
}
.footer__right {
  width: min(420px, 100%);
  flex: 0 0 500px;
  min-width: 0;
  padding-top: 8px;
}
.footer__nav {
  width: 100%;
}
.footer__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.footer__nav-item {
  margin: 0;
  padding: 0;
  min-width: 0;
}
.footer__nav-link {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 50px;
       column-gap: 50px;
  text-decoration: none;
  color: #000;
  padding-bottom: 7px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.28);
  transition: opacity 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.footer__nav-link:hover {
  transform: translateX(6px);
  border-color: rgba(255, 255, 255, 0.9);
}
.footer__nav-en {
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
}
.footer__nav-en--img {
  position: relative;
  display: block;
  width: 100%;
  height: 15px;
  max-width: 100%;
  flex-shrink: 0;
  overflow: hidden;
}
.footer__nav-enimg {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.footer__nav-enimg--default {
  z-index: 1;
  opacity: 1;
}
.footer__nav-enimg--hover {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}
.footer__nav-link:hover .footer__nav-enimg--default {
  opacity: 0;
}
.footer__nav-link:hover .footer__nav-enimg--hover {
  opacity: 1;
}
.footer__nav-ja {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
  color: #000;
  transition: color 0.35s ease;
  min-width: 0;
}
.footer__nav-link:hover .footer__nav-ja {
  color: #fff;
}
.footer__policy {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.footer__policy a {
  color: #000;
  text-decoration: none;
  transition: opacity 0.25s ease;
  font-size: 14px;
}
.footer__policy a:hover {
  opacity: 0.7;
}
.footer__policy span {
  opacity: 0.7;
  color: #000;
}
.footer__marquee {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  padding: 0 0 12px;
  pointer-events: none;
}
.footer__marquee-track {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  animation: footerMarquee 26s linear infinite;
  gap: 100px;
  padding-right: 100px;
}
.footer__marquee-img {
  display: block;
  width: auto;
  height: clamp(46px, 5.2vw, 82px);
  flex: 0 0 auto;
}
@keyframes footerMarquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.footer {
  /* =========================
     1920px以下
  ========================= */
}
@media (max-width: 1920px) {
  .footer__main {
    gap: 52px;
  }
  .footer__left {
    gap: 44px;
  }
  .footer__right {
    flex: 0 0 500px;
  }
}
.footer {
  /* =========================
     1536px以下
  ========================= */
}
@media (max-width: 1536px) {
  .footer {
    padding-top: 126px;
  }
  .footer::after {
    height: 50px;
  }
  .footer__inner {
    width: min(1250px, 93vw);
  }
  .footer__main {
    gap: 48px;
    padding-bottom: 110px;
  }
  .footer__left {
    gap: 40px;
  }
  .footer__catch {
    font-size: 46px;
  }
  .footer__brand {
    gap: 42px;
  }
  .footer__logo {
    width: 270px;
  }
  .footer__right {
    flex: 0 0 450px;
    width: min(400px, 100%);
  }
  .footer__nav-link {
    grid-template-columns: 145px minmax(0, 1fr);
    -moz-column-gap: 34px;
         column-gap: 34px;
  }
  .footer__nav-ja {
    font-size: 15px;
  }
  .footer__policy a {
    font-size: 13px;
  }
}
.footer {
  /* =========================
     1366px以下
  ========================= */
}
@media (max-width: 1366px) {
  .footer {
    padding-top: 108px;
  }
  .footer::after {
    height: 48px;
  }
  .footer__inner {
    width: min(1000px, 94vw);
  }
  .footer__main {
    gap: 42px;
    padding-bottom: 88px;
  }
  .footer__left {
    gap: 34px;
  }
  .footer__catch {
    font-size: 42px;
  }
  .footer__brand {
    gap: 36px;
  }
  .footer__logo {
    width: 250px;
  }
  .footer__info {
    padding-left: 12px;
  }
  .footer__address {
    font-size: 13px;
    line-height: 1.9;
  }
  .footer__right {
    flex: 0 0 400px;
    width: min(360px, 100%);
  }
  .footer__nav-list {
    gap: 9px;
  }
  .footer__nav-link {
    grid-template-columns: 132px minmax(0, 1fr);
    -moz-column-gap: 24px;
         column-gap: 24px;
    padding-bottom: 8px;
  }
  .footer__nav-en--img {
    height: 14px;
  }
  .footer__nav-ja {
    font-size: 14px;
  }
  .footer__marquee-track {
    gap: 90px;
    animation: footerMarquee 15s linear infinite;
  }
  .footer__marquee-img {
    height: clamp(44px, 4.8vw, 74px);
  }
}
.footer {
  /* =========================
     1210px以下
  ========================= */
}
@media (max-width: 1210px) {
  .footer {
    padding-top: 96px;
  }
  .footer__main {
    gap: 36px;
    padding-bottom: 72px;
  }
  .footer__left {
    gap: 28px;
  }
  .footer__catch {
    font-size: 38px;
  }
  .footer__brand {
    gap: 30px;
  }
  .footer__logo {
    width: 228px;
  }
  .footer__info {
    padding-left: 6px;
  }
  .footer__address {
    font-size: 12px;
    line-height: 1.85;
  }
  .footer__right {
    flex: 0 0 360px;
    width: min(330px, 100%);
  }
  .footer__nav-link {
    grid-template-columns: 118px minmax(0, 1fr);
    -moz-column-gap: 18px;
         column-gap: 18px;
  }
  .footer__nav-en--img {
    height: 13px;
  }
  .footer__nav-ja {
    font-size: 13px;
  }
  .footer__policy {
    margin-top: 22px;
  }
  .footer__policy a {
    font-size: 12px;
  }
  .footer__marquee-track {
    gap: 80px;
  }
}
.footer {
  /* =========================
     1080px以下
  ========================= */
}
@media (max-width: 1080px) {
  .footer {
    padding-top: 84px;
  }
  .footer::after {
    height: 46px;
  }
  .footer__inner {
    width: min(800px, 94vw);
  }
  .footer__main {
    gap: 32px;
    padding-bottom: 60px;
  }
  .footer__left {
    gap: 24px;
  }
  .footer__catch {
    font-size: 34px;
  }
  .footer__brand {
    gap: 26px;
  }
  .footer__logo {
    width: 210px;
  }
  .footer__address {
    font-size: 12px;
    line-height: 1.85;
  }
  .footer__right {
    flex: 0 0 320px;
    width: min(300px, 100%);
  }
  .footer__nav-list {
    gap: 9px;
  }
  .footer__nav-link {
    grid-template-columns: 108px minmax(0, 1fr);
    -moz-column-gap: 16px;
         column-gap: 16px;
    padding-bottom: 8px;
  }
  .footer__nav-en--img {
    height: 12px;
  }
  .footer__nav-ja {
    font-size: 12px;
  }
  .footer__policy {
    margin-top: 20px;
    gap: 4px 8px;
  }
  .footer__policy a {
    font-size: 12px;
  }
  .footer__marquee-track {
    gap: 70px;
  }
  .footer__marquee-img {
    height: clamp(40px, 4.8vw, 66px);
  }
}
.footer {
  /* =========================
     834px以下
  ========================= */
}
@media (max-width: 833px) {
  .footer {
    padding-top: 72px;
  }
  .footer::after {
    height: 40px;
  }
  .footer__inner {
    width: min(92vw, 900px);
  }
  .footer__main {
    flex-direction: column;
    gap: 48px;
    padding-bottom: 52px;
  }
  .footer__left {
    width: 100%;
    gap: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer__catch {
    font-size: 38px;
  }
  .footer__brand {
    gap: 28px;
    padding-top: 0;
    align-items: center;
  }
  .footer__logo {
    width: 220px;
  }
  .footer__info {
    gap: 8px;
    padding-left: 0;
    justify-items: center;
  }
  .footer__address {
    font-size: 13px;
    line-height: 1.85;
    text-align: center;
  }
  .footer__address-sub {
    padding-left: 6px;
  }
  .footer__right {
    width: 100%;
    flex: none;
    padding-top: 0;
  }
  .footer__nav-list {
    gap: 10px;
  }
  .footer__nav-link {
    grid-template-columns: 120px minmax(0, 1fr);
    -moz-column-gap: 18px;
         column-gap: 18px;
    padding-bottom: 10px;
  }
  .footer__nav-en--img {
    height: 14px;
  }
  .footer__nav-ja {
    font-size: 14px;
  }
  .footer__policy {
    margin-top: 22px;
    gap: 5px;
    line-height: 1.75;
    justify-content: center;
  }
  .footer__policy a {
    font-size: 13px;
  }
  .footer__marquee {
    padding-bottom: 10px;
  }
  .footer__marquee-track {
    gap: 72px;
  }
  .footer__marquee-img {
    height: clamp(40px, 7vw, 62px);
  }
}
.footer {
  /* =========================
     600px以下
  ========================= */
}
@media (max-width: 600px) {
  .footer {
    padding-top: 56px;
  }
  .footer::after {
    height: 28px;
  }
  .footer__inner {
    width: min(92vw, 560px);
  }
  .footer__main {
    gap: 34px;
    padding-bottom: 36px;
  }
  .footer__left {
    flex-direction: column;
    gap: 22px;
    align-items: center;
  }
  .footer__catch {
    writing-mode: horizontal-tb;
    font-size: 28px;
    line-height: 1.35;
    letter-spacing: 0.05em;
    text-align: center;
  }
  .footer__brand {
    gap: 22px;
    padding-top: 0;
    align-items: center;
    width: 100%;
  }
  .footer__logo {
    width: 180px;
  }
  .footer__info {
    gap: 6px;
    width: 100%;
  }
  .footer__address {
    font-size: 11px;
    line-height: 1.85;
    letter-spacing: 0.03em;
    text-align: center;
  }
  .footer__address-sub {
    padding-left: 0;
  }
  .footer__nav-list {
    gap: 9px;
  }
  .footer__nav-link {
    grid-template-columns: 1fr;
    row-gap: 4px;
    -moz-column-gap: 0;
         column-gap: 0;
    padding-bottom: 8px;
    justify-items: center;
    text-align: center;
  }
  .footer__nav-link:hover {
    transform: none;
  }
  .footer__nav-en--img {
    width: min(180px, 60vw);
    height: 13px;
  }
  .footer .footer__nav-enimg {
    -o-object-position: center center;
       object-position: center center;
  }
  .footer__nav-ja {
    font-size: 11px;
    line-height: 1.55;
  }
  .footer__policy {
    margin-top: 18px;
    gap: 4px;
    line-height: 1.7;
    justify-content: center;
  }
  .footer__policy a {
    font-size: 11px;
  }
  .footer__policy span {
    font-size: 10px;
  }
  .footer__marquee {
    padding-bottom: 6px;
  }
  .footer__marquee-track {
    gap: 52px;
    animation-duration: 7s;
  }
  .footer__marquee-img {
    height: 34px;
  }
}
.footer {
  /* =========================
     440px以下
  ========================= */
}
@media (max-width: 440px) {
  .footer {
    padding-top: 48px;
  }
  .footer__main {
    gap: 28px;
    padding-bottom: 30px;
  }
  .footer__catch {
    font-size: 24px;
  }
  .footer__logo {
    width: 160px;
  }
  .footer__address {
    font-size: 10px;
    line-height: 1.8;
  }
  .footer__nav-en--img {
    width: min(160px, 64vw);
    height: 12px;
  }
  .footer__nav-ja {
    font-size: 10px;
  }
  .footer__policy a {
    font-size: 10px;
  }
  .footer__policy span {
    font-size: 9px;
  }
  .footer__marquee-track {
    gap: 42px;
  }
  .footer__marquee-img {
    height: 30px;
  }
}
.footer {
  /* =========================
     390px以下
  ========================= */
}
@media (max-width: 390px) {
  .footer::after {
    height: 22px;
  }
  .footer__inner {
    width: 94vw;
  }
  .footer__catch {
    font-size: 22px;
  }
  .footer__logo {
    width: 148px;
  }
  .footer__address {
    font-size: 10px;
    line-height: 1.75;
  }
  .footer__nav-en--img {
    width: min(148px, 66vw);
    height: 11px;
  }
  .footer__nav-ja {
    font-size: 10px;
  }
  .footer__policy {
    margin-top: 16px;
    gap: 2px 5px;
  }
  .footer__marquee-img {
    height: 28px;
  }
}

/* ================================
   project
================================ */
.mv {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #e5f5ff;
  overflow: hidden;
}
@supports (height: 100svh) {
  .mv {
    min-height: 100svh;
  }
}
@supports (height: 100dvh) {
  .mv {
    min-height: 100dvh;
  }
}
.mv::before, .mv::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #e5f5ff;
  z-index: 3;
  pointer-events: none;
}
.mv::before {
  top: 0;
}
.mv::after {
  bottom: 0;
}
.mv__video--pc {
  display: block;
}
.mv__video--sp {
  display: none;
}
.mv__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mv__mark {
  width: min(520px, 70vw);
  height: auto;
  display: block;
  margin: 0 auto 18px;
}
.mv__name {
  margin: 0;
  color: #111;
  font-weight: 700;
  letter-spacing: 0.14em;
  font-size: clamp(18px, 2.2vw, 28px);
}
.mv__scroll, .mv__sns {
  position: absolute;
  transform: translateY(-50%);
  z-index: 3;
  color: #111;
}
.mv__scroll {
  left: 28px;
  top: 63%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.mv__scrollTextImg, .mv__snsLabelImg {
  display: block;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.mv__scrollTextImg {
  height: 125px;
}
.mv__scrollArrow {
  position: relative;
  width: 10px;
  height: 15px;
  opacity: 0.9;
  animation: mvScrollArrowDrop 2s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
.mv__scrollArrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  background: currentColor;
  transform: translateX(-50%);
}
.mv__scrollArrow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-right: 2.5px solid currentColor;
  border-bottom: 2.5px solid currentColor;
  transform: translateX(-50%) rotate(45deg);
}
.mv__sns {
  right: 16px;
  top: 62%;
  display: grid;
  gap: 12px;
  justify-items: center;
}
.mv__snsLabelImg {
  height: 110px;
  margin-bottom: 6px;
}
.mv__snsIcon {
  transition: transform 0.2s ease;
}
.mv__snsIcon img {
  display: block;
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.mv__snsIcon:hover {
  transform: scale(1.5);
}
.mv__tap {
  position: absolute;
  inset: auto 16px 16px auto;
  z-index: 4;
  display: none;
  width: 64px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.08em;
  cursor: pointer;
}
.mv.is-need-tap .mv__tap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1080px) {
  .mv__video--pc {
    display: none;
  }
  .mv__video--sp {
    display: block;
  }
}
@media (max-width: 600px) {
  .mv__video--sp {
    margin-top: -50px;
  }
}
@media (max-width: 833px) {
  .mv__content {
    padding-top: 64px;
  }
  .mv__snsLabel {
    display: none;
  }
  .mv__sns {
    gap: 10px;
  }
}
@media (max-width: 600px) {
  .mv {
    min-height: 520px;
  }
  .mv__mark {
    width: min(420px, 78vw);
  }
  .mv__scroll {
    top: auto;
    bottom: 80px;
    left: 10px;
    transform: none;
    gap: 10px;
    font-size: 11px;
  }
  .mv__scrollArrow {
    width: 9px;
    height: 13px;
  }
  .mv__scrollArrow::after {
    width: 7px;
    height: 7px;
    border-right-width: 2px;
    border-bottom-width: 2px;
  }
  .mv__sns {
    display: none;
  }
  .mv__snsIcon:hover {
    transform: none;
  }
  .mv__snsIcon:active {
    transform: scale(1.15);
  }
}
@keyframes mvScrollArrowDrop {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  20% {
    opacity: 0.95;
  }
  70% {
    opacity: 0.95;
  }
  100% {
    transform: translateY(20px);
    opacity: 0;
  }
}

.message {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  background: #fff;
  color: #111;
  min-height: 100vh;
}
@supports (min-height: 100svh) {
  .message {
    min-height: 100svh;
  }
}
@supports (min-height: 100dvh) {
  .message {
    min-height: 100dvh;
  }
}
.message::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #e5f5ff;
  clip-path: polygon(0 0, 100% 0, 100% 40%, 0 60%);
  z-index: 0;
}
.message__trailCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.message__inner {
  position: relative;
  z-index: 2;
  width: min(1200px, 92vw);
  margin: 0 auto;
}
.message__title {
  position: absolute;
  top: 22.5%;
  right: 18%;
  margin: 0;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  font-size: clamp(38px, 4.2vw, 60px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0.1em;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(2px);
  transition: opacity 0.9s ease, transform 1.1s ease, filter 1.1s ease;
  will-change: opacity, transform, filter;
}
.message__title.is-show {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.message__birdTrigger {
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.message__birdFly {
  position: fixed;
  top: 22vh;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 12px;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-40vw, -10px, 0);
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.message__birdText {
  font-size: 12px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.message__birdImg {
  display: block;
  width: clamp(26px, 2vw, 34px);
  height: auto;
}
@media (prefers-reduced-motion: reduce) {
  .message .message__birdFly {
    position: static;
    opacity: 1;
    transform: none;
  }
  .message .message__birdFly.is-fly {
    animation: none;
  }
}
.message__cols {
  position: relative;
  height: clamp(640px, 100dvh, 980px);
  margin: clamp(120px, 12vw, 200px) 0;
}
.message__col {
  position: absolute;
  margin: 0;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  font-size: clamp(15px, 1.55vw, 22px);
  font-weight: 500;
  line-height: 2.1;
  letter-spacing: 0.06em;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.5s ease, transform 0.6s ease;
  will-change: opacity, transform;
}
.message__col.is-show {
  opacity: 1;
  transform: translateY(0);
}
.message__skip {
  position: absolute;
  left: 24px;
  bottom: 250px;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  height: 42px;
  padding: 0 18px;
  border: 1px solid #000;
  border-radius: 999px;
  background: #fff;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, background 0.3s ease, transform 0.3s ease;
}
.message.is-skip-ready .message__skip {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: #000 !important;
}
.message__skip:hover {
  background: #fff;
  transform: translateY(-1px);
}
.message {
  /* =========================
     PC base
  ========================= */
}
.message__col:nth-child(1) {
  left: 13%;
  top: 60%;
}
.message__col:nth-child(2) {
  left: 27%;
  top: 53%;
}
.message__col:nth-child(3) {
  left: 35%;
  top: 53%;
}
.message__col:nth-child(4) {
  left: 48%;
  top: 45%;
}
.message__col:nth-child(5) {
  left: 60%;
  top: 40%;
}
.message {
  /* =========================
     高さが低い画面共通対策
  ========================= */
}
@media (max-height: 900px) and (min-width: 834px) {
  .message__title {
    top: 18.5%;
  }
  .message__cols {
    height: clamp(560px, 82dvh, 760px);
    margin: 110px 0 100px;
  }
  .message__col:nth-child(1) {
    top: 55%;
  }
  .message__col:nth-child(2) {
    top: 48.5%;
  }
  .message__col:nth-child(3) {
    top: 48.5%;
  }
  .message__col:nth-child(4) {
    top: 42%;
  }
  .message__col:nth-child(5) {
    top: 37%;
  }
}
@media (max-height: 760px) and (min-width: 834px) {
  .message__title {
    top: 16%;
    font-size: clamp(32px, 3.1vw, 46px);
  }
  .message__birdFly {
    top: 14vh;
  }
  .message__cols {
    height: clamp(500px, 74dvh, 660px);
    margin: 90px 0 80px;
  }
  .message__col {
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 1.9;
  }
  .message__col:nth-child(1) {
    top: 53%;
  }
  .message__col:nth-child(2) {
    top: 47%;
  }
  .message__col:nth-child(3) {
    top: 47%;
  }
  .message__col:nth-child(4) {
    top: 40.5%;
  }
  .message__col:nth-child(5) {
    top: 36%;
  }
  .message__skip {
    left: 16px;
    bottom: 16px;
    min-width: 82px;
    height: 38px;
    font-size: 13px;
  }
}
.message {
  /* =========================
     LP-WIDE 1536
  ========================= */
}
@media (max-width: 1536px) {
  .message__inner {
    width: min(1160px, 92vw);
  }
  .message__title {
    right: 15%;
    top: 22%;
  }
  .message__cols {
    height: clamp(620px, 96dvh, 920px);
    margin: 180px 0 170px;
  }
  .message__col:nth-child(1) {
    left: 12%;
    top: 58%;
  }
  .message__col:nth-child(2) {
    left: 25.5%;
    top: 51.5%;
  }
  .message__col:nth-child(3) {
    left: 34%;
    top: 51.5%;
  }
  .message__col:nth-child(4) {
    left: 47%;
    top: 44.5%;
  }
  .message__col:nth-child(5) {
    left: 59%;
    top: 39.5%;
  }
  .message__skip {
    bottom: 180px;
  }
}
.message {
  /* =========================
     LP 1366
  ========================= */
}
@media (max-width: 1366px) {
  .message::before {
    clip-path: polygon(0 0, 100% 0, 100% 41%, 0 60%);
  }
  .message__inner {
    width: min(1080px, 93vw);
  }
  .message__title {
    right: 12%;
    top: 21%;
  }
  .message__birdFly {
    top: 20vh;
  }
  .message__birdImg {
    width: 32px;
  }
  .message__cols {
    height: clamp(600px, 92dvh, 860px);
    margin: 160px 0 150px;
  }
  .message__col:nth-child(1) {
    left: 11%;
    top: 57%;
  }
  .message__col:nth-child(2) {
    left: 24.5%;
    top: 50.5%;
  }
  .message__col:nth-child(3) {
    left: 33.5%;
    top: 50.5%;
  }
  .message__col:nth-child(4) {
    left: 46.5%;
    top: 43.5%;
  }
  .message__col:nth-child(5) {
    left: 58.5%;
    top: 38.5%;
  }
}
.message {
  /* =========================
     MQ-WIDE 1210
  ========================= */
}
@media (max-width: 1210px) {
  .message::before {
    clip-path: polygon(0 0, 100% 0, 100% 42%, 0 61%);
  }
  .message__inner {
    width: min(980px, 94vw);
  }
  .message__title {
    right: 9%;
    top: 19%;
    line-height: 1.08;
  }
  .message__birdFly {
    top: 18vh;
  }
  .message__cols {
    height: clamp(560px, 88dvh, 760px);
    margin: 140px 0 135px;
  }
  .message__col:nth-child(1) {
    left: 10%;
    top: 56%;
  }
  .message__col:nth-child(2) {
    left: 23.5%;
    top: 49.5%;
  }
  .message__col:nth-child(3) {
    left: 33%;
    top: 49.5%;
  }
  .message__col:nth-child(4) {
    left: 46.5%;
    top: 42.8%;
  }
  .message__col:nth-child(5) {
    left: 59.5%;
    top: 38%;
  }
}
.message {
  /* =========================
     MQ 1080
  ========================= */
}
@media (max-width: 1080px) {
  .message::before {
    clip-path: polygon(0 0, 100% 0, 100% 43%, 0 61%);
  }
  .message__inner {
    width: min(920px, 94vw);
  }
  .message__title {
    right: 18%;
    top: 18.5%;
    line-height: 1.1;
    font-size: 50px;
  }
  .message__birdFly {
    top: 16vh;
  }
  .message__birdImg {
    width: 30px;
  }
  .message__cols {
    height: clamp(520px, 82dvh, 680px);
    margin-top: 250px;
  }
  .message__col {
    line-height: 1.88;
    font-size: 21px;
  }
  .message__col:nth-child(1) {
    left: 8%;
    top: 55.5%;
  }
  .message__col:nth-child(2) {
    left: 22%;
    top: 48%;
  }
  .message__col:nth-child(3) {
    left: 31.5%;
    top: 48%;
  }
  .message__col:nth-child(4) {
    left: 45.5%;
    top: 42.3%;
  }
  .message__col:nth-child(5) {
    left: 58.5%;
    top: 37.5%;
  }
  .message__skip {
    left: 18px;
    min-width: 84px;
    height: 38px;
    padding: 0 14px;
    font-size: 13px;
  }
}
.message {
  /* =========================
     TB 834
     ここから横組み
  ========================= */
}
@media (max-width: 833px) {
  .message {
    min-height: 100vh;
    padding: 250px 0;
  }
  .message::before {
    clip-path: polygon(0 0, 100% 0, 100% 46%, 0 60%);
  }
  .message__trailCanvas {
    display: none;
  }
  .message__inner {
    width: 100%;
    padding-top: 250px;
  }
  .message__title {
    position: static;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    text-align: center;
    white-space: normal;
    font-size: clamp(28px, 4.8vw, 34px);
    line-height: 1.35;
    margin: 70px 0;
  }
  .message__birdTrigger {
    display: none;
  }
  .message__birdFly {
    position: static;
    opacity: 1;
    transform: none;
    justify-content: center;
    margin: 0 auto 26px;
    z-index: 2;
  }
  .message__birdImg {
    width: 30px;
  }
  .message__cols {
    position: static;
    height: auto;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    justify-items: center;
  }
  .message__col {
    position: static;
    inset: auto;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    white-space: normal;
    text-align: center;
    font-size: clamp(16px, 2.4vw, 18px);
    line-height: 1.95;
    max-width: 100%;
  }
  .message {
    /* 見た目順 5 → 4 → 3 → 2 → 1 */
  }
  .message__col:nth-child(5) {
    grid-row: 1;
  }
  .message__col:nth-child(4) {
    grid-row: 2;
  }
  .message__col:nth-child(3) {
    grid-row: 3;
  }
  .message__col:nth-child(2) {
    grid-row: 4;
  }
  .message__col:nth-child(1) {
    grid-row: 5;
  }
  .message__skip {
    left: 15px;
    bottom: 100px;
    min-width: 82px;
    height: 38px;
    padding: 0 14px;
    font-size: 12px;
  }
}
.message {
  /* =========================
     SP 600
  ========================= */
}
@media (max-width: 600px) {
  .message {
    padding: 48px 0 56px;
  }
  .message::before {
    clip-path: polygon(0 0, 100% 0, 100% 38%, 0 54%);
  }
  .message__inner {
    padding-top: 80px;
  }
  .message__title {
    font-size: clamp(24px, 6.8vw, 28px);
    letter-spacing: 0.12em;
  }
  .message__birdFly {
    margin-bottom: 20px;
  }
  .message__birdText {
    font-size: 11px;
  }
  .message__birdImg {
    width: 28px;
  }
  .message__col {
    font-size: clamp(14px, 4.2vw, 16px);
    line-height: 1.85;
  }
  .message__skip {
    left: 12px;
    bottom: 80px;
    min-width: 76px;
    height: 34px;
    padding: 0 12px;
    font-size: 11px;
  }
}
.message {
  /* =========================
     SM 440
  ========================= */
}
@media (max-width: 440px) {
  .message__inner {
    width: calc(100% - 24px);
  }
  .message__title {
    font-size: clamp(22px, 6vw, 24px);
    line-height: 1.4;
  }
  .message__birdImg {
    width: 26px;
  }
  .message__col {
    font-size: clamp(11.5px, 4vw, 15px);
    line-height: 1.8;
  }
}
.message {
  /* =========================
     XS 390
  ========================= */
}
@media (max-width: 390px) {
  .message {
    padding: 42px 0 48px;
  }
  .message__title {
    font-size: 21px;
  }
  .message__birdFly {
    margin-bottom: 16px;
  }
  .message__birdImg {
    width: 24px;
  }
  .message__col {
    font-size: 13px;
    line-height: 1.75;
  }
  .message__skip {
    min-width: 70px;
    height: 32px;
    font-size: 10px;
  }
}

/* =========================
   OUR SOLUTION
========================= */
.solution {
  --piece-fill: #fff;
  --piece-stroke: var(--main, #0a8fd6);
  --stroke-w: 3;
  --orange: var(--accent, #f3a000);
  position: relative;
  overflow: hidden;
}
.solution__bgHalf {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--white);
  z-index: 0;
  pointer-events: none;
}
.solution::before, .solution::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.solution::before {
  background: url("../img/background01.png") no-repeat center top/cover;
  z-index: 1;
}
@media (max-width: 950px) {
  .solution::before {
    background: url("../img/background-sp.png") no-repeat center top/cover;
  }
}
.solution > *:not(.solution__bgHalf) {
  position: relative;
  z-index: 3;
}
.solution__inner {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;
  padding: 400px 24px 400px;
}
.solution__heading {
  max-width: 1024px;
  margin-bottom: 110px;
  color: #fff;
}
.solution__heading-img {
  display: block;
  width: min(800px, 100%);
  height: auto;
}
.solution__heading-sub01 {
  margin-top: 50px;
  font-size: 35px;
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  background: #fff;
  padding: 0px 0px 3px 7px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  isolation: isolate;
  color: transparent;
  z-index: 0;
}
.solution__heading-sub01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
  z-index: -1;
  transform: translateX(-101%);
}
.solution__heading-sub01.is-solution-sub-show::before {
  animation: solutionSubWipe 1.2s ease forwards;
}
.solution__heading-sub01.is-solution-sub-show {
  animation: solutionSubText 0.8s ease 0.8s forwards;
}
@keyframes solutionSubWipe {
  0% {
    transform: translateX(-101%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@keyframes solutionSubText {
  0% {
    color: transparent;
  }
  100% {
    color: var(--text);
  }
}
.solution__heading-sub02 {
  margin-top: 15px;
  font-size: 22px;
  opacity: 0.9;
  font-weight: 500;
  color: #fff;
}
.solution .solution__heading-sub01.is-solution-sub-show::before {
  animation: solutionSubWipe 1.2s ease forwards;
}
.solution .solution__heading-sub01.is-solution-sub-show {
  animation: solutionSubText 0.8s ease 0.8s forwards;
}
.solution__grid {
  position: relative;
  isolation: isolate;
  overflow: visible;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  max-width: 1400px;
  margin: 0 auto;
}
.solution__piece {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 230px;
  height: 400px;
  margin: -15px -30px 0;
  padding-top: 50px;
  overflow: visible;
  cursor: pointer;
  text-decoration: none;
  color: var(--text);
  transition: color 0.18s ease;
  -webkit-tap-highlight-color: transparent;
  --ui-accent: #0a8fd6;
  --change-top: 10px;
  --change-left: 10px;
}
.solution__piece > .solution__logo,
.solution__piece > .solution__title,
.solution__piece > .solution__sub {
  padding-left: 56px;
  padding-right: 56px;
  text-align: center;
}
.solution__piece > *:not(svg) {
  position: relative;
  z-index: 2;
}
.solution__piece--1 .solution__meta {
  top: -160px;
}
.solution__piece--1 .solution__no {
  width: 20px;
}
.solution__piece--1 .solution__logo-img {
  width: 100%;
  height: 90px;
}
.solution__piece--1 .solution__title img {
  width: 76%;
}
.solution__piece--2 .solution__meta {
  top: -120px;
}
.solution__piece--3 .solution__meta {
  top: -120px;
}
.solution__piece--4 .solution__title--img {
  padding-top: 110px;
}
.solution__piece--4 .solution__title--img img {
  width: 75%;
}
.solution__logo {
  display: block;
  line-height: 0;
  top: -2%;
}
.solution__logo-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.solution__logo-img--blue {
  opacity: 1;
}
.solution__logo-img--white {
  opacity: 0;
}
.solution__title--img {
  padding-top: 100px;
  margin: 0 0 20px;
  line-height: 1;
}
.solution__title--img img {
  display: block;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.solution__sub {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  color: #333;
}
.solution__desc {
  position: absolute !important;
  top: 190px;
  right: 56px;
  left: 56px;
  margin: 0;
  text-align: center;
  font-size: 17px;
  line-height: 1.9;
  font-weight: 600;
  color: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}
.solution__meta {
  position: absolute;
  top: -110px;
  right: -34%;
  transform: none;
  overflow: visible;
  font-size: 12px;
  letter-spacing: 0.28em;
  opacity: 1;
  writing-mode: vertical-rl;
  text-transform: uppercase;
  color: var(--ui-accent, #0a8fd6);
  pointer-events: none;
  white-space: nowrap;
}
.solution__meta-text--default {
  display: inline-block;
}
.solution__meta-text--hover {
  display: none;
  padding: 6px 8px;
  border-radius: 6px;
  background: #fff;
  color: #000;
  letter-spacing: 0.12em;
  font-weight: 800;
  line-height: 1;
  font-size: 16px;
}
.solution__meta-img {
  display: block;
  width: auto;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.solution__no {
  position: absolute;
  top: 0;
  right: -170px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  pointer-events: none;
  line-height: 0;
}
.solution__noImg {
  grid-area: 1/1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: opacity 0.28s ease;
}
.solution__noImg--default {
  opacity: 1;
}
.solution__noImg--hover {
  opacity: 0;
}
.solution__shape {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: calc(100% + 40px);
  height: 100%;
  pointer-events: none;
  overflow: visible;
}
.solution__shape--tab-bottom {
  top: auto;
  bottom: -20px;
  height: calc(100% + 20px);
}
.solution__shape--fill {
  z-index: 0;
}
.solution__shape--stroke {
  z-index: 1;
}
.solution__shape--pc {
  display: block;
}
.solution__shape--mqw, .solution__shape--sp {
  display: none;
}
.solution__change, .solution__more {
  display: none;
  -webkit-tap-highlight-color: transparent;
}
.solution {
  /* =========================
     CHANGE BUTTON
  ========================= */
}
.solution__change {
  position: absolute !important;
  top: 30px !important;
  right: auto !important;
  bottom: auto !important;
  left: 40px !important;
  z-index: 30;
  display: none;
  place-items: center;
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--main, #0a8fd6);
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  font-size: 0;
  line-height: 0;
  transform: none !important;
  overflow: visible;
}
.solution__change-mark {
  position: relative;
  inset: auto;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--change-core) 0 22%, var(--change-ring) 23%, rgba(255, 255, 255, 0.48) 46%, rgba(255, 255, 255, 0) 74%);
  pointer-events: none;
}
.solution__change-mark::before, .solution__change-mark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  opacity: 0.35;
  animation: solutionTapRipple 2.2s ease-out infinite;
  pointer-events: none;
}
.solution__change-mark::after {
  animation-delay: 1.1s;
}
.solution__change-text {
  position: absolute;
  top: calc(80% + 4px);
  left: 25%;
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: 0;
  transform: translateX(-50%);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  color: currentColor;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.solution__piece > svg.solution__shape--fill path {
  fill: var(--piece-fill) !important;
  transition: fill 0.18s ease;
}
.solution__piece > svg.solution__shape--stroke path {
  fill: none !important;
  stroke: var(--piece-stroke) !important;
  stroke-width: var(--stroke-w);
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  transition: stroke 0.18s ease;
}
.solution .js-solution-puzzle .solution__piece:not(.solution__piece--1) {
  opacity: 0;
  transform: perspective(1100px) translateZ(500px) translateY(-150px) rotateX(14deg) scale(1.18);
  transform-origin: 50% 45%;
  will-change: transform, opacity;
}
.solution .js-solution-puzzle.is-inview .solution__piece:not(.solution__piece--1) {
  animation: puzzleSnapIn 860ms cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: var(--drop-delay, 0ms);
}
.solution .js-solution-puzzle.is-dropped .solution__piece:not(.solution__piece--1) {
  opacity: 1;
  transform: none;
  animation: none;
}
.solution .js-solution-puzzle.is-dropped .solution__piece {
  transition: transform 0.18s ease;
}
.solution .js-solution-puzzle.is-dropped .solution__piece:hover {
  transform: scale(1.1);
  z-index: 9999;
}
.solution__piece--2 {
  --drop-delay: 120ms;
}
.solution__piece--3 {
  --drop-delay: 240ms;
}
.solution__piece--4 {
  --drop-delay: 360ms;
}
.solution__piece--5 {
  --drop-delay: 480ms;
}
.solution__piece--6 {
  --drop-delay: 600ms;
}
@media (hover: none), (pointer: coarse) {
  .solution__change {
    display: grid;
    place-items: center;
  }
  .solution__piece {
    --change-core: #afd6e9;
    --change-ring: #afd6e9;
  }
  .solution__piece.is-flipped {
    --change-core: #ffffff;
    --change-ring: rgba(255, 255, 255, .96);
  }
  .solution__piece.is-flipped .solution__change {
    color: #fff;
  }
  .solution__piece.is-flipped .solution__change-mark::before,
  .solution__piece.is-flipped .solution__change-mark::after {
    border: 1.5px solid #f5f5f5;
    opacity: 0.42;
    animation: solutionTapRipple 1.2s ease-out infinite;
  }
  .solution__piece.is-flipped .solution__change-text {
    color: #fff;
  }
}
.solution {
  /* hoverできる端末だけ */
}
@media (hover: hover) and (pointer: fine) {
  .solution__piece:hover {
    z-index: 999;
    color: #fff;
    --piece-fill: var(--orange);
    --piece-stroke: var(--orange);
    --ui-accent: #000;
  }
  .solution__piece:hover .solution__logo-img--blue {
    opacity: 0;
  }
  .solution__piece:hover .solution__logo-img--white {
    opacity: 1;
  }
  .solution__piece:hover .solution__meta-text--default {
    display: none;
  }
  .solution__piece:hover .solution__meta-text--hover {
    display: inline-block;
  }
  .solution__piece:hover .solution__title,
  .solution__piece:hover .solution__sub {
    opacity: 0;
  }
  .solution__piece:hover .solution__desc {
    opacity: 1;
  }
  .solution__piece:hover .solution__noImg--default {
    opacity: 0;
  }
  .solution__piece:hover .solution__noImg--hover {
    opacity: 1;
  }
}
.solution {
  /* hoverなし端末 */
}
@media (hover: none), (pointer: coarse) {
  .solution__change {
    display: inline-flex;
  }
  .solution__more {
    display: block;
  }
  .solution__piece, .solution__piece.is-flipped {
    transform: none !important;
  }
  .solution .js-solution-puzzle.is-dropped .solution__piece {
    transition: none;
  }
  .solution .js-solution-puzzle.is-dropped .solution__piece:hover:not(.is-flipped) {
    transform: none !important;
    z-index: 1;
  }
  .solution__piece:not(.is-flipped) {
    z-index: 1;
    color: var(--text);
    --piece-fill: #fff;
    --piece-stroke: var(--main, #0a8fd6);
    --ui-accent: #0a8fd6;
  }
  .solution__piece:not(.is-flipped) .solution__logo-img--blue {
    opacity: 1;
  }
  .solution__piece:not(.is-flipped) .solution__logo-img--white {
    opacity: 0;
  }
  .solution__piece:not(.is-flipped) .solution__meta-text--default {
    display: inline-block;
  }
  .solution__piece:not(.is-flipped) .solution__meta-text--hover {
    display: none;
  }
  .solution__piece:not(.is-flipped) .solution__title,
  .solution__piece:not(.is-flipped) .solution__sub {
    opacity: 1;
  }
  .solution__piece:not(.is-flipped) .solution__desc {
    opacity: 0;
  }
  .solution__piece:not(.is-flipped) .solution__noImg--default {
    opacity: 1;
  }
  .solution__piece:not(.is-flipped) .solution__noImg--hover {
    opacity: 0;
  }
  .solution__piece:hover:not(.is-flipped) {
    color: var(--text);
    --piece-fill: #fff;
    --piece-stroke: var(--main, #0a8fd6);
    --ui-accent: #0a8fd6;
  }
  .solution__piece:hover:not(.is-flipped) .solution__logo-img--blue {
    opacity: 1;
  }
  .solution__piece:hover:not(.is-flipped) .solution__logo-img--white {
    opacity: 0;
  }
  .solution__piece:hover:not(.is-flipped) .solution__meta-text--default {
    display: inline-block;
  }
  .solution__piece:hover:not(.is-flipped) .solution__meta-text--hover {
    display: none;
  }
  .solution__piece:hover:not(.is-flipped) .solution__title,
  .solution__piece:hover:not(.is-flipped) .solution__sub {
    opacity: 1;
  }
  .solution__piece:hover:not(.is-flipped) .solution__desc {
    opacity: 0;
  }
  .solution__piece:hover:not(.is-flipped) .solution__noImg--default {
    opacity: 1;
  }
  .solution__piece:hover:not(.is-flipped) .solution__noImg--hover {
    opacity: 0;
  }
  .solution__piece.is-flipped {
    z-index: 20;
    color: #fff;
    --piece-fill: var(--orange);
    --piece-stroke: var(--orange);
    --ui-accent: #000;
  }
  .solution__piece.is-flipped .solution__logo-img--blue {
    opacity: 0;
  }
  .solution__piece.is-flipped .solution__logo-img--white {
    opacity: 1;
  }
  .solution__piece.is-flipped .solution__meta-text--default {
    display: none;
  }
  .solution__piece.is-flipped .solution__meta-text--hover {
    display: inline-block;
  }
  .solution__piece.is-flipped .solution__title,
  .solution__piece.is-flipped .solution__sub {
    opacity: 0;
  }
  .solution__piece.is-flipped .solution__desc {
    opacity: 1;
  }
  .solution__piece.is-flipped .solution__change {
    color: #000;
  }
  .solution__piece.is-flipped .solution__noImg--default {
    opacity: 0;
  }
  .solution__piece.is-flipped .solution__noImg--hover {
    opacity: 1;
  }
  .solution__desc {
    padding-bottom: 52px;
  }
}
@media (max-width: 1210px) {
  .solution .solution__shape--pc, .solution .solution__shape--sp {
    display: none;
  }
  .solution .solution__shape--mqw {
    display: block;
  }
}
@media (max-width: 1080px) {
  .solution::after {
    content: none;
  }
  .solution__heading-img {
    width: min(100%, 440px);
  }
  .solution__heading-sub01 {
    margin-top: 28px;
    font-size: 28px;
  }
  .solution__heading-sub02 {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.8;
  }
}
@media (max-width: 600px) {
  .solution__shape--pc, .solution__shape--mqw {
    display: none;
  }
  .solution__shape--sp {
    display: block;
  }
}
@media (max-width: 1210px) {
  .solution .solution__inner {
    max-width: 980px;
    padding: 320px 24px 300px;
  }
  .solution .solution__grid {
    max-width: 860px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
  }
  .solution .solution__shape--pc {
    display: none;
  }
  .solution .solution__shape--mqw {
    display: block;
  }
  .solution .solution__piece {
    min-height: 0;
    height: 360px;
    margin: -12px -27px 0;
    padding-top: 40px;
  }
  .solution .solution__piece > .solution__logo,
  .solution .solution__piece > .solution__title,
  .solution .solution__piece > .solution__sub {
    padding-left: 45px;
    padding-right: 60px;
  }
  .solution .solution__piece:nth-child(n+3) {
    margin-top: -16px;
  }
  .solution .solution__shape {
    left: -12px;
    width: calc(100% + 24px);
  }
  .solution .solution__shape--tab-bottom {
    bottom: -18px;
    height: calc(100% + 18px);
  }
  .solution .solution__logo-img {
    height: 72px;
    margin-top: 15px;
  }
  .solution .solution__piece--1 .solution__logo-img {
    height: 82px;
  }
  .solution .solution__piece--1 .solution__title img {
    width: 74%;
  }
  .solution .solution__piece--1 .solution__no {
    width: 16px;
  }
  .solution .solution__piece--1 .solution__meta {
    bottom: 145px;
  }
  .solution .solution__title--img {
    padding-top: 110px;
    margin: 0 0 16px;
  }
  .solution .solution__title--img img {
    width: 76%;
  }
  .solution .solution__piece--4 .solution__title--img {
    padding-top: 110px;
  }
  .solution .solution__sub {
    font-size: 15px;
  }
  .solution .solution__desc {
    top: 168px;
    right: 36px;
    left: 36px;
    font-size: 15px;
    line-height: 1.8;
  }
  .solution .solution__meta {
    top: auto;
    right: -150px;
    bottom: 105px;
    font-size: 10px;
    letter-spacing: 0.18em;
  }
  .solution .solution__meta-img {
    height: 74px;
  }
  .solution .solution__meta-text--hover {
    font-size: 13px;
    padding: 5px 7px;
  }
  .solution .solution__no {
    top: -10px;
    right: -150px;
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 833px) {
  .solution .solution__inner {
    padding: 250px 18px 230px;
  }
  .solution .solution__grid {
    max-width: 700px;
  }
  .solution .solution__piece {
    height: 320px;
    margin: -10px -21px 0;
    padding-top: 50px;
  }
  .solution .solution__piece > .solution__logo,
  .solution .solution__piece > .solution__title,
  .solution .solution__piece > .solution__sub {
    padding-left: 30px;
    padding-right: 50px;
  }
  .solution .solution__piece:nth-child(n+3) {
    margin-top: -12px;
  }
  .solution .solution__shape {
    left: -9px;
    width: calc(100% + 18px);
  }
  .solution .solution__shape--tab-bottom {
    bottom: -14px;
    height: calc(100% + 14px);
  }
  .solution .solution__logo-img {
    height: 64px;
    padding-right: 12px;
    margin-top: 0;
  }
  .solution .solution__meta {
    top: auto;
    right: -123px;
    bottom: 100px;
    font-size: 10px;
    letter-spacing: 0.18em;
  }
  .solution .solution__piece--1 .solution__logo-img {
    height: 72px;
  }
  .solution .solution__piece--1 .solution__no {
    width: 13px;
  }
  .solution .solution__piece--1 .solution__meta {
    bottom: 125px;
  }
  .solution .solution__title--img {
    padding-top: 82px;
  }
  .solution .solution__title--img img {
    width: 78%;
  }
  .solution .solution__piece--4 .solution__title--img {
    padding-top: 88px;
  }
  .solution .solution__sub {
    font-size: 14px;
  }
  .solution .solution__desc {
    top: 148px;
    right: 26px;
    left: 26px;
    font-size: 13px;
    line-height: 1.72;
  }
  .solution .solution__meta-img {
    height: 64px;
  }
  .solution .solution__no {
    top: -6px;
    right: -120px;
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 600px) {
  .solution .solution__heading {
    margin-bottom: 40px;
  }
  .solution .solution__heading-img {
    width: min(100%, 250px);
  }
  .solution .solution__heading-sub01 {
    margin-top: 12px;
    font-size: 22px;
  }
  .solution .solution__heading-sub02 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.7;
  }
  .solution .solution__inner {
    padding: 300px 16px 250px;
  }
  .solution .solution__grid {
    overflow: visible;
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 420px;
  }
  .solution .solution__shape--pc, .solution .solution__shape--mqw {
    display: none;
  }
  .solution .solution__piece--1 .solution__meta {
    bottom: 100px;
  }
  .solution .solution__shape--sp {
    display: block;
  }
  .solution .solution__piece {
    position: relative;
    z-index: 1;
    min-height: 0;
    height: 300px;
    margin: 0;
    margin: 14px;
    padding-top: 30px;
    padding-top: 50px;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
  }
  .solution .solution__piece > .solution__logo,
  .solution .solution__piece > .solution__title,
  .solution .solution__piece > .solution__sub {
    padding-left: 24px;
    padding-right: 24px;
  }
  .solution .solution__piece > *:not(svg) {
    position: relative;
    z-index: 2;
  }
  .solution .solution__piece:hover {
    background: transparent;
    border-color: transparent;
  }
  .solution .solution__piece--4 > .solution__logo,
  .solution .solution__piece--4 > .solution__title,
  .solution .solution__piece--4 > .solution__sub, .solution .solution__piece--5 > .solution__logo,
  .solution .solution__piece--5 > .solution__title,
  .solution .solution__piece--5 > .solution__sub, .solution .solution__piece--6 > .solution__logo,
  .solution .solution__piece--6 > .solution__title,
  .solution .solution__piece--6 > .solution__sub {
    padding-left: 30px;
    padding-right: 30px;
  }
  .solution .solution__piece + .solution__piece {
    margin-top: calc(var(--puzzle-tab-y, 20px) * -1);
  }
  .solution .solution__shape {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
  }
  .solution .solution__shape--tab-bottom {
    top: 0;
    bottom: auto;
    height: calc(100% + var(--puzzle-tab-y, 20px));
  }
  .solution .solution__logo-img {
    height: 58px;
  }
  .solution .solution--1 .solution__logo-img {
    height: 66px;
  }
  .solution .solution--1 .solution__meta {
    bottom: 100px;
  }
  .solution .solution__title--img {
    padding-top: 72px;
    margin: 0 0 20px;
  }
  .solution .solution__title--img img {
    width: 72%;
  }
  .solution .solution__piece--4 .solution__title--img {
    padding-top: 60px;
  }
  .solution .solution__piece--4 .solution__title--photography {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .solution .solution__piece--4 .solution__title--photography picture {
    display: block;
    width: 100%;
  }
  .solution .solution__piece--4 .solution__title--photography img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .solution .solution__piece--4 .solution__meta {
    bottom: 100px;
  }
  .solution .solution__sub {
    font-size: 13px;
  }
  .solution .solution__desc {
    top: 150px;
    right: 24px;
    left: 24px;
    font-size: 13px;
    line-height: 1.72;
  }
  .solution .solution__meta {
    right: -123px;
    bottom: 75px;
  }
  .solution .solution__meta-img {
    height: 56px;
  }
  .solution .solution__meta-text--hover {
    font-size: 11px;
    padding: 4px 6px;
  }
  .solution .solution__no {
    top: 10px;
    right: -120px;
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 390px) {
  .solution .solution__piece {
    height: 260px;
  }
  .solution .solution__title--img {
    padding-top: 50px;
  }
  .solution .solution__logo-img {
    padding: 0;
    margin-bottom: 10px;
  }
  .solution .solution__logo {
    top: -10%;
  }
  .solution .solution__desc {
    top: 135px;
  }
  .solution .solution__piece--1 .solution__meta {
    bottom: 95px;
  }
}
@keyframes solutionTapRipple {
  0% {
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0.34;
  }
  70% {
    opacity: 0.14;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.9);
    opacity: 0;
  }
}
@keyframes puzzleSnapIn {
  0% {
    opacity: 0;
    transform: perspective(1100px) translateZ(220px) translateY(-22px) rotateX(14deg) scale(1.18);
  }
  40% {
    opacity: 1;
  }
  70% {
    transform: perspective(1100px) translateZ(-14px) translateY(6px) rotateX(0deg) scale(0.992);
  }
  86% {
    transform: perspective(1100px) translateZ(8px) translateY(-2px) scale(1.01);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.works {
  background: var(--white);
  padding: 200px 0 200px;
}
.works__inner {
  width: min(1400px, 92vw);
  margin: 0 auto;
}
.works__heading {
  max-width: 1400px;
  margin-bottom: 100px;
  color: var(--main);
}
.works__heading-img {
  display: block;
  width: min(500px, 100%);
  height: auto;
}
.works__heading-sub01 {
  margin-top: 50px;
  font-size: 35px;
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  background: #fff;
  padding: 0px 0px 3px 7px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  isolation: isolate;
  color: transparent;
  z-index: 0;
}
.works__heading-sub01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
  z-index: -1;
  transform: translateX(-101%);
}
.works__heading-sub01.is-solution-sub-show::before {
  animation: worksSubWipe 1.2s ease forwards;
}
.works__heading-sub01.is-solution-sub-show {
  animation: worksSubText 0.8s ease 0.8s forwards;
}
@keyframes worksSubWipe {
  0% {
    transform: translateX(-101%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@keyframes worksSubText {
  0% {
    color: transparent;
  }
  100% {
    color: var(--text);
  }
}
.works__heading-sub01 {
  padding: 2px 5px 3px 7px;
}
.works__heading-sub02 {
  margin-top: 15px;
  font-size: 22px;
  opacity: 0.9;
  font-weight: 500;
  color: var(--main);
}
.works__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px 50px;
  margin-top: 80px;
}
.works__card {
  display: grid;
  gap: 8px;
  color: inherit;
  text-decoration: none;
}
.works__card:hover .works__thumb::after, .works__card:focus-visible .works__thumb::after {
  opacity: 1;
}
.works__card:hover .works__thumb-img--default, .works__card:focus-visible .works__thumb-img--default {
  opacity: 0;
  transform: scale(1.08);
}
.works__card:hover .works__thumb-img--hover, .works__card:focus-visible .works__thumb-img--hover {
  opacity: 1;
  transform: scale(1.08);
}
.works__tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 30px;
  padding: 6px 4px 4px 6px;
  height: auto;
  overflow: hidden;
  display: grid;
  place-items: center;
  background-color: var(--white);
}
@media (max-width: 833px) {
  .works__tag {
    width: 25px;
  }
}
@media (max-width: 600px) {
  .works__tag {
    width: 35px;
  }
}
.works__tag-item {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.works__tag-item--default {
  transform: translateY(0);
  opacity: 1;
}
.works__tag-item--hover {
  transform: translateY(-100%);
  opacity: 0;
}
.works__tag-img {
  display: block;
  width: 100%;
  height: auto;
}
.works__card:hover .works__tag-item--default {
  transform: translateY(100%);
  opacity: 0;
}
.works__card:hover .works__tag-item--hover {
  transform: translateY(0);
  opacity: 1;
}
.works__thumb-img {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.45s ease, transform 0.25s ease-out;
  will-change: opacity, transform;
}
.works__thumb-img--default {
  opacity: 1;
  transform: scale(1);
}
.works__thumb-img--hover {
  opacity: 0;
  transform: scale(1);
}
.works__thumb {
  position: relative;
  margin: 0;
  overflow: visible;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.35);
  aspect-ratio: 16/10;
}
.works__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 140, 255, 0.6);
  opacity: 0;
  transition: opacity 0.45s ease;
  pointer-events: none;
}
.works__thumb:hover .works__tag {
  color: var(--main);
}
.works__thumb:hover .works__tag::after {
  transform: translate(-50%, -50%) scale(1);
}
.works__thumb:hover .works__tag-text--default {
  transform: translateY(100%);
  opacity: 0;
}
.works__thumb:hover .works__tag-text--hover {
  transform: translateY(0);
  opacity: 1;
}
.works__thumb {
  /* ===== stripe effect (JS inject) ===== */
}
.works__thumb .worksFx {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.works__thumb .worksFx__stripes {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.works__thumb .worksFx__stripe {
  position: absolute;
  left: -60%;
  width: 240%;
  height: 26%;
  border-radius: 999px;
  background: var(--main);
  opacity: 1;
  transform: translateX(var(--stripe-from, -65%));
  will-change: transform;
  --stripe-to: calc(var(--stripe-from, -65%) * -1);
}
.works__thumb .worksFx__stripe--1 {
  top: -3%;
  --stripe-from: -85%;
  --in-delay: 0ms;
  --out-delay: 60ms;
}
.works__thumb .worksFx__stripe--2 {
  top: 17%;
  --stripe-from: 85%;
  --in-delay: 20ms;
  --out-delay: 45ms;
}
.works__thumb .worksFx__stripe--3 {
  top: 37%;
  --stripe-from: -85%;
  --in-delay: 40ms;
  --out-delay: 30ms;
}
.works__thumb .worksFx__stripe--4 {
  top: 57%;
  --stripe-from: 85%;
  --in-delay: 60ms;
  --out-delay: 15ms;
}
.works__thumb .worksFx__stripe--5 {
  top: 77%;
  --stripe-from: -85%;
  --in-delay: 80ms;
  --out-delay: 0ms;
}
.works__thumb.is-worksReveal .worksFx {
  opacity: 1;
}
.works__thumb.is-worksReveal .worksFx__stripe {
  animation: worksStripeCycle 2000ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
  animation-delay: var(--in-delay, 0ms);
}
@media (prefers-reduced-motion: reduce) {
  .works__thumb .worksFx {
    display: none;
  }
}
@keyframes worksStripeCycle {
  0% {
    transform: translateX(var(--stripe-from, -65%));
  }
  40% {
    transform: translateX(0%);
  }
  62% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(var(--stripe-to));
  }
}
.works__meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--text);
  opacity: 0.95;
}
@media (max-width: 600px) {
  .works__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.works__client {
  font-weight: 800;
  letter-spacing: 0.08em;
}
.works__kind {
  white-space: nowrap;
  opacity: 0.9;
}
.works__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 60px;
}
.works__more {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  border-radius: 10px;
  border: 1.5px solid rgb(0, 0, 0);
  box-shadow: inset 0 0 0 0 var(--main);
  transition: box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, transform 0.3s ease;
}
.works__more:hover {
  border-color: var(--main);
  box-shadow: inset 0 0 0 100vmax var(--main);
  transition: box-shadow 0.38s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease, transform 0.25s ease;
}
.works__more:hover .works__moreimg--default,
.works__more:hover .people-card__moreimg--default,
.works__more:hover .news__moreimg--default {
  opacity: 0;
}
.works__more:hover .works__moreimg--hover,
.works__more:hover .people-card__moreimg--hover,
.works__more:hover .news__moreimg--hover {
  opacity: 1;
}
.works__moreimg {
  display: block;
  height: 14px;
  width: auto;
  transition: opacity 0.7s ease;
}
.works__moreimg--default {
  opacity: 1;
}
.works__moreimg--hover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.works {
  /* ===== MQ ===== */
}
@media (max-width: 1080px) {
  .works {
    padding: 100px 40px 110px;
  }
  .works__inner {
    width: auto;
    margin: 0;
  }
  .works__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 25px;
  }
  .works__heading-img {
    width: min(100%, 400px);
  }
  .works__heading-sub01 {
    margin-top: 28px;
    font-size: 28px;
  }
  .works__heading-sub02 {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.8;
  }
}
.works {
  /* ===== TB ===== */
}
@media (max-width: 833px) {
  .works {
    padding: 200px 30px 100px;
  }
  .works__inner {
    width: min(1024px, 92vw);
  }
  .works__actions {
    justify-content: center;
  }
}
.works {
  /* ===== SP ===== */
}
@media (max-width: 600px) {
  .works {
    padding: 50px 20px 0px;
  }
  .works__inner {
    width: min(680px, 92vw);
  }
  .works__heading-img {
    width: min(100%, 225px);
  }
  .works__heading-sub01 {
    margin-top: 12px;
    font-size: 22px;
  }
  .works__heading-sub02 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.7;
  }
  .works__tag {
    width: 11%;
    line-height: normal;
  }
  .works__grid {
    grid-template-columns: 1fr;
    padding: 0 50px;
  }
}

@keyframes worksStripeIn {
  0% {
    transform: translateX(var(--stripe-from));
  }
  70% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes worksStripeOut {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(var(--stripe-from));
  }
}
/* ============ PEOPLE ============ */
.people {
  --outside: var(--white, #dfeff7);
  position: relative;
  overflow: hidden;
  background: var(--outside);
  /* 背景レイヤー1（下） */
}
.people::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/background01.png") no-repeat center top/cover;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 880px) {
  .people::before {
    background: url("../img/background-sp.png") no-repeat center top/cover;
  }
}
@media (max-width: 833px) {
  .people::after {
    content: none;
    display: none;
    background-image: none;
  }
}
.people {
  /* 中身は全部最前面（solutionと同じ） */
}
.people > *:not(.people__bgHalf) {
  position: relative;
  z-index: 3;
}
.people {
  /* ここから下はレイアウト側（必要なら数値だけ調整してOK） */
}
.people__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 400px 24px 400px;
}
.people__heading {
  max-width: 1400px;
  margin-bottom: 120px;
  color: var(--main);
}
.people {
  /* タイトルは画像 */
}
.people__heading-img {
  display: block;
  width: min(500px, 100%);
  height: auto;
}
.people {
  /* sub01（帯ワイプ） */
}
.people__heading-sub01 {
  margin-top: 50px;
  font-size: 35px;
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  background: #fff;
  padding: 0px 0px 3px 7px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  isolation: isolate;
  color: transparent;
  z-index: 0;
}
.people__heading-sub01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
  z-index: -1;
  transform: translateX(-101%);
}
.people__heading-sub01.is-solution-sub-show::before {
  animation: worksSubWipe 1.2s ease forwards;
}
.people__heading-sub01.is-solution-sub-show {
  animation: worksSubText 0.8s ease 0.8s forwards;
}
@keyframes worksSubWipe {
  0% {
    transform: translateX(-101%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@keyframes worksSubText {
  0% {
    color: transparent;
  }
  100% {
    color: var(--text);
  }
}
.people {
  /* sub02（青） */
}
.people__heading-sub02 {
  margin-top: 15px;
  font-size: 22px;
  opacity: 0.9;
  font-weight: 500;
  color: #fff;
}
.people__grid {
  margin-top: 64px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 120px 60px;
}
.people .people-br-sp {
  display: none;
}
@media (max-width: 600px) {
  .people .people-br-pc {
    display: none;
  }
  .people .people-br-sp {
    display: inline;
  }
}
.people {
  /* MQ (1080) */
}
@media (max-width: 1080px) {
  .people {
    --cut-top-left: 56px;
    --cut-bottom-right: 96px;
  }
  .people__inner {
    width: min(1000px, 92vw);
    padding: 250px 0 250px;
  }
  .people__grid {
    gap: 36px 40px;
    margin-top: 56px;
  }
  .people__heading-img {
    width: min(100%, 400px);
  }
  .people__heading-sub01 {
    margin-top: 28px;
    font-size: 28px;
  }
  .people__heading-sub02 {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.8;
  }
}
.people {
  /* TB (834) */
}
@media (max-width: 833px) {
  .people {
    --cut-top-left: 48px;
    --cut-bottom-right: 86px;
  }
  .people__inner {
    width: min(920px, 92vw);
    padding: 400px 0 400px;
  }
  .people__grid {
    gap: 28px 24px;
    margin-top: 44px;
    grid-template-columns: 1fr;
  }
  .people__lead {
    font-size: 10.5px;
  }
}
.people {
  /* SP (600) */
}
@media (max-width: 600px) {
  .people {
    --cut-top-left: 40px;
    --cut-bottom-right: 72px;
  }
  .people__inner {
    width: min(560px, 92vw);
    padding: 350px 0 350px;
  }
  .people__grid {
    gap: 75px;
    margin-top: 38px;
  }
  .people__lead {
    font-size: 10px;
  }
  .people::after {
    content: none;
  }
  .people__heading-img {
    width: min(100%, 250px);
  }
  .people__heading-sub01 {
    margin-top: 12px;
    font-size: 22px;
  }
  .people__heading-sub02 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.7;
  }
}
@media (min-width: 835px) {
  .people .people-card:has(.people-card__more:hover) .people-card__thumb::before, .people .people-card:has(.people-card__more:focus-visible) .people-card__thumb::before {
    transform: translateX(0);
  }
  .people .people-card:has(.people-card__more:hover) .people-card__roleImg--default, .people .people-card:has(.people-card__more:focus-visible) .people-card__roleImg--default {
    opacity: 0;
  }
  .people .people-card:has(.people-card__more:hover) .people-card__roleImg--hover, .people .people-card:has(.people-card__more:focus-visible) .people-card__roleImg--hover {
    opacity: 1;
  }
  .people .people-card:has(.people-card__more:hover) .people-card__name-bg, .people .people-card:has(.people-card__more:focus-visible) .people-card__name-bg {
    background: #fff;
  }
  .people .people-card:has(.people-card__more:hover) .people-card__img, .people .people-card:has(.people-card__more:focus-visible) .people-card__img {
    transform: scale(1.5);
  }
  .people .people-card:has(.people-card__more:hover) .people-card__moreimg--default, .people .people-card:has(.people-card__more:focus-visible) .people-card__moreimg--default {
    opacity: 0;
  }
  .people .people-card:has(.people-card__more:hover) .people-card__moreimg--hover, .people .people-card:has(.people-card__more:focus-visible) .people-card__moreimg--hover {
    opacity: 1;
  }
  .people .people-card:has(.people-card__more:hover) .people-card__noimg--default, .people .people-card:has(.people-card__more:focus-visible) .people-card__noimg--default {
    opacity: 0;
  }
  .people .people-card:has(.people-card__more:hover) .people-card__noimg--hover, .people .people-card:has(.people-card__more:focus-visible) .people-card__noimg--hover {
    opacity: 1;
  }
  .people .people-card:has(.people-card__more:hover) .people-card__catch,
  .people .people-card:has(.people-card__more:hover) .people-card__jp,
  .people .people-card:has(.people-card__more:hover) .people-card__jp2,
  .people .people-card:has(.people-card__more:hover) .people-card__no, .people .people-card:has(.people-card__more:focus-visible) .people-card__catch,
  .people .people-card:has(.people-card__more:focus-visible) .people-card__jp,
  .people .people-card:has(.people-card__more:focus-visible) .people-card__jp2,
  .people .people-card:has(.people-card__more:focus-visible) .people-card__no {
    color: #fff;
    background: #008cd6;
  }
}
@media (max-width: 833px) {
  .people .people-card.is-center-done .people-card__thumb::before {
    transform: translateX(0);
  }
  .people .people-card.is-center-done .people-card__roleImg--default {
    opacity: 0;
  }
  .people .people-card.is-center-done .people-card__roleImg--hover {
    opacity: 1;
  }
  .people .people-card.is-center-done .people-card__name-bg {
    background: #fff;
  }
  .people .people-card.is-center-done .people-card__img {
    transform: scale(1.5);
  }
  .people .people-card.is-center-done .people-card__moreimg--default {
    opacity: 0;
  }
  .people .people-card.is-center-done .people-card__moreimg--hover {
    opacity: 1;
  }
  .people .people-card.is-center-done .people-card__noimg--default {
    opacity: 0;
  }
  .people .people-card.is-center-done .people-card__noimg--hover {
    opacity: 1;
  }
  .people .people-card.is-center-done .people-card__catch,
  .people .people-card.is-center-done .people-card__jp,
  .people .people-card.is-center-done .people-card__jp2,
  .people .people-card.is-center-done .people-card__no {
    color: #fff;
    background: #008cd6;
  }
}
.people {
  /* ============ card ============ */
}
.people .people-card {
  position: relative;
  display: flex;
  text-decoration: none;
  color: var(--text);
  overflow: visible;
  align-items: flex-start;
  margin-top: 0;
  background: transparent;
  color: #fff;
  --g1: rgba(0, 180, 255, 0.55);
  --g2: rgba(0, 255, 180, 0.18);
  --g3: rgba(255, 255, 120, 0.28);
  --g4: rgba(180, 0, 255, 0.36);
  --r1: rgba(255, 60, 120, 0.18);
  --r2: rgba(60, 255, 180, 0.14);
  --r3: rgba(60, 140, 255, 0.18);
  /* 反転（3,4） */
}
.people .people-card.is-reverse {
  flex-direction: row-reverse;
}
.people .people-card {
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  /* 画像比率と本文比率 */
  --thumb-w: 58%;
  --body-w: 42%;
}
.people .people-card__thumb {
  position: relative;
  overflow: hidden;
  width: clamp(320px, 38vw, 500px);
  aspect-ratio: 1/1;
  border-radius: 26px;
  background: transparent;
}
.people .people-card__thumb::before {
  content: "";
  position: absolute;
  inset: -10%;
  pointer-events: none;
  z-index: 2;
  opacity: 1;
  transform: translateX(110%);
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
  background: linear-gradient(135deg, rgba(0, 180, 255, 0) 0%, var(--g1) 18%, var(--g2) 38%, var(--g3) 56%, var(--g4) 74%, rgba(180, 0, 255, 0) 100%), radial-gradient(circle at 20% 92%, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0) 55%), radial-gradient(circle at 78% 72%, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 62%), linear-gradient(90deg, rgba(255, 60, 120, 0) 0%, var(--r1) 22%, var(--r2) 52%, var(--r3) 78%, rgba(255, 60, 120, 0) 100%);
  mix-blend-mode: normal;
  filter: saturate(1.35) contrast(1.12);
  background-size: 180% 180%;
  background-position: 10% 100%;
}
.people .people-card__thumb--triangle::before {
  clip-path: polygon(0 104%, 104% 100%, 100% 60%, 0 90%);
}
.people .people-card__thumb--circle::before {
  clip-path: circle(24% at 78% 78%);
}
.people .people-card.is-reverse .people .people-card__thumb {
  border-radius: 26px;
}
.people .people-card__roleImg {
  position: absolute;
  left: 50%;
  bottom: clamp(14px, 2.2vw, 30px);
  transform: translateX(-50%);
  width: min(60%, 520px);
  height: auto;
  z-index: 5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.25s ease;
}
.people .people-card--03 .people-card__roleImg--default,
.people .people-card--03 .people-card__roleImg--hover {
  width: min(45%, 420px);
}
.people .people-card {
  /* 初期状態を“確定”させる（重要） */
}
.people .people-card .people-card__roleImg.people-card__roleImg--default {
  opacity: 1;
}
.people .people-card .people-card__roleImg.people-card__roleImg--hover {
  opacity: 0;
}
.people .people-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  transition: transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform-origin: 25% 0%;
}
.people .people-card__body {
  display: flex;
  flex-direction: column;
  width: auto;
  z-index: 4;
  margin: -50px 0 0 -40px;
}
.people .people-card__body.is-reverse {
  margin: -50px -40px 0 0;
}
.people .people-card {
  /* テキストの行数を安定させる（崩れ防止） */
}
.people .people-card__catch {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.06em;
  font-weight: 600;
  margin-top: 50px;
  align-self: flex-start;
}
.people .people-card__name-bg {
  display: inline-block;
  margin-top: 40px;
  line-height: 0;
  background: transparent;
  transition: background 0.25s ease;
  align-self: flex-start;
  padding: 12px 10px 12px 5px;
}
.people .people-card__name-img {
  display: block;
  height: 45px;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.people .people-card__jp {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-top: 20px;
  align-self: flex-start;
  padding-right: 15px;
  width: 150px;
}
.people .people-card__jp2 {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 50px;
  align-self: flex-start;
  width: 100px;
}
.people .people-card__catch, .people .people-card__name, .people .people-card__jp2, .people .people-card__jp {
  color: rgba(0, 0, 0, 0.78);
}
.people .people-card {
  /* VIEW MORE（右下寄せ固定） */
}
.people .people-card__more {
  margin-top: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 60px;
  border-radius: 12px;
  border: 1.5px solid rgb(0, 0, 0);
  background: transparent;
  position: relative;
}
.people .people-card__moreimg {
  display: block;
  height: 14px;
  width: auto;
  transition: opacity 0.25s ease;
}
.people .people-card__moreimg--default {
  opacity: 1;
}
.people .people-card__moreimg--hover {
  position: absolute;
  inset: 0;
  margin: auto;
  height: 14px;
  width: auto;
  opacity: 0;
  pointer-events: none;
}
.people .people-card__badge {
  padding: 10px;
  z-index: 4;
  background-color: var(--main);
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
}
.people .people-card__no, .people .people-card__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex: 0 0 auto;
}
.people .people-card__no {
  position: relative;
  width: 75px;
  height: 75px;
}
.people .people-card__label {
  width: 100px;
  height: 20px;
}
.people .people-card__label img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.people .people-card__noimg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.25s ease;
}
.people .people-card__noimg--default {
  opacity: 1;
}
.people .people-card__noimg--hover {
  opacity: 0;
}
.people .people-card.is-reverse .people-card__badge {
  align-self: flex-end;
  text-align: right;
}
.people .people-card.is-reverse .people-card__no {
  margin-right: 0;
  margin-left: 10px;
}
.people .people-card {
  /* MQ (1080) */
}
@media (max-width: 1080px) {
  .people .people-card {
    --thumb-w: 56%;
    --body-w: 44%;
  }
  .people .people-card__badge {
    top: -32px;
  }
  .people .people-card__no {
    font-size: 36px;
  }
  .people .people-card__thumb {
    aspect-ratio: 1/2;
  }
  .people .people-card__body {
    padding: 14px 16px 12px;
  }
  .people .people-card__catch {
    font-size: 10.5px;
    -webkit-line-clamp: 3;
  }
  .people .people-card__name {
    font-size: 13.5px;
  }
  .people .people-card__jp {
    font-size: 10.5px;
  }
  .people .people-card__gird {
    grid-template-columns: none;
  }
}
.people .people-card {
  /* TB (834) */
}
@media (max-width: 833px) {
  .people .people-card {
    --thumb-w: 54%;
    --body-w: 46%;
    margin: 0 auto;
    margin-top: 16px;
    border-width: 2px;
  }
  .people .people-card__badge {
    top: -30px;
  }
  .people .people-card__is-reverse {
    margin: -20px -90px 0 0;
  }
  .people .people-card__no {
    font-size: 34px;
  }
  .people .people-card__label {
    font-size: 9.5px;
  }
  .people .people-card__thumb {
    min-height: 150px;
  }
  .people .people-card__body {
    padding: 13px 14px 12px;
    gap: 7px;
  }
  .people .people-card__catch {
    font-size: 10px;
    -webkit-line-clamp: 3;
  }
  .people .people-card__name {
    font-size: 13px;
  }
  .people .people-card__jp {
    font-size: 10px;
    width: 120px;
  }
  .people .people-card__jp2 {
    width: 150px;
  }
  .people .people-card__more {
    padding: 6px 12px;
    font-size: 9.5px;
    letter-spacing: 0.2em;
  }
  .people .people-card.is-center-done .people-card__thumb::before {
    transform: translateX(0);
  }
  .people .people-card.is-center-done .people-card__roleImg--default {
    opacity: 0;
  }
  .people .people-card.is-center-done .people-card__roleImg--hover {
    opacity: 1;
  }
  .people .people-card.is-center-done .people-card__name-bg {
    background: #fff;
  }
  .people .people-card.is-center-done .people-card__img {
    transform: scale(1.5);
  }
  .people .people-card.is-center-done .people-card__moreimg--default {
    opacity: 0;
  }
  .people .people-card.is-center-done .people-card__moreimg--hover {
    opacity: 1;
  }
  .people .people-card.is-center-done .people-card__noimg--default {
    opacity: 0;
  }
  .people .people-card.is-center-done .people-card__noimg--hover {
    opacity: 1;
  }
  .people .people-card.is-center-done .people-card__catch,
  .people .people-card.is-center-done .people-card__jp,
  .people .people-card.is-center-done .people-card__jp2,
  .people .people-card.is-center-done .people-card__no {
    color: #fff;
    background: #008cd6;
  }
  .people .people-card:not(.is-center-done):hover .people-card__thumb::before {
    transform: translateX(110%);
  }
  .people .people-card:not(.is-center-done):hover .people-card__roleImg--default {
    opacity: 1;
  }
  .people .people-card:not(.is-center-done):hover .people-card__roleImg--hover {
    opacity: 0;
  }
  .people .people-card:not(.is-center-done):hover .people-card__name-bg {
    background: transparent;
  }
  .people .people-card:not(.is-center-done):hover .people-card__img {
    transform: none;
  }
  .people .people-card:not(.is-center-done):hover .people-card__moreimg--default {
    opacity: 1;
  }
  .people .people-card:not(.is-center-done):hover .people-card__moreimg--hover {
    opacity: 0;
  }
  .people .people-card:not(.is-center-done):hover .people-card__noimg--default {
    opacity: 1;
  }
  .people .people-card:not(.is-center-done):hover .people-card__noimg--hover {
    opacity: 0;
  }
  .people .people-card:not(.is-center-done):hover .people-card__catch,
  .people .people-card:not(.is-center-done):hover .people-card__jp,
  .people .people-card:not(.is-center-done):hover .people-card__jp2,
  .people .people-card:not(.is-center-done):hover .people-card__no {
    color: rgba(0, 0, 0, 0.78);
    background: transparent;
  }
}
@media (max-width: 833px) and (hover: none) and (pointer: coarse) {
  .people .people-card:hover .people-card__img--hover {
    opacity: 0;
  }
  .people .people-card:hover .people-card__img--default {
    opacity: 1;
  }
  .people .people-card:not(.is-center-done):hover .people-card__img {
    transform: none;
  }
}
.people .people-card {
  /* SP (600) */
}
@media (max-width: 600px) {
  .people .people-card {
    flex-direction: column;
  }
  .people .people-card.is-reverse {
    flex-direction: column;
  }
  .people .people-card {
    margin-top: 14px;
  }
  .people .people-card__thumb {
    width: 100%;
    height: 300px;
    min-height: auto;
    border-radius: 10px 10px 0 0;
    aspect-ratio: 1/1;
  }
  .people .people-card.is-reverse .people .people-card__thumb {
    border-radius: 10px 10px 0 0;
  }
  .people .people-card__body {
    width: 100%;
    padding: 14px 14px 14px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
  .people .people-card__body.is-reverse {
    margin: 0;
  }
  .people .people-card {
    /* 1カラム時はバッジは右上固定に寄せる */
  }
  .people__grid > .people .people-card:nth-child(odd) .people .people-card__badge, .people__grid > .people .people-card:nth-child(even) .people .people-card__badge {
    right: 12px;
    left: auto;
    top: -28px;
  }
  .people .people-card__no {
    font-size: 32px;
    width: 40px;
    height: 40px;
  }
  .people .people-card__badge {
    position: absolute;
    top: -50px;
    right: 0;
    padding: 0;
  }
  .people .people-card__label {
    width: 60px;
  }
  .people .people-card__role {
    font-size: 20px;
    left: 14px;
    bottom: 12px;
  }
  .people .people-card__catch {
    -webkit-line-clamp: 4;
    margin-top: 10px;
  }
  .people .people-card__name-bg {
    margin-top: 10px;
  }
  .people .people-card .people-card__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0 20px;
  }
  .people .people-card .people-card__jp,
  .people .people-card .people-card__jp2 {
    margin: 0;
    font-size: 14px;
    width: 150px;
  }
}

/* ============ ABOUT US ============ */
.aboutus {
  background: var(--white);
  padding: 200px 0 300px;
  overflow: hidden;
}
.aboutus__inner {
  width: min(1400px, 92vw);
  margin: 0 auto;
}
.aboutus__heading {
  max-width: 1400px;
  margin-bottom: 110px;
  color: var(--main);
}
.aboutus {
  /* タイトルは画像 */
}
.aboutus__heading-img {
  display: block;
  width: min(600px, 100%);
  height: auto;
}
.aboutus {
  /* sub01（帯ワイプ） */
}
.aboutus__heading-sub01 {
  margin-top: 50px;
  font-size: 35px;
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  background: #fff;
  padding: 0px 0px 3px 7px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  isolation: isolate;
  color: transparent;
  z-index: 0;
}
.aboutus__heading-sub01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
  z-index: -1;
  transform: translateX(-101%);
}
.aboutus__heading-sub01.is-solution-sub-show::before {
  animation: worksSubWipe 1.2s ease forwards;
}
.aboutus__heading-sub01.is-solution-sub-show {
  animation: worksSubText 0.8s ease 0.8s forwards;
}
@keyframes worksSubWipe {
  0% {
    transform: translateX(-101%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@keyframes worksSubText {
  0% {
    color: transparent;
  }
  100% {
    color: var(--text);
  }
}
.aboutus {
  /* sub02（青） */
}
.aboutus__heading-sub02 {
  margin-top: 15px;
  font-size: 22px;
  opacity: 0.9;
  font-weight: 500;
  color: var(--main);
}
.aboutus__layout {
  margin-top: 56px;
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.95fr);
  gap: 80px;
  max-width: 1400px;
}
.aboutus__side {
  display: grid;
  gap: 130px;
  align-self: stretch;
}
.aboutus .aboutus-card {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}
.aboutus .aboutus-card__label {
  position: absolute;
  top: -14px;
  left: -14px;
  z-index: 2;
  min-width: 170px;
  padding: 15px 25px;
  border: 2px solid rgb(0, 0, 0);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text);
  transition: background-color 0.45s ease, color 0.45s ease, border-color 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.aboutus .aboutus-card__media {
  position: relative;
  overflow: hidden;
  border: 2px solid rgb(0, 0, 0);
  border-radius: 24px;
  background: #fff;
}
.aboutus .aboutus-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(15, 42, 140, 0.5);
  opacity: 0;
  transition: opacity 0.45s ease;
  pointer-events: none;
}
.aboutus .aboutus-card__img {
  display: block;
  width: 100%;
  height: 103%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.aboutus .aboutus-card--main .aboutus-card__media {
  aspect-ratio: auto;
}
.aboutus .aboutus-card__center {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.aboutus .aboutus-card--message {
  width: min(100%, 500px);
  margin-left: auto;
}
.aboutus .aboutus-card--message .aboutus-card__media {
  aspect-ratio: 1.5/1;
}
.aboutus .aboutus-card__center-img {
  display: block;
  width: min(62%, 420px);
  height: auto;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.aboutus .aboutus-card--csr {
  width: min(100%, 500px);
  margin-left: auto;
}
.aboutus .aboutus-card--csr .aboutus-card__media {
  aspect-ratio: 1.5/1;
}
.aboutus .aboutus-card--csr .aboutus-card__center-img {
  width: min(70%, 180px);
}
@media (hover: hover) and (pointer: fine) {
  .aboutus .aboutus-card:hover .aboutus-card__label {
    background: var(--accent);
    color: var(--text);
    border-color: rgb(0, 0, 0);
  }
  .aboutus .aboutus-card:hover .aboutus-card__media::after {
    opacity: 1;
  }
  .aboutus .aboutus-card:hover .aboutus-card__img {
    transform: scale(1.08);
  }
  .aboutus .aboutus-card:hover .aboutus-card__center-img {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1080px) {
  .aboutus {
    padding: 100px 0 150px;
  }
  .aboutus__heading-img {
    width: min(100%, 500px);
  }
  .aboutus__heading-sub01 {
    margin-top: 32px;
    font-size: 31px;
  }
  .aboutus__heading-sub02 {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.85;
  }
  .aboutus__layout {
    margin-top: 50px;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.82fr);
    gap: 30px;
  }
  .aboutus__side {
    gap: 30px;
  }
  .aboutus .aboutus-card__label {
    top: -12px;
    left: -12px;
    padding: 13px 20px;
    font-size: 18px;
  }
  .aboutus .aboutus-card--message, .aboutus .aboutus-card--csr {
    width: 100%;
  }
  .aboutus .aboutus-card--message .aboutus-card__center-img {
    width: min(70%, 260px);
  }
  .aboutus .aboutus-card--csr .aboutus-card__center-img {
    width: min(52%, 160px);
  }
}
@media (max-width: 833px) {
  .aboutus {
    padding: 90px 0 250px;
  }
  .aboutus__heading-img {
    width: min(100%, 440px);
  }
  .aboutus__heading-sub01 {
    margin-top: 28px;
    font-size: 28px;
  }
  .aboutus__heading-sub02 {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.8;
  }
  .aboutus__layout {
    margin-top: 44px;
    grid-template-columns: 1fr;
    gap: 28px;
    max-width: none;
  }
  .aboutus__side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-content: stretch;
  }
  .aboutus .aboutus-card__label {
    top: -20px;
    left: 0px;
    min-width: auto;
    padding: 11px 16px;
    font-size: 15px;
    border-radius: 8px;
  }
  .aboutus .aboutus-card__media {
    border-radius: 20px;
  }
  .aboutus .aboutus-card__center {
    padding: 16px;
  }
  .aboutus .aboutus-card__center-img {
    width: min(62%, 320px);
  }
  .aboutus .aboutus-card--main, .aboutus .aboutus-card--message, .aboutus .aboutus-card--csr {
    width: 100%;
    margin-left: 0;
  }
  .aboutus .aboutus-card--message .aboutus-card__center-img {
    width: min(58%, 220px);
  }
  .aboutus .aboutus-card--csr .aboutus-card__center-img {
    width: min(42%, 135px);
  }
}
@media (max-width: 600px) {
  .aboutus {
    padding: 0px 0 96px;
  }
  .aboutus__inner {
    width: min(92vw, 560px);
  }
  .aboutus__heading-img {
    width: min(100%, 300px);
  }
  .aboutus__heading-sub01 {
    margin-top: 12px;
    font-size: 22px;
  }
  .aboutus__heading-sub02 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.7;
  }
  .aboutus__layout {
    margin-top: 20px;
    gap: 40px;
  }
  .aboutus__side {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .aboutus .aboutus-card__label {
    top: -15px;
    left: -5px;
    padding: 8px 12px 9px;
    font-size: 11px;
    border-radius: 8px;
  }
  .aboutus .aboutus-card__media {
    border-radius: 16px;
  }
  .aboutus .aboutus-card__center {
    padding: 14px;
  }
  .aboutus .aboutus-card__center-img {
    width: min(68%, 260px);
  }
  .aboutus .aboutus-card--message .aboutus-card__center-img {
    width: min(62%, 210px);
  }
  .aboutus .aboutus-card--csr .aboutus-card__center-img {
    width: min(40%, 125px);
  }
}

/* ============ RECRUIT ============ */
.recruit {
  position: relative;
  overflow: hidden;
  background: var(--white);
}
.recruit::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/background02.png") no-repeat center top/cover;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1070px) {
  .recruit::before {
    background: url("../img/background-sp.png") no-repeat center top/cover;
  }
}
.recruit > * {
  position: relative;
  z-index: 3;
}
.recruit__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 400px 24px 450px;
}
.recruit__heading {
  max-width: 1024px;
  margin-bottom: 100px;
  color: #fff;
}
.recruit__heading-img {
  display: block;
  width: min(570px, 100%);
  height: auto;
}
.recruit__heading-sub01 {
  margin-top: 50px;
  font-size: 35px;
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  background: #fff;
  padding: 0px 0px 3px 7px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  isolation: isolate;
  color: transparent;
  z-index: 0;
}
.recruit__heading-sub01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
  z-index: -1;
  transform: translateX(-101%);
}
.recruit__heading-sub01.is-solution-sub-show::before {
  animation: solutionSubWipe 1.2s ease forwards;
}
.recruit__heading-sub01.is-solution-sub-show {
  animation: solutionSubText 0.8s ease 0.8s forwards;
}
@keyframes solutionSubWipe {
  0% {
    transform: translateX(-101%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@keyframes solutionSubText {
  0% {
    color: transparent;
  }
  100% {
    color: var(--text);
  }
}
.recruit__heading-sub02 {
  margin-top: 15px;
  font-size: 22px;
  opacity: 0.9;
  font-weight: 500;
  color: #fff;
  color: #fff;
}
.recruit__visualWrap {
  position: relative;
  width: min(1400px, 100%);
  margin: 50px auto 0;
}
.recruit__visual {
  margin: 0;
}
.recruit__visual img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}
.recruit__copy {
  position: absolute;
  top: -100px;
  right: 100px;
  margin: 0;
  padding: 20px 10px 5px 10px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  background: #fff;
  color: var(--text);
  font-size: 28px;
  line-height: 1.8;
  font-weight: 700;
  letter-spacing: 0.08em;
  z-index: 4;
}
.recruit__nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  padding: 0 25px 0 25px;
  margin-top: -58px;
  position: relative;
  z-index: 4;
}
.recruit__navItem {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 8px 8px 0 0;
  background: #2b94dc;
  color: var(--white);
  text-decoration: none;
  text-align: center;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  transform: translateZ(0);
  transition: transform 0.25s ease, color 0.18s ease 0s;
}
.recruit__navItem span {
  position: relative;
  z-index: 2;
}
.recruit__navItem::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--accent);
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}
.recruit__navItem:hover::before {
  transform: scaleY(1);
}
.recruit__navItem:hover {
  color: var(--text);
  transition: transform 0.25s ease, color 0.18s ease 0.18s;
}
.recruit__trailCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
}
.recruit__birdFly {
  position: fixed;
  top: 22vh;
  left: 0;
  z-index: 9999;
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #1b74b7;
  opacity: 0;
  transform: translate3d(-40vw, -10px, 0);
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.recruit__birdText {
  font-size: 12px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.recruit__birdImg {
  width: 34px;
  height: auto;
  display: block;
}
.recruit__visual picture,
.recruit__visual img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1080px) {
  .recruit__inner {
    padding: 250px 24px 120px;
  }
  .recruit__heading-img {
    width: min(500px, 100%);
  }
  .recruit__visualWrap {
    width: min(780px, 100%);
    margin-top: 42px;
  }
  .recruit__copy {
    right: 24px;
    font-size: 16px;
  }
  .recruit__heading-img {
    width: min(100%, 440px);
  }
  .recruit__heading-sub01 {
    margin-top: 28px;
    font-size: 28px;
  }
  .recruit__heading-sub02 {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.8;
  }
  .recruit__navItem {
    font-size: 15px;
    padding: 0 18px;
  }
}
@media (max-width: 833px) {
  .recruit__heading {
    gap: 0;
  }
  .recruit__inner {
    position: relative;
    padding: 250px 24px 200px;
    overflow: hidden;
    z-index: 1;
  }
  .recruit__inner::before {
    content: "";
    position: absolute;
    inset: 50% 0 0 0;
    background: var(--main);
    z-index: 0;
  }
  .recruit__inner > * {
    position: relative;
    z-index: 1;
  }
  .recruit__heading-img {
    width: min(560px, 100%);
  }
  .recruit__heading-sub01 {
    margin-top: 28px;
    font-size: 28px;
  }
  .recruit__heading-sub02 {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.8;
  }
  .recruit__visualWrap {
    width: 100%;
    margin-top: 34px;
  }
  .recruit__visual {
    aspect-ratio: 1.6/1;
  }
  .recruit__copy {
    top: -18px;
    right: 14px;
    padding: 12px 9px;
    font-size: 14px;
    line-height: 1.7;
  }
  .recruit__nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 12px;
  }
  .recruit__navItem {
    min-height: 52px;
    border-radius: 8px;
  }
}
@media (max-width: 600px) {
  .recruit__inner {
    padding: 250px 24px 200px;
  }
  .recruit::after {
    content: none;
  }
  .recruit__heading {
    margin-bottom: 60px;
  }
  .recruit__heading-img {
    width: min(100%, 250px);
  }
  .recruit__heading-sub01 {
    margin-top: 12px;
    font-size: 22px;
  }
  .recruit__heading-sub02 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.7;
  }
  .recruit__visualWrap {
    margin-top: 28px;
  }
  .recruit__visual {
    aspect-ratio: 1.05/1.05;
  }
  .recruit__copy {
    top: -35px;
    right: 75%;
    padding: 10px 7px;
    font-size: 13px;
    letter-spacing: 0.05em;
  }
  .recruit__nav {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 10px;
    padding: 0;
  }
  .recruit__navItem {
    min-height: 48px;
    font-size: 12px;
    border-radius: 8px;
  }
}

/* ============ NEWS ============ */
.news {
  position: relative;
  overflow: hidden;
  padding: 170px 0 120px;
  margin-top: -10px;
  z-index: 2;
  /* 背景画像 */
}
.news::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/news-bg.png") no-repeat center center/cover;
  pointer-events: none;
}
.news > * {
  position: relative;
  z-index: 1;
}
.news__inner {
  width: min(1400px, 92vw);
  margin: 0 auto;
}
.news__heading-title {
  margin: 0;
}
.news__heading {
  max-width: 1024px;
  margin-bottom: 100px;
  color: #fff;
}
.news__heading-img {
  display: block;
  width: min(370px, 100%);
  height: auto;
}
.news__heading-sub01 {
  margin-top: 50px;
  font-size: 35px;
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  background: #fff;
  padding: 0px 0px 3px 7px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  isolation: isolate;
  color: transparent;
  z-index: 0;
}
.news__heading-sub01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
  z-index: -1;
  transform: translateX(-101%);
}
.news__heading-sub01.is-solution-sub-show::before {
  animation: solutionSubWipe 1.2s ease forwards;
}
.news__heading-sub01.is-solution-sub-show {
  animation: solutionSubText 0.8s ease 0.8s forwards;
}
@keyframes solutionSubWipe {
  0% {
    transform: translateX(-101%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@keyframes solutionSubText {
  0% {
    color: transparent;
  }
  100% {
    color: var(--text);
  }
}
.news__list-wrap {
  padding: 0;
}
.news__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.22);
}
.news__item {
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.22);
}
.news__link {
  position: relative;
  display: grid;
  grid-template-columns: 84px 150px minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  min-height: 75px;
  padding: 0 10px;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  transition: padding-left 0.25s ease;
}
.news__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: -1;
}
.news__item:hover .news__link {
  padding-left: 20px;
}
.news__item:hover .news__link::before {
  transform: scaleX(1);
}
.news__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 22px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  color: transparent;
}
.news__label--new {
  color: #fff;
  background: var(--accent);
}
.news__date {
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--text);
  white-space: nowrap;
}
.news__text {
  min-width: 0;
  font-size: 1.6rem;
  line-height: 1.7;
  color: var(--text);
  letter-spacing: 0.03em;
  font-weight: 500;
}
.news__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 56px;
}
.news__more {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  border-radius: 10px;
  border: 1.5px solid rgb(0, 0, 0);
  box-shadow: inset 0 0 0 0 var(--main);
  transition: box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, transform 0.3s ease;
}
.news__more:hover {
  border-color: var(--main);
  box-shadow: inset 0 0 0 100vmax var(--main);
  transition: box-shadow 0.38s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease, transform 0.25s ease;
}
.news__more:hover .works__moreimg--default,
.news__more:hover .people-card__moreimg--default,
.news__more:hover .news__moreimg--default {
  opacity: 0;
}
.news__more:hover .works__moreimg--hover,
.news__more:hover .people-card__moreimg--hover,
.news__more:hover .news__moreimg--hover {
  opacity: 1;
}
.news__moreimg {
  display: block;
  height: 14px;
  width: auto;
  transition: opacity 0.7s ease;
}
.news__moreimg--default {
  opacity: 1;
}
.news__moreimg--hover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
@media (max-width: 1366px) {
  .news {
    padding: 140px 0 115px;
  }
  .news__heading {
    margin-bottom: 88px;
  }
  .news__list-wrap {
    padding: 0 72px;
  }
  .news__actions {
    padding: 0;
    margin-top: 52px;
  }
}
@media (max-width: 1080px) {
  .news {
    padding: 130px 0 105px;
  }
  .news__heading {
    margin-bottom: 72px;
  }
  .news__heading-img {
    width: min(280px, 34vw);
  }
  .news__heading-sub01 {
    margin-top: 30px;
  }
  .news__list-wrap {
    padding: 0 48px;
  }
  .news__link {
    grid-template-columns: 76px 136px minmax(0, 1fr);
    -moz-column-gap: 14px;
         column-gap: 14px;
    min-height: 70px;
  }
  .news__date, .news__text {
    font-size: 1.5rem;
  }
  .news__actions {
    margin-top: 46px;
  }
}
@media (max-width: 833px) {
  .news {
    padding: 110px 0 95px;
  }
  .news__inner {
    width: min(92vw, 900px);
  }
  .news__heading {
    margin-bottom: 56px;
  }
  .news__heading-img {
    width: min(280px, 42vw);
  }
  .news__heading-sub01 {
    margin-top: 24px;
  }
  .news__list-wrap {
    padding: 0;
  }
  .news__link {
    grid-template-columns: 68px 124px minmax(0, 1fr);
    -moz-column-gap: 12px;
         column-gap: 12px;
    min-height: 64px;
    padding: 0 6px;
  }
  .news__item:hover .news__link {
    padding-left: 12px;
  }
  .news__label {
    min-width: 54px;
    height: 20px;
    font-size: 1.2rem;
  }
  .news__date, .news__text {
    font-size: 1.4rem;
  }
  .news__text {
    line-height: 1.75;
  }
  .news__actions {
    padding: 0;
    margin-top: 38px;
  }
  .news__more {
    padding: 18px 28px;
  }
}
@media (max-width: 600px) {
  .news {
    padding: 100px 0 78px;
  }
  .news__label:empty {
    display: none;
  }
  .news__inner {
    width: min(92vw, 560px);
  }
  .news__heading {
    margin-bottom: 40px;
  }
  .news__heading-img {
    width: min(210px, 52vw);
  }
  .news__heading-sub01 {
    margin-top: 12px;
    font-size: 1.8rem;
  }
  .news__link {
    grid-template-columns: 1fr;
    row-gap: 8px;
    align-items: start;
    min-height: auto;
    padding: 16px 4px;
  }
  .news__item:hover .news__link {
    padding-left: 8px;
  }
  .news__label {
    min-width: 56px;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    font-size: 1.2rem;
  }
  .news__date {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .news__text {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .news__actions {
    justify-content: center;
    margin-top: 32px;
  }
  .news__more {
    min-width: 160px;
    min-height: 48px;
    padding: 16px 26px;
  }
  .news__moreimg {
    height: 13px;
  }
}

/* ============ MEDIA LINK ============ */
.media-link {
  background: #fff;
  padding: 300px 0 300px;
  position: relative;
  overflow: hidden;
}
.media-link__inner {
  width: min(1400px, 92vw);
  margin: 0 auto;
}
.media-link__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px;
  align-items: stretch;
  max-width: 1400px;
  margin: 0 auto;
}
.media-link__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 240px;
  padding: 40px 28px;
  border: 1.9px solid rgb(0, 0, 0);
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, background-color 0.35s ease;
}
.media-link__lead {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  margin: 0;
  padding: 0 14px;
  transform: translate(-50%, -50%);
  font-size: 1.9rem;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--text, #1c1c1c);
  text-align: center;
  white-space: nowrap;
  background: #fff;
  display: grid;
  overflow: hidden;
}
.media-link__lead-text {
  grid-area: 1/1;
  display: block;
  width: 100%;
  backface-visibility: hidden;
  transform-origin: center center;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
  will-change: transform, opacity;
}
.media-link__lead-text--default {
  transform: translateY(0);
  opacity: 1;
}
.media-link__lead-text--hover {
  transform: translateY(-100%);
  opacity: 0;
}
.media-link__card:hover .media-link__lead-text--default {
  transform: translateY(100%);
  opacity: 0;
}
.media-link__card:hover .media-link__lead-text--hover {
  transform: translateY(0);
  opacity: 1;
}
.media-link__logo {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 88px;
}
.media-link__logo img {
  display: block;
  max-width: min(100%, 350px);
  max-height: 88px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.media-link__card--store .media-link__logo img {
  max-height: 110px;
}
@media (max-width: 1080px) {
  .media-link {
    padding: 100px 0 110px;
  }
  .media-link__grid {
    gap: 24px;
    max-width: 920px;
  }
  .media-link__card {
    min-height: 190px;
    padding: 30px 22px 26px;
  }
  .media-link__lead {
    font-size: 1.05rem;
    padding: 0 12px;
  }
  .media-link__logo {
    min-height: 80px;
  }
  .media-link__logo img {
    max-width: min(100%, 220px);
    max-height: 80px;
  }
  .media-link__card--store .media-link__logo img {
    max-height: 96px;
  }
}
@media (max-width: 834px) {
  .media-link {
    padding: 90px 0 100px;
  }
  .media-link__grid {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 620px;
  }
  .media-link__card {
    min-height: 180px;
    padding: 28px 20px 24px;
  }
  .media-link__lead {
    font-size: 1rem;
    white-space: normal;
    width: calc(100% - 48px);
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .media-link__card--store .media-link__logo img {
    max-height: 88px;
  }
}
@media (max-width: 600px) {
  .media-link {
    padding: 72px 0 80px;
  }
  .media-link__inner {
    width: min(92vw, 520px);
  }
  .media-link__grid {
    gap: 16px;
  }
  .media-link__card {
    min-height: 156px;
    padding: 24px 16px 20px;
    border-radius: 8px;
  }
  .media-link__lead {
    width: calc(100% - 32px);
    padding: 0 10px;
    font-size: 0.95rem;
    line-height: 1.4;
  }
  .media-link__logo {
    min-height: 64px;
  }
  .media-link__logo img {
    max-width: min(100%, 190px);
    max-height: 64px;
  }
  .media-link__card--store .media-link__logo img {
    max-height: 74px;
  }
}

@keyframes mediaCardShine {
  0% {
    transform: translateX(0) rotate(18deg);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    transform: translateX(520%) rotate(18deg);
    opacity: 0;
  }
}
/* ============ CONTACT ============ */
.contact {
  position: relative;
  overflow: hidden;
  background: #f3a000;
  padding: 0 0 110px;
  margin-top: 0;
}
.contact::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 42px;
  background: #fff;
  z-index: 1;
  pointer-events: none;
}
.contact > * {
  position: relative;
  z-index: 2;
}
.contact__inner {
  position: relative;
  width: min(1400px, 92vw);
  margin: 0 auto;
  min-height: 560px;
}
.contact__heading {
  max-width: 1024px;
  margin-bottom: 100px;
  color: #fff;
}
.contact__heading-img {
  display: block;
  width: min(570px, 100%);
  height: auto;
}
.contact__heading-sub01 {
  margin-top: 50px;
  font-size: 35px;
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: inline-block;
  background: #fff;
  padding: 0px 0px 3px 7px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  isolation: isolate;
  color: transparent;
  z-index: 0;
}
.contact__heading-sub01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
  z-index: -1;
  transform: translateX(-101%);
}
.contact__heading-sub01.is-solution-sub-show::before {
  animation: solutionSubWipe 1.2s ease forwards;
}
.contact__heading-sub01.is-solution-sub-show {
  animation: solutionSubText 0.8s ease 0.8s forwards;
}
@keyframes solutionSubWipe {
  0% {
    transform: translateX(-101%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}
@keyframes solutionSubText {
  0% {
    color: transparent;
  }
  100% {
    color: var(--text);
  }
}
.contact__heading-sub02 {
  margin-top: 15px;
  font-size: 22px;
  opacity: 0.9;
  font-weight: 500;
  color: #fff;
  color: #fff;
}
.contact__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  max-width: 1400px;
  margin: 125px auto 0;
}
.contact__btn-text-wrap {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
}
.contact__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 56px 0 30px;
  border-radius: 8px;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.contact__btn-text {
  grid-area: 1/1;
  display: block;
  font-size: 21px;
  width: 100%;
  font-weight: 500;
  backface-visibility: hidden;
  transform-origin: center center;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
  will-change: transform, opacity;
}
.contact__btn-text--default {
  transform: translateY(0);
  opacity: 1;
}
.contact__btn-text--hover {
  transform: translateY(-100%);
  opacity: 0;
}
.contact__btn-text img {
  display: block;
  width: auto;
  height: 0.9em;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.contact__btn:hover .contact__btn-text--default {
  transform: translateY(100%);
  opacity: 0;
}
.contact__btn:hover .contact__btn-text--hover {
  transform: translateY(0);
  opacity: 1;
}
.contact__btn-icon {
  position: absolute;
  right: 25px;
  top: 50%;
  z-index: 1;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  flex-shrink: 0;
}
.contact__btn-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.contact__btn-icon--black::before {
  background-image: url("../img/diamond-black.png");
}
.contact__btn-icon--white::before {
  background-image: url("../img/diamond-white.png");
}
.contact__btn:hover .contact__btn-icon--white::before {
  background-image: url("../img/diamond-yellow.png");
}
.contact__btn:hover .contact__btn-icon--black::before {
  background-image: url("../img/diamond-white.png");
}
.contact__btn--form {
  background: #0a8fd6;
  border: 2px solid #0a8fd6;
  color: #fff;
}
.contact__btn--tel {
  background: transparent;
  border: 2px solid rgba(28, 28, 28, 0.28);
  color: var(--text, #1c1c1c);
  cursor: pointer;
}
.contact__pagetop {
  position: absolute;
  right: 24px;
  top: 70%;
  width: 20px;
  height: 220px;
  transform: translateY(-10%);
  display: block;
  text-decoration: none;
  background: url("../img/go-to-top.png") no-repeat center center/contain;
  transition: opacity 0.35s ease;
  animation: contactPagetopFloat 2s ease-in-out infinite;
  opacity: 1;
}
.contact__pagetop:hover {
  animation-play-state: paused;
}
@keyframes contactPagetopFloat {
  0% {
    transform: translateY(-10%);
  }
  50% {
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(-10%);
  }
}
@media (max-width: 1080px) {
  .contact {
    padding-bottom: 96px;
  }
  .contact__inner {
    min-height: 520px;
  }
  .contact__heading {
    max-width: 1024px;
    margin-bottom: 84px;
    color: #fff;
  }
  .contact__heading-img {
    width: min(440px, 100%);
  }
  .contact__heading-sub01 {
    margin-top: 32px;
    font-size: 31px;
  }
  .contact__heading-sub02 {
    font-size: 14px;
    line-height: 1.85;
    max-width: 520px;
  }
  .contact__actions {
    margin-top: 110px;
    padding: 0 56px;
    gap: 24px;
  }
  .contact__btn {
    min-height: 54px;
    padding: 0 48px 0 24px;
  }
  .contact__btn-text {
    font-size: 18px;
    letter-spacing: 0.06em;
  }
  .contact__btn-icon {
    right: 20px;
    width: 14px;
    height: 14px;
  }
  .contact__pagetop {
    right: 14px;
    width: 18px;
    height: 200px;
    top: 68%;
  }
}
@media (max-width: 833px) {
  .contact {
    padding-bottom: 84px;
  }
  .contact::before {
    height: 34px;
  }
  .contact__inner {
    width: min(92vw, 100%);
    min-height: auto;
  }
  .contact__heading {
    max-width: 1024px;
    margin-bottom: 72px;
    color: #fff;
  }
  .contact__heading-img {
    width: min(440px, 100%);
  }
  .contact__heading-sub01 {
    margin-top: 26px;
    font-size: 26px;
    line-height: 1.3;
  }
  .contact__heading-sub02 {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.85;
    max-width: 100%;
  }
  .contact__actions {
    grid-template-columns: 1fr;
    max-width: 760px;
    margin: 82px auto 0;
    padding: 0 20px;
    gap: 18px;
  }
  .contact__btn {
    min-height: 58px;
    padding: 0 54px 0 24px;
  }
  .contact__btn-text {
    font-size: 18px;
    letter-spacing: 0.05em;
  }
  .contact__btn-icon {
    right: 22px;
    width: 14px;
    height: 14px;
  }
  .contact__pagetop {
    top: auto;
    right: 8px;
    bottom: 6px;
    width: 18px;
    height: 180px;
    transform: none;
    animation: contactPagetopFloatTb 2s ease-in-out infinite;
  }
  @keyframes contactPagetopFloatTb {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-8px);
    }
    100% {
      transform: translateY(0);
    }
  }
}
@media (max-width: 600px) {
  .contact {
    padding-bottom: 50px;
  }
  .contact::before {
    height: 24px;
  }
  .contact__inner {
    width: min(92vw, 100%);
  }
  .contact__heading {
    max-width: 1024px;
    margin-bottom: 52px;
    color: #fff;
  }
  .contact__heading-img {
    width: min(250px, 100%);
  }
  .contact__heading-sub01 {
    margin-top: 18px;
    font-size: 20px;
    line-height: 1.35;
    padding: 0px 3px 3px 4px;
  }
  .contact__heading-sub02 {
    margin-top: 12px;
    font-size: 11px;
    letter-spacing: 0.01em;
  }
  .contact__actions {
    margin-top: 48px;
    padding: 0;
    gap: 14px;
  }
  .contact__btn {
    min-height: 52px;
    padding: 0 44px 0 18px;
    border-radius: 8px;
  }
  .contact__btn-text {
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: 0.04em;
  }
  .contact__btn-icon {
    right: 16px;
    width: 12px;
    height: 12px;
  }
  .contact__pagetop {
    display: none;
  }
  @keyframes contactPagetopFloatSp {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-6px);
    }
    100% {
      transform: translateY(0);
    }
  }
}
@media (max-width: 390px) {
  .contact__heading-sub02 {
    font-size: 10px;
  }
}

@keyframes contactPagetopFloat {
  0% {
    transform: translateY(-10%);
  }
  50% {
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(-10%);
  }
}
/* ============ RENAME POPUP ============ */
.rename-popup {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  width: min(400px, 100vw - 32px);
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(10, 143, 214, 0.18);
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 22px 22px 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.45s ease, transform 0.45s ease, visibility 0.45s ease;
}
.rename-popup.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rename-popup.is-hide {
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  pointer-events: none;
}
.rename-popup__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rename-popup__label {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--main);
}
.rename-popup__text {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.04em;
  color: var(--text);
}
.rename-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.25s ease;
}
.rename-popup__close:hover {
  background: rgba(10, 143, 214, 0.08);
}
.rename-popup__close span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 1.5px;
  background: var(--text);
  border-radius: 999px;
}
.rename-popup__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.rename-popup__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.rename-popup__birdTrigger {
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 834px) {
  .rename-popup {
    right: 16px;
    bottom: 16px;
    padding: 18px 18px 16px;
    border-radius: 16px;
  }
  .rename-popup__text {
    font-size: 16px;
    line-height: 1.7;
  }
}
@media (max-width: 600px) {
  .rename-popup {
    width: calc(100vw - 24px);
    right: 12px;
    bottom: 12px;
    padding: 16px 16px 14px;
  }
  .rename-popup__label {
    font-size: 11px;
  }
  .rename-popup__text {
    font-size: 14px;
  }
}

.site-pagetop {
  display: none;
}
@media (max-width: 600px) {
  .site-pagetop {
    position: fixed;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 65px;
    height: 65px;
    border: 1px solid #fff;
    border-radius: 15px;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  }
  .site-pagetop.is-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}

/* =========================
   2550 x 1440 付近だけ対応
   ※ ファイルのいちばん最後に追加
========================= */
@media (min-width: 2500px) and (max-width: 2600px) and (min-height: 1380px) and (max-height: 1460px) {
  .mv__mark {
    width: min(620px, 28vw);
  }
  .mv__scroll {
    left: 40px;
  }
  .mv__sns {
    right: 28px;
  }
  .mv__name {
    font-size: 42px;
  }
  .message__inner {
    width: min(1600px, 82vw);
  }
  .message__title {
    top: 20%;
    right: 16%;
    font-size: 96px;
  }
  .message__cols {
    height: 860px;
    margin: 170px 0 150px;
  }
  .message__col {
    font-size: 35px;
    line-height: 2;
  }
  .message__birdText {
    font-size: 18px;
  }
  .message__skip {
    font-size: 20px;
  }
  .solution::after {
    background-size: 2560px auto;
  }
  .solution__inner {
    max-width: 1700px;
    padding: 420px 24px 420px;
  }
  .solution__grid {
    max-width: 1600px;
  }
  .solution__piece {
    height: 430px;
    margin: -15px -33px 0;
  }
  .solution__title--img {
    padding-top: 110px;
  }
  .solution__heading-sub01 {
    font-size: 52.5px;
  }
  .solution__heading-sub02 {
    font-size: 22.5px;
    line-height: 2;
  }
  .solution__sub {
    font-size: 24px;
  }
  .solution__desc {
    top: 200px;
    font-size: 25.5px;
    line-height: 1.9;
  }
  .solution__meta {
    font-size: 18px;
  }
  .solution__meta-text--hover {
    font-size: 24px;
  }
  .solution__change-text {
    font-size: 12px;
  }
  .works__inner {
    width: min(1680px, 84vw);
  }
  .works__grid {
    gap: 60px;
  }
  .works__heading-sub01 {
    font-size: 52.5px;
  }
  .works__heading-sub02 {
    font-size: 22.5px;
    line-height: 2;
  }
  .works__tag {
    font-size: 37.5px;
  }
  .works__tag--sm {
    font-size: 27px;
  }
  .works__meta {
    font-size: 22.5px;
  }
  .people::after {
    background-size: 2560px auto;
  }
  .people__inner {
    max-width: 1700px;
    padding: 420px 24px 420px;
  }
  .people__grid {
    gap: 140px 80px;
  }
  .people__heading-sub01 {
    font-size: 52.5px;
  }
  .people__heading-sub02 {
    font-size: 22.5px;
    line-height: 2;
  }
  .people .people-card__thumb {
    width: clamp(420px, 28vw, 560px);
  }
  .people .people-card__catch {
    font-size: 24px;
    line-height: 1.9;
  }
  .people .people-card__jp, .people .people-card__jp2 {
    font-size: 21px;
  }
  .aboutus__inner {
    width: min(1680px, 84vw);
  }
  .aboutus__layout {
    gap: 100px;
    max-width: 1700px;
  }
  .aboutus__heading-sub01 {
    font-size: 52.5px;
  }
  .aboutus__heading-sub02 {
    font-size: 22.5px;
    line-height: 2;
  }
  .aboutus .aboutus-card--csr {
    width: min(100%, 800px);
    margin-left: auto;
  }
  .aboutus .aboutus-card--message {
    width: min(100%, 800px);
    margin-left: auto;
  }
  .aboutus .aboutus-card__label {
    font-size: 30px;
  }
  .recruit::after {
    background-size: 2560px auto;
  }
  .recruit__inner {
    max-width: 1700px;
    padding: 420px 24px 460px;
  }
  .recruit__visualWrap {
    width: min(1600px, 100%);
  }
  .recruit__copy {
    right: 140px;
    font-size: 48px;
    line-height: 1.8;
  }
  .recruit__heading-sub01 {
    font-size: 52.5px;
  }
  .recruit__heading-sub02 {
    font-size: 22.5px;
    line-height: 2;
  }
  .recruit__navItem {
    font-size: 30px;
  }
  .recruit__birdText {
    font-size: 18px;
  }
  .news__inner {
    width: min(1680px, 84vw);
  }
  .news__list-wrap {
    padding: 0 120px;
  }
  .news__heading-sub01 {
    font-size: 52.5px;
  }
  .news__label {
    font-size: 2.1rem;
  }
  .news__date, .news__text {
    font-size: 2.4rem;
  }
  .media-link__inner {
    width: min(1680px, 84vw);
  }
  .media-link__grid {
    gap: 60px;
  }
  .media-link__lead {
    font-size: 2.85rem;
  }
  .contact__inner {
    width: min(1680px, 84vw);
  }
  .contact__actions {
    gap: 60px;
  }
  .contact__pagetop {
    right: 32px;
  }
  .contact__heading-sub01 {
    font-size: 52.5px;
  }
  .contact__heading-sub02 {
    font-size: 22.5px;
    line-height: 2;
  }
  .contact__btn-text {
    font-size: 31.5px;
  }
  .rename-popup__label {
    font-size: 18px;
  }
  .rename-popup__text {
    font-size: 27px;
  }
  .site-pagetop {
    font-size: 16.5px;
  }
}
.news-detail {
  position: relative;
  overflow: hidden;
  padding: 120px 24px;
  background: radial-gradient(circle at top left, rgba(0, 140, 214, 0.1), transparent 30%), linear-gradient(180deg, #f7fcff 0%, #eef7fc 100%);
}
.news-detail::before {
  content: "";
  position: absolute;
  top: -120px;
  right: -120px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 140, 214, 0.1) 0%, rgba(0, 140, 214, 0) 72%);
  pointer-events: none;
}
.news-detail::after {
  content: "";
  position: absolute;
  left: -120px;
  bottom: -120px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(243, 160, 0, 0.1) 0%, rgba(243, 160, 0, 0) 72%);
  pointer-events: none;
}
.news-detail__inner {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
}
.news-detail__article {
  width: 100%;
}
.news-detail__header {
  margin-bottom: 52px;
}
.news-detail__label {
  display: inline-block;
  margin-bottom: 22px;
  padding: 8px 14px;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #fff;
  background: var(--main);
  border-radius: 999px;
}
.news-detail__date {
  display: block;
  margin-bottom: 16px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--main);
}
.news-detail__title {
  margin: 0;
  font-size: clamp(2.4rem, 3vw, 3.8rem);
  line-height: 1.35;
  letter-spacing: 0.03em;
  font-weight: 800;
  color: var(--text);
}
.news-detail__lead {
  margin: 20px 0 0;
  max-width: 900px;
  font-size: 1.6rem;
  line-height: 1.85;
  color: rgba(17, 17, 17, 0.88);
}
.news-detail__hero {
  margin: 0 0 56px;
  background: #fff;
  border: 1px solid rgba(0, 140, 214, 0.14);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 140, 214, 0.1);
}
.news-detail__hero-image {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-detail__body {
  max-width: 920px;
  margin: 0 auto 64px;
}
.news-detail__body p {
  margin: 0 0 1.6em;
  font-size: 1.7rem;
  line-height: 1.9;
  color: rgba(17, 17, 17, 0.9);
}
.news-detail__body p:last-child {
  margin-bottom: 0;
}
.news-detail__gallery-section {
  width: 100%;
}
.news-detail__gallery-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 30px;
}
.news-detail__gallery-header::before {
  content: "";
  flex-shrink: 0;
  width: 54px;
  height: 2px;
  background: var(--accent);
}
.news-detail__gallery-title {
  margin: 0;
  font-size: 2.6rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--text);
}
.news-detail__gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.news-detail__gallery-item {
  margin: 0;
  background: #fff;
  border: 1px solid rgba(0, 140, 214, 0.14);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 140, 214, 0.1);
}
.news-detail__gallery-image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 833px) {
  .news-detail {
    padding: 100px 20px;
  }
  .news-detail__header {
    margin-bottom: 40px;
  }
  .news-detail__lead {
    font-size: 1.7rem;
  }
  .news-detail__hero {
    margin-bottom: 46px;
  }
  .news-detail__body {
    margin-bottom: 52px;
  }
  .news-detail__gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .news-detail {
    padding: 82px 16px;
  }
  .news-detail__label {
    margin-bottom: 18px;
    font-size: 1.2rem;
  }
  .news-detail__date {
    margin-bottom: 12px;
    font-size: 1.3rem;
  }
  .news-detail__lead {
    margin-top: 18px;
    font-size: 1.6rem;
  }
  .news-detail__body p {
    font-size: 1.6rem;
  }
  .news-detail__gallery-header {
    margin-bottom: 22px;
  }
  .news-detail__gallery-title {
    font-size: 2rem;
  }
  .news-detail__gallery {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}/*# sourceMappingURL=style.css.map */