#wrapper main #list {
  max-width: 1920px;
  margin:0 auto;
  padding:240px 0;
}

#wrapper main #list #data {
  overflow: hidden;
  padding: 0 160px 80px 160px;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #data {
    padding: 0 160px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #data {
    padding: 0 40px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #data {
    padding: 0 24px;
  }
}

#wrapper main #list #data ul li {
  float: left;
  width:100%;
  margin-bottom: 80px;
}

#wrapper main #list #data ul li .company {
  font-size: var(--font-51);
  line-height: 1.6;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F62fjtqLzI2JPCgQBnw7HFow2oe2EcP5pp0erwTqsSWs9Jezazjcb4.0.woff2) format('woff2');
  unicode-range: U+25ee8, U+25f23, U+25f5c, U+25fd4, U+25fe0, U+25ffb, U+2600c, U+26017, U+26060, U+260ed, U+26222, U+2626a, U+26270, U+26286, U+2634c, U+26402, U+2667e, U+266b0, U+2671d, U+268dd, U+268ea, U+26951, U+2696f, U+26999, U+269dd, U+26a1e, U+26a58, U+26a8c, U+26ab7, U+26aff, U+26c29, U+26c73, U+26c9e, U+26cdd, U+26e40, U+26e65, U+26f94, U+26ff6-26ff8, U+270f4, U+2710d, U+27139, U+273da-273db, U+273fe, U+27410, U+27449, U+27614-27615, U+27631, U+27684, U+27693, U+2770e, U+27723, U+27752, U+278b2, U+27985, U+279b4, U+27a84, U+27bb3, U+27bbe, U+27bc7, U+27c3c, U+27cb8, U+27d73, U+27da0, U+27e10, U+27eaf, U+27fb7, U+2808a, U+280bb, U+28277, U+28282, U+282f3, U+283cd, U+2840c, U+28455, U+284dc, U+2856b, U+285c8-285c9, U+286d7, U+286fa, U+28946, U+28949, U+2896b, U+28987-28988, U+289ba-289bb, U+28a1e, U+28a29, U+28a43, U+28a71, U+28a99, U+28acd, U+28add, U+28ae4, U+28bc1, U+28bef, U+28cdd, U+28d10, U+28d71, U+28dfb, U+28e0f, U+28e17, U+28e1f, U+28e36, U+28e89, U+28eeb, U+28ef6, U+28f32, U+28ff8, U+292a0, U+292b1, U+29490, U+295cf, U+2967f, U+296f0, U+29719, U+29750, U+29810, U+298c6, U+29a72, U+29d4b, U+29ddb, U+29e15, U+29e3d, U+29e49, U+29e8a, U+29ec4, U+29edb, U+29ee9, U+29fce, U+29fd7, U+2a01a, U+2a02f, U+2a082, U+2a0f9, U+2a190, U+2a2b2, U+2a38c, U+2a437, U+2a5f1, U+2a602, U+2a61a, U+2a6b2, U+2a9e6, U+2b746, U+2b751, U+2b753, U+2b75a, U+2b75c, U+2b765, U+2b776-2b777, U+2b77c, U+2b782, U+2b789, U+2b78b, U+2b78e, U+2b794, U+2b7ac, U+2b7af, U+2b7bd, U+2b7c9, U+2b7cf, U+2b7d2, U+2b7d8, U+2b7f0, U+2b80d, U+2b817, U+2b81a, U+2d544, U+2e278, U+2e569, U+2e6ea, U+2f804, U+2f80f, U+2f815, U+2f818, U+2f81a, U+2f822, U+2f828, U+2f82c, U+2f833, U+2f83f, U+2f846, U+2f852, U+2f862, U+2f86d, U+2f873, U+2f877, U+2f884, U+2f899-2f89a, U+2f8a6, U+2f8ac, U+2f8b2, U+2f8b6, U+2f8d3, U+2f8db-2f8dc, U+2f8e1, U+2f8e5, U+2f8ea, U+2f8ed, U+2f8fc, U+2f903, U+2f90b, U+2f90f, U+2f91a, U+2f920-2f921, U+2f945, U+2f947, U+2f96c, U+2f995, U+2f9d0, U+2f9de-2f9df, U+2f9f4;
  letter-spacing:0.06em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #data ul li .company {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #data ul li .company {
    font-size: 32px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #data ul li .company {
    font-size: 26px;
  }
}

#wrapper main #list #data ul li ul.overview {
  margin: 0;
  padding: 0;
}

#wrapper main #list #data ul li ul.overview li {
  list-style-type: none;
  margin: 0 0 40px 0;
  padding: 0;
}

#wrapper main #list #data ul li ul.overview li hr {
  border-top: solid 1px rgba(255, 255, 255, 0.12);
  margin: 40px 0 0 0;
  padding: 0;
  width: 100%;
}

#wrapper main #list #data ul li ul.overview li .text {
  font-size: var(--font-21);
  line-height: 1.6;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F62fjtqLzI2JPCgQBnw7HFow2oe2EcP5pp0erwTqsSWs9Jezazjcb4.0.woff2) format('woff2');
  unicode-range: U+25ee8, U+25f23, U+25f5c, U+25fd4, U+25fe0, U+25ffb, U+2600c, U+26017, U+26060, U+260ed, U+26222, U+2626a, U+26270, U+26286, U+2634c, U+26402, U+2667e, U+266b0, U+2671d, U+268dd, U+268ea, U+26951, U+2696f, U+26999, U+269dd, U+26a1e, U+26a58, U+26a8c, U+26ab7, U+26aff, U+26c29, U+26c73, U+26c9e, U+26cdd, U+26e40, U+26e65, U+26f94, U+26ff6-26ff8, U+270f4, U+2710d, U+27139, U+273da-273db, U+273fe, U+27410, U+27449, U+27614-27615, U+27631, U+27684, U+27693, U+2770e, U+27723, U+27752, U+278b2, U+27985, U+279b4, U+27a84, U+27bb3, U+27bbe, U+27bc7, U+27c3c, U+27cb8, U+27d73, U+27da0, U+27e10, U+27eaf, U+27fb7, U+2808a, U+280bb, U+28277, U+28282, U+282f3, U+283cd, U+2840c, U+28455, U+284dc, U+2856b, U+285c8-285c9, U+286d7, U+286fa, U+28946, U+28949, U+2896b, U+28987-28988, U+289ba-289bb, U+28a1e, U+28a29, U+28a43, U+28a71, U+28a99, U+28acd, U+28add, U+28ae4, U+28bc1, U+28bef, U+28cdd, U+28d10, U+28d71, U+28dfb, U+28e0f, U+28e17, U+28e1f, U+28e36, U+28e89, U+28eeb, U+28ef6, U+28f32, U+28ff8, U+292a0, U+292b1, U+29490, U+295cf, U+2967f, U+296f0, U+29719, U+29750, U+29810, U+298c6, U+29a72, U+29d4b, U+29ddb, U+29e15, U+29e3d, U+29e49, U+29e8a, U+29ec4, U+29edb, U+29ee9, U+29fce, U+29fd7, U+2a01a, U+2a02f, U+2a082, U+2a0f9, U+2a190, U+2a2b2, U+2a38c, U+2a437, U+2a5f1, U+2a602, U+2a61a, U+2a6b2, U+2a9e6, U+2b746, U+2b751, U+2b753, U+2b75a, U+2b75c, U+2b765, U+2b776-2b777, U+2b77c, U+2b782, U+2b789, U+2b78b, U+2b78e, U+2b794, U+2b7ac, U+2b7af, U+2b7bd, U+2b7c9, U+2b7cf, U+2b7d2, U+2b7d8, U+2b7f0, U+2b80d, U+2b817, U+2b81a, U+2d544, U+2e278, U+2e569, U+2e6ea, U+2f804, U+2f80f, U+2f815, U+2f818, U+2f81a, U+2f822, U+2f828, U+2f82c, U+2f833, U+2f83f, U+2f846, U+2f852, U+2f862, U+2f86d, U+2f873, U+2f877, U+2f884, U+2f899-2f89a, U+2f8a6, U+2f8ac, U+2f8b2, U+2f8b6, U+2f8d3, U+2f8db-2f8dc, U+2f8e1, U+2f8e5, U+2f8ea, U+2f8ed, U+2f8fc, U+2f903, U+2f90b, U+2f90f, U+2f91a, U+2f920-2f921, U+2f945, U+2f947, U+2f96c, U+2f995, U+2f9d0, U+2f9de-2f9df, U+2f9f4;
  letter-spacing:0.08em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #data ul li ul.overview li .text {
    font-size: 19px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #data ul li ul.overview li .text {
    font-size: 17px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #data ul li ul.overview li .text {
    font-size: 16px;
  }
}

#wrapper main #list #data ul li ul.overview li .indent {
  font-size: var(--font-21);
  line-height: 1.6;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F62fjtqLzI2JPCgQBnw7HFow2oe2EcP5pp0erwTqsSWs9Jezazjcb4.0.woff2) format('woff2');
  unicode-range: U+25ee8, U+25f23, U+25f5c, U+25fd4, U+25fe0, U+25ffb, U+2600c, U+26017, U+26060, U+260ed, U+26222, U+2626a, U+26270, U+26286, U+2634c, U+26402, U+2667e, U+266b0, U+2671d, U+268dd, U+268ea, U+26951, U+2696f, U+26999, U+269dd, U+26a1e, U+26a58, U+26a8c, U+26ab7, U+26aff, U+26c29, U+26c73, U+26c9e, U+26cdd, U+26e40, U+26e65, U+26f94, U+26ff6-26ff8, U+270f4, U+2710d, U+27139, U+273da-273db, U+273fe, U+27410, U+27449, U+27614-27615, U+27631, U+27684, U+27693, U+2770e, U+27723, U+27752, U+278b2, U+27985, U+279b4, U+27a84, U+27bb3, U+27bbe, U+27bc7, U+27c3c, U+27cb8, U+27d73, U+27da0, U+27e10, U+27eaf, U+27fb7, U+2808a, U+280bb, U+28277, U+28282, U+282f3, U+283cd, U+2840c, U+28455, U+284dc, U+2856b, U+285c8-285c9, U+286d7, U+286fa, U+28946, U+28949, U+2896b, U+28987-28988, U+289ba-289bb, U+28a1e, U+28a29, U+28a43, U+28a71, U+28a99, U+28acd, U+28add, U+28ae4, U+28bc1, U+28bef, U+28cdd, U+28d10, U+28d71, U+28dfb, U+28e0f, U+28e17, U+28e1f, U+28e36, U+28e89, U+28eeb, U+28ef6, U+28f32, U+28ff8, U+292a0, U+292b1, U+29490, U+295cf, U+2967f, U+296f0, U+29719, U+29750, U+29810, U+298c6, U+29a72, U+29d4b, U+29ddb, U+29e15, U+29e3d, U+29e49, U+29e8a, U+29ec4, U+29edb, U+29ee9, U+29fce, U+29fd7, U+2a01a, U+2a02f, U+2a082, U+2a0f9, U+2a190, U+2a2b2, U+2a38c, U+2a437, U+2a5f1, U+2a602, U+2a61a, U+2a6b2, U+2a9e6, U+2b746, U+2b751, U+2b753, U+2b75a, U+2b75c, U+2b765, U+2b776-2b777, U+2b77c, U+2b782, U+2b789, U+2b78b, U+2b78e, U+2b794, U+2b7ac, U+2b7af, U+2b7bd, U+2b7c9, U+2b7cf, U+2b7d2, U+2b7d8, U+2b7f0, U+2b80d, U+2b817, U+2b81a, U+2d544, U+2e278, U+2e569, U+2e6ea, U+2f804, U+2f80f, U+2f815, U+2f818, U+2f81a, U+2f822, U+2f828, U+2f82c, U+2f833, U+2f83f, U+2f846, U+2f852, U+2f862, U+2f86d, U+2f873, U+2f877, U+2f884, U+2f899-2f89a, U+2f8a6, U+2f8ac, U+2f8b2, U+2f8b6, U+2f8d3, U+2f8db-2f8dc, U+2f8e1, U+2f8e5, U+2f8ea, U+2f8ed, U+2f8fc, U+2f903, U+2f90b, U+2f90f, U+2f91a, U+2f920-2f921, U+2f945, U+2f947, U+2f96c, U+2f995, U+2f9d0, U+2f9de-2f9df, U+2f9f4;
  letter-spacing:0.08em;
  font-feature-settings: "palt";

  position: relative;
  padding-left: 1em;
  line-height: 1.6;
}
#wrapper main #list #data ul li ul.overview li .indent::before {
  content: "・";
  position: absolute;
  left: 0;
}

@media screen and (max-width: 1024px) {
  #wrapper main #list #data ul li ul.overview li .indent {
    font-size: 19px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #data ul li ul.overview li .indent {
    font-size: 17px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #data ul li ul.overview li .indent {
    font-size: 16px;
  }
}

#wrapper main #list #data ul li #details {
  overflow: hidden;
}

#wrapper main #list #data ul li #details ul li {
  float: left;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin:0;
  padding: 24px 0 ;
  display: flex;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #data ul li #details ul li {
    flex-flow: column;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}

#wrapper main #list #data ul li #details ul li .subtitle {
  width: 200px;
  font-size: var(--font-21);
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x7T2kn3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #data ul li #details ul li .subtitle {
    font-size: 19px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #data ul li #details ul li .subtitle {
    width: 100%;
    font-size: 17px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #data ul li #details ul li .subtitle {
    font-size: 16px;
  }
}

#wrapper main #list #data ul li #details ul li .text {
  float: left;
  flex: 1;
  /* opacity: var(--opacity-32); */
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #data ul li #details ul li .text {
    margin-top: 16px;
  }
}

#wrapper main #list #data ul li #details ul li .text ul,
#wrapper main #list #data ul li #details ul li .text ul li {
  margin: 0;
  padding: 0;
}
#wrapper main #list #data ul li #details ul li .text ul li {
  display: block;
  margin: 0 0 24px 0;
  padding: 0;
  border: 0;
}

#wrapper main #list #data ul li #details ul li .text ul li .text {
  width: 100%;
  position: relative;
  padding-left: 1em;
  line-height: 1.6;
}
#wrapper main #list #data ul li #details ul li .text ul li .text::before {
  content: "・";
  position: absolute;
  left: 0;
}


#wrapper main #list #data ul li #details ul li .text .block {
  font-size: var(--font-16);
}

#wrapper main #list #data ul li #details ul li .text .tag {
  opacity: var(--opacity-32);
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #data ul li #details ul li .text .block {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #data ul li #details ul li .text .block {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #data ul li #details ul li .text .block {
    font-size: 15px;
  }
}

#wrapper main #list #data ul li #details ul li .text p {
  display: inline-block;
  line-height: 1.6;
  margin: 0;
}

#wrapper main #list #data ul li a {
  overflow: hidden;
  border-radius: 16px;
  position: relative;
  width: 100%;
  display:inline-block;
  padding: 32px 0;
  background: rgba(255, 255, 255, 0.04);
  transition: all 0.4s var(--ease-accelerationdeceleration-looser);
}

#wrapper main #list #data ul li a .launchsite {
  mix-blend-mode: difference;
  text-align: center;
}

#wrapper main #list #data ul li a img {
  mix-blend-mode: difference;
  width: 16px;
  height: auto;
  position: absolute;
  right: 8px;
  top:8px;
}

#wrapper main #list #data ul li a:hover {
  background: rgba(255, 255, 255, 1);
}



#wrapper main #list #Achievements {
  overflow: hidden;
  padding: 0 160px 80px 160px;
  /* background-color: rgb(5, 107, 44); */
}

@media screen and (max-width: 1024px) {
  #wrapper main #list #Achievements {
    padding: 0 160px 80px 160px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements {
    padding: 0 40px 80px 40px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #Achievements {
    padding: 0 24px 80px 24px;
  }
}

#wrapper main #list #Achievements ul,
#wrapper main #list #Achievements li {
  margin: 0;
  padding: 0;
}

#wrapper main #list #Achievements li {
  padding-bottom: 120px;
}

#wrapper main #list #Achievements li .headline {
  margin-bottom: 0;
}

#wrapper main #list #Achievements li h4 {
  line-height: 1.6;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F62fjtqLzI2JPCgQBnw7HFow2oe2EcP5pp0erwTqsSWs9Jezazjcb4.0.woff2) format('woff2');
  unicode-range: U+25ee8, U+25f23, U+25f5c, U+25fd4, U+25fe0, U+25ffb, U+2600c, U+26017, U+26060, U+260ed, U+26222, U+2626a, U+26270, U+26286, U+2634c, U+26402, U+2667e, U+266b0, U+2671d, U+268dd, U+268ea, U+26951, U+2696f, U+26999, U+269dd, U+26a1e, U+26a58, U+26a8c, U+26ab7, U+26aff, U+26c29, U+26c73, U+26c9e, U+26cdd, U+26e40, U+26e65, U+26f94, U+26ff6-26ff8, U+270f4, U+2710d, U+27139, U+273da-273db, U+273fe, U+27410, U+27449, U+27614-27615, U+27631, U+27684, U+27693, U+2770e, U+27723, U+27752, U+278b2, U+27985, U+279b4, U+27a84, U+27bb3, U+27bbe, U+27bc7, U+27c3c, U+27cb8, U+27d73, U+27da0, U+27e10, U+27eaf, U+27fb7, U+2808a, U+280bb, U+28277, U+28282, U+282f3, U+283cd, U+2840c, U+28455, U+284dc, U+2856b, U+285c8-285c9, U+286d7, U+286fa, U+28946, U+28949, U+2896b, U+28987-28988, U+289ba-289bb, U+28a1e, U+28a29, U+28a43, U+28a71, U+28a99, U+28acd, U+28add, U+28ae4, U+28bc1, U+28bef, U+28cdd, U+28d10, U+28d71, U+28dfb, U+28e0f, U+28e17, U+28e1f, U+28e36, U+28e89, U+28eeb, U+28ef6, U+28f32, U+28ff8, U+292a0, U+292b1, U+29490, U+295cf, U+2967f, U+296f0, U+29719, U+29750, U+29810, U+298c6, U+29a72, U+29d4b, U+29ddb, U+29e15, U+29e3d, U+29e49, U+29e8a, U+29ec4, U+29edb, U+29ee9, U+29fce, U+29fd7, U+2a01a, U+2a02f, U+2a082, U+2a0f9, U+2a190, U+2a2b2, U+2a38c, U+2a437, U+2a5f1, U+2a602, U+2a61a, U+2a6b2, U+2a9e6, U+2b746, U+2b751, U+2b753, U+2b75a, U+2b75c, U+2b765, U+2b776-2b777, U+2b77c, U+2b782, U+2b789, U+2b78b, U+2b78e, U+2b794, U+2b7ac, U+2b7af, U+2b7bd, U+2b7c9, U+2b7cf, U+2b7d2, U+2b7d8, U+2b7f0, U+2b80d, U+2b817, U+2b81a, U+2d544, U+2e278, U+2e569, U+2e6ea, U+2f804, U+2f80f, U+2f815, U+2f818, U+2f81a, U+2f822, U+2f828, U+2f82c, U+2f833, U+2f83f, U+2f846, U+2f852, U+2f862, U+2f86d, U+2f873, U+2f877, U+2f884, U+2f899-2f89a, U+2f8a6, U+2f8ac, U+2f8b2, U+2f8b6, U+2f8d3, U+2f8db-2f8dc, U+2f8e1, U+2f8e5, U+2f8ea, U+2f8ed, U+2f8fc, U+2f903, U+2f90b, U+2f90f, U+2f91a, U+2f920-2f921, U+2f945, U+2f947, U+2f96c, U+2f995, U+2f9d0, U+2f9de-2f9df, U+2f9f4;
  letter-spacing:0.08em;
  font-feature-settings: "palt";
  margin: 0 0 40px 0;
}

#wrapper main #list #Achievements li .text {
  font-size: var(--font-16);
  line-height: 1.6;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F62fjtqLzI2JPCgQBnw7HFow2oe2EcP5pp0erwTqsSWs9Jezazjcb4.0.woff2) format('woff2');
  unicode-range: U+25ee8, U+25f23, U+25f5c, U+25fd4, U+25fe0, U+25ffb, U+2600c, U+26017, U+26060, U+260ed, U+26222, U+2626a, U+26270, U+26286, U+2634c, U+26402, U+2667e, U+266b0, U+2671d, U+268dd, U+268ea, U+26951, U+2696f, U+26999, U+269dd, U+26a1e, U+26a58, U+26a8c, U+26ab7, U+26aff, U+26c29, U+26c73, U+26c9e, U+26cdd, U+26e40, U+26e65, U+26f94, U+26ff6-26ff8, U+270f4, U+2710d, U+27139, U+273da-273db, U+273fe, U+27410, U+27449, U+27614-27615, U+27631, U+27684, U+27693, U+2770e, U+27723, U+27752, U+278b2, U+27985, U+279b4, U+27a84, U+27bb3, U+27bbe, U+27bc7, U+27c3c, U+27cb8, U+27d73, U+27da0, U+27e10, U+27eaf, U+27fb7, U+2808a, U+280bb, U+28277, U+28282, U+282f3, U+283cd, U+2840c, U+28455, U+284dc, U+2856b, U+285c8-285c9, U+286d7, U+286fa, U+28946, U+28949, U+2896b, U+28987-28988, U+289ba-289bb, U+28a1e, U+28a29, U+28a43, U+28a71, U+28a99, U+28acd, U+28add, U+28ae4, U+28bc1, U+28bef, U+28cdd, U+28d10, U+28d71, U+28dfb, U+28e0f, U+28e17, U+28e1f, U+28e36, U+28e89, U+28eeb, U+28ef6, U+28f32, U+28ff8, U+292a0, U+292b1, U+29490, U+295cf, U+2967f, U+296f0, U+29719, U+29750, U+29810, U+298c6, U+29a72, U+29d4b, U+29ddb, U+29e15, U+29e3d, U+29e49, U+29e8a, U+29ec4, U+29edb, U+29ee9, U+29fce, U+29fd7, U+2a01a, U+2a02f, U+2a082, U+2a0f9, U+2a190, U+2a2b2, U+2a38c, U+2a437, U+2a5f1, U+2a602, U+2a61a, U+2a6b2, U+2a9e6, U+2b746, U+2b751, U+2b753, U+2b75a, U+2b75c, U+2b765, U+2b776-2b777, U+2b77c, U+2b782, U+2b789, U+2b78b, U+2b78e, U+2b794, U+2b7ac, U+2b7af, U+2b7bd, U+2b7c9, U+2b7cf, U+2b7d2, U+2b7d8, U+2b7f0, U+2b80d, U+2b817, U+2b81a, U+2d544, U+2e278, U+2e569, U+2e6ea, U+2f804, U+2f80f, U+2f815, U+2f818, U+2f81a, U+2f822, U+2f828, U+2f82c, U+2f833, U+2f83f, U+2f846, U+2f852, U+2f862, U+2f86d, U+2f873, U+2f877, U+2f884, U+2f899-2f89a, U+2f8a6, U+2f8ac, U+2f8b2, U+2f8b6, U+2f8d3, U+2f8db-2f8dc, U+2f8e1, U+2f8e5, U+2f8ea, U+2f8ed, U+2f8fc, U+2f903, U+2f90b, U+2f90f, U+2f91a, U+2f920-2f921, U+2f945, U+2f947, U+2f96c, U+2f995, U+2f9d0, U+2f9de-2f9df, U+2f9f4;
  letter-spacing:0.08em;
  font-feature-settings: "palt";
}

#wrapper main #list #Achievements li .indent {
  font-size: var(--font-16);
  line-height: 1.6;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosansjp/v56/-F62fjtqLzI2JPCgQBnw7HFow2oe2EcP5pp0erwTqsSWs9Jezazjcb4.0.woff2) format('woff2');
  unicode-range: U+25ee8, U+25f23, U+25f5c, U+25fd4, U+25fe0, U+25ffb, U+2600c, U+26017, U+26060, U+260ed, U+26222, U+2626a, U+26270, U+26286, U+2634c, U+26402, U+2667e, U+266b0, U+2671d, U+268dd, U+268ea, U+26951, U+2696f, U+26999, U+269dd, U+26a1e, U+26a58, U+26a8c, U+26ab7, U+26aff, U+26c29, U+26c73, U+26c9e, U+26cdd, U+26e40, U+26e65, U+26f94, U+26ff6-26ff8, U+270f4, U+2710d, U+27139, U+273da-273db, U+273fe, U+27410, U+27449, U+27614-27615, U+27631, U+27684, U+27693, U+2770e, U+27723, U+27752, U+278b2, U+27985, U+279b4, U+27a84, U+27bb3, U+27bbe, U+27bc7, U+27c3c, U+27cb8, U+27d73, U+27da0, U+27e10, U+27eaf, U+27fb7, U+2808a, U+280bb, U+28277, U+28282, U+282f3, U+283cd, U+2840c, U+28455, U+284dc, U+2856b, U+285c8-285c9, U+286d7, U+286fa, U+28946, U+28949, U+2896b, U+28987-28988, U+289ba-289bb, U+28a1e, U+28a29, U+28a43, U+28a71, U+28a99, U+28acd, U+28add, U+28ae4, U+28bc1, U+28bef, U+28cdd, U+28d10, U+28d71, U+28dfb, U+28e0f, U+28e17, U+28e1f, U+28e36, U+28e89, U+28eeb, U+28ef6, U+28f32, U+28ff8, U+292a0, U+292b1, U+29490, U+295cf, U+2967f, U+296f0, U+29719, U+29750, U+29810, U+298c6, U+29a72, U+29d4b, U+29ddb, U+29e15, U+29e3d, U+29e49, U+29e8a, U+29ec4, U+29edb, U+29ee9, U+29fce, U+29fd7, U+2a01a, U+2a02f, U+2a082, U+2a0f9, U+2a190, U+2a2b2, U+2a38c, U+2a437, U+2a5f1, U+2a602, U+2a61a, U+2a6b2, U+2a9e6, U+2b746, U+2b751, U+2b753, U+2b75a, U+2b75c, U+2b765, U+2b776-2b777, U+2b77c, U+2b782, U+2b789, U+2b78b, U+2b78e, U+2b794, U+2b7ac, U+2b7af, U+2b7bd, U+2b7c9, U+2b7cf, U+2b7d2, U+2b7d8, U+2b7f0, U+2b80d, U+2b817, U+2b81a, U+2d544, U+2e278, U+2e569, U+2e6ea, U+2f804, U+2f80f, U+2f815, U+2f818, U+2f81a, U+2f822, U+2f828, U+2f82c, U+2f833, U+2f83f, U+2f846, U+2f852, U+2f862, U+2f86d, U+2f873, U+2f877, U+2f884, U+2f899-2f89a, U+2f8a6, U+2f8ac, U+2f8b2, U+2f8b6, U+2f8d3, U+2f8db-2f8dc, U+2f8e1, U+2f8e5, U+2f8ea, U+2f8ed, U+2f8fc, U+2f903, U+2f90b, U+2f90f, U+2f91a, U+2f920-2f921, U+2f945, U+2f947, U+2f96c, U+2f995, U+2f9d0, U+2f9de-2f9df, U+2f9f4;
  letter-spacing:0.08em;
  font-feature-settings: "palt";

  position: relative;
  padding-left: 1em;
}
#wrapper main #list #Achievements li .indent::before {
  content: "・";
  position: absolute;
  left: 0;
}


#wrapper main #list #Achievements li a#back-to-top {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  position: relative;
  width: 100%;
  display:inline-block;
  text-align: center;
  margin-top: 80px;
  padding: 32px 0;
  background: rgba(255, 255, 255, 0.04);
  transition: all 0.4s var(--ease-accelerationdeceleration-looser);
}

#wrapper main #list #Achievements li a:hover#back-to-top {
  text-align: center;
  background: rgba(255, 255, 255, 1);
}

#wrapper main #list #Achievements li a#back-to-top p {
  display: inline-block;
  padding-right: 24px;
  mix-blend-mode: difference;
  line-height: 1;
  background: url(../images/back-to-top.svg) no-repeat right center;
  font-size: var(--font-21);
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x7T2kn3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;flex-shrink: 0;
  
}

#wrapper main #list #Achievements ul li img,
#wrapper main #list #Achievements ul li svg,
#wrapper main #list #Achievements ul li video {
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 20px;
}

#wrapper main #list #Achievements ul li .hol1 {
  display: grid;
  grid-template-columns: 1fr;
}

#wrapper main #list #Achievements ul li .hol2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #Achievements ul li .hol2 {
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol2 {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #Achievements ul li .hol2 {
    gap: 24px;
  }
}

#wrapper main #list #Achievements ul li .hol3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #Achievements ul li .hol3 {
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #Achievements ul li .hol3 {
    gap: 24px;
  }
}

#wrapper main #list #Achievements ul li .hol4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #Achievements ul li .hol4 {
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol4 {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #Achievements ul li .hol4 {
    gap: 24px;
  }
}

#wrapper main #list #Achievements ul li .hol2xN {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol2xN {
    gap: 16px;
  }
}

#wrapper main #list #Achievements ul li .hol3xN {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol3xN {
    gap: 16px;
  }
}

#wrapper main #list #Achievements ul li .hol4xN {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol4xN {
    gap: 16px;
  }
}

#wrapper main #list #Achievements ul li .hol2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #Achievements ul li .hol2-1 {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol2-1 {
    gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #Achievements ul li .hol2-1 {
    gap: 24px;
  }
}

#wrapper main #list #Achievements ul li .hol1-2 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #Achievements ul li .hol1-2 {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol1-2 {
    gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #Achievements ul li .hol1-2 {
    gap: 24px;
  }
}


#wrapper main #list #Achievements ul li .hol2-1-1 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 80px;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #Achievements ul li .hol2-1-1 {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol2-1-1 {
    gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #Achievements ul li .hol2-1-1 {
    gap: 24px;
  }
}

#wrapper main #list #Achievements ul li .hol-img-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
}
#wrapper main #list #Achievements ul li .hol-img-text .text h4 {
  margin: 0 0 16px 0;
}
@media screen and (max-width: 1024px) {
  #wrapper main #list #Achievements ul li .hol-img-text {
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper main #list #Achievements ul li .hol-img-text {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  #wrapper main #list #Achievements ul li .hol-img-text {
    gap: 24px;
  }
}




#wrapper a #scrollAction {
  display: block;
  overflow: hidden;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  text-align: center;
  padding: 400px 0 1200px 0;
  transition: background-color 0.3s ease-in-out;
}

#wrapper a:hover #scrollAction {
  background: rgba(255, 255, 255, 1);
}

#wrapper #scrollAction p {
  font-size: var(--font-41);
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x7T2kn3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;flex-shrink: 0;
  mix-blend-mode: difference;
}

#wrapper #scrollAction .subtext {
  opacity: var(--opacity-32);
  font-size: var(--font-16);
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x7T2kn3.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;flex-shrink: 0;
  mix-blend-mode: difference;
  margin-bottom: 40px;
}

#wrapper #scrollAction #scrollArrow {
  width: 24px;
  height: auto;
  margin: 0 auto;
  mix-blend-mode: difference;
}


#move {
  position: fixed;
  width: 100%;
  height: 100vh;
  pointer-events: none; /* 下層を殺さない */
  mix-blend-mode: difference;
}

/* ===============================
   prev / next 共通（当たり判定の本体）
================================ */
#move #prev,
#move #next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  width: 160px;
  height: 160px;

  pointer-events: auto;
}

#move #prev a,
#move #next a {
  display: block;
}

@media screen and (max-width: 768px) {
  #move #prev,
  #move #next {
    display: none;
  }
}

#move #prev {
  left: 0;
}
#move #next {
  right: 0;
}

/* ===============================
   ホバー領域
================================ */
#move .magnet-area {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
}

/* ===============================
   ボタン本体
================================ */
#move button {
  width: 80px;
  height: 80px;

  border-radius: 50%;
  border: rgba(255, 255, 255, 0.08) 4px solid;
  /* background-color: rgba(0, 238, 255, 0.2); */

  display: flex;
  justify-content: center;
  align-items: center;

  cursor: pointer;

  will-change: transform;
  transition: 0.2s;
}

/* ===============================
   アイコン
================================ */
#move button img {
  width: 24px;
  height: auto;
  display: block;

  will-change: transform;
  pointer-events: none;
}

/* ===============================
   ホバー演出
================================ */
#move #prev:hover button,
#move #next:hover button {
  
  border-color: rgba(255, 255, 255, 0.4);
}
