.a-stagger-fade {
  opacity: 0;
  transition: opacity 0.3s;
}
.a-stagger-fade.rotate {
  transform: rotate(-10deg);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
}
.a-stagger-fade.outback {
  transform: translateY(40px);
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.085, 0.86, 0.32, 1.65);
}
.a-stagger-fade.to-up {
  transform: translateY(20px);
  transition: opacity 0.8s, transform 0.8s;
}
@media only screen and (max-width: 768px) {
  .a-stagger-fade.to-up {
    transform: translateY(4.8309178744vw);
  }
}
.a-stagger-fade.to-up.delay-05 {
  transition: opacity 0.6s 0.4s, transform 0.6s 0.4s;
}
.a-stagger-fade.to-left {
  transform: translateX(3rem);
  transition: opacity 0.4s, transform 0.4s;
}
@media only screen and (max-width: 768px) {
  .a-stagger-fade.to-left {
    transform: translateX(2rem);
  }
}
.a-stagger-fade.to-right {
  transform: translateX(-30px);
  transition: opacity 0.4s, transform 0.4s;
}
@media only screen and (max-width: 768px) {
  .a-stagger-fade.to-right {
    transform: translateX(-2rem);
  }
}
.a-stagger-fade.to-down {
  transform: translateY(-20px);
  transition: opacity 0.8s, transform 0.8s;
}
.a-stagger-fade.to-down4 {
  transform: translateY(-4rem);
  transition: opacity 0.3s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.a-stagger-fade.scale-down {
  transform: translateY(0) scale(1.3);
  transition: opacity 0.5s, transform 0.5s;
}
.a-stagger-fade.scale-up {
  transform: scale(0);
  opacity: 1;
  transition: transform 0.8s cubic-bezier(0.24, 0.195, 0.245, 1.525);
}
.a-stagger-fade.scale-up.is-active {
  opacity: 1;
  transform: scale(1);
}
.a-stagger-fade.edge {
  opacity: 0;
  transform: translate(-10px, -10px);
  transition: transform 0.5s, opacity 0.1s;
}
.a-stagger-fade.edge.is-active {
  transform: translate(0, 0);
}
.a-stagger-fade.horizon-mask {
  clip-path: inset(0% 100% 0% 100%);
  opacity: 1;
  transition: clip-path 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.a-stagger-fade.horizon-mask.is-active {
  clip-path: inset(0% 0% 0% 0%);
}
.a-stagger-fade.is-active {
  opacity: 1;
  transform: translateY(0) translateX(0) scale(1) rotate(0);
}

.a-single-fade {
  opacity: 0;
  transition: opacity 0.3s;
}
.a-single-fade.rotate {
  transform: rotate(-20deg);
  opacity: 0;
  transition: opacity 0.3s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.a-single-fade.outback {
  transform: translateY(40px);
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.085, 0.86, 0.32, 1.65);
}
.a-single-fade.to-up {
  transform: translateY(20px);
  transition: opacity 0.8s, transform 0.8s;
}
@media only screen and (max-width: 768px) {
  .a-single-fade.to-up {
    transform: translateY(2.4154589372vw);
  }
}
.a-single-fade.to-left {
  transform: translateX(30px);
  transition: opacity 0.4s, transform 0.4s;
}
@media only screen and (max-width: 768px) {
  .a-single-fade.to-left {
    transform: translateX(2rem);
  }
}
.a-single-fade.to-right {
  transform: translateX(-30px);
  transition: opacity 0.4s, transform 0.4s;
}
@media only screen and (max-width: 768px) {
  .a-single-fade.to-right {
    transform: translateX(-2rem);
  }
}
.a-single-fade.to-down {
  transform: translateY(-2rem);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.a-single-fade.to-down4 {
  transform: translateY(-40px);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-duration: 0.7s;
}
.a-single-fade.scale {
  transform: translateY(0) scale(1.3);
  transition: opacity 0.5s, transform 0.5s;
}
.a-single-fade.horizon-mask {
  clip-path: inset(0% 100% 0% 100%);
  opacity: 1;
  transition: clip-path 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.a-single-fade.horizon-mask.is-active {
  clip-path: inset(0% 0% 0% 0%);
}
.a-single-fade.is-active {
  opacity: 1;
  transform: translateY(0) translateX(0) scale(1) rotate(0);
}

.a-hv-op {
  display: block;
  transition: opacity 0.3s;
  cursor: pointer;
}
@media (hover: hover) {
  .a-hv-op:hover {
    opacity: 0.7;
  }
}

:root {
  --microtitan26-background: #E7EBF2;
  --microtitan26-font-color: #000;
  --microtitan26-font-family: source-han-sans-japanese,
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    sans-serif;
}

#microtitan26 {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: var(--microtitan26-background);
  color: var(--microtitan26-font-colo);
  line-height: 1.7;
  font-weight: 400;
  font-family: var(--microtitan26-font-family);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  letter-spacing: 0;
}
#microtitan26 img {
  display: block;
  max-width: 100%;
  height: auto;
}
#microtitan26 a {
  color: var(--microtitan26-font-colo);
  text-decoration: none;
}
@media screen and (768px < width) {
  #microtitan26 .only-sp {
    display: none !important;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .only-pc {
    display: none !important;
  }
}
#microtitan26 .kv {
  position: relative;
  z-index: 2;
}
#microtitan26 .kv__copy, #microtitan26 .kv__title {
  position: absolute;
}
#microtitan26 .kv__copy img, #microtitan26 .kv__title img {
  width: 100%;
  display: block;
}
@media screen and (768px < width) {
  #microtitan26 .kv__copy {
    width: 34.5138888889vw;
    left: 10.9027777778vw;
    top: 17.2222222222vw;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .kv__copy {
    width: 68.8405797101vw;
    inset-inline: 0;
    top: 21.7391304348vw;
    margin: auto;
  }
}
#microtitan26 .kv__title {
  margin: 0;
}
@media screen and (768px < width) {
  #microtitan26 .kv__title {
    width: 34.5138888889vw;
    left: 10.9027777778vw;
    top: 23.3333333333vw;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .kv__title {
    width: 68.8405797101vw;
    inset-inline: 0;
    top: 33.8164251208vw;
    margin: auto;
  }
}
#microtitan26 .kv__img {
  width: 100%;
}
@media screen and (768px < width) {
  #microtitan26 .feature {
    padding: min(12.5vw, 180px) 0 20.8333333333vw;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature {
    padding: 19.3236714976vw 0 28.9855072464vw;
  }
}
#microtitan26 .feature__inner {
  margin-inline: auto;
}
@media screen and (768px < width) {
  #microtitan26 .feature__inner {
    width: min(88.8888888889vw, 1280px);
  }
}
#microtitan26 .feature .feature-item {
  position: relative;
}
#microtitan26 .feature .feature-item.--1 {
  z-index: 2;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item.--2 {
    margin-top: min(26.3888888889vw, 380px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item.--2 {
    margin-top: 36.231884058vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item.--3 {
    margin-top: min(34.0277777778vw, 490px);
    z-index: 1;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item.--3 {
    margin-top: -16.9082125604vw;
  }
}
#microtitan26 .feature .feature-item.--4 {
  z-index: 2;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item.--4 {
    margin-top: min(59.0277777778vw, 850px);
  }
}
#microtitan26 .feature .feature-item__contents {
  position: relative;
  z-index: 3;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__contents {
    width: min(38.8888888889vw, 560px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__contents {
    margin-inline: auto;
    width: 72.4637681159vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__contents.--1 {
    margin-left: auto;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__contents.--1 {
    width: 85.0241545894vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__contents.--2 {
    margin-left: auto;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__contents.--3 {
    margin-left: min(5.5555555556vw, 80px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__contents.--3 {
    margin-top: -16.9082125604vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__contents.--4 {
    margin-left: auto;
    padding-left: min(5.5555555556vw, 80px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__contents.--4 {
    margin-top: 12.077294686vw;
  }
}
#microtitan26 .feature .feature-item__ttl {
  margin: 0;
  padding: 0;
  font-weight: 200;
  line-height: 1.6;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__ttl.--1 {
    font-size: min(2.0833333333vw, 30px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__ttl.--1 {
    font-size: 6.038647343vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__ttl.--1 span {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__ttl.--1 span {
    font-size: 3.8647342995vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__ttl.--2, #microtitan26 .feature .feature-item__ttl.--3, #microtitan26 .feature .feature-item__ttl.--4 {
    font-size: min(2.3611111111vw, 34px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__ttl.--2, #microtitan26 .feature .feature-item__ttl.--3, #microtitan26 .feature .feature-item__ttl.--4 {
    font-size: 6.038647343vw;
  }
}
#microtitan26 .feature .feature-item__desc {
  font-weight: 200;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__desc {
    margin-top: min(1.3888888889vw, 20px);
    line-height: 2;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__desc {
    margin-top: 4.8309178744vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__desc.--1 {
    font-size: min(1.25vw, 18px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__desc.--1 {
    font-size: 4.0096618357vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__desc.--1 span {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__desc.--1 span {
    font-size: 3.1400966184vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__desc.--2, #microtitan26 .feature .feature-item__desc.--3, #microtitan26 .feature .feature-item__desc.--4 {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__desc.--2, #microtitan26 .feature .feature-item__desc.--3, #microtitan26 .feature .feature-item__desc.--4 {
    font-size: 4.0096618357vw;
  }
}
#microtitan26 .feature .feature-item__note {
  font-weight: 200;
  margin-top: 0.5em;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__note {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__note {
    font-size: 3.3816425121vw;
  }
}
#microtitan26 .feature .feature-item__link {
  font-weight: 500;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__link {
    font-size: min(1.1111111111vw, 16px);
    margin-top: min(1.3888888889vw, 20px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__link {
    font-size: 4.347826087vw;
    margin-top: 4.8309178744vw;
  }
}
#microtitan26 .feature .feature-item__link a {
  text-decoration: underline;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__img {
    position: absolute;
    z-index: 2;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__img.--1 {
    width: min(76.3888888889vw, 1100px);
    top: max(-10.4166666667vw, -150px);
    left: min(2.0833333333vw, 30px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__img.--1 {
    width: 91.7874396135vw;
    margin: 36.231884058vw auto 0;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__img.--3 {
    width: min(165.3472222222vw, 2381px);
    left: 50%;
    top: max(-39.5833333333vw, -570px);
    margin-left: max(-56.9444444444vw, -820px);
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__img.--4 {
    width: min(75.6944444444vw, 1500px);
    aspect-ratio: 2180/1710;
    top: max(-34.7222222222vw, -500px);
    left: 50%;
    margin-left: -50vw;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__img.--4 {
    aspect-ratio: 828/960;
    margin-top: -60.38647343vw;
  }
}
#microtitan26 .feature .feature-item__bg {
  z-index: 1;
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__bg {
    position: absolute;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__bg.--1 {
    width: min(50vw, 720px);
    top: -13.8888888889vw;
    left: 50%;
    margin-left: -50vw;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__bg.--1 {
    width: 100vw;
    top: -38.6473429952vw;
    left: 0;
    opacity: 0.6;
    position: absolute;
  }
}
@media screen and (768px < width) {
  #microtitan26 .feature .feature-item__bg.--4 {
    width: min(100vw, 1440px);
    aspect-ratio: 2880/1948;
    top: max(-59.0277777778vw, -850px);
    left: 50%;
    margin-left: -50vw;
    z-index: 3;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .feature .feature-item__bg.--4 {
    aspect-ratio: 828/1088;
    position: relative;
    margin-top: -24.154589372vw;
  }
}
#microtitan26 .pickup {
  position: relative;
  z-index: 2;
}
#microtitan26 .pickup__inner {
  position: relative;
  margin-inline: auto;
}
@media screen and (768px < width) {
  #microtitan26 .pickup__inner {
    width: min(88.8888888889vw, 1280px);
    padding-bottom: min(13.8888888889vw, 200px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .pickup__inner {
    padding-bottom: 48.309178744vw;
  }
}
#microtitan26 .pickup__contents {
  background-color: #EFEFEF;
}
@media screen and (768px < width) {
  #microtitan26 .pickup__contents {
    width: min(48.6111111111vw, 700px);
    padding: min(2.7777777778vw, 40px) min(7.6388888889vw, 110px) min(2.7777777778vw, 40px) min(5.5555555556vw, 80px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .pickup__contents {
    padding: 14.4927536232vw 14.0096618357vw;
  }
}
#microtitan26 .pickup__label {
  width: fit-content;
  border: 1px solid #707070;
  text-transform: uppercase;
  line-height: 1;
}
@media screen and (768px < width) {
  #microtitan26 .pickup__label {
    font-size: min(1.1111111111vw, 16px);
    padding: min(0.4166666667vw, 6px) min(1.7361111111vw, 25px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .pickup__label {
    font-size: 3.8647342995vw;
    padding: 1.4492753623vw 6.038647343vw;
  }
}
#microtitan26 .pickup__ttl {
  padding: 0;
  margin-inline: 0;
  font-weight: 400;
}
@media screen and (768px < width) {
  #microtitan26 .pickup__ttl {
    font-size: min(1.5277777778vw, 22px);
    margin: min(1.0416666667vw, 15px) 0;
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .pickup__ttl {
    font-size: 4.8309178744vw;
    margin: 3.6231884058vw 0;
  }
}
#microtitan26 .pickup__desc {
  font-weight: 200;
}
@media screen and (768px < width) {
  #microtitan26 .pickup__desc {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .pickup__desc {
    font-size: 3.8647342995vw;
  }
}
@media screen and (768px < width) {
  #microtitan26 .pickup__item {
    margin-top: min(1.3888888889vw, 20px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .pickup__item {
    width: 84.5410628019vw;
    margin-top: 3.6231884058vw;
    margin-left: -4.8309178744vw;
  }
}
#microtitan26 .pickup__link {
  font-weight: 500;
}
@media screen and (768px < width) {
  #microtitan26 .pickup__link {
    margin-top: min(2.7777777778vw, 40px);
    font-size: min(1.1111111111vw, 16px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .pickup__link {
    font-size: 4.347826087vw;
    margin-top: 12.077294686vw;
  }
}
#microtitan26 .pickup__link a {
  text-decoration: underline;
}
@media screen and (768px < width) {
  #microtitan26 .pickup__img {
    width: min(43.75vw, 630px);
    position: absolute;
    top: min(8.5416666667vw, 123px);
    right: 0;
  }
}
#microtitan26 .pickup__img .cap {
  margin-top: 0.5em;
  font-weight: 200;
}
@media screen and (768px < width) {
  #microtitan26 .pickup__img .cap {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media screen and (width <= 768px) {
  #microtitan26 .pickup__img .cap {
    font-size: 3.3816425121vw;
    text-align: center;
  }
}

#microtitan26 .kv__img {
  opacity: 0;
}
#microtitan26 .kv__copy, #microtitan26 .kv__title {
  opacity: 0;
  transform: translateY(20px);
}
#microtitan26 .feature .feature-item__img.--1 {
  transform: rotate(10deg);
  opacity: 0;
  transform-origin: 30% 60%;
}
#microtitan26 .feature .feature-item__img.--3 {
  opacity: 0;
}
#microtitan26 .feature .feature-item__img.--4 {
  opacity: 0;
  transform: translateY(-20px);
}