@charset "UTF-8";

#article-306 .blur-box-wrap {
  background-image: url('../img/article306_bg01.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: min(24px, calc(24 / 640 * 100vw));
}
#article-306 .blur-box {
  color: #fff;
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: min(30px, calc(30 / 640 * 100vw));
}

#article-306 .glass-card-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: linear-gradient(135deg, #4facfe, #00f2fe);
  padding: min(24px, calc(24 / 640 * 100vw));
}
#article-306 .glass-card {
  width: min(300px, calc(300 / 640 * 100vw));
  color:#fff;
  border-radius: min(16px, calc(16 / 640 * 100vw));
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.3);
  box-shadow: 0 8px 32px rgba(0,0,0,0.2);
  padding: min(30px, calc(30 / 640 * 100vw));
}

#article-306 .glass-header-wrap {
  position: relative;
  width: 100%;
  height: min(150px, calc(150 / 640 * 100vw));
  background: linear-gradient(135deg, #4facfe, #00f2fe);
}
#article-306 .glass-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur(10px);
  padding: min(20px, calc(20 / 640 * 100vw));
  z-index: 10;
}

#article-306 .glass-overlay-wrap {
  background-image: url('../img/article306_bg02.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: min(24px, calc(24 / 640 * 100vw));
}
#article-306 .glass-overlay {
  width: 100%;
  height: min(150px, calc(150 / 640 * 100vw));
  backdrop-filter: blur(8px);
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
#article-306 .glass-overlay .box {
  width: min(100px, calc(100 / 640 * 100vw));
  aspect-ratio: 1 / 1;
  backdrop-filter: blur(10px) brightness(1.2) contrast(1.1);
}